/* CSS Document */

/* **************** HEADER ***************** */
#header { }
#header #menu-evitement {
	position:absolute;
	top:-5000px;
}
/*
#header .logo { float:left;}
#header .logo a { background:url(/img/hab/logo.png) no-repeat top left; display:block; height:77px; margin:30px 0 0 20px; text-indent:-040685px; width:144px;}
#header .baseline { color:#333333; float:left; font-size:14px; font-weight:bold; margin:39px 0 0 16px; }
#header h1{ display:inline;vertical-align: baseline; font-family: inherit; font-weight: bold; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0;}
#header sup { text-transform:lowercase;}
#header .birthday { color:#8d9f26; font-size:14px; line-height:18px; text-transform:uppercase;}

#header .search { float:left; margin:37px 0 0 32px; width:165px;}
#header .search .search-text {  background:url(/img/hab/input-search.png) no-repeat top left; border:none; color:#8f908d;  font-size:11px; height:32px; padding:0 5px; width:130px;}
#header .search .search-submit { background:url(/img/hab/btn-search.png) no-repeat top left; border:none; cursor:pointer; display:block; height:32px; margin-top:-32px; margin-left:139px; text-indent:-040685px; width:33px;}
#header .search label { 
	position:absolute;
	top:-5000px;
}
*/
/*modif header SPF*/
.logoSpf {
    float: left;
    margin: 18px 0 0 15px ;
}

.logoInpes {
    float: left;
    margin-left: 30px;
    margin-top: 36px;
}
.logoPhrase {
    float: left;
    margin-left: 40px;
    margin-top: 30px;
}
#header .search .search-text {
    background: rgba(0, 0, 0, 0) url("/img/hab/input-search.png") no-repeat scroll right top;
    border: medium none;
    color: #8f908d;
    font-size: 11px;
    height: 32px;
    margin-left: -40px;
    padding: 0 5px;
    width: 130px;
}

#header .search .search-submit {
    background: rgba(0, 0, 0, 0) url("/img/hab/btn-search.png") no-repeat scroll left top;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 32px;
    margin-left: 100px;
    margin-top: -32px;
    text-indent: -40685px;
    width: 33px;
	background-color:
}
.headerImg {
    margin-left: 6px;
    padding: 3px;
}
/* End modif header SPF*/

/*#header .bloc-info { border-left:1px solid #e2e2e2; float:left; height:98px; margin-left:42px; padding:20px 0 0 20px;}*/
#header .info-list li  a:hover { color:#333; }
#header .info-list li .access { background-position:0 0; width:15px;}
#header .info-list li .access:hover { background-position:0 -90px; width:15px;}
#header .info-list li .eyes {  background-position:0 -60px; width:16px;}
#header .info-list li .eyes:hover {  background-position:0 -150px; width:16px;}
#header .info-list li .language { background-position:0 -30px; width:17px;}
#header .info-list li .language:hover { background-position:0 -120px; width:17px;}

#monmenu { background:#efefef; font-weight:bold; height:52px; padding-top:1px; z-index:200;clear:both;}
#monmenu .first { background:none;}
#monmenu a { font-size:12px; color:#fff; display:block!important;  text-decoration:none;}
#monmenu li {background:url(/img/hab/nav-separator.png) no-repeat 0 17px; z-index:250; text-transform:uppercase;}
#monmenu ul li a { line-height:50px; }
#monmenu ul {  margin:0; padding-left:0; z-index:100;}
#monmenu ul li { float:left; list-style-type:none; position:relative }
#monmenu ul ul { background:#fff; border:1px solid #ccc; display:none; font-size:11px; left:-1px; padding:9px; top:50px; position:absolute; width:178px;}
#monmenu ul ul ul { background:#fff; left:187px; margin-top:0; padding:9px 5px; text-align:left; top:-10px; width:178px;}
#monmenu li li a { border:none; color:#000; padding:0; background:none; text-decoration:none; text-transform:none}
#monmenu li li a:hover { border:none;}
#monmenu ul.niveau2 { position:relative:}
#monmenu ul.niveau2a li { width:240px;}
#monmenu ul.niveau2b li, #monmenu ul.niveau2 li {background:none; width:190px;}
#monmenu ul.niveau3b { border:1px solid #CCCCCC; border-left:none; left:187px; padding:9px 5px; top:-9px; margin-top:0; /*position:relative;*/ width:178px;}
#monmenu ul.niveau3c { border:1px solid #CCCCCC; border-left:none; left:187px; padding:9px 5px; top:-9px; margin-top:0; /*position:relative;*/ width:178px;}
#monmenu ul.niveau3 li{ background:none; width:170px; }
#monmenu ul li.hover {background:#fff; border:1px solid #ccc; margin:-1px }

