/* CSS Document */

/*-----------------------------------------------------------------------------------------------------BASE-------------------------------------------------------------------------------------------------------------------*/ /*-----------  Styles génériques  -----------*/
html, body{width:100%;}
body{
	color:#fef2df;
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	font:normal normal 11px/normal Arial, Verdana, sans;
}
body.section00{background:#a3a3a3;}

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;}
object{
	-moz-outline-style:none;
	outline-style:none;
	outline-width:0px;
	outline-color:-moz-use-text-color;
}
a img{border:none;}

@font-face{
	font-family: Din Black;
	src: local("Din Black"), url("../fonte/din_black.ttf") format("truetype");
}

.clear			 { clear:both; height:0;	line-height: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; }


/*-----------------------------------------------------------------------------------------------------STRUCTURE-------------------------------------------------------------------------------------------------------------------*/ /* Ossature du site  */
#flashHome{
	position:absolute;
	left:0;top:0;
	width:100%;
	height:600px;
	background:#000000;
}

#container, .container{
	width:955px;
	position:relative;
	margin:0 auto;
}

#page{
	float:left;
	width:954px;
	border-right:1px solid #2b3133;
	border-right:1px solid rgba(255, 255, 255, 0.1);
}
body.section00 #page{border-right:0;padding-right:1px;}

#mainMenu{
	float:left;
	width:955px;
	height:148px;
	margin:0 0 10px 0;
	list-style-type:none;
}

#toolbar{
	z-index:41;
	width:100%;
	position:fixed;
	left:0;bottom:0;
	background:#a3a3a3;
	color:#ffffff;
	font-size:10px;
}
body.section00 #toolbar{
	position:absolute;
	bottom:auto;
	top:600px;
}

#leftCol{
	float:left;
	width:317px;
	padding:0 0 0 1px;
	padding-bottom:90px;
}

#rightCol{
	float:right;
	width:635px;
	min-height:316px;
	padding-bottom:90px;
	border-left:1px solid #2b3133;
	border-left:1px solid rgba(255, 255, 255, 0.1);
}

#square{
	width:317px;
	height:315px;
	margin:0 0 90px 0;
}

.fullCol{
	float:left;
	padding:10px;
	background:url(../image/_img/ie_col.png) repeat left top;
	background:rgba(41, 27, 4, 0.4);
}
.fullCol.resetBg{padding-top:18px;background:none;}

#rightCol > .fullCol{width:615px;}

.col_75{
	float:left;
	width:476px;
	min-height:316px;
	padding:0 1px 0 0;
}

.col_25{
	float:left;
	width:158px;
	min-height:500px;
	background:url(../image/_img/ie_col25.png) repeat left top;
	background:rgba(10, 7, 1, 0.7);
}
.col_25.addMarginTop{margin-top:1px;}


/*---------------------------------------------------------------------------------------------------------SKIN------------------------------------------------------------------------------------------------------------------------*/ /* Spécificités du site  */

/*-----------  MAIN MENU  -----------*/
#mainMenu li{
	float:left;
	width:158px;
	height:148px;
	text-transform:uppercase;
	border-left:1px solid #2b3133;
	border-left:1px solid rgba(255, 255, 255, 0.1);
}
body.section00 #mainMenu li{border-left:none;padding-left:1px;}
#mainMenu li.news{
	width:317px;
}
#mainMenu li .content{
	display:block;
	height:28px;
	color:#fef2df;
	padding:16px 10px 0 10px;
	text-decoration:none;
	font:normal normal 14px/14px Arial Black, Arial, sans;
}
#mainMenu li a.content:hover, #mainMenu li.active .content{
	color:#d60000;
	background:none !important;
}

/*-----------  MAIN MENU HIGHLIGHT  -----------*/
#highlight{
	width:297px;
	height:72px;
	position:relative;
	padding:0 10px 31px 10px;
	border-bottom:1px solid #2b3133;
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
}
body.section00 #highlight{border-bottom:none;margin-bottom:1px;}
#highlight ul{
	float:none;
	width:auto;
	height:auto;
	list-style-type:none;
}
#highlight ul li{
	color:#e2c18d;
	float:none;
	width:auto;
	height:auto;
	border:none;
}
#highlight ul .title{
	padding:0 0 10px 0;
	font:normal normal 11px/12px Arial Black, Arial, sans;
}
#highlight ul .title a, #highlight ul p a{
	color:#e2c18d;
	text-decoration:none;
}
#highlight ul .title a:hover, #highlight ul p a:hover{color:#d60000;}

