body { text-align: center; margin: 0; padding: 0; background: #e7e9ec url(images/background.gif) repeat-x; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 12px; color: #000000;}
body, div, input, td, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
/********** Styles utilisés pour l'entete**********/
		#visuel{
			width: 949px;
			height: 124px;
			background: url('baniere1.gif') -4px 0px no-repeat;
			
			margin: 4px auto 0 9px;
		}	
#global{text-align: left; margin: 0px auto; padding: 0px; width: 949px;  overflow: hidden;}
#header{float: left; margin: 0px; padding: 0px; width: 949px; height: 124px; margin-bottom: 10px; background: url(images/bg_header.gif) no-repeat; overflow: hidden;}
#menu{float: left; width: 949px; height: 41px; margin-bottom: 10px; background: url(images/bg_menu.gif) no-repeat; padding-top: 8px}
	.btn_menu{float: left; width: 155px; height: 19px; padding-top: 3px; margin-right: 2px; text-align: center; background: #32435f url(images/btn_menu.gif) no-repeat; overflow: hidden}
		.bouton{float:left;}
#footer{text-align: left; margin: 0px auto; padding: 10px 0px; width: 949px; background: #ffffff; overflow: hidden;}
	#infoplus{float:left; width: 949px; text-align: center; font-size: 10px; padding-top: 10px;}
#container{float: left; width: 949px; margin: 0px; padding: 5px 0px 10px 0px; overflow: hidden}
	#contenu{float: left; width: 865px; padding: 0px 42px; background: #ffffff; text-align: justify;word-spacing : 4px ;line-height: 20px ; overflow: hidden;}
		.titre{float: left; width: 865px; padding-bottom: 10px; font-size: 24px; font-family: Century Gothic, Arial; color: #5b5b5b}
		.lettrine{margin-left:10px;font-size: 20px;font-weight:bold;}
		.tabulation{margin-left:10px;}
		.sous_titre{color: #5b5b5b;font-size: 16px;font-weight:bold;}
		.titre_diapo{font-weight:bold;color:#fff;width:205px;height:32px;font-size:12px;text-align:center;line-height: 15px;padding-left:5px }
		.encart{float: left; width: 205px; margin-right: 15px;}
			.lienAutre_Prod{float:left;padding:0}
			
		.actu{width: 405px;float: left}
		.actu_haut{width: 405px;height:7px;  background: #e4e2c8 url(images/bg_actu_haut.gif) no-repeat; overflow: hidden}
		.actu_milieu{width: 395px; padding: 0px 5px; background: #e4e2c8 url(images/bg_actu_milieu.gif) ; overflow: hidden}
			.titreActu{float: left; width: 395px; color: #005ea8; font-size: 14px}
			.descriptifActu{float: left; width: 395px;}
		.actu_bas{width: 405px; height:10px; background: #e4e2c8 url(images/bg_actu_bas.gif);}
		
		.sur_mesure{float: left;width: 810px;padding-top:17px;margin-left:30px;background:  url(images/bg_mesure.gif) no-repeat;height:163px;margin-bottom:20px}
			.titre_Sur_mesure{float: left; width: 800px; color: #fff; font-size: 14px;text-align:center;padding-bottom:10px}
			.descriptif_Sur_mesure{float: left; width: 800px;text-align:center}

		.pointilles{float:left;width: 810px; height: 1px; margin: 0px 0px; background: url(images/pointilles.gif) repeat-x;padding-bottom:10px}
		
		#emplfiltre{width:865px;margin:0;padding:0}
			#liste1{float: left; padding-right: 10px}
			#liste2{float: left; padding-right: 10px}
			#liste3{float: left; padding-right: 10px}
		#produits{width:865px; float: left; margin-top: 10px}
			.produit{float:left; width:265px; height:190px;text-align:center; padding:5px; margin-bottom: 15px; background:#f1f1f1; border: 1px solid #cccccc}
		
		.imagesProduit{text-align:center; padding:5px; margin-bottom: 15px; background:#f1f1f1; border: 1px solid #cccccc;float:right; width:265px;}	
		
			
/********** Pour le listing des produits **********/	
		.sliderdiv{
			float :left; width:210px;margin-left:0;padding-left:55px; padding-top:10px;	
			}
		.slider{
				width: 250px; /* important to be same as image width */
				height: 160px; /* important to be same as image height */
				position: relative; /* important */
				overflow: hidden; /* important */
			}
		.sliderContent {
				width: 220px; /* important to be same as image width or wider */
				position: absolute;
				top: 0;
				margin-left: 0;
			}
		
		.clear {
				clear: both;
			}

		.top {
				top: 0;
				left: 0;
			}
		.bottom {
				height:40px;
				bottom: 0;
				left: 0;
			}
		ul { list-style-type: none;}

/********** Styles utilisés pour le détail des produits**********/		
		#detail_Prod{float:left;}
			.intitule{text-decoration: none;color: #005ea8;width:155px}
			.contenu{font-weight: bold;}
			.titreDetail{text-align: center;font-size: 26px;color: #005ea8; font-weight:bold;line-height: 25px;}
			.detailP table {margin-right:10px;}
/********** Styles sur les images **********/
img{border: 0px;}
.image{ float: left;}
.noborder{ border: 0px;}


/********** Styles sur les liens **********/
/* Défaut */
a:link{font-size: 12px; color: #008ac4;	text-decoration: none;}
a:visited{font-size: 12px;	color: #008ac4;	text-decoration: none;}
a:hover{font-size: 12px;	color: #008ac4; text-decoration: underline;}
/* Lien sur le menu */
a.lienMenu:link{font-size: 12px; color: #ffffff;	text-decoration: none;}
a.lienMenu:visited{font-size: 12px; color: #ffffff;	text-decoration: none;}
a.lienMenu:hover{font-size: 12px; color: #ffffff; text-decoration: underline;}
/* Lien actualité */
a.lienActu:link{float: right; font-size: 12px; color: #008fff;	text-decoration: none;}
a.lienActu:visited{float: right; font-size: 12px; color: #008fff;	text-decoration: none;}
a.lienActu:hover{float: right; font-size: 12px; color: #008fff; text-decoration: underline;}
/* Lien du footer */
a.lienFooter:link{font-size: 10px; color: #008ac4;	text-decoration: none;}
a.lienFooter:visited{font-size: 10px; color: #008ac4;	text-decoration: none;}
a.lienFooter:hover{font-size: 10px; color: #008ac4; text-decoration: underline;}
/* Lien sur les produits */
#produits a:hover{text-decoration: none; color: #0000ff}

/********** Styles sur les boutons **********/
input.bouton { background-color: #ffffff; border: 1px solid #022d58;}


/********** Styles sur les textes **********/
.centrer{text-align: center;}
.gras{font-weight: bold;}
.italique{font-style: italic;}
.grasItalique{	font-style: italic;	font-weight: bold;}
.etoile{ color: #ff0000;}
.loi{ color: #dea387; text-align: justify;}
.txtErreur{	color: #ff0000;}
.txtCorrect{ color: #00ff00;}


/********** Style sur l'effet Afficher/Cacher une div **********/
.cache {	display: none;	visibility: hidden; overflow: hidden; position: absolute;}


select{
 text-decoration: none;
 }
 
	div.arrondi {
			height: 400px;
			width: 300px;
			background:  url(images/societe.gif) left top no-repeat;
		}
		div.arrondi2 {
			height: 299px;
			width:300px;
			background:  url(images/accueil.gif) left top no-repeat;
		}	
		div.arrondi3 {
			height: 243px;
			width: 300px;
			background:  url(images/serre.gif) left top no-repeat;
		}	
		div.arrondi4 {
			height: 194px;
			width: 290px;
			background:  url(images/metier.gif) left top no-repeat;
		}	
		div.arrondi5 {
			height: 212px;
			width: 290px;
			background:  url(images/couverture.gif) left top no-repeat;
		}		
		div.arrondi,div.arrondi2,div.arrondi3,div.arrondi4 ,div.arrondi5 {
			line-height: 1;
			
			-moz-border-radius: 30px;
			-webkit-border-radius: 30px;
			border-radius: 30px;
		}
		
.cache1{background : #fff;width:180px;height:30px;position:absolute;margin-left:300px;  }	
.cache2{background : #fff;width:180px;height:30px;position:absolute;margin-left:10px; }