/* CSS Document */


/* **************** RESET ***************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}


/* **************** INTRO ***************** */
body{ background:#e2e2e2;  font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}
a{ color:#0072bc; cursor:pointer; text-decoration:none; outline:none;}
a:hover{ text-decoration:none; }
button,input,select,textarea{ font-family:Arial,Verdana,sans-serif; font-size:14px; resize:none;}

/* **************** COMMON ***************** */
.wrap{ background:#fcfcfc; margin:0 auto; position:relative; width:984px;}
.cl,.cr,.cb{ display:block !important; float:none !important; height:0 !important;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both;}

/* **************** MAIN CONTENT ***************** */
#main { margin:20px 0 10px 0; z-index:0;}
/* #main .content {  float:left; width:670px;} */
#main .content {  float:left; width:100%;}

#main h1{position: absolute; top: -9999em; left: -9999em;}
#main h2{position: absolute; top: -9999em; left: -9999em;}
#main .content .slide { width:660px;}

#main .content #slider {width:660px;}
#main .content #slider ul { margin:0; padding:0; list-style:none; position:relative; display:block;}
#main .content #slider li { margin:0; padding:0; list-style:none; position:relative; display:block; overflow:hidden; width:660px;}
#main .content #slider  { background:#a4be27; overflow:hidden; width:660px;}

#main .content #slidemenu { background:#777873; height: 40px;text-align:center; width:660px;}
#main .content #slidemenu ul { text-align:center; color:#fcfcfc; margin:0; padding:0; list-style-type:none;font-weight:bold; width:660px; }
#main .content #slidemenu ul li { background:#777873 url(../img/hab/slide-separator.png) no-repeat top right; color:#fcfcfc; float:left; display:block; /*position:relative;*/ height:40px;}
#main .content #slidemenu ul li a { z-index:40; float:left; padding:12px 0; width:165px; text-decoration:none; color:#fcfcfc; background:transparent; position:relative; font-size:14px;}
#main .content #slidemenu ul li a:hover { background:#a4be27; color:#fcfcfc;}
#main .content #slidemenu ul li .hover { color:#fcfcfc; height:40px; position:absolute; width:100px; background:#a4be27 repeat-x;}
#main .content #controls { display:none;}

#main .content .describe { background:#5b5d57; padding:18px; width:624px; height:120px; }
#main .content .describe h3{ display:none; visibility:hidden; }
#main .content .describe .title { color:#fff; font-size:14px; font-weight:bold; margin-bottom:8px;}
#main .content .describe .text { color:#fff; font-size:12px; margin-bottom:10px;}
.text a {color: #fff; xtext-decoration: underline;}
.text a:hover {text-decoration: underline;}
#main .content .describe .more { background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#000000; font-size:11px; font-weight:bold; margin-top:10px; padding:2px 3px; position:absolute; bottom:15px;}
#main .content .describe .more:hover { background:#a4be27; color:#fff;}

#main .content .actu  { border-right:1px solid #e2e2e0; float:left; width:342px;}
#main .content .actu .actu-list {}
#main .content .actu .actu-list li  { 
	border-bottom:1px solid #e2e2e0; 
	padding:18px 25px;
	Xpadding:16px 25px;
}
#main .content .actu .actu-list li a { 
	color:#000;
	font-weight:bold;
}
#main .content .actu .actu-list li a:hover { 
	color:#5b5d57;;
}
#main .content .actu .actu-list .more-actu  { border-bottom:1px solid #e2e2e0; background:#f9f9f9; padding:8px 25px;}
#main .content .actu .actu-list .more-actu a {  background:url(../img/hab/sprite.png) 0 -525px no-repeat; color:#000000; font-weight:bold; padding-left:10px;}
#main .content .actu .actu-list .more-actu a:hover  { background-position:0 -545px; color:#5b5d57;}
#main .content .actu .actu-list li .date { color:#7e7e7e; font-size:11px;}
#main .content .actu .actu-list li .text { color:#000000;}
#main .content .actu .actu-list li span { font-weight:bold;}

#main .content .box { border-bottom:1px solid #e2e2e0; float:left; padding:28px 15px 27px; width:285px;}
#main .content .box.last { padding: 5px 18px 7px 18px;}
#main .content .box p { color:#000; font-size:12px; margin:18px 0; }
#main .content .box.last p { color:#000; font-size:12px; margin:14px 0 18px 0; }
#main .content .box .btn-box { background:#aec812; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; font-size:11px; font-weight:bold; padding:2px 4px; text-transform:uppercase;}
#main .content .box .btn-box:hover { background:#000;}

#main .content .box .more-box { background:url(../img/hab/sprite.png) 0 -525px no-repeat; color:#000000; xfloat:right; padding-left:10px; font-weight:bold;}
#main .content .box .more-box:hover { background-position:0 -545px; color:#5b5d57;}

/* **************** MAIN SIDEBAR***************** */
/* #main .sidebar { float:right; width:313px;} */
#main .sidebar { xfloat:right; xwidth:313px;}
#main .sidebar .col1 { float:left; width:306px; margin-left:19px;}
#main .sidebar .col2 { float:left; width:300px;}
#main .sidebar .col3 { float:right; width:306px; margin-right:20px;}
/* #main .sidebar .box { border-bottom:1px solid #e2e2e0; float:left; padding:28px 15px 27px; width:285px;} */
#main .sidebar .box { border:1px solid #ccc; float:left; padding:28px 15px 27px; width:282px; margin: -10px 3px 0 3px;}
#main .sidebar .box.last { padding: 15px 18px 7px 18px; height:291px;}
#main .sidebar .box p { color:#000; font-size:12px; margin:18px 0; }
#main .sidebar .box.last p { color:#000; font-size:12px; margin:30px 0; }
#main .sidebar .box .btn-box { background:#aec812; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#000; font-size:11px; font-weight:bold; padding:5px 4px; text-transform:uppercase; display:block; width:100px; text-align:center; float:right;}
#main .sidebar .box .btn-box:hover { background:#000; color:#fff}
#main .sidebar .box .more-box { background:url(../img/hab/sprite.png) 0 -525px no-repeat; color:#000000; padding-left:10px; font-weight:bold; display:block; margin: 15px 0 25px; float:right;}
#main .sidebar .box .more-box:hover { background-position:0 -545px; color:#5b5d57;}

/*#main .sidebar .bloc.eval { background:#aec812;  padding:20px 0 0px 0; width:300px;}*/
#main .sidebar .bloc.eval { background:#aec812;  padding:20px 0 0px 0; width:300px; margin-top: -10px; }
#main .sidebar .bloc.eval .title-eval { border-left:5px solid #23251e; color:#fff; font-size:16px; font-weight:bold; text-transform:uppercase; padding-left:15px; }
#main .sidebar .bloc.eval .list-eval { margin-top:20px; }
#main .sidebar .bloc.eval .list-eval ul ul { margin:0; padding:0; }
#main .sidebar .bloc.eval .list-eval li { margin:0 10px; }
#main .sidebar .bloc.eval .list-eval li  a {  border-bottom:1px solid #93b309; color:#000; display:block; padding-left:10px; }
#main .sidebar .bloc.eval .list-eval li ul li a { height:23px; line-height:23px; }
#main .sidebar .bloc.eval .list-eval li .last { border:none;}
#main .sidebar .bloc.eval .list-eval li .arrow  { background:url(../img/hab/sprite.png) no-repeat 0 -436px; display:block; font-weight:bold; height:35px; line-height:35px;}
#main .sidebar .bloc.eval .list-eval li.shift  a { background:none; padding-left:25px; }
#main .sidebar .bloc.eval .list-eval li  a:hover { background:#23251e; color:#fff; }

/* #main .sidebar .bloc.accessible { background:#efefef;  padding:20px 0 0 0; margin-top:8px; width:300px;} */
#main .sidebar .bloc.accessible { background:#efefef;  padding:15px 0 0 0; margin-top:7px; width:300px;}
#main .sidebar .bloc.accessible .title-accessible { border-left:5px solid #aec812; color:#000; font-size:16px; font-weight:bold; text-transform:uppercase; padding-left:15px; }
/* #main .sidebar .bloc.accessible .auditif { padding:7px 0 21px 0; } */
#main .sidebar .bloc.accessible .auditif { padding:7px 0 15px 0; }
#main .sidebar .bloc.accessible .auditif a { background:url(../img/hab/sprite.png) 0 -180px no-repeat; color:#000; display:block; float:left; height:28px; padding-left:35px; margin-left:18px; width:180px; }
#main .sidebar .bloc.accessible .auditif a:hover  { background:url(../img/hab/sprite.png) 0 -270px no-repeat scroll; color:#777777; }

/* #main .sidebar .bloc.accessible .visuel { margin-top:10px; padding:14px 0; } */
#main .sidebar .bloc.accessible .visuel { margin-top:10px; padding:2px 0; }
#main .sidebar .bloc.accessible .visuel a { background:url(../img/hab/sprite.png) 0 -230px no-repeat; color:#000; display:block; float:left; height:28px; padding-left:35px; margin-left:18px; width:180px; }
#main .sidebar .bloc.accessible .visuel a:hover  { background:url(../img/hab/sprite.png) 0 -320px no-repeat scroll; color:#777777;}

#main .sidebar .bloc.site { background:#fff; display:block; padding:0; margin-top:16px; width:298px; height:63px; border:1px solid #CCC;}
/*#main .sidebar .bloc.site:hover { background:#23251e;}
#main .sidebar .bloc.site h3{ border-left:5px solid #23251e; color:#fff; font-size:16px; font-weight:bold; text-transform:uppercase; padding-left:15px;}
#main .sidebar .bloc.site:hover h3{ border-left:5px solid #aec812; }*/

/* #main .sidebar .bloc.tabs {margin-top:-5px;} */
#main .sidebar .bloc.tabs {float: right; margin-top: -18px;}
#main .sidebar #tabs_container { margin-top:13px;}
#main .sidebar #tabs_container .title-tabs { background-color:#23251e; padding:20px 0 15px;}
#main .sidebar #tabs { position:relative; }
#main .sidebar #tabs li { font-size:14px; font-weight:bold; display:inline; }
#main .sidebar #tabs li.active {  }
#main .sidebar #tabs li a { background-color:#fff; border:1px solid #777873; border-bottom:none; color:#686565; font-weight:bold; text-transform:uppercase; }
#main .sidebar #tabs .publication { margin-right:10px;}
#main .sidebar #tabs li a:hover { }

#main .sidebar #tabs li.inpes a { color:#23251e; border:1px solid #777873; background:#fff; border-bottom:none; display:block; float:left;  height:38px; line-height:38px; xmargin-left:6px; width:116px; text-align:center;}
#main .sidebar #tabs li.inpes a:hover { }

#main .sidebar #tabs li.publication a { color:#fff; border:1px solid #23251e; display:block; float:left; height:38px; line-height:38px; background:#23251e; border-bottom:none;  text-align:center; width:304px;  }
#main .sidebar #tabs li.publication a:hover { }

#main .sidebar #tabs_content_container { margin-top:8px; width:306px; }
#main .sidebar #tabs_content_container #tab_title{ padding:20px 0 15px; background-color:#23251e;}
#main .sidebar #tabs_content_container #tab_title h2 { position:relative; left:0; top:0; border-left:5px solid #aec812; color:#fff; font-size:16px; font-weight:bold; text-transform:uppercase; padding-left:15px; }
.tab_content { display:none; }


#main .sidebar #tab1 { 
	display:block;
	xpadding:10px; 
	xpadding:21px 10px; 
	background:#23251e;
	margin-top:-8px;
}

