/* Caractéristiques générales communes à toutes les pages ----- */
*{margin:0; padding:0; border:0;}

.gras{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.tpetit{font-size:70%;}
.petit{font-size:80%;}
.grand{font-size:120%;}
.tgrand{font-size:140%;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.left{float:left;}
.right{float:right;}
.both{clear:both;}
.none{display:none;}
.blanc{color:#FFF;}
.noir{color:#000;}
.gris{color:#ddd;}
.clearboth{clear:both;}


.hidden{
display:none;
}


br{
height:1px;
}
/* ---------- Balises ---------- */
body{
background-color:#fff;
background-image:url(../pics/bg.jpg);
background-repeat:no-repeat;
background-position:center top;
color:#fff;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:62.5%;
line-height:150%;
text-align:center;
margin:0 auto;
}

	div#centrage{
	width:960px;
	margin:0px auto 0px auto;
	text-align:left;
	font-size:70%;
	text-align:left;
	}

		div#centrage div#header{
		width:960px;
		height:90px;
		margin:0;
		/*background-color:#ffb;*/
		}
		
		div#centrage div#header div#bloclogo{
		float:left;
		width:680px;
		height:90px;
		margin:0;
		/*background-color:#AD5;*/
		}
		
		div#centrage div#header div#bloclogo img#logo{
		width:231px;
		height:47px;
		margin-left:31px;
		margin-top:30px;
		}
		
		div#centrage div#header div#recherche{
		margin:0;
		float:left;
		width:215px;
		height:25px;
		margin-left:0px;
		margin-top:12px;
		background:url(../pics/fond_moteur.jpg);
		}
		
		div#centrage div#header div#recherche input.rech{
		background:transparent;
		border:none;
		width:190px;
		height:17px;
		margin:4px 0px 0px 12px;
		color:#fff;
		}
		
		div#centrage div#header .btn_rech{
		float:left;
		margin-top:12px;
		}
		
		div#centrage div#menu{
		width:700px;
		height:28px;
		margin:0;
		margin-left:260px;
		}


		/*
		div#centrage div#contenu{
		width:960px;
		background-color:#d7f;
		}
		*/
		
		/*index*/
		
		div#centrage div#contenuindex{
		font-family:Arial, Helvetica, sans-serif;
		position:absolute;
    background:url(../pics/index.jpg);
    width:960px;
    height:545px;
    }
    
    div#centrage div#contenuindex-travaux{
		font-family:Arial, Helvetica, sans-serif;
		position:absolute;
    background:url(../pics/index-travaux.jpg);
    width:960px;
    height:668px;
    }
    
    div#centrage div#contenuindex div#texteaccueil{
    display:block;
    position:absolute;
    margin:388px 0 0 26px;
    font-size:1.6em;
		text-align:left;
		height:50px;
		width:260px;
    }
		
		/*fin index*/
		
			div#centrage div#main{
			display:block;
			float:left;
			width:480px;
			margin-top:32px;
			padding-left:80px;
			margin-right:80px;
      color:#344f65;
			}
			
        div#centrage div#main p a{
        text-decoration:none;
        color:#00acb7;
        border-bottom: 1px dotted #00acb7;
        }

				div#centrage div#main p a:hover{
        border-bottom: 1px solid #00acb7;
        }
			
			div#centrage div#main img.imgleft{
			float:left;
			border:5px solid #fff;
			margin:20px 10px 10px 0;
			}
			
			div#centrage div#main div.pasdetitre{
      height:12px;
			}
			
			div#centrage div#annexe img.imgleft{
			float:left;
			border:5px solid #fff;
			margin:3px 10px 5px 0;
			}
			
				.swf_classique{
				display:block;
				margin:20px 0 10px -48px;
				}
				
				.ss_titre_produit{
		/*		padding:2px 5px;
        background-color:#00acb7; */
		font-weight:normal;
        color:#344f65;
        font-size:2em;
        line-height: 1.3em;
		border-bottom: 1px dotted #344f65;
		display:inline;
        }
        
        
        
		div#centrage div#main ul li{
			list-style-position: inside;
        	list-style-type:circle;
        }
        
        div#centrage div#main li{
		    list-style-type:circle;
		    margin-left:20px; /* Zoué 080618 */
        }
        
		div#centrage div#main ul#liens li, div#centrage div#main ul.liens li{
			list-style-type:none;
        	background-image:url(../pics/puce_fleche.gif);
			background-repeat:no-repeat;
			background-position:left;
			background-position-y: 6px; /* Zoué 080618 */
			padding-left:15px;
        }
        
        *+html div#centrage div#main ul#liens li, *+html div#centrage div#main ul.liens li{
				padding-left:0px;
        }
        
        * html div#centrage div#main ul#liens li, * html div#centrage div#main ul.liens li{
				padding-left:0px;
        }
        
        div#centrage div#main ul#liens li a, div#centrage div#main ul.liens li a{
        	text-decoration:none;
        	font-weight:bold;
        	font-size:1.5em;
        	color:#00acb7;
        	border-bottom: 1px dotted #00acb7;
        } 
               