#highlight ul .readMore{
	z-index:3;
	position:absolute;
	bottom:7px;right:10px;
}
#highlight ul .readMore:hover{opacity:0.8;}

#highlight ul.pagination{
	z-index:2;
	position:absolute;
	bottom:12px;right:40px;
	color:#ae823a;
	font:normal normal 14px/14px Arial Black, Arial, sans;
}

#highlight ul.pagination li{
	display:block;
	float:left;
	width:15px;
	height:15px;
	margin-right:2px;
	line-height:15px;
	cursor:pointer;
	color:#ae823a;
	text-align:center;
}
#highlight ul.pagination li:hover{color:#d60000;}
#highlight ul.pagination li.active{color:#fef2df;background:none !important;}

/*-----------  TOOLBAR  -----------*/
#toolbar .logo{
	display:block;
	float:right;
	padding:0 1px 0 0;
	margin:0 0 0 15px;
}
#toolbar .logo{display:block;}
#toolbar .note{
	float:right;
	padding:52px 0 0 0;
}
#toolbar .links{
	clear:left;
	float:left;
	color:#828282;
	padding:27px 0 0 11px;
}
#toolbar .links a{
	color:#585858;
	text-decoration:none;
}
#toolbar .links a:hover, #toolbar .links a.active{color:#cb0e0e;background:none !important;}

/*-----------  FOOTER MORE  -----------*/
#footerMore{
	display:none;
	float:left;
	width:100%;
	color:#585858;
	margin:12px 0 0 0;
	padding:15px 0 10px 0;
	font:normal normal 10px/normal Arial, Verdana, sans;
	background:url(../image/_img/footermore_border.gif) repeat-x left top;
}
#footerMore.collapse{display:block;}

/*-----------  MENU LANG  -----------*/
#menuLang{
	float:left;
	color:#585858;
	padding:3px 0 0 11px;
	text-transform:uppercase;
}
#menuLang ul{list-style-type:none;}
#menuLang li{
	float:left;
	padding:0 8px 0 0;
}
#menuLang li a{
	display:block;
	float:left;
	color:#585858;
	padding:9px 0 0 0;
	text-decoration:none;
}
#menuLang li a:hover, #menuLang li.on a{
	color:#cb0e0e;
	background:url(../image/_img/menulang_arrow.gif) no-repeat center top;
}

/*-----------  MORE INFORMATION  -----------*/
#moreInformation{
	cursor:pointer;
}
#moreInformation:hover, #moreInformation.collapse{color:#cb0e0e;}

/*-----------  SUB MENU LIST  -----------*/
#subMenu{position:relative;}
#subMenu #subMenuList{
	z-index:5;
	width:296px;
	height:auto;
	padding:0;
	position:absolute;
	left:11px;top:78px;
	list-style-type:none;
	text-transform:uppercase;
	font:normal normal 14px/normal Arial Black, Arial, sans;
	background:none;
}
#subMenuList{
	float:left;
	width:297px;
	height:295px;
	padding:10px;
	list-style-type:none;
	text-transform:uppercase;
	font:normal normal 14px/15px Arial Black, Arial, sans;
	background:url(../image/_img/ie_col.png) repeat left top;
	background:rgba(41, 27, 4, 0.4);
}
#subMenuList li{
	float:left;
	width:100%;
	padding:0 0 16px 0;
}
#subMenuList li.lastChild{padding:0;}
#subMenuList a{
	display:block;
	width:276px;
	padding:0 20px 0 0;
	color:#fef2df;
	text-decoration:none;
}
#subMenuList a:hover, #subMenuList li.on a{
	color:#d60000;
	background:url(../image/_img/submenu_arrow.png) no-repeat right 1px;
}
#subMenuList .accesskey{text-decoration:none !important;}

