body{
	font-family:Arial;
	font-size:12px;
	background-image:url('../img/fond_01.png');
	background-repeat:repeat-x;
	background-color:#3f3f3f;
	margin:35px;
	padding:0px;
}

a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6, p, div{
	margin:0px;
	padding:0px;
}

img{
	border:0px;
}

li{
	list-style-type:none;
}

/****** Tableau général ******/
#emo_general{
	width:980px;
	background-color: #fff;
	margin-top:15px;
}

/****** Tableau contenu ******/
#corps-page{
	width:755px;
	background-color:#fff;
}


/*****************************************/
/**************** header ****************/

/****** MENU Header ******/
#liens-header{
	text-align:right;
	padding-right:5px;	
	color:#fff;
	font-size:10px;
	cursor:pointer;
	text-transform:uppercase;	
}

#liens-header a{
	color:#fff;
}

#liens-header a:hover{
	color:#4ebecc;
}

/****** Fil d'ariane ******/
#fil-ariane{
	font-size:10px;
	color:#999;
}

#fil-ariane a{
	font-size:10px;
	color:#999;
}

#fil-ariane a:hover{
	font-size:10px;
	color:#000;
}


/*****************************************/
/********* H1, H2, H3, etc... ***********/
h1{
	text-align:center;
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;	
}

h2{
	text-align:center;
	font-size:20px;
	color:#fff;
	font-weight:normal;	
}

/********* menu de gauche ***********/
h3{
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	color:#000000;
	padding-bottom:10px;
}

/********* Titre pages ***********/
h4{
	font-size:14px;
	font-weight:bold;	
	color:#ff9800;
	text-align:left;
}

/********* Titre "Derniers Produits" ***********/
h5{
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;	
	margin-left:10px;
	color:#000;
}

/********* Sous-titre pages ***********/
h6{
	font-size:12px;
	color:#000;
}


/*****************************************/
/************** GRAPHISMES **************/
#border-bleue{
	border-right:1px;
	border-right-style:solid;
	border-color:#53e5f4;
}
#encadres-gris{
	border:1px;
	border-style:solid;
	border-color:#ababab;
}

#border-gris{
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#ababab;
}


/*****************************************/
/************* MENU GAUCHE **************/
h3 a{
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	padding-left:10px;
}

h3 a:hover{
	color:#4ebecc;
	border-style:solid;
	border-right:4px;
	border-top:4px;
	border-bottom:4px;
	border-color:#53e5f4;
	font-weight:bold;
}

h3 a.vivi{
	color:#4ebecc;
	border-style:solid;
	border-right:4px;
	border-top:4px;
	border-bottom:4px;
	border-color:#53e5f4;
	font-weight:bold;
}

#menu-gauche{
	padding-top:20px;
}

/**********************************/
/************* HOME **************/

/****** Trèfle bleu ******/
#txt-trefle-titre{
	color:#000;
	font-size:18px;
	font-weight:bold;
	text-transform:none;
	padding-left:15px;
}

#txt-trefle{
	color:#000;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	padding-left:22px;
}

#txt-trefle-2{
	color:#000;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	padding-left:22px;
	letter-spacing:-1px;
}

#txt-trefle a{
	color:#000;
}

#txt-trefle a:hover{
	color:#666;
	font-size:10px;
}

#txt-trefle-2 a{
	color:#000;
}

#txt-trefle-2 a:hover{
	color:#666;
	font-size:10px;
}

/****** Liste offres ******/
#titre-liste{
	color:#ffa10b;
	font-size:23px;
	font-weight:bold;
	padding-left:10px;
}

#titre-liste ul{
	margin-left:15px;  
	padding-left:20px;
	font-size:13px;
	font-weight:bold;
	padding-top:15px;
}

#titre-liste li{
	list-style-type:square;
}

#titre-liste li a{
	color:#ffa10b;
	font-weight:bold;
}

#titre-liste li a:hover{
	color:#ff7f00;
}

/****** colonne liste ******/
#col3{
	padding-left:45px;
}


/**********************************/
/************* Pages *************/
#emo-rubrique-texte{
	width:470px;
	padding-right:30px;
	padding-bottom:30px;
	font-size:11px;
	font-weight:normal;	
	color:#000;
}

#emo-rubrique-texte ul{
	margin-top:5px;
	color:#000;
}

#emo-rubrique-texte a{
	color:#ff9800;
}

#emo-rubrique-texte a:hover{
	color:#ff9800;
	text-decoration:underline;
}

