/* CSS Document */

html{
	margin:0px;
	padding:0px;
}

body{
	margin:0px;
	padding:0px;
	text-align:center; /*centrer IE*/
	background:url(../images/background/bg-body.jpg) repeat-x #FFFFFF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:xx-small;
}

#page{
	width:930px;
	height:100%;	
	text-align:left; /*correction IE*/
	margin-left:auto;
	margin-right:auto;
}


/* ********** GENERIQUE ********** */
img{
	border: 0 none;
}
/* ***** FIN */

.nav{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #1d8788;
	text-decoration:none;	
}

/* ********** EN TETE ********** */
#header{
	height:139px;
	position: relative;
}
/* ***** FIN */



/* ********** RECHERCHE ********** */
#tools{
	height:34px;
	position:relative;
	padding-bottom:2px;
	padding-top:2px;
}

.txt_synertest{
	position:absolute;
	top:13px;
	left:11px;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	color: #323232;
}

#synertest img{
	position:absolute;
	left:355px;
	top:6px;
	width:98px;
	height:23px;
	background-repeat: no-repeat;
	background-image:url(../images/boutons/bt-synertest.jpg);
}

#synertest:hover img{
	background-position: top right;
}
/* ***** FIN */

/* ********** CONTENU ********** */
#content{
	width:930px;
	margin:0px;
	padding:0px;
	background:url(../images/background/bg-content.gif) repeat-y;
	text-align:center;
	background-color:#FFFFFF;
	/*border:1px solid red;*/
}

.bg_haut{
	width:100%;
	margin:0px;
	margin-top:1px;
	padding:0px;
	height: 31px;
	background:url(../images/background/bg-content-haut.gif) no-repeat #a0a0a0;
}

#contenu{
	text-align:left;
	width:906px;
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid blue;*/
}

.legende{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#555555;
}

.txt_content{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

.white{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;	
	text-decoration:none;	
}

.white:hover{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;	
	text-decoration:none;	
}

.whiteprod{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;	
	padding-left:20px;
	text-align:left;
	text-decoration:none;	
}

.whiteprod:hover{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#33cccc;	
	padding-left:20px;	
	text-align:left;	
	text-decoration:none;	
}

.green_content{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1d8788;
}

.green_produits{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#1d8788;
}

.link_content{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1d8788;
	text-decoration:none;
}

.link_content:hover{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;	
	text-decoration:underline;	
}

.fullpath{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.fullpathlink{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#1d8788;	
	text-decoration:none;		
}

.fullpathlink:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCCCCC;
	text-decoration:none;
}

/* ********** colonne de gauche ********** */
#col_left{
	float:left;
	width:160px;
	font-family:tahoma;
	margin-left:1px;
	font-size:10px;
	line-height:13px;
	/*border: 1px solid yellow;*/
}

/* *** NEWS *** */
.cadre_news{
	overflow:auto;
	height:240px;
	padding:10px 15px; 
	margin-bottom:10px;
}


/* *** NEWS *** */
.cadre_news_accueil{
	overflow:auto;
	height:273px;
	padding:10px 15px; 
	margin-bottom:10px;
}

h1{
	margin:0px;
	height:18px;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#333333;
	line-height:18px;
	text-align:left;
	text-transform: uppercase;	
	border-bottom: 1px dotted #CCCCCC;	
}

h2{
	margin:0px;
	height:18px;
	width:160px;
	background-color: #1d8788;
	font-family:tahoma;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	line-height:18px;
	text-align:center;
	text-transform: uppercase;	
}

h3{
	margin:0px;
	height:18px;
	font-family:Arial;
	font-size:11px;
	color:#1d8788;
	line-height:18px;
	text-align:left;	
	text-transform: uppercase;	
	border-bottom: 1px dotted #CCCCCC;	
}

h4{
	margin:0px;
	height:18px;
	font-family:Tahoma;
	font-weight:bold;
	font-size:11px;
	color:#1d8788;
	line-height:18px;
	text-align:left;		
	border-bottom: 1px dotted #CCCCCC;	
}

h5{
	margin:0px;
	height:18px;
	width:160px;
	background-color: #333333;
	font-family:tahoma;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	line-height:18px;
	text-align:center;
	text-transform: uppercase;	
}

h6{
	margin:0px;
	height:18px;
	width:170px;
	background-color: #333333;
	font-family:tahoma;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	line-height:18px;
	text-align:center;
	text-transform: uppercase;	
}

.products{
	margin:0px;
	height:18px;
	background-color: #333333;
	font-family:tahoma;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	line-height:18px;
	text-align:left;
	padding-left:6px;
	text-transform: uppercase;	
}

#boutonprod{
	margin:0px;
	height:18px;
	width:141px;	
	font-family:tahoma;
	font-size:10px;
	color:#FFFFFF;
	line-height:18px;
	text-align:left;
    background-image: url(../images/puces/bullet.gif); /* source de l'image de départ */
    background-repeat: no-repeat;	
}

