/* ---------------------------------------------------------------
	SODICLAIR
		Couleurs utilisees :
			Vert Clair : 	d1deaa
 --------------------------------------------------------------- */
 
 
/* ---------------------------------------------------------------
	FORMATAGE DU SITE
 --------------------------------------------------------------- */
	body {
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(../multimedia/fonds/body.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	#conteneur {
	position:relative;
	width:905px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	color:#333333;
	text-align:left;
}
	.site_general{background: url(../multimedia/fonds/fd_site.png);}

	h1{
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	color: #ae1a1a;
	font-size: 16px;
	width:100%;
	height:35px;
	line-height:35px;
	text-indent:20px;
	background: transparent url(../multimedia/fonds/titre.png) top left no-repeat;
}
	h2{	
	position:relative;
	top:0;
	left:0;
	margin:5px 5%;
	padding:0;
	color: #999999;
	font-size: 14px;
	width:90%;
	height:24px;
	line-height:24px;
	text-indent:20px;
	border-left:3px solid #ae1a1a;
	font-weight: normal;
}
	h2 span{color: #ae1a1a;font-size: 16px;}
	h3{
	position:relative;
	top:O;
	left:0;
	margin:0 0 0 0;
	width:100%;
	height:30px;
	line-height:30px;
	color: #FFFFFF;
	font-size: 14px;
	background-color:#999999;
	font-weight: normal;
}
	h4{
	position:relative;
	top:0;	left:0;
	margin:10px 0 0 0;	padding:0;
	color: #ae1a1a;
	font-size: 12px;
	width:100%;
	height:auto;
	line-height:16px;
}
	h4 span{color: #333333;}
/* ---------------------------------------------------------------
	ARMATURE DU SITE
 --------------------------------------------------------------- */
	#bandeau_haut{
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:172px;
	background: transparent url(../multimedia/fonds/fd_haut.jpg) top left no-repeat;
	}	
	#bandeau_centre{
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	}
	#bandeau_bas{
	position:relative;
	top:0;	left:0;
	margin:0;padding:0;
	width:100%;	height:60px;
	background: url(../multimedia/fonds/fd_bas.png) top left no-repeat;
	clear:both;
	}
	#zone_gauche{
	position:relative;
	float:left;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:200px;
	height:625px;
	background: url(../multimedia/fonds/fd_gauche.jpg) top left no-repeat;
	}
	#zone_droite{
	position:relative;
	float:left;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:200px;
	height:625px;
	background: url(../multimedia/fonds/fd_droite.jpg) top left no-repeat;
	}
	#zone_centre{
	position:relative;
	float:left;
	top:0;	left:0;
	margin:0;	padding:0;
	width:505px;
	height:auto;
	}
/* ---------------------------------------------------------------
	RETOUR ACCUEIL
 --------------------------------------------------------------- */
	#bandeau_haut a{
	display:block;
	position:absolute;
	top:20px;	left:5px;
	margin:0;	padding:0;
	width:250px;
	height:110px;
	text-decoration:none;
	}
/* ---------------------------------------------------------------
	MENUS
 --------------------------------------------------------------- */
 	.menu_cote{
	position:relative;
	top:0; left:0;
	margin:0; padding:0;
	width:100%;
	height:auto;}
/* ----------------------------------------- */	
	.menu_cote li{
	position:relative;
	top:0; left:0;
	padding:0;
	width:100%;
	list-style:none;
	}
	#menu_droite li{margin:0 0 -1px 0; 	height:57px;}
	#menu_gauche li{margin:-1px 0 0 0;	height:48px;}
	
	#carte_click{
	display:block;
	position:relative;
	top:0;
	left:0;
	margin:0; padding:0;
	width:100%;
	height:150px;
	text-decoration:none;
	}
/* ----------------------------------------- */	
	.menu_cote li a{
	display:block;
	margin:0; padding:0;
	width:100%;
	font-size: 12px;
	color:#FFFFFF;
	text-decoration: none;
	background-repeat:no-repeat;
	background-position: left top;
	}
	#menu_droite li a{height:57px; line-height:57px;	background-image: url(../multimedia/bouton/menu_1.png);}
	#menu_gauche li a{height:48px; line-height:48px;	background-image: url(../multimedia/bouton/menu_2.png);}
/* ----------------------------------------- */	
	#menu_droite li a:hover{background-position: 0% -57px;color:#CC3333;}
	#menu_gauche li a:hover{background-position: 0% -48px;color:#FF9933;}