/* recherche */

        span.rech_arbo a{
        text-decoration:none;
        font-weight:bold;
        font-size:1.5em;
        color:#00acb7;
        }

				span.rech_arbo a:hover{
        text-decoration:underline;
        }
        
        .rech_titre{
				font-size:1.6em;
				color:#344f65;
				text-align:justify;
				margin-top:7px;
				font-weight:bold;
				}
				
				.rech_texte{
				font-size:1.6em;
				color:#344f65;
				text-align:justify;
				margin-top:7px;
				}
				
				a.rech_voir{
        text-decoration:none;
        font-size:1.5em;
        color:#00acb7;
				}
        
        a:hover.rech_voir {
        text-decoration:underline;
        }
        
        span.rech_page_in{
        text-decoration:none;
        font-size:1.8em;
        color:#344f65;
        }
        
				a.rech_page{
        text-decoration:none;
        font-size:1.8em;
        color:#00acb7;
				}
        
        a:hover.rech_page {
        text-decoration:underline;
        }
        
        div#pagination{
        text-align:center;
        }
        
/* fin recherche */
				
				.chapeau{
				display:block;
				font-size:2em;
				text-align:justify;
				}
				
				.titre{
				display:block;
				font-size:2.7em;
				font-weight:normal;
				line-height:1.3em;
				color:#00acb7;
				text-align:left;
				margin-top:19px;
				}
				
				.titre_anx{
				display:block;
				font-size:1.8em;
				color:#00acb7;
				text-align:left;
				margin:6px 0 5px 0;
				}
				
				.paragraphe{
				/*float:left;*/
				display:block;
				font-size:1.6em;
				color:#344f65;
				text-align:justify;
				margin-top:7px;
				}
				

				
				a.lien:hover{
				text-decoration:underline;			
				}
				
				a.lien{
				font-size:1.6em;
				width:auto;
				text-decoration:none;
				color:#00acb7;
				/* background-image:url(../pics/puce_fleche.gif); */
				background-repeat:no-repeat;
				background-position:left;
				padding-left:0px; /* 080513 Zoué */
				margin-top:2px;
				}
				
				a.telecharger{
        font-size:1.6em;
        font-weight:bold;
				width:auto;
				text-decoration:none;
				color:#344f65;
				background-image:url(../pics/pucs_ficheproduit.gif);
				background-repeat:no-repeat;
				background-position:left;
				padding-left:10px;
				margin-left:-8px;
				margin-top:20px;
        }
        
        a.telecharger:hover{
        text-decoration:underline;	
        }
				
				
				
				
		/* tableau */
		
		tr{
		vertical-align:center;
		border:0;
		height:20px;
		background-image:url(../pics/fond_dot.gif);
		background-repeat:repeat-x;
		background-position:bottom;
    }
		td{
    border:0;
    padding-right:20px;
    }
				
				
				
				
				
				
				
				
				
				
			
			div#centrage div#annexe{
			float:left;
			width:260px;
			margin-top:134px;
			margin-bottom:19px;
			background:url(../pics/dot_annexe.gif);
			color:#5b88b1;
			text-align:justify;
			font-size:1.3em;
			}
			
				div#centrage div#annexe a.lien{
				font-size:1.3em;
				}
			
				.paragraphe_anx{
				display:block;
				color:#5b88b1;
				text-align:justify;
				}
			
				div#centrage div#annexe div#anx{
				float:left;
				width:259px;
				height:auto;
				margin-left:1px;
				padding-left:39px;
				/*background-color:#daf;*/
				}
				
				div#centrage div#annexe div#anx_produit{
				font-family:Arial, Helvetica, sans-serif;
				float:left;
				width:259px;
				height:auto;
				margin-left:1px;
				padding-left:19px;
				/*background-color:#daf;*/
				}
				div#centrage div#annexe div#anx_produit div#selectprod{
				padding:26px 0 0 20px;
				background-image:url(../pics/bg_form_produit.jpg);
				width:250px;
				height:76px;
				/*background-color:#daf;*/
				}
				
				div#centrage div#annexe div#anx_produit form .btn_select{
        float:left;
        margin:0 0 0 7px;
        }
				
				
				div#centrage div#annexe div#anx_produit form select{
				float:left;
				border:1px solid #838383;
				width:200px;
				height:20px;
				/*background-color:#b2d5f1;*/
				margin-bottom:9px;
				}
				
				div#centrage div#annexe div#anx_produit a{
				display:block;
        font-size:1.2em;
				width:auto;
				height:auto;
				text-decoration:none;
				color:#00acb7;
				background-image:url(../pics/puce_fleche.gif);
				background-repeat:no-repeat;
				background-position:left;
				padding-left:16px;
				margin:10px 0 10px 19px;
        }
				
				div#centrage div#annexe div#anx_produit a.anx_prod_selec{
        font-weight:bold;
        background-image:url(../pics/puce_fleche_selected.gif);
				background-repeat:no-repeat;
				background-position:left;
        }
				
				
				div#centrage div#annexe div#anx_produit.swf_annexe{
				display:block;
				margin-bottom:20px;
				}
				
			  div#centrage div#annexe div#anx .swf_annexe{
				display:block;
				margin-bottom:10px;
				margin-left:-20px;
				}
			

		
	
			
			

		
