@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/plan.css");

html{
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
}

body{
	width: 100%;
	margin: 0px; 
	padding: 10px 0px 0px 0px;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	background:#FFF;
	text-align:center;
}

.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
	border:1px solid red;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

img{border: none;}

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

a {
	color:#094fbc;
	text-decoration:none;
	font-weight:bold;
	}

a:hover {
	color:#2795ec;
	text-decoration:underline;
	font-weight:bold;
	}

/* GLOBAL */





#global{
	text-align:left;
	width:754px;
	margin:0px auto;
	}

.clear {clear:both;}
/* ENTETE AVEC PREMIER MENU*/

#header{
	background:url(/images/header-fond-droit.gif) top right #335597 no-repeat;
	padding:0px;
	margin:0px 0px 7px 0px;
	}

#header b{
	float:right;
	margin:7px 6px 0px 0px;
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;
	display:block;
	clear:right;
	}

#header b a{
	color:#FFF;
	background:url(/images/header-fleche-langage.gif) top right no-repeat;
	padding:0px 15px 0px 0px;
	text-decoration:none;
	display:block;
	}
#header b a:hover{
	text-decoration:underline;
	}
	
#header ul{
	background:url(/images/header-fond-ul.gif) top left repeat-x;
	clear:left;
	padding: 0px;
	margin: 0px;
	height:41px;
}

#header ul li{
	list-style: none;
	display:block;
	float:left;
	}
	#header ul li img{
		display:block;
	}
	#header ul li a{
		color: #FFFFFF;
		padding: 0px;
		margin: 0px;
		text-decoration: none;
		cursor: pointer;
		font-size:10px;
		font-weight:bold;
		height:41px;
		width:100px;
		display:block;
		text-align:center;

	}
	#header ul li.accueil a{background:url(/images/header-fond-menu-accueil.gif) top center no-repeat;width:108px}
	#header ul li.produits a{background:url(/images/header-fond-menu-produits.gif) top center no-repeat;width:104px}
	#header ul li.portfolio a{background:url(/images/header-fond-menu-portfolio.gif) top center no-repeat;width:102px}
	#header ul li.joindre a{background:url(/images/header-fond-menu-joindre.gif) top center no-repeat;width:148px}
	#header ul li.joindre a span{padding-right:38px;}
	#header ul li.materiel a{background:url(/images/header-fond-menu-materiel.gif) top center no-repeat;width:144px;text-align:left}
	#header ul li.materiel a span{padding-left:44px;}

	#header ul li a.active{background-position:bottom center;color:#666666;}

	#header ul li a:hover{
		text-decoration: none;
		cursor: pointer;
		color:#FFFFFF;
		background-position:center center;
	}

	#header ul li a span{
		cursor:pointer;
		display:block;
		padding:6px 0px 0px 0px;
	}
	
	
/*SOUS MENU*/
#lowerHeader {
	background:url(/images/lowerheader-fond-deg.gif) repeat-x;
	height:65px;
	font-size:12px;
	margin-bottom:10px;
	/*display:none;*/
}

#lowerHeader div{
	float:left;
	padding:0px 3px 0px 4px;
}
	
	
#lowerHeader div a{
	display:block;
	color:#000;
	text-decoration:none;
	cursor:pointer;
}

#lowerHeader div.armolite a{background:url(/images/lowerheader-fond-armolite.gif) repeat-x;}
#lowerHeader div.armolite a:hover {border-bottom:4px solid #068bff}
#lowerHeader div.armolitex a{background:url(/images/lowerheader-fond-armolitex.gif) repeat-x;}
#lowerHeader div.armolitex a:hover {border-bottom:4px solid #596da6}
#lowerHeader div.fibrelite a{background:url(/images/lowerheader-fond-fibrelite.gif) repeat-x;}
#lowerHeader div.fibrelite a:hover {border-bottom:4px solid #55cc00}
#lowerHeader div.supports a{background:url(/images/lowerheader-fond-support.gif) repeat-x;}
#lowerHeader div.supports a:hover {border-bottom:4px solid #ff7a06}

#lowerHeader div a.active {border-bottom:14px solid #FFF}
#lowerHeader div a.active:hover {border-bottom:14px solid #FFF}

	

#lowerHeader div a span{
	display:block;
	width:181px;
	height:51px;
}
	
#lowerHeader div a span b{
	display:block;
	padding:31px 0px 0px 7px;
	font-weight:normal;
}

#prods div{
	float:left;
	font-size: 12px;
	height: 59px;
	font-weight: normal;
	text-align: right;
}
#prods div.supports,
#prods div.fibrelite{
	float:right;
	padding-left: 8px;
	text-align: left;
}