/*-----------  SLIDER  -----------*/
#diapo{
	float:left;
	position:relative;
}
#diapo ul{
	float:left;
	position:relative;
	overflow:hidden;
	width:635px;
	height:315px;
	padding:0;
	margin:0;
	list-style-type:none;
	background:url(../image/_img/ie_col.png) repeat left top;
	background:rgba(41, 27, 4, 0.4);
}
#diapo ul li{
	position:absolute;
	left:0;top:0;
	width:635px;
	height:315px;
	margin:0;
}

.buttonLeft, .buttonRight{
	z-index:7;
	display:block;
	position:absolute;
	bottom:14px;
	width:24px;
	height:37px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(../image/_img/slider_buttons.gif);
}
.buttonLeft:hover{background-position:0px -37px;}
.buttonRight:hover{background-position:-24px -37px;}
.buttonLeft{background-position:0px 0px;right:72px;}
.buttonRight{background-position:-24px 0px;right:10px;}
#diapo .num{
	z-index:7;
	display:block;
	position:absolute;
	bottom:14px;
	width:20px;
	height:37px;
	text-align:center;
	bottom:14px;right:45px;
	color:#e2c18d;
	font:normal bold 14px/37px Arial, Verdana, sans;
}

#diapo .title_1{
	z-index:6;
	position:absolute;
	left:10px;top:9px;
	padding:0;
}

/*-----------  MEDIA GALLERY  -----------*/
.mediaGallery{
	float:left;
	width:100%;
	margin-top:1px;
	list-style-type:none;
}
.mediaGallery li{
	float:left;
	cursor:pointer;
	width:158px;
	height:158px;
	overflow:hidden;
	position:relative;
	margin-left:1px;
	margin-bottom:1px;
}
.mediaGallery li.lineFirstChild{
	margin-left:0;
}
.mediaGallery li img{
	position:relative;
	left:-80px;
}

.mediaGallery li .video{
	z-index:1;
	position:absolute;
	left:58px;top:58px;
	opacity:0.5;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.5s;
	-moz-transition-property:opacity;
	-moz-transition-duration:0.5s;
	transition-property:opacity;
	transition-duration:0.5s;
}
.mediaGallery li:hover .video{opacity:1;}

.mediaGallery .overlay{display:none;} /* -- Pour IE --*/
.mediaGallery li:hover .overlay{display:block;} /* -- Pour IE --*/
.mediaGallery .overlay:last-child{ /* -- Pour les autres --*/
	display:block;
	opacity:0;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.5s;
	-moz-transition-property:opacity;
	-moz-transition-duration:0.5s;
	transition-property:opacity;
	transition-duration:0.5s;
}
.mediaGallery li:hover .overlay:last-child{opacity:1;} /* -- Pour les autres --*/

/*-----------  OVERLAY  -----------*/
.overlay{
	width:100%;
	z-index:2;
	position:absolute;
	left:0;bottom:0;
	text-transform:uppercase;
	background:#d60000 url(../image/_img/overlay_zoom.gif) no-repeat right bottom;
	font:normal normal 11px/12px Arial Black, Arial, sans;
}
.overlay .content{
	display:block;
	color:#fef2df;
	padding:15px 40px 10px 10px;
	text-decoration:none;
	font:normal normal 11px/12px Arial Black, Arial, sans;
}