#r1 a{ color:#23251e; text-align:center; width:78px;}

		#r1 a:hover{ background:#fff; border:1px solid #ccc; margin:-1px; }
		
		#r2 a{ color:#006541; text-align:center; width:70px;}
		#r2 a:hover{ background:#fff; border:1px solid #ccc; border-bottom:none; margin:-1px;}
		#r2 .niveau2 {background:#fff url(/img/hab/r2-top.png) -1px 0 no-repeat; border-top:none;}
		#r2 .niveau2 li a {  display:block; padding:5px 0 5px 5px; line-height:16px; text-align:left; width:173px;}
		#r2 .niveau2 li a:hover { color:#006541; display:block; padding:5px 0 5px 5px; margin:0px; width:173px;}
		
		#r3 a{ color:#990000; text-align:center; width:100px; }
		#r3 a:hover{ background:#fff; border:1px solid #ccc; margin:-1px}
		#r3 .niveau2 {background:#fff url(/img/hab/r3-top.png) -1px 0 no-repeat; border-top:none;}
		#r3 .niveau2 li a { display:block; padding:5px 0 5px 5px; line-height:16px; text-align:left; width:173px;}
		#r3 .niveau2 li a:hover { color:#990000; display:block; width:173px; padding:5px 0 5px 5px; margin:0px;}
			
		#r4 a{ color:#d95700; text-align:center; width:168px;}
		#r4 a:hover{ background:#fff; border:1px solid #ccc; margin:-1px}
		#r4 .niveau2 {background:#fff url(/img/hab/r4-top.png) -1px 0 no-repeat; border-top:none;}
		#r4 .niveau2 li a { display:block; width:173px; padding:5px 0 5px 5px; text-align:left; line-height:16px; }
		#r4 .niveau2 li a:hover { color:#d95700; display:block; padding:5px 0 5px 5px; margin:0px; width:173px;}
		#r4 .niveau3 { background:#f5f5f5 url(/img/hab/r4-left.png) 0 -1px no-repeat; border-left:none;}
		#r4 .niveau3 li a:hover{ background-color:#f5f5f5;}
		 
		#r5 a{ color:#8d9f26; text-align:center; width:175px;}	
		#r5 a:hover{ background:#fff;border:1px solid #ccc; margin:-1px }
		#r5 .niveau2 {background:#fff url(/img/hab/r5-top.png) -1px 0 no-repeat; border-top:none;}
		#r5 .niveau2 li a { display:block; padding:5px 0 5px 5px; line-height:16px; text-align:left; width:173px;}
		#r5 .niveau2 li a:hover { color:#8d9f26; display:block; padding:5px 0 5px 5px; margin:0px; width:173px;}
		#r5 .niveau3b { background:#f5f5f5 url(/img/hab/r5-left.png) 0 -1px no-repeat;}
		#r5 .niveau3b li a:hover{ background-color:#f5f5f5;}
		#r5 .niveau3b.line{ background:#f5f5f5 url(/img/hab/r5-left-2.png) 0 -7px no-repeat;}
		
		#r6 a{ color:#414175; text-align:center; width:138px; }
		#r6 a:hover{ background:#fff; border:1px solid #ccc; margin:-1px}
		#r6 .niveau2 {background:#fff url(/img/hab/r6-top.png) -1px 0 no-repeat; border-top:none;}
		#r6 .niveau2b li a { display:block; width:173px; padding:5px 0 5px 5px; line-height:16px; text-align:left; }
		#r6 .niveau2b li a:hover { color:#9393c8; display:block; padding:5px 0 5px 5px; margin:0px; width:173px;}
		#r6 .niveau3b{ background:#f5f5f5 url(/img/hab/r6-left.png) 0 -1px no-repeat;}
		#r6 .niveau3b li a:hover{ background-color:#f5f5f5;}
		
		#r7 a{ color:#0066ff; text-align:center; width:180px; }
		#r7 a:hover{ background:#fff; border:1px solid #ccc; margin:-1px}
		#r7 .niveau2 {background:#fff url(/img/hab/r7-top.png) -1px 0 no-repeat; border-top:none;}
		#r7 .niveau2 li a { display:block; padding:5px 0 5px 5px; line-height:16px; text-align:left; width:173px; }
		#r7 .niveau2 li a:hover {  color:#0066ff; padding:5px 0 5px 5px; margin:0px; width:173px; }
			
		#r8 a{ color:#0348c9; text-align:center; width:73px;}
		#r8 a:hover{ background:#fff; border:1px solid #ccc; margin:-1px}
		#r8 .niveau2 li a { color:#0348c9; padding:5px 4px; line-height:16px; text-align:left; width:173px; }
		#r8 .niveau2 li a:hover { color:#0348c9; margin:0px; padding:5px 4px;}
		