/* ----------------------------------------- */	
	#menu_gauche li a span{font-weight: bold;color: #FFFF33;}
/* ----------------------------------------- */	
	#choix_menu_1{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:57px;
	line-height:57px;
	background: url(../multimedia/bouton/menu_1.png) top left no-repeat;
	font-size: 12px;
	color:#FFFFFF;
	}
/* ----------------------------------------- */	
	.trait_rouge{font-weight: bold;color: #CC3333;}
	.trait_orange{font-weight: bold;color: #FF6600;}
	.trait_jaune{font-weight: bold;	color: #FFFF33;}
/* ----------------------------------------- */	
	#menu_haut{
	position:absolute;
	bottom:24px; right:205px;
	margin:0; 
	padding:0;
	width:312px;
	height:40px;
	background: url(../multimedia/fonds/menu_haut.png) top left no-repeat;
	}
	#menu_haut li{
	position:relative;
	float:left;
	top:0; left:0;
	margin:0;
	padding:0;
	width:104px;
	height:40px;
	list-style:none;
	}
	#menu_haut li a{
	display:block;
	position:relative;
	top:10px;
	left:0;
	width:100%;
	height:30px;
	line-height:33px;
	color:#666666;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
}
	#menu_haut li a:hover{ color:#CC0000;}
/* ----------------------------------------- */	
	#menu_bas{
	position:relative;
	top:15px; left:20px;
	margin:0; 
	padding:0;
	width:100%;
	height:20px;
	}
	#menu_bas li{
	display:inline;
	position:relative;
	top:0; left:0;
	margin:0;
	padding:0;
	height:100%;
	line-height:20px;
	color:#FFFFFF;
	font-size: 12px;
	list-style:none;
	}
	#menu_bas li a{
	line-height:20px;
	color:#FFFFFF;
	font-size: 12px;
	text-decoration: none;
}
/* ---------------------------------------------------------------
	ZONE CONTENU
 --------------------------------------------------------------- */
	#zone_contenu{
	position:relative;
	top:0; left:0;
	margin:0 34px;
	width:436px;
	height:auto;
	}
/* ---------------------------------------------------------------
	PAGE ACCUEIL
 --------------------------------------------------------------- */
	#presentation_societe{
	position:relative;
	top:0; left:0;
	margin:0;
	width:100%;
	height:226px;
	background: url(../multimedia/design/usine_accueil.png) top left no-repeat;
	}
	#presentation_societe p{
	position:relative;
	top:10px;
	left:0;
	margin:0 2%;
	padding:0;
	width:96%;
	height:auto;
	line-height:18px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	}
	
	#info_societe{
	position:relative;
	top:0; left:0;
	margin:20px 0 0 0;
	width:100%;
	height:auto;
	}
	#info_societe div{
	position:relative;
	top:0;	left:0;
	padding:0;
	width:48%;
	height:230px;
	}
	.titre_info{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	line-height:16px;
	font-size: 10px;
	color: #c46107;
	font-weight: bold;
}
	.detail_info{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	line-height:16px;
	font-size: 11px;
	color: #333333;
}
/* ---------------------------------------------------------------
	LE RESEAU
 --------------------------------------------------------------- */
	#carte_france{
	position:relative;
	top:0; left:0;
	margin:10px 0;
	width:100%;
	height:448px;
	background: url(../multimedia/design/france.jpg) top left no-repeat;
	}
	#fml_region{
	position:relative;
	top:0; left:0;
	margin:30px 0 0 0;
	width:100%;
	height:auto;}
	#fml_region select{
	position:relative;
	top:0;
	left:0;
	margin:0 14%;
	width:70%;
	height:auto;
	font-size: 12px;
	color: #CC0000;
}
	#adresse_region{
	position:relative;
	top:0; left:0;
	margin:0;
	padding:0;
	width:100%;
	height:162px;
	}
	.reseau_franche_comte{background: url(../multimedia/fonds/reseau_franche_comte.jpg) top left no-repeat;}
	.reseau_maine_anjou{background: url(../multimedia/fonds/reseau_maine_anjou.jpg) top left no-repeat;}
	.reseau_normandie{background: url(../multimedia/fonds/reseau_normandie.jpg) top left no-repeat;}
	.reseau_paris{background: url(../multimedia/fonds/reseau_paris.jpg) top left no-repeat;}
	.reseau_provence{background: url(../multimedia/fonds/reseau_provence.jpg) top left no-repeat;}
	.reseau_region_nord{background: url(../multimedia/fonds/reseau_region_nord.jpg) top left no-repeat;}
	.reseau_region_centre{background: url(../multimedia/fonds/reseau_region_centre.jpg) top left no-repeat;}
	.reseau_region_champagne{background: url(../multimedia/fonds/reseau_region_champagne.jpg) top left no-repeat;}
	.reseau_region_cotedazur{background: url(../multimedia/fonds/reseau_region_cotedazur.jpg) top left no-repeat;}

	#adresse_region p{
	position:relative;
	top:15px;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	line-height:14px;
	color: #666666;
	text-indent:20px;
	font-size: 12px;
	}
	#adresse_region p span{color: #ae1a1a;}
