/* -- GENERAL -- */

html, body {  
	height: 100%;
	width: 100%; 
}

html{
	/*overflow: hidden;
	overflow-x : hidden; 
	overflow-y : auto;*/
}

body{
	font: 11px tahoma,arial,sans-serif;
	background-color: #000000;
	overflow: hidden;
	overflow-x : hidden; 
	overflow-y : auto; 
}

body.scrollable{
	overflow: auto;
	overflow-x : auto; 
	overflow-y : auto; 
}

/* reset */
a,p,div,h1,h2,h3,h4,h5,h6,li,ul,span,body,tr,td,hr,fieldset,table,form,table{
	margin: 0;
	padding: 0;
	
}

object, a { 
	outline:none; 
}

img, input, select, table{
	border: none;
}

ul{
	list-style-type: none;
}

/* -- CONTENEUR GLOBAL --  */

#center_fixe{
	height: 100%;
	width: 100%;
	vertical-align: middle;
	position: relative;
	/*overflow: hidden;*/ /* pour Opéra */
}

body.scrollable #center_fixe{
	width: 1240px;
}

#container{
	width: 1240px;
	height: 756px;
	position: relative;
	left: 50%;
	margin-left: -620px;
}

/* --  PAGE -- */
#page{
	width: 1144px;
	height: 650px;
	background-color: #fff;
	position: absolute;
	top: 53px;
	right: 48px;
	z-index: 5;
}

/* -- PHOTO */
#photo{
	position: absolute;
	top: 22px;
	left: -80px;
	z-index: 10;
}

#copyrights{
	position: absolute;
	top: 586px; /* 608 - 22 */
	left: 106px;
}

/* -- BACKGROUND -- */

/* -- LOGO -- */
#logo{
	position: absolute;
	top: 352px;
	left: -68px;
	z-index: 15;
}

/* -- MENU -- */
#menu{
	width: 428px;
	height: 90px;
	position: absolute;
	top: 322px;
	left: -80px;
	z-index: 30;
	background-color: #fff;
}

#menu ul{
	margin-left: 46px;
	margin-top: 35px;
}

#menu ul li{
	display: inline;
}

#menu ul li img.slash{
	position: relative;
	top: -1px;
}

#menu ul li a{
	padding: 0 7px 0 5px;
}

/* -- FOOTER -- */
#footer{
	width: 100%;
	height: 53px;
	position: absolute;
	bottom: 0;
	text-align: center;
	color: #999999;
}

#footer p{
	padding-top: 18px;
	line-height: 16px;
}

#footer a{
	font: 12px tahoma,arial,sans-serif;
	color: #999999;
	text-decoration: none;
	padding: 5px;
}

/* -- CONTENU -- */
#contenu{
	position: absolute;
	right: 56px;
	z-index: 40;
}

#nav_partie{
	float:right;
	padding-top: 22px;
	width: 513px;
	text-align: right;
	cursor: default;
}

#nav_partie .title{
	float: right;
}

#nav_partie ul {
	width: 100%;
	float: right;
	margin-top: 12px;
}

#nav_partie ul li{
	display:inline;
	padding-left: 13px;
}

#nav_partie ul li a{
}

h2{
	font-weight: normal;
}

#bloc1{
	position: absolute;
	right: 0;
	width:500px;
}

#bloc2{
	width: 359px;
	color: #7e8082;
	position: absolute;
	right: 0;
}

/* home  */

#contenu #bloc1.accroche_home{
	width: 359px;
	height: 223px;
	top: 129px;
}

#bloc1.accroche_home h2{
	text-align: justify;
	font-size: 18px;
	line-height: 20px;
}

#bloc1.accroche_home a.discover_btn{
	float: left;
	clear: left;
	padding: 3px 3px 11px 0;
	margin-top: 15px;
	background: url(../images/tiret_bas.gif) no-repeat left bottom;
}

#bloc1.accroche_home a:link.discover_btn img, #bloc1.accroche_home a:visited.discover_btn img{
	margin-left: -19px;
}

#bloc1.accroche_home a:hover.discover_btn img, #bloc1.accroche_home a:active.discover_btn img{
	margin-left: -10px;
}

#bloc2.news{
	top: 382px;
	line-height: 15px;
}

#bloc2.news .visuel{
	float: left;
	width: 150px;
	margin-right: 8px;
}

#contenu #bloc2.news p{
	float: left;
	width: 200px;
}

#contenu #bloc2.news a{
	text-decoration: underline;
	color: #4c4d4e;
}
/*
#bloc2.news p.date{
	color: #262224;
	font-weight: bold;
	padding-bottom: 5px;
}
*/

#bloc2.news #news_title{
	position: absolute;
	top: -20px;
	left: 157px;
}

#bloc2.news a.archives_btn{
	float: left;
	clear: left;
	padding: 3px 3px 11px 0;
	margin-top: 15px;
	background: url(../images/tiret_bas.gif) no-repeat left bottom;
}

#bloc2.news a:link.archives_btn img, #bloc2.news a:visited.archives_btn img{
	margin-left: -19px;
}

#bloc2.news a:hover.archives_btn img, #bloc2.news a:active.archives_btn img{
	margin-left: -10px;
}

/* pages types */

#bloc1.accroche_type{
	top: 178px;
}

#bloc1.accroche_type h2{
	text-align: right;
	font-size: 24px;
	line-height: 30px;
}

#bloc2.type{
	top: 371px; /* 371 - 15 */ /* 356 */
	text-align: justify;
	line-height: 20px;
	font-size: 12px;
}

#contenu #bloc2.type p{
	margin-bottom: 9px;
}

#bloc2.type h3{
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	/* text-decoration: underline; */
}

#bloc2.type a{
	text-decoration: none;
	color: #000000;
	background-color: #fdcd00;
	padding: 0 2px 2px 2px;
}

#bloc2.type ul{
	line-height: 18px;
}

#bloc2.type ul li{
	text-indent: 10px;
}

/* regions */
#bloc2.regions{
	top: 173px;
}

#bloc2.regions table tr td{
	line-height: 30px;
	border-bottom: 1px solid #f2f2f2;
	background-color: #fff;
	vertical-align: top;
}

#bloc2.regions table tr td.libelle{
	width: 117px;
}

#bloc2.regions table tr td.products{
	padding-bottom: 7px;
}

#bloc2.regions table p{
	line-height: 15px;
	margin-top: 7px;
}

#bloc2.regions table p span.libelle_product{
	color: #000;
}

/* recruitment */

#contenu #bloc{
	float:right;
	clear: right;
}

#contenu #bloc0{
	float:right;
}

#contenu #bloc0 #bloc1, #contenu #bloc0 #bloc2{
	position: static;
	float: right;
	clear: right;
}

#contenu #bloc0 #bloc1{
	margin-top: 90px;
}

#contenu #bloc0 #bloc2{
	margin-top: 100px;
}

#bloc2.type a#open_form{
	padding-right: 20px;
	background: #fdcd00 url(../images/fleche_down.gif) no-repeat 123px 4px;
}

#bloc_form{
	float:right;
	clear:right;
	width: 408px;
	/*margin-top:90px;*/
}

#bloc_form a#close_form{
	float: right;
	clear:right;
	background: #fdcd00 url(../images/fleche_up.gif) no-repeat 78px 4px;
	text-decoration: none;
	color: #000000;
	padding: 0 20px 2px 2px;
}

#bloc_form form{
	float: right;
	color: #ccc;
}

#bloc_form p.indication{
	float: right;
	color: #ccc;
	clear: right;
	margin-top: 15px;
}

#bloc_form table{
	margin-top: 15px;
}

#bloc_form table td{
	/*border: 1px solid #f00;*/
	height: 30px;
}

#bloc_form input{
	color: #999;
	font-size: 11px;
	text-indent: 2px;
}

#bloc_form td.libelle{
	width: 96px;
	text-align: right;
}

#bloc_form td.libelle.comments{
	vertical-align: top;
	padding-top: 3px;
}

span.obligatoire{
	color: #000;
}

#bloc_form td.champ{
	padding-left: 8px;
}

#bloc_form td.champ input{
	border: 1px solid #ccc;
	width: 104px;
}

#bloc_form textarea{
	width: 312px;
	height: 78px;
	border: 1px solid #ccc;
	color: #999;
	float: right;
	font: 11px tahoma,arial, sans-serif;
}

#bloc_form #send_form{
	padding-top: 10px;
}

#log_form {
	/*display:none;*/
	width: 400px;
	height: 60px;
	background-color: white;
	float:right;
	text-align:right;
	padding-top:40px;
}

div.ajax-loading {
		background: url(../images/loading.gif) no-repeat right middle;
}

/* Remplacement des inputs file */

div.fakefile{
	margin-top:-20px;
}

div.fakefile input{
	cursor: pointer;
	background: #fff url(../images/upload.gif) no-repeat top right;
}

input.file {
	position: relative;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
}


/* press */
#bloc_press{
	position: absolute;
	right: 0;
	top: 178px;
	width: 359px;
	color: #7e8082;
}

#bloc_press li{
	text-align: justify;
	line-height: 20px;
	font-size: 12px;
	margin-bottom: 15px;
}

#bloc_press li a{
	text-decoration: none;
	color: #000000;
	background-color: #fdcd00;
	padding: 0 2px 2px 2px;
}

#bloc_press li span.citation{
	font-style: italic;
}

#bloc_press li span.infos{
	color: #cacaca;
}

/* contact */
#bloc_contact{
	position: absolute;
	right: 0;
	top: 178px;
	width: 359px;
	color: #7e8082;
}

#bloc_contact p{
	text-align: justify;
	line-height: 20px;
	font-size: 12px;
	margin-bottom: 15px;
}

#bloc_contact a{
	text-decoration: none;
	color: #000000;
	background-color: #fdcd00;
	padding: 0 2px 2px 2px;
}

/* ABOUT */

.special_list_01{
	margin-top: -8px;
}

/* disclaimer */
#bloc_disclaimer{
	position: absolute;
	right: 0;
	top: 98px;
	width: 359px;
	color: #7e8082;
}

#bloc_disclaimer p{
	text-align: justify;
	line-height: 20px;
	font-size: 12px;
	margin-bottom: 9px;
}