#main .sidebar #tab1 p { color:#fff; margin-bottom:9px; line-height:1.4em}

#main .sidebar #tab1 .label  { color:#fff; float:left; font-size:11px; font-weight:bold; margin:8px 0; width:86px;}
/* #main .sidebar #tab1 .selectbox { float:left; margin:6px 0; width:195px; } */
#main .sidebar #tab1 .selectbox { float:left; margin:6px 0; width:194px; font-size:12px;}

#undefined-button { width:195px;}
	

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#main .sidebar #tab1 {
			xmargin-top:12px;
			xpadding-top:47px;
	}
	#main .sidebar #tab2 {
			xmargin-top:12px;
			xpadding-top:47px;
	}
}
/* End hack Chrome / Safari */

#main .sidebar .txt-info { 
	color:#fff; 
	float:left; 
	font-size:9px; 
	margin-top:4px; 
	width:86px;
}
#main .sidebar .btn-search { 
	xbackground:url(../img/hab/btn-search-green.png); 
	border:none;  
	color:#000; 
	cursor:pointer; 
	float:left; 
	font-size:11px; 
	font-weight:bold; 
	height:28px; 
	margin:6px 0 0 0; 
	text-transform:uppercase; 
	width:193px;
	border-radius:3px;
	background-color:#aec812;
}
#main .sidebar .btn-search:hover { 
	color:#000; 
	background-color:#fff;
}