/* ---------------------------------------------------------------
	DETAIL PRODUIT
 --------------------------------------------------------------- */
	#detail_produit{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	background-color:#ebebeb;
	}
	#detail_produit_droite{
	position:relative;
	float:left;
	top:0; left:0;
	width:55%;
	height:auto;}
	#detail_produit_droite p{
	position:relative;
	margin:0 0 0 5%;	padding:0;
	width:95%;
	height:auto;
	line-height:16px;
	color:#666666;
	font-size: 12px;
	}
	#detail_produit_droite ul{
	position:relative;
	top:0; left:0;
	margin:0; padding:0;
	width:100%;
	height:auto;
	}
	#detail_produit_droite ul li{
	position:relative;
	top:0;	left:0;
	margin:0 0 0 5%;	padding:0;
	width:95%;
	height:auto;
	line-height:16px;
	list-style:none;
	font-size: 12px;
	color: #666666;
	}
	#detail_produit_gauche{
	position:relative;
	float:left;
	top:0; left:0;
	width:45%;
	height:auto;}
	#detail_produit_gauche img{
	position:relative;
	top:0; left:0;
	margin:5% 5% 0 5%; padding:0;
	width:90%;
	}
	#detail_produit_gauche a{
	display:block;
	position:relative;
	top:0;
	left:0;
	margin:0 5%;
	padding:0;
	width:90%;
	height:14px;
	line-height:14px;
	text-align:right;
	font-size: 11px;
	color: #666666;
	font-style: italic;
}
/* ---------------------------------------------------------------
	TELECHARGEMENT
 --------------------------------------------------------------- */
	.telecharger{
	position:relative;
	top:0px; left:0;
	margin:0;
	padding:0;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:right;
	clear:both;
	background: url(../multimedia/fonds/fd_telecharger.png) top left;
	}
	.telecharger img{ vertical-align:middle;}
	.telecharger a{
	line-height:16px;
	color:#CC0000;
	font-style: italic;
	font-size: 10px;
	}
	.telecharger a:hover{color:#ee7f00;}
	
	.telecharger_2{
	position:relative;
	top:0px; left:0;
	margin:0;
	padding:0;
	width:100%;
	height:20px;
	line-height:20px;
	}
	.telecharger_2 img{ vertical-align:middle;}
	.telecharger_2 a{
	line-height:16px;
	color:#999999;
	font-style: italic;
	font-size: 10px;
	}
	.telecharger_2 a:hover{color:#CC0000;}
	.titre_telecharger_2{
	position:relative;
	top:0; left:0;
	margin:0; padding:0;
	width:100%;
	height:18px; line-height:18px;
	color:#666666; font-weight:bold;
	font-size:10px;}
/* ---------------------------------------------------------------
	VIGNETTE
 --------------------------------------------------------------- */
	 #vignette{
	 position:relative;
	 top:0; left:0;
	 margin:0; padding:0;
	 width:100%;
	 height:auto;
	 }
	#vignette li{
	position:relative;
	float:left;
	top:0;	left:0;
	margin:7px;
	padding:0;
	width:130px;
	height:150px;
	list-style:none;
	}
	.store_coffre{background: url(../multimedia/vignette/store_coffre.png) top left no-repeat;}
	.store_banne{background: url(../multimedia/vignette/store_banne.png) top left no-repeat;}
	.store_bannette{background: url(../multimedia/vignette/store_bannette.png) top left no-repeat;}
	.store_enrouleur_interieur{background: url(../multimedia/vignette/store_enrouleur_interieur.png) top left no-repeat;}
	.store_enrouleur_exterieur{background: url(../multimedia/vignette/store_enrouleur_exterieur.png) top left no-repeat;}
	.store_lame_verticale{background: url(../multimedia/vignette/store_lame_verticale.png) top left no-repeat;}
	.store_plisse{background: url(../multimedia/vignette/store_plisse.png) top left no-repeat;}
	.store_venitien_aluminium{background: url(../multimedia/vignette/store_venitien_aluminium.png) top left no-repeat;}
	.store_venitien_bois{background: url(../multimedia/vignette/store_venitien_bois.png) top left no-repeat;}
	.store_veranda_interieur{background: url(../multimedia/vignette/store_veranda_interieur.png) top left no-repeat;}
	
	.reference_gc{background: url(../multimedia/vignette/reference_gc.png) top left no-repeat;}
	.reference_cr{background: url(../multimedia/vignette/reference_cr.png) top left no-repeat;}
	.reference_mc{background: url(../multimedia/vignette/ref_03.png) top left no-repeat;}
	.reference_pp{background: url(../multimedia/vignette/ref_04.png) top left no-repeat;}
	.reference_egb{background: url(../multimedia/vignette/ref_05.png) top left no-repeat;}
	
	#vignette li a{
	display:block;
	margin:0 5%;
	padding:0;
	width:94%;
	height:100%;
	line-height:18px;
	font-size: 12px;
	color: #ae1a1a;
	text-align:center;
	text-decoration:none;
	text-transform: capitalize;
	}
	#vignette li a:hover{color: #666666;}