#emo-rubrique-texte img{
	vertical-align:middle;
}

#text-simulation{
	font-size:12px;
	font-weight:normal;	
	color:#000;
}

#text-couleur{
	color:#4ebecc;
}

/****** Menu SERVICES ******/
#sous-menu-services{
	vertical-align:middle;
	font-size:10px;
	font-weight:normal;	
	text-transform:uppercase;
}

#sous-menu-services a{
	vertical-align:middle;
	font-size:10px;
	font-weight:normal;	
	text-transform:uppercase;
	color:#4ebecc;
}

#sous-menu-services a:hover{
	color:#999;
	text-decoration:none;
}

#sous-menu-services-txt-active{
	vertical-align:middle;
	font-size:10px;
	font-weight:normal;	
	text-transform:uppercase;
	color:#999;
}

/****** tableaux OFFRES ******/
#offres-titres{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#999;
	border:1px;
	border-style:solid;
	border-color:#000;
	padding:3px;
}

#offres-titres2{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	border:1px;
	border-top:2px;
	border-bottom:2px;
	border-style:solid;
	border-color:#000;
	padding:3px;
	background-color:#ef811f;
}

#offres-texte{
	text-align:left;
	font-size:11px;
	font-weight:normal;
	color:#000;
	border:1px;
	border-style:solid;
	border-color:#000;
	padding:3px;
}

#offres-texte2{
	text-align:center;
	font-size:10px;
	font-weight:normal;
	color:#999;
	border:1px;
	border-style:solid;
	border-color:#000;
}

/****** Réalisations ******/
#realisations{
	padding-left:20px;
	font-size:11px;
	font-weight:normal;	
	color:#000;
}

#realisations a{
	color:#ff9800;
}

#realisations a:hover{
	color:#ff9800;
	text-decoration:underline;
}

#realisations img{
	vertical-align:middle;
}


/****** Plan du site ******/
#emo-rubrique-texte-plan{
	width:470px;
	padding-right:30px;
	padding-bottom:30px;
	padding-left:60px;
	font-size:11px;
	font-weight:normal;	
	color:#000;
	text-align:left;
}

#emo-rubrique-texte-plan a{
	color:#000;
}

#emo-rubrique-texte-plan a:hover{
	color:#999;
	text-decoration:underline;
}
	
/****** Notre équipe ******/
#equipe a{
	color:#000;
	font-size:11px;
}
#equipe a:hover{
	text-decoration:none;
}


/**********************************/
/************* FOOTER **************/

/****** Présentation Sites ******/
#fil{
	border-top:1px;
	border-top-style:solid;
	border-color:#53e5f4;
}

#fil-texte{
	text-align:bottom;
	padding-left:3px;
	padding-bottom:2px;
	font-size:10px;
	color:#999;
}

#fil img{
	vertical-align:top;
	margin-left:10px;
}

/****** Présentation Sites ******/
#img-cadre{
	text-align:center; 
	vertical-align:top;
}

#marge {
	padding-left:4px;
}

#margetxt {
	padding-left:5px;
}

#titre-site{
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}

#titre-site a{
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

#titre-site a:hover{
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#4ebecc;
	text-align:center;
}

/****** Cadres droite "en savoir plus" "télécharger" ******/
#lien-cadre a{
	font-size:10px;
	font-weight:bold;	
	color:#999999;
	padding-right:4px;
}

#lien-cadre a:hover{
	font-size:10px;
	font-weight:bold;
	color:#000;
}

#text-cadre{
	font-size:11px;
	font-weight:bold;	
	padding-left:15px;
	color:#000;
	padding-right:5px;
}

#text-cadre a{
	font-size:11px;
	font-weight:bold;
	color:#ffa10b;
}

#text-cadre a:hover{
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

/****** Menu "Qui sommes-nous" ******/
#txtcarres {
	text-align:center;
	font-size:14px;
	color:#3f3f3f;
	cursor:pointer;
	padding-left: 10px;
	font-weight:normal;
}

#txtcarres a {
	color:#6a6a6a;
}

#txtcarres a:hover{
	color:#000;
}

/****** Menu "Mentions légales" ******/
#bottom{
	text-align:center;
	font-size:10px;
	color:#fff;
	cursor:pointer;
	background-color:#000000;
}

#bottom a{
	color:#fff;
}

#bottom a:hover{
	color:#fff;
}

#bottom a:visited{
	color:#fff;
}