#col_left ul{
	margin:0px;
	margin-bottom:30px;
	padding:0px;
}

#col_left ul li{
	list-style-type:none;
	height:21px;
	line-height:21px;
	background: #f0f1f2;
	border-bottom:1px dotted #666666;
	/*padding-left: 15px;*/
	
}

#col_left ul li a{
	color: #666666;
	text-decoration:none;
	font-family:Tahoma;
	font-size:10px;
}

#col_left ul li a:hover{
	color: #FFFFFF;
	text-decoration:none;
	font-family:Tahoma;
	font-size:10px;
}

a.menu_g { /* définition de la classe "image" de la balise <a> */
         display: block; /* la balise a doit être en bloc */
         width: 160px; /* largeur de l'image réactive */
         height: 21px; /* hauteur de l'image réactive */
         background-image: url(../images/boutons/bt-menu_g.gif); /* source de l'image de départ */
         background-repeat: no-repeat;
         }

a.menu_g:hover { /* définition de la classe "image" de la balise <a> au survol */
         background-image: url(../images/boutons/bt-menu_g_o.gif); /* source de l'image d'arrivée */
         }


a.menu_prod { /* définition de la classe "image" de la balise <a> */
         display: block; /* la balise a doit être en bloc */
         width: 146px; /* largeur de l'image rséactive */
		 background-color:#f0f1f2;
         }

a.menu_prod:hover { /* définition de la classe "image" de la balise <a> au survol */
		 background-color:#1d8788;
         }

/* ********** colonne du milieu accueil ********** */
#col_middle{
	margin-left:172px;/*139*/
	margin-right:332px; /*340*/
	text-align:left;
	/*border:1px solid #0033CC;*/
}


/* ********** colonne du milieu pages ********** */
#col_page_middle{
	margin-left:180px;/*139*/
	margin-right:20px; /*326*/
	text-align:justify;
	/*border:1px solid red;*/
}



/* ********** COLONNE DROITE PRODUITS  ********** */

/* ********** colonne de produits ********** */
#col_produits{
	float:right;
	width:170px;
	font-family:tahoma;
	font-size:10px;
	background-color:#f0f1f2;
	padding-bottom:14px;
}

/* ********** colonne du milieu quand produits présents ********** */
#col_page_produits_middle{
	margin-left:180px;/*139*/
	margin-right:190px; /*326*/
	text-align:justify;
}
/* ********** FIN COLONNE DROITE PRODUITS  ********** */

#fiches_techniques img{
	width: 150px;
	height: 89px;
	background-repeat: no-repeat;
	background-image: url(../images/boutons/bt-fiches-techniques.jpg);
}

#fiches_techniques:hover img{
	background-position: top right;
}

#nous_contacter img{
	width: 150px;
	height: 89px;
	background-repeat: no-repeat;
	background-image: url(../images/boutons/bt-nous-contacter.jpg);
}

#nous_contacter:hover img{
	background-position: top right;
}

#trucs_astuces img{
	width: 167px;
	height: 143px;
	background-repeat: no-repeat;
	background-image: url(../images/boutons/bt-trucs-astuces.jpg);
}

#trucs_astuces:hover img{
	background-position: top right;
}

#trucs_astuces:hover img{
	background-position: top right;
}


#formations img{
	position:absolute;
	left:790px;
	top:6px;
	width:129px;
	height:23px;
	background-repeat: no-repeat;
	background-image:url(../images/boutons/bt-formations.jpg);
}

#formations:hover img{
	background-position: top right;
}


#prestations img{
	position:absolute;
	left:511px;
	top:6px;
	width:129px;
	height:23px;
	background-repeat: no-repeat;
	background-image:url(../images/boutons/bt-prestations.jpg);
}

#prestations:hover img{
	background-position: top right;
}


#locations img{
	position:absolute;
	/*left:790px;*/
	left:650px;
	top:6px;
	width:129px;
	height:23px;
	background-repeat: no-repeat;
	background-image:url(../images/boutons/bt-locations.jpg);
}

#locations:hover img{
	background-position: top right;
}

#newsletter img{
	position:absolute;
	/*left:650px;*/
	left:510px;
	top:6px;
	width:130px;
	height:23px;
	background-repeat: no-repeat;
	background-image:url(../images/boutons/bt-newsletter.jpg);
}

#newsletter:hover img{
	background-position: top right;
}


/* ***** FIN */


/* ***** FIN */


/* ********** PIED DE PAGE ********** */
#footer {
	clear:both;
	width:904px;
	border-bottom: 1px dashed #dfdfdf;
	border-top: 1px dashed #dfdfdf;
	color:#999999;
	margin:40px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:10px;
	padding-bottom:10px;	
	text-decoration:none;		
}

#footer a{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;		
}

#footer a:hover{
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;		
}

/* ********** SEP ACTUS ********** */
#sep{
	border-bottom: 1px dashed #CCCCCC;
	font-size:10px;	
	padding-bottom:10px;	
}
/* ***** FIN */