/*-----------  SELECT LIST  -----------*/
.selectList{
	width:138px;
	padding:1px 0 0 0;
	list-style-type:none;
	text-transform:uppercase;
}
.selectList li{
	padding:8px 0;
	cursor:pointer;
	border-bottom:1px solid #363127;
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
}
.selectList li.lastChild{border-bottom:none;}
.selectList li:hover, .selectList li.active{color:#d60000;background:none !important;}

.title_4.sortListTitle{
	cursor:pointer;
	padding:20px 0 0 0;
	background:url(../image/_img/sortlisttitle_arrow2.png) no-repeat right 20px;
}
.title_4.sortListTitle:hover{background-image:url(../image/_img/sortlisttitle_arrow.png);color:#d60000;}
.title_4.sortListTitle.collapse{background-image:url(../image/_img/sortlisttitle_arrow.png);}

/*-----------  MEDIA TYPE  -----------*/
.mediaType{
	width:138px;
	border:none;
	margin:10px 0 0 0;
	border-spacing:0;
	border-collapse:collapse;
	text-transform:uppercase;
	font:normal normal 10px/normal Arial, Verdana, sans;
}
.mediaType td{
	border:none;
	text-align:center;
}
.mediaType .item{
	display:block;
	cursor:pointer;
	padding:20px 0 0 0;
	background-repeat:no-repeat;
	background-position:center top;
	text-decoration:none;
}
.mediaType .item:hover, .mediaType .item.active{
	color:#d60000 !important;
	background-position:center -100px;
}
.mediaType .item.all{background-image:url(../image/_img/all.png);}
.mediaType .item.pictures{background-image:url(../image/_img/pictures.png);}
.mediaType .item.videos{background-image:url(../image/_img/videos.png);}

.mediaType.dates td{padding:0 1px;}
.mediaType.dates .item{
	background:none;
	color:#fffffe;
	font-size:11px;
	padding:5px 0 0 0;
	border-top:2px solid #ffffff;
}
.mediaType.dates .item:hover, .mediaType.dates .item.active{border-color:#d60000;}

/*-----------  PAGE LIST  -----------*/
.pageList{
	float:left;
	width:455px;
	padding:0 1px 0 0;
	list-style-type:none;
}
.pageList li{
	float:left;
	width:151px;
	height:158px;
	border-right:1px solid #2b3133;
	border-right:1px solid rgba(255, 255, 255, 0.1);
	border-bottom:1px solid #2b3133;
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
}
.pageList li.lineLastChild{border-right:none;}
.pageList li.lastLineChild{border-bottom:none;}
.pageList li.month{
	width:131px;
	height:138px;
	padding:10px;
	color:#e2c18d;
	text-transform:uppercase;
	font:normal normal 23px/24px Arial Black, Arial, sans;
	background:url(../image/_img/news_month_arrow.gif) no-repeat right bottom;
	
}
.pageList li a{
	display:block;
	width:131px;
	height:138px;
	padding:10px;
}
.pageList span{display:block;}
.pageList .date{
	color:#e0d2bd;
	text-transform:uppercase;
	font:normal normal 11px/normal Arial Black, Arial, sans;
}
.pageList .name{
	color:#e2c18d;
	padding:0 0 5px 0;
	font:normal normal 11px/normal Arial, Verdana, sans;
}
.pageList .desc{
	color:#e0d2bd;
	font:normal normal 11px/normal Arial, Verdana, sans;
}
.pageList li a{text-decoration:none;}
.pageList li a:hover{
	background:url(../image/_img/ie_pagelist.png) repeat left top;
	background:rgba(233, 217, 183, 0.1);
}
.pageList li a:hover span{color:#d60000;}
.pageList li a:hover span.desc{color:#fef2df !important;}

/*-----------  RANGE  -----------*/
.rangeCol{
	float:left;
	width:158px;
	min-height:315px;
	/*margin-left:1px;*/
	border-left:1px solid #2b3133;
	border-left:1px solid rgba(255, 255, 255, 0.1);
	background:url(../image/_img/ie_col.png) repeat left top;
	background:rgba(41, 27, 4, 0.4);
}

/*-----------  VEHICULE  -----------*/
.vehicule{
	display:block;
	width:138px;
	height:147px;
	position:relative;
	padding:10px 10px 0 10px;
	text-decoration:none;
}
.vehicule:hover{
	background:url(../image/_img/ie_pagelist.png) repeat left top;
	background:rgba(233, 217, 183, 0.1);
}
.vehicule .title{
	color:#fef2df;
	padding:2px 0 5px 0;
	text-transform:uppercase;
	font:normal bold 14px/15px Arial, Verdana, sans;
}
.vehicule:hover .title{color:#d60000;}
.vehicule img{
	/*position:relative;
	margin:0 auto;*/
	position:absolute;
	left:10px;bottom:5px;
}

/*-----------  VEHICULE  -----------*/
.vehiculeType{
	float:right;
	width:318px;
	border:none;
	margin:5px 0 0 317px;
	border-spacing:0;
	border-collapse:collapse;
}
.vehiculeType td{
	vertical-align:top;
	border-left:1px solid transparent;
}
.vehiculeType td.range{
	width:74px;
}
.vehiculeType td.range span{
	display:block;
	height:0;
	font-size:0;
	line-height:0;
	margin-top:2px;
	border-bottom:3px solid #fef2df;
}
.vehiculeType td.range span.active{border-color:#d60000;}
.vehiculeType td.end{
	width:8px;
}
.vehiculeType td.text{
	padding:5px 0 0 1px;
	text-transform:uppercase;
	font:normal bold 14px/15px Arial, Verdana, sans;
}
.vehiculeType td.right{text-align:right;}

/*-----------  MAP  -----------*/
#map ul{list-style-type:none;}
#map ul.page, #map ul.system{
	float:left;
	width:297px;
	padding:0 21px 0 0;
}
#map ul.system{padding-right:0;}
#map ul.system
#map ul li, #map ul li a{
	color:#e2c18d;
	text-decoration:none;
	text-transform:uppercase;
	font:normal normal 11px/normal Arial, Verdana, sans;
}
#map ul li{
	margin:0 0 5px 0;
	padding:0 0 2px 0;
}
#map ul li ul{padding:3px 0 10px 10px;}
#map ul li ul li, #map ul li ul li a{
	color:#fef2df;
	text-decoration:none;
	text-transform:none;
	border:none;
	padding:0 0 2px 0;
	margin:0;
	font:normal normal 11px/normal Arial, Verdana, sans;
}
#map a:hover{color:#d60000 !important;}

/*-----------  ARTICLELIST  -----------*/
#articlelist{list-style-type:none;}
#articlelist .article{
	float:left;
	width:48%;
	padding:0 2% 20px 0;
}
#articlelist .article.number1, #articlelist .article.number3, #articlelist .article.number5, #articlelist .article.number7, #articlelist .article.number9{clear:left;}
#articlelist .titre, #articlelist .titre a{
	color:#e2c18d;
	text-decoration:none;
	text-transform:uppercase;
	font:normal normal 11px/normal Arial, Verdana, sans;
}
#articlelist .titre{
	margin:0 0 5px 0;
	padding:0 0 2px 0;
	border-bottom:1px solid #2b3133;
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
}
#articlelist .titre a:hover{color:#d60000;}

