/* CSS Document */

/*-----------  *BASE*  -----------*/
html, body{
	width:100%;
	min-height:100%;
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li, td, th, table, ol, input, select, textarea, *{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font:inherit;}
object{
	-moz-outline-style:none;
	outline-style:none;
	outline-width:0px;
	outline-color:-moz-use-text-color;
}
ul{list-style-type:none;}
a{color:#inherit;text-decoration:none;}
a img{border:none;}

.clear			 { clear:both; height:0;	line-height:0; font-size:0; }

.clearfix:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 		{ display: inline-block; }
* html .clearfix	{ height: 1%; }
.clearfix 		{ display: block; }

.clear-left   	{ clear:left; }
.clear-right 	{ clear:right; }
.hide		   	{ display: none; }
.block		   	{ display: block !important; }
.blockcentre	{ display: block !important; margin: 0 auto }
.valigntexttop	{  vertical-align: text-top }
 
.float-left    	{ float:left !important; }
.float-right   	{ float:right !important; }
.float-none   	{ float: none !important; }

.text-left     	{ text-align:left; }
.text-right    	{ text-align:right; }
.text-center  	{ text-align:center; }
.text-justify  	{ text-align:justify; }

.text11  		{ font-size:11px }

.bold          		{ font-weight:bold; }
.italic       	 	{ font-style:italic; }
.underline    	{ border-bottom:1px solid; }
 
.noborder     		{ border:none; }
.nopadding  	  	{ padding:0 !important; }
.nomargin    	 	{ margin:0 !important; }
.noindent   	  	{ margin-left:0;padding-left:0; }
.nobullet      	{ list-style:none;list-style-image:none; }

.relative      	{ position:relative; }



/*-----------  *generics*  -----------*/
body{
	-webkit-font-smoothing:antialiased;
	background : #cfcfcf;
	color: black;
	font : normal normal 12px/18px Arial, Verdana, Sans-serif;
}

#container
{
	margin : 20px auto 0;
	width : 1045px;
}

#container p a{color:#e8001c;text-decoration:none;}
#container p a:hover{color:#e8001c;text-decoration:underline;}

#container li a{color:#e8001c;text-decoration:none;}
#container li a:hover{color:#e8001c;text-decoration:underline;}

/*--- FONTFACE ---*/
@font-face
{
	font-family:'DIN';
	src:url('../font/din_light.eot');
	src:local('din_light'), url('../font/din_light.woff') format('woff'), url('../font/din_light.ttf') format('truetype'), url('../font/din_light.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}
/*--- FONTFACE ---*/

/*--- TITRE ---*/
.titre_1
{
	font : normal normal 36px/36px Din, Arial, Sans-serif;
	text-transform : uppercase;
	color : #e8001c;
	margin : 0 0 15px 0;
}
.titre_2
{
	font : normal bold 18px/18px Arial, Verdana, Sans-serif;
	text-transform : uppercase;
	margin : 0 0 15px 0;
}
.titre_3
{
	font : normal bold 14px/14px Arial, Verdana, Sans-serif;
	text-transform : uppercase;
	margin : 0 0 10px 0;
}
/*--- TITRE ---*/

/*--- HEADER ---*/
#header a, #header img, #header h1{display : inline-block;}
#header a{margin : 0 0 30px 0;}
/*--- HEADER ---*/

/*--- CONTENT ---*/
#content{width : 867px; float:left;}
#content .box
{
	margin : 0 0 25px 0;
	float : left;
	width : 100%;
}
#content .box img
{
	float : left;
	margin : 0 17px 0 0;
}
#content .box div
{
	float : left;
	width : 692px;
}
#content #iframe
{
	margin : 5px 0 0 0;
	float : left;
	overflow-x : hidden;
}
#content ul{margin : 0 0 0 26px;}
#section ul li{margin : 0 0 6px 0;}
#content ul li ul{margin-left : 38px;}

#content p{margin : 0 0 7px 0;}
/*--- SECTION ---*/

/*--- LIENS ---*/
.link, .rightbox ul li a
{
	background : url(../img/puce-rouge.png) no-repeat 0px 1px transparent;
	padding : 0 0 0 11px;
	color : black;
}
.link.white
{
	background : url(../img/puce-blanche.png) no-repeat 0px 1px transparent;
	padding : 0 0 0 11px;
}
a.link:hover, .rightbox ul li a:hover{color : #e6001a;}
a.link.white:hover{color : white;}

.stock
{
	text-transform : uppercase;
	background : url(../img/puce-rouge.png) no-repeat right 1px transparent;
	margin : 0 15px 5px 0;
	width : 145px;
	font-weight : bold;
	display : inline-block;
	color : black;
}
.stock:hover
{
	color : #d20f1f;
}
/*--- LIENS ---*/

/*--- LISTE ARGUMENTS ---*/
.rightbox
{
	padding : 7px 5px 7px 8px;	
	margin : 0 0 19px 0;
}
.rightbox.background
{
	background : url(../img/background_links.jpg) repeat-x left bottom #f1f1f1;
}
/*--- LISTE ARGUMENTS ---*/

/*--- ASIDE ---*/
#aside
{
	float : right;
	width : 160px;
	padding-left : 18px;
}
/*--- ASIDE ---*/

/*--- FOOTER ---*/
#footer
{
	float : left;
	width : 100%;
	color : white;
	font : normal normal 10px/normal Arial, Verdana, Sans-serif;
	text-transform : uppercase;
	padding : 0 0 40px 0;
}
#footer a {display : inline-block; float:right;}
#footer p
{
	float:right;
	margin : 32px 20px 0 0;	
}
/*--- FOOTER ---*/

/*--- GREYBOX ---*/
#overlay{
	display:none;
	z-index:40;
	position:fixed;
	left:0;top:0;
	width:100%;
	height:100%;
	background:#000000;
}

#greyBox{
	display:none;
	z-index:41;
	position:absolute;
	left:0;
	top:50px;
	margin:0 0 0 50%;
	box-shadow:0px 0px 18px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:0px 0px 18px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:0px 0px 18px rgba(0, 0, 0, 0.7);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#greyBox .content{
	padding:9px;
	background:#ffffff;
	position:relative;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#greyBox .close{
	cursor:pointer;
	position:absolute;
	right:-18px;top:-18px;
	height:17px;
	padding:0 20px 0 0;
	background:url(../img/close.gif) no-repeat right top;
}
#greyBox .close img{display:block;}

#greyBoxImage{display:block;}
#greyBoxLoader{
	min-height:200px;
	background:url(../img/ajax-loader.gif) no-repeat center center;
}
/*--- GREYBOX ---*/

/*--- CLASSIC FORM ---*/

#container_form
{
	float:left;
	width : 100%;
	background : url(../img/background_form.jpg) repeat-x left bottom white;
	margin : 0 0 10px 0;
}
/*CSS générique < FORM >*/
.classicForm{
	float:left;
	font-size:12px;
	padding : 88px 12px 0;
	overflow : auto;
	background : url(../img/formulaire-contact.jpg) no-repeat left top transparent;
}
/*CSS générique < FIELDSET >*/
.classicForm fieldset{
	border:none;
	float:left;
	width:100%;
	padding:0;
}
/*CSS générique < DIV >*/
.classicForm div{
	float:left;
	width:100%;
}
/*CSS Titre de colonne*/
.classicForm .colTitle{
	font-size:1.2em;
	font-weight:bold;
	padding:0 0 13px 0;
}
/*CSS générique < P >*/
.classicForm p{
	float:left;
	width:100%;
	display:block;
	padding:0 0 13px 0;
}
/*CSS générique < INPUT / >, < SELECT >, < TEXTAREA >*/
.classicForm input.text, .classicForm input.password, .classicForm select.select, .classicForm textarea.textarea{	
	display:inline-block;
	color:#adadad;
	padding:0;
	margin:0;
	padding:2px 0 1px 0;
	border:1px solid #c6c6c6;
	background:#f2f2f2;
	font:normal normal 12px/normal Arial, Verdana, Sans-Serif;
}
.classicForm input.text, .classicForm input.password, .classicForm select.select{width:100%;}
.classicForm input.text, .classicForm input.password{height : 20px;}
.classicForm input.text, .classicForm input.password, .classicForm textarea.textarea{text-indent : 5px;}
.classicForm textarea.textarea{padding : 5px; height : 87px; width : 126px; -webkit-border-radius : 5px;-moz-border-radius : 5px;border-radius : 5px;}
/*< INPUT / > checkbox, radio*/
.classicForm input.checkbox, .classicForm input.radio{
	padding:0;
	margin:1px 5px 0 0;
	vertical-align:middle;
}
/*< INPUT / > submit*/
.classicForm input.submit{
	margin:0;
	padding:0;
	cursor:pointer;
	background : none;
	border : 0;
	font : normal bold 14px/14px Arial, Verdana, Sans-serif;
	text-transform : uppercase;
}
.classicForm input.submit:hover{color : #D20F1F;}
.classicForm input.radio{vertical-align:text-bottom;}
/*Mise en forme générique < LABEL >*/
.classicForm label{
	width:100%;
	cursor:pointer;
	margin : 0 0 2px 0;
	display : inline-block;
}
/*Specifications < DIV > 100%*/
.classicForm div.col_100{
	width:100%;
}
/*Specifications < DIV > 50%*/
.classicForm div.col_50{
	width:49%;
	padding-right:2%;
}
/*Specifications < DIV > 33%*/
.classicForm div.col_33{
	width:32%;
	padding-right:2%;
}
/*Specifications < DIV > 25%*/
.classicForm div.col_25{
	width:23%;
	padding-right:2%;
}
.classicForm div.col_25.firstCol, .classicForm div.col_25.lastCol{width:24%;}
.classicForm div.lastChild, .classicForm div.lastCol{padding-right:0 !important;}
/*Specifications de position de < LABEL > à GAUCHE*/
.classicForm p.label_left label{
	float:left;
	display:block;
	width:32%;
	padding-right:2%;
}
.classicForm p.label_left input, .classicForm p.label_left select, .classicForm p.label_left textarea{width:66%;}
/*Specifications de position de < LABEL > à DROITE*/
.classicForm p.label_right label{
	width:auto;
	padding-right:13px;
}
.classicForm p.label_right input, .classicForm p.label_right select, .classicForm p.label_right textarea{width:auto;}
/*Spécifications < INPUT / > submit*/
.classicForm div.col_100 input.submit, .classicForm div.col_50 input.submit, .classicForm div.col_33 input.submit, .classicForm div.col_25 input.submit{width:100%;}
/*Spécifications < INPUT / > submit à GAUCHE*/
.classicForm p.submit_left{text-align:left;}
.classicForm p.submit_right{text-align:right;}
.classicForm p.submit_center{text-align:center;}
.classicForm p.submit_left input.submit, .classicForm p.submit_right input.submit, .classicForm p.submit_center input.submit{width:auto;}
/*Champ requis*/
.classicForm .required{color:black;}
.classicForm .error .required{color:#d20f1f !important;}
/*Gestion des erreurs*/
.classicForm .error input, .error select, .error textarea{
	border-color:#db533d !important;
	color:#d20f1f !important;
}
.classicForm .error label{color:#d20f1f;}
/*Gestion des infobulles erreurs*/
.errorFeedback{
	z-index:42;
	position:absolute;
	color:#ffffff;
	background:#d20f1f;
	padding:10px;
	margin:0 0 10px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.7);
	box-shadow:1px 1px 4px rgba(0, 0, 0, 0.7);
	font:normal normal 11px/normal Verdana, Arial, Sans-serif;
}
.errorFeedback .appendice{
	position:absolute;
	left:10px;bottom:-14px;
	width:14px;
	height:14px;
	background:url(../img/error_msg.gif) no-repeat left top;
}
/*--- CLASSIC FORM ---*/

/*-----------  STYLES  -----------*/