/* GA CNIL */
#cookie-banner {
	color: #0477B8;
	background-color: #D7F0FF;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 18px;
	width: 100%;
	padding: 5px 0;
}
#cookie-banner a {
	text-decoration:none;
	color: #0477B8;
	font-weight:bold;
}
#cookie-banner a:hover {
	text-decoration:underline;
}
.cookie-info {
	vertical-align:top; 
	margin-right:50px;
}
.cookie-close {
	vertical-align:top; 
	margin-left:50px;
}
#inform-and-consent {
	background-color: #d7f0ff;
	color:#0477B8;
    border: 1px solid #0477B8;
    font-family: Verdana, Geneva, sans-serif;
    text-align: center;
	width: 300px;
    position: fixed;
    left: 50%;
    top: 50%;
	margin-left: -150px;
    margin-top: -150px;
    padding: 10px;
    opacity: 1;
    z-index: 100000;
}
#inform-and-consent button {
    background-color: #0477b8;
    color: white;
}
.highlight {
	color: #C00;
	background-color: #efefef;
}
/* Social */
#social_home {
	height: 30px;
	float:left;
	margin-left:22px;
}
.social_button {
    float: left;
    line-height: 14px;
    margin-right: 10px;
}
#social_home #social a {
	display:block;
	width:74px;
	height:20px;
}