/*-----------  NEXTPREVIOUS  -----------*/
#nextprevious{
	color:#e2c18d;
	text-align:right;
	font:normal normal 11px/normal Arial Black, Arial, sans;
}
#nextprevious a{
	color:#e2c18d;
	text-decoration:none;
}
#nextprevious a, #nextprevious span{padding:0 0 0 4px;}
#nextprevious a:hover, #nextprevious a.on{color:#d60000;}

/*-----------  CTXBOX  -----------*/
#ctxbox, #ctxbox ul{list-style-type:none;}
#ctxbox .titre{
	color:#e2c18d;
	padding:0 0 10px 0;
	text-decoration:none;
	text-transform:uppercase;
	font:normal normal 11px/normal Arial Black, Arial, sans;
}
#ctxbox ul{padding:0 0 15px 0;}
#ctxbox ul li{padding:0 0 2px 0;}
#ctxbox ul a{
	display:inline-block;
	color:#fef2df;
	padding:4px 25px 0 0;
	text-decoration:none;
}
#ctxbox ul a:hover{color:#d60000;}

#ctxbox ul a.file{background:url(../image/_img/tools_file.png) no-repeat right top;}
#ctxbox ul a.contact{background:url(../image/_img/tools_contact.png) no-repeat right 6px;}

/*----------  GENERIC FORM STYLES  ------------*/
/*
	* @author	Thomas Martin
 	* @date	13-04-2010
 	* @version	1.0
	* @description
		- Styles de mise en forme de formulaire classique
		- Design en pourcentage extensible, s'adaptant à la largeur du block parent
		- Base à modifier/adapter suivant le design
*/
/*-----------  Balise FORM -----------*/
.classicForm{
	float:left;
	width:100%;
}