/* offres emplois */

div#offres {
clear:both;
color:#344f65;
font-size:1.6em; /* Zoué 080618 */
}

div#offres fieldset{
border:1px solid #00acb7;
color:#344f65;
margin:10px;
padding:10px;
padding-right:0;
clear:both;
}
div#offres legend{
font-size:12px;
font-weight:bold;
color:#00acb7;
padding:0 3px;
}

div#offres p{
float:left;
}

div#offres select,
div#offres input{
width:200px;
border:1px inset #ccc;
padding:1px 2px;
margin-right:10px;
}


div#offres #envoyer{
background-color:#00acb7;
font-size:120%;
color:#FFF;
margin:10px 7px 0 0;
width:150px;
font-weight:bold;
float:right;
border:none;
}

div#offres .centrer{
text-align:center;
width:100%;
clear:both;
}
		
		
	/* offres emplois - contact*/	
	/* contact depuis les pages produits*/

div.mail {
clear:both;
color:#344f65;
font-size:1.5em;
}

div.mail fieldset{
border:1px solid #00acb7;
color:#344f65;
margin:10px;
padding:10px;
padding-right:0;
clear:both;
}
div.mail legend{
font-size:12px;
font-weight:bold;
color:#00acb7;
padding:0 3px;
}

div.mail textarea{
width:415px;
height:60px;
border:1px inset #ccc;
padding:1px 2px;
margin-right:10px;
}

div.mail p{
float:left;
}

div.mail p.commentaire{
display:none;
}

div.mail select,
div.mail input{
width:200px;
border:1px inset #ccc;
padding:1px 2px;
margin-right:10px;
}


div.mail #envoyer1, div.mail #envoyer2, div.mail #envoyer, div.mail .envoyer, .envoyer, #envoyer2{
background-color:#00acb7;
font-size:120%;
color:#FFF;
margin:10px 7px 0 0;
width:125px;
font-weight:bold;
float:right;
border:none;
}

div.mail .centrer{
text-align:center;
width:100%;
clear:both;
}