#prods div a{
	display:block;
	color:#000;
	text-decoration:none;
	cursor:pointer;
	font-weight: normal;
	width:373px;
	height:51px;
}
#prods div a span{
	display:block;
	padding: 29px 117px 0px 10px;
}
#prods div.supports a span,
#prods div.fibrelite a span{
	padding: 29px 10px 0px 122px;
}
#prods div.armolite a{background:url(/images/prods-fond-armolite.gif) repeat-x;}
#prods div.armolite a:hover {border-bottom:4px solid #068bff}
#prods div.armolitex a{background:url(/images/prods-fond-armolitex.gif) repeat-x;}
#prods div.armolitex a:hover {border-bottom:4px solid #596da6}
#prods div.fibrelite a{background:url(/images/prods-fond-fibrelite.gif) repeat-x;}
#prods div.fibrelite a:hover {border-bottom:4px solid #55cc00}
#prods div.supports a{background:url(/images/prods-fond-support.gif) repeat-x;}
#prods div.supports a:hover {border-bottom:4px solid #ff7a06}

/*FOOTER*/
#footer {
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	clear:both;
}
#footer div.echantillon{
	float:left;
	text-align:right;
	font-size:9px;
}
#footer div.echantillon a{
	display:block;
	color:#000;
	text-decoration:none;
	font-weight:normal;
	background:url(/images/footer-fond-echantillon.gif) top right no-repeat;
	width:186px;
	height:26px;
}
#footer div.echantillon a:hover{
	background-position:bottom right;
}
#footer div.echantillon a span{
	padding:5px 55px 0px 0px;
	display:block;
}
#footer div.adresse{
	border-left:1px solid #000000;
	float:left;
	background:#e2f4ff;
	width:567px;
	height:26px;
	font-size:10px;
}
#footer div.adresse span{
	padding:5px 0px 0px 0px;
	display:block;
	text-align:center;
}
/*menu FOOTER*/
#menuFooter{
	font-size:10px;
	text-align:center;
	padding:5px 0px 5px 0px;
	}

#menuFooter a{
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	}

#menuFooter a:hover{
	color:#278be2;
	text-decoration:none;
	}

/*Image du portfolio*/
#portfolio{
	margin:0px 0px 15px 0px;
	width: 754px;
	}

#portfolio div {
	float:left;
	padding: 0px 2px 2px 0px;
	width: 148px;
	}

#portfolio div a{
	padding: 3px;
	display: block;
	}

#portfolio div a:hover{
	border:3px solid #2793ec;
	display:block;
	padding: 0px;
	}

#portfolio div a span{
	border: 1px solid #FFFFFF;
	display: block;
	width: 140px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center;
}




/*Echantillons*/
#demande-info td input {
	border:1px solid #547170;
	height:17px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:2px 3px 0px 3px;
	background:url(/images/fond-input.gif) repeat-x;
	float:left;
}

#demande-info td select {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	float:left;
}


#demande-info th {
	text-align:right;
	width:20%;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding:4px 3px 10px 3px;
	vertical-align:top;
}

#demande-info .obg span{
	font-weight:bold;
	color:#990000;
	float:left;
	padding:0px 3px 0px 3px;
}

#demande-info .sep hr{
	color: #e5e3d5;
	background:url(/images/fond-sep.gif) top left repeat-x;
	height: 1px;
	border: 0;
}

#demande-info .sep{
	padding:4px 0px;
}

#demande-info td {
	vertical-align:top;
	text-align:left;
	width:80%;
}

#demande-info td.question {
	padding-left:16px;
	font-weight:bold;
}

#demande-info td.note {
	padding-left:16px;
}

#demande-info td div {
	font-weight:normal;
	float:left;
	padding:3px 0px 0px 20px;
}
#demande-info td div input{
	font-weight:normal;
	float:none;
	width:200px;
}

#demande-info table.radio td{
	font-weight:normal;
	vertical-align:top;
	width:auto;
}

#demande-info table.radio td span{
	font-weight:normal;
	width:100px;
	display:block;
	padding:2px 0px 0px 0px;
	color:#000000;
}

#demande-info table.radio td input{
	font-weight:normal;
	border:0px;
	float:left;
	background:none;
}

#demande-info td.question select {
	margin:4px 0px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}


span.omError{
	color:#FFF !important;
	display:block;
	float:left;
	margin:0px 0px 0px 0px !important;
	background:#3483a5;
	padding:4px 5px 5px 23px !important;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background:url(/images/fond-error.gif) #b64010 top left no-repeat;
}