/*-----------  Form TITLE -----------*/
.classicForm .formTitle{
	font-size:21px;
	color:#77b411;
	font-weight:normal;
	padding-bottom:5px;
	border-bottom:1px dotted #77b411;
}

/*-----------  balise FIELDSET -----------*/
.classicForm fieldset{
	float:left;
	border:none;
	width:100%;
	margin:10px 0 0 0;
}

/*-----------  Gestion du la balise LEGEND -----------*/
.classicForm legend, .classicForm .title{
	color:#fef2df;
	font-size:11px;
	line-height:18px;
	margin:0 0 10px 0;
	text-transform:uppercase;
	font-family:Arial Black, Arial, sans;
}
.classicForm legend .num{
	display:block;
	float:left;
	width:18px;
	height:18px;
	color:#ffffff;
	margin:0 7px 0 0;
	background:#3a444e;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	line-height:18px;
	background:url(../img/num.gif) no-repeat left top;
}

/*-----------  Block Fieldset -----------*/
.classicForm .fieldset{
	float:left;
	width:100%;
	padding:0 0 10px 0;
}
.classicForm .fieldset.lastChild{padding-bottom:0;margin-right:0 !important;}
.classicForm fieldset.two-cols .fieldset{width:49%;margin-right:2%;}
.classicForm fieldset.three-cols .fieldset{width:32%;margin-right:2%;}
.classicForm fieldset.four-cols .fieldset{width:24%;margin-right:1%;}
.classicForm fieldset.four-cols .fieldset.lastChild{width:25%;}

/*-----------  Mise en forme générique des paragraphes  -----------*/
.classicForm p{
	float:left;
	width:100%;
	padding:0 0 10px 0;
}
.classicForm .intro{margin-top:10px;}