#r6 .niveau2b li.plus2 a, #r4 .niveau2 li.plus a, #r5 .niveau2 li.plus2 a, #r6 .niveau2b li.plus2 a:hover, #r4 .niveau2 li.plus a:hover, #r5 .niveau2 li.plus2 a:hover {background-image: url(/img/hab/fleche-niveau3.png); background-repeat: no-repeat; background-position: 170px 10px;}
#r6 .niveau2b li .niveau3b li a, #r4 .niveau2 li .niveau3 li a, #r5 .niveau2 li .niveau3b li a, #r6 .niveau2b li .niveau3b li a:hover, #r4 .niveau2 li .niveau3 li a:hover, #r5 .niveau2 li .niveau3b li a:hover {background: none;}

#monmenu li.sfhover {}
#monmenu li:hover ul.niveau2 { color:#FFFFFF; display:block;}
#monmenu li:hover ul.niveau2a { color:#FFFFFF; display:block;}
#monmenu li:hover ul.niveau2b { color:#FFFFFF; display:block;}
#monmenu li li:hover ul.niveau3 { display:block;}
#monmenu li li:hover ul.niveau3b { display:block;}
#monmenu li.sfhover ul.niveau2 { display:block;}
#monmenu li.sfhover ul.niveau2a { display:block; }
#monmenu li.sfhover ul.niveau2a { display:block;}
#monmenu li li.sfhover ul.niveau3 { display:block;}
#monmenu li li.sfhover ul.niveau3b { display:block;}

/* modif bloc accessible */
#header .bloc-info {
    border-left: 0;
    float: right;
    height: 118px;
    margin-left: 0;
    padding: 0;
	xbox-shadow:1px 1px 12px #555;
}
.bloc-info a {
    background: #fff url("/accessible/img/Picto-header-accessible-3.png") no-repeat scroll 0 0;
    border-left: 1px solid #e2e2e2;
    color: #6b6b6b;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 85px;
    line-height: 12px;
    margin: 0;
    padding: 28px 23px 5px 72px;
    text-decoration: none;
    width: 60px;
}
.bloc-info a:hover {
	background:#fff url("/accessible/img/Picto-header-accessible-5.png") no-repeat 0 0;
	color:#000;
}	
#header .search {
    float: left;
    margin: 43px 0 0 122px;
    width: 165px;
}
#header .info-list { }
#header .info-list li { 
	padding:4px 0; 
	list-style-type: none;
}
#header .info-list li  a { 
	background:url(/img/hab/sprite.png) no-repeat top left; 
	color:#8f908d; 
	font-size:11px; 
	padding:3px 0 0 25px;
	text-decoration:none;
}

/* End modif bloc accessible */

#charlie {
	xbackground:#000 url("/img/hab/paris.png") no-repeat 460px 3px;
	height:35px;
	background-color:#000;
	color: #fff;
    font-weight: bold;
    xpadding: 5px 10px;
    text-align: center;
	height:10px;
	clear:both;
}

.cookiebanner {
    text-align: center;
}
.cookiebanner a {
    background-color: #fff;
    border-radius: 4px;
    color: #000;
    display: inline-block;
    margin: 3px 0 3px 10px;
    padding: 4px 8px;
    text-decoration: none;
    transition: all 0.25s ease 0s;
}
.cookiebanner-close {
    background-color: #fff;
    border-radius: 4px;
    color: #000;
    display: inline-block;
    margin: 3px 0 3px 10px;
    padding: 4px 8px;
    text-decoration: none;
    transition: all 0.25s ease 0s;
}