#social_home #social #fb a {
	background: #ffffff url("/include/images/social/fb.png") no-repeat 0 0;
}
#social_home #social #fb a:hover {
	background: #ffffff url("/include/images/social/fb.png") no-repeat 0 -21px;
}
#social_home #social #tw a {
	background: #ffffff url("/include/images/social/twitter.png") no-repeat 0 0;
}
#social_home #social #tw a:hover {
	background: #ffffff url("/include/images/social/twitter.png") no-repeat 0 -21px;
}
#social_home #social #ln a {
	background: #ffffff url("/include/images/social/ln.png") no-repeat 0 0;
}
#social_home #social #ln a:hover {
	background: #ffffff url("/include/images/social/ln.png") no-repeat 0 -21px;
}
#social_home #social #mail a {
	background: #ffffff url("/include/images/social/email.png") no-repeat 0 0;
}
#social_home #social #mail a:hover {
	background: #ffffff url("/include/images/social/email.png") no-repeat 0 -21px;
}

/* modif home accessible : insertion bloc Twitter */

#main .sidebar .bloc.eval {
    xpadding: 12px 0 5px;
}
#main .sidebar .bloc.eval .list-eval {
    xmargin-top: 5px;
}

#main .sidebar .bloc.eval .list-eval li .arrow {
    xbackground: rgba(0, 0, 0, 0) url("../img/hab/sprite.png") no-repeat scroll 0 -440px;
    xheight: 29px;
    xline-height: 29px;
}

#main .sidebar .bloc.eval .list-eval li ul li a {
    xheight: 23px;
    xline-height: 23px;
}
#main .sidebar #tab1 {
    padding: 8px 10px 2px 10px;
}
#main .sidebar #tab2 {
    padding: 10px 10px 6px;
}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#main .sidebar #tab1 {
    	padding: 10px 10px 8px 10px;
	}
	#main .sidebar #tab2 {
    	xpadding: 40px 10px 0px;
	}
}
/* End hack Chrome / Safari */

/* End  modif home accessible : insertion bloc Twitter */