/* ---------------------------------------------------------------
	PAGE GROUPE
 --------------------------------------------------------------- */
	#presentation_groupe{
	position:relative;
	top:0; left:0;
	margin:0;
	width:100%;
	height:134px;
	background: url(../multimedia/fonds/fd_groupe.png) top left no-repeat;
	}
	#presentation_groupe p{
	position:relative;
	top:10px;
	left:0;
	margin:0 2%;
	padding:0;
	width:94%;
	height:auto;
	line-height:16px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	}
	#presentation_groupe p a{color: #FFFFFF;}
	
	.info_groupe{
	position:relative;
	top:0;
	left:0;
	margin:20px 0 0 0;
	width:100%;
	height:auto;
	line-height:18px;
	color: #666666;
	font-size: 12px;
	}
	.info_groupe a{	color: #666666;}
/* ---------------------------------------------------------------
	PAGE REFERENCE
 --------------------------------------------------------------- */
	#reference_sodiclair{
	position:relative;
	top:0; left:0;
	margin:0;
	width:100%;
	height:134px;
	background: url(../multimedia/fonds/fd_reference.png) top left no-repeat;
	}
	#reference_sodiclair p{
	position:relative;
	top:10px;
	left:0;
	margin:0 2%;
	padding:0;
	width:96%;
	height:auto;
	line-height:16px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	}

/* ---------------------------------------------------------------
	PAGE PARTENAIRE
 --------------------------------------------------------------- */
	#partenaire p{
	margin:2%;
	padding:0;
	width:96%;
	height:16px;
	line-height:16px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	}	
	#partenaire a{
	margin:2%;
	padding:0;
	width:96%;
	height:16px;
	line-height:16px;
	color: #666666;
	font-size: 12px;
	font-style: italic;
	}
	#partenaire a:hover{	color: #CC0000;}
/* ---------------------------------------------------------------
	PAGE EMPLOI
 --------------------------------------------------------------- */
	#zone_emploi p{
	position:relative;
	top:10px;
	left:0;
	margin:0 2%;
	padding:0;
	width:96%;
	height:auto;
	line-height:18px;
	color: #666666;
	font-size: 11px;
	}
	#zone_emploi a{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:20px;
	line-height:20px;
	color: #666666;
	font-size: 13px;
	font-style: italic;
	text-align:center;
	font-weight: bold;
	}
	#zone_emploi a:hover{	color: #CC0000;}
/* ---------------------------------------------------------------
	PAGE PRESTATION
 --------------------------------------------------------------- */
	#zone_prestation{
	position:relative;
	top:0;
	left:0;
	margin:10px 0 0 0;
	width:100%;
	height:325px;
	background: url(../multimedia/fonds/fd_prestation.png) top left no-repeat;
	}
	#zone_prestation p{
	position:relative;
	top:10px;
	left:0;
	margin:0 2%;
	padding:0;
	width:96%;
	height:auto;
	line-height:18px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	}
	#zone_prestation ul{
	position:relative;
	top:10px;
	left:0;
	margin:0 5%;
	padding:0;
	width:90%;
	height:auto;
	}
	#zone_prestation ul li{
	position:relative;
	top:10px;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	text-indent:10px;
	list-style:none;
	height:auto;
	line-height:16px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	}
	