/*-----------  Mise en forme générique des champs de formulaire  -----------*/
.classicForm .text, .classicForm .textarea, .classicForm .select{
	background:#644f2d;
	border:none;
	color:#e0d2bd;
	padding:4px 0;
	text-indent:4px;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Verdana, sans;
}
.classicForm .select{
	padding:0;
	text-indent:0;
	height:18px;
}
.classicForm  .aligned .text, .classicForm .aligned .textarea, .classicForm .aligned .select{
	display:block;
	float:left;
	width:66%;
}
.classicForm  .above .text, .classicForm .above .textarea, .classicForm .above .select{
	display:block;
	width:100%;
}
.classicForm .checkbox, .classicForm .radio{
	margin:0 5px 5px 0;
	line-height:13px;
	vertical-align:middle;
}
.classicForm  .aligned .text.addHelp, .classicForm  .aligned .textarea.addHelp{width:61%;}
.classicForm .text:hover, .classicForm .textarea:hover, .classicForm .select:hover{color:#ffffff;}
.classicForm .text:focus, .classicForm .textarea:focus, .classicForm .select:focus{color:#fef2df;}

/*-----------  Error  -----------*/
.classicForm .error{
	background:#f8dcd6;
	color:#cc4429;
}
.classicForm label.error, .classicForm .label-like.error{background-color:transparent;}

/*-----------  Validated  -----------*/
.classicForm .valid{
	background:#e9f7d1;
	color:#77b411;
}
.classicForm label.valid, .classicForm .label-like.valid{background-color:transparent;}

/*-----------  SubLegend  -----------*/
.classicForm .subLegend{
	font-size:12px;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0;
}

/*-----------  Groupement en face d'un block ALIGNED  -----------*/
.classicForm .groupment{
	display:block;
	float:left;
	width:66%;
}

/*-----------  bouton d'AIDE  -----------*/
.classicForm .aligned .helper{
	display:block;
	cursor:pointer;
	padding:4px 10px;
	background:#e7e4bd;
	font-size:11px;
}
.classicForm .tooltip.right{float:right;}

/*-----------  TOOLTIP  -----------*/
.classicForm .tooltip{position:relative;}
.classicForm .tooltip:hover .tootltipContent{display:block;}
.classicForm .tootltipContent{
	display:none;
	position:absolute;
	left:20px;bottom:20px;
	width:200px;
	background:#e7e4bd;
	padding:5px;
	margin:0;
	color:#ffffff;
	background:#3a5873;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);
}

/*-----------  Filet de spéparation  -----------*/
.classicForm .sep{
	clear:left;
	width:100%;
	border-top:1px solid #dddddd;
	height:0;
	font-size:0;
	line-height:0;
	margin:0 0 10px 0;
	padding:0;
}

/*-----------  Gestion des labels  -----------*/
.classicForm label, .classicForm .label-like{line-height:12px;}
.classicForm label{cursor:pointer;}
.classicForm .aligned label, .classicForm .aligned .label-like{
	display:block;
	float:left;
	width:33%;
	padding:4px 1% 0 0;
}
.classicForm .above label, .classicForm .above .label-like{
	display:block;
	padding:0 0 3px 0;
}
.classicForm .inline{
	display:inline !important;
	float:none !important;
	width:auto !important;
	line-height:13px !important;
}
.classicForm label.inline{padding:0 10px 0 0 !important;}

/*-----------  Etoile des champs requis  -----------*/
.classicForm .required{
	color:#dd0808;
	padding:0 2px;
}

/*-----------  Bouton submit  -----------*/
.classicForm .submitButton{
	display:block;
	float:left;
	border:none;
	color:#e2c18d;
	cursor:pointer;
	text-decoration:none;
	padding:5px 35px 6px 20px;
	text-transform:uppercase;
	background:transparent url(../image/_img/submitbutton.gif) no-repeat right 10px;
	font:normal normal 20px/22px Din Black, Arial Black, sans;
}
.classicForm .submitButton.right{float:right;}
.classicForm .submitButton.center{
	float:none;
	position:relative;
	margin:0 auto;
}
.classicForm .submitButton:hover{opacity:0.9;}
.classicForm .fieldset .submitButton{
	padding-left:0;
	padding-right:0;
	width:100%;
}

.classicForm p.note{color:#585858;}
/*----------  GENERIC FORM STYLES  ------------*/

/*-----------  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:157px;
	margin:0 0 0 50%;
}
#greyBox .content{
	float:left;
	overflow:auto;
	position:relative;
	left:158px;
	background:#000000;
	border:1px solid #2b3133;
	border:1px solid rgba(255, 255, 255, 0.3);
}

#greyBox .close{
	cursor:pointer;
	position:absolute;
	right:-146px;top:14px;
}
#greyBox .close img{display:block;}

#greyBoxLoader{
	min-height:315px;
	background:url(../image/_img/ajax-loader.gif) no-repeat center center;
}

/* Alerte */
fieldset ol li .alerte {
	position:absolute;
	font-size:0.7em;
	padding:4px 10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#ff8c00;
	color:#ffffff;
	-moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3);
	top:0;
	right:0;
}

/* Mise en forme des champs dans le formulaire */
form fieldset ol li .input,
form fieldset ol li .textarea,
form fieldset ol li .radios,
form fieldset ol li .checkboxes,
form fieldset ol li .wysiwyg,
form fieldset ol li .select,
form fieldset ol li .button,
form fieldset ol li .submit,
form fieldset ol li .hidden,
form fieldset ol li .password,
form fieldset ol li .media,
form fieldset ol li .onmouseout {
	width:295px;
	border:1px solid #cccccc;
	border-left-color:#dddddd;
	border-right-color:#dddddd;
	border-bottom-color:#eeeeee;
	padding:5px !important;
	font-size:0.8em;
	font-family:"Lucida Grande", Geneva, Verdana, sans-serif;
	color:#666666;
	background:#ffffff url('../image/input_bg.gif') top left repeat-x;
}

/* Etats des champs */
fieldset ol li .onblur {
	border-color:#CCCCCC #DDDDDD #dddddd;
}
fieldset ol li .onmouseover {
	border-color:#999999 !important;
}
fieldset ol li .onfocus {
	border-color:#666666 !important;
}
fieldset ol li .ko {
	border-color:#FF0000 !important;
}
fieldset ol li .ok {
	border-color:#88CC00 !important;
}

/* wysiwyg */
form fieldset ol li .wysiwyg {width:465px !important;}

/* Password */
form fieldset ol .password {
	border:none !important;
	background:none !important;
	border:0 !important;
	padding:0 !important;
	float:left;
}
form fieldset ol .password .change {
	padding:0;
	border:none;
	margin-top:10px;
}
form fieldset ol .password label {
	width:auto !important;
	text-align:left;
	margin:0;
}
form fieldset ol .password input {
	width:95% !important;
}

/* Radio & Checkbox */
form fieldset ol .radios,
form fieldset ol .checkboxes {
	float:left;
	overflow:auto;
	border:none !important;
	background:none;
	padding:0 !important;
}
form fieldset ol .radios li,
form fieldset ol .checkboxes li {
	margin:0 !important;
	padding:5px !important;
	border:none !important;
	overflow:auto;
}
form fieldset ol .radios li .radio,
form fieldset ol .checkboxes li .checkbox {
	float:left !important;
	margin:0 5px 0 0;
	clear:left;
}
form fieldset ol .radios li label,
form fieldset ol .checkboxes li label {
	text-align:left !important;
	margin:0 !important;
	width:70% !important;
	padding:0 !important;
	clear:none !important;
}
form fieldset ol .radios li label .titre,
form fieldset ol .checkboxes li label .titre {
	text-transform:none !important;
	color:#999999;
	font-weight:normal !important;
}
form fieldset ol .radios li label .chapo,
form fieldset ol .checkboxes li label .chapo {
	margin-top:3px;
	font-size:0.8em;
	display:block;
	color:#666666 !important;
	font-size:1em;
}

/* Date & Datetime */
form fieldset ol li .year	{width:80px !important;}
form fieldset ol li .month	{width:100px !important;}
form fieldset ol li .day	{width:60px !important;}
form fieldset ol li .hour	{width:60px !important;}
form fieldset ol li .minute	{width:80px !important;}
form fieldset ol li .second	{width:80px !important;}

/* Button & Submit */
form fieldset ol .button,
form fieldset ol .submit {
	padding:0 !important;
	width:auto !important;
	cursor:pointer;
	color:#ffffff !important;
	background:#88cc00 !important;
	border:none !important;
	float:right;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}


/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Inline popups
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/

/********************************************************************************************/
/* CC * Popups
/********************************************************************************************/
#popup {
	position:absolute;
	width:100%;
	top:0;
	z-index:1000000;
}
/* Box */
#popup #popupbox {
	position:relative;
	margin: 0 auto;
	z-index:1000000;
	overflow:hidden;
	-moz-box-shadow: 0 13px 10px -10px rgba(0, 0, 0, 0.5);
	width:640px;
}
/* Dark overlay */
#popup.site #popupoverlay {
	filter : alpha(opacity=40);
	-moz-opacity : 0.4;
	opacity : 0.4;
	background:#000000;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000000;
}
* html #popup #popupoverlay {position:absolute;} /* ie6 */

#popup.site #popupbox #popupcontent {
	background:#ffffff;
	line-height:1.2em;
	color:#333333;
	padding:15px;
}
#popup.site #popupbox #popupclose:hover {opacity:1;}

#popup.site #popupbox #popupclose {
	position:absolute;
	top:15px;
	right:15px;
	width:11px;
	height:11px;
	opacity:0.8;
	display:block;
	background:url('../image/common/ctx_ms_deco.gif') center center no-repeat;
}
#popup.site #popupbox #popupclose:hover {opacity:1;}
/* Actions */
#popup.site .action {
	margin-top:20px;
	list-style-type:none;
}
#popup.site .action li {
	margin-left:10px;
	padding:2px 5px;
	float:right;
	font-size:0.8em;
}
#popup.site .action li.focus {
	border:1px solid #555555;
}
#popup.site .action li a {
	color:#cccccc;
}

.errorform .text, .errorform .textarea {
	border:#D60000 1px solid;
}