/* ---------------------------------------------------------------
	PAGE REALISTAION
 --------------------------------------------------------------- */
	#zone_realisation p{
	position:relative;
	top:0;	left:0;
	margin:0; padding:0;
	width:100%;
	height:auto;
	}
	#zone_realisation span{
	display:block;
	position:relative;
	float:left;
	top:0;	left:0;
	margin:0 ;
	padding:0;
	width:50%;
	height:auto;
	line-height:14px;
	font-size: 10px;
	color: #c46107;
	text-align:center;
	}
	#zone_realisation img{ position:relative; top:0; left:0; margin:20px 0 0 0;}
/* ---------------------------------------------------------------
	PAGE CONTACT
 --------------------------------------------------------------- */
	#fml_contact{
	position:relative;
	top:0;	left:0;
	margin:0; padding:0;
	width:100%;
	height:auto;
	}
	#fml_contact span{ color:#ae1a1a;}
/* ---------------------------------------------------------------
	PAGE PLAN DU STIE
 --------------------------------------------------------------- */
	#zone_plan_site{
	position:relative;
	top:0;	left:0;
	margin:0; padding:0;
	width:100%;
	height:auto;
	}

	.plan_1{
	display:block;
	margin:20px 0 0 0;
	padding:0;
	width:100%;
	height:20px;
	line-height:20px;
	font-size: 12px;
	color: #c46107;
	font-weight: bold;
	}
	.plan_2{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:20px;
	line-height:20px;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	}
	.plan_3{
	line-height:16px;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	}
/* ---------------------------------------------------------------
	FORMULAIRES
 			Marron fonce : 857362
--------------------------------------------------------------- */
	input, textarea, select{
	position:relative;
	float:left;
	padding:0;
	font-size: 12px;
	text-indent:5px;
	background-color:#FFFFFF;
	color: #857362;
	border: 1px solid #AB9C8F;
}
/* ------------------------ */
	fieldset {
	position:relative;
	top:0;
	left:0;
	margin: 1px 1% 0 1%;
	padding:0;
	color: #999999;
	border-width:0px;
	width:98%;
	height:auto;
}
	fieldset em {
	display:block;
	position:relative;
	top:0;
	left:0;
	float:left;
	margin:0 1%;
	color: #999999;
	height:24px;
	line-height:24px;
	font-size: 10px;
	font-weight: bold;
	text-align:left;
	font-style: normal;
}
/* ------------------------ */
	label {
	display:block;
	position:relative;
	top:0;
	left:0;
	float:left;
	margin:0;
	height:24px;
	line-height:24px;
	font-size: 10px;
	font-weight: bold;
	text-align:right;
}
	label.error{ color:#ae1a1a; width:2%; text-align:center;}
/* ------------------------ */
	select {margin:4px 0; text-indent:0;}
/* ------------------------ */
	input{margin:3px 0;	height:16px;}
	
	input.error{border: 1px solid #ae1a1a;}
	
	input.bt_radio{ margin-top:5px; height:auto; width:auto;}
/* ------------------------ */
	textarea{margin:4px 0;}
/* ------------------------ */
	.bt_validation{
	display:block;
	position:absolute;
	top:0;
	margin:0;
	padding:0;
	border:0;
	color: #666666;
	cursor:pointer;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:24px;
	line-height:24px;
	font-size: 9px;
	font-weight: bold;
	text-indent:0;
	text-decoration:none;
	text-transform: uppercase;
	left:143px;
	width:150px;
	background: url(../multimedia/bouton/valider.png) no-repeat top left;
	}
	.bt_validation:hover{background-position: 0% -24px; color:#FFFFFF;}
/* --------------------------------------------------------------- */

#partenairefond {
	background-image: url(../multimedia/vignette/fond-partenaires.jpg);
	background-repeat: no-repeat;
	width: 403px;
	left: 40px;
	position: relative;
}
#partenairebloc {
	background-image: url(../multimedia/vignette/fond-bloc-partenaires.jpg);
	background-repeat: no-repeat;
	height: 95px;
	width: 145px;
}
.titre_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.texte_partenaires {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	line-height: 14px;
	font-weight: bold;
}

a.texte_partenaires {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a.texte_partenaires:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #DB8B8B;
	text-decoration: underline;
	font-weight: bold;
	line-height: 14px;
}