@charset "UTF-8";
/* CSS Document */
.header {
	position: relative;
	z-index: 110;
	background-color: #18CFF8;
	padding-bottom: 20px;
	transition: 0.3s;
}
.headFixe .main {
	padding-top:100px;
}
.headFixe .header {
	position: fixed;
	width: 100%;
	top:0px;
	z-index: 110;
    opacity: 0.95;
}
.headFixe .header1 {
	height: 80px;
}
.headFixe .zThemes {
    padding-top: 20px;
}
.headFixe .logoTitre {
	margin-top: 10px;
}
/* .toolbar-fixed .zTop,*/
.toolbar-fixed .navi ul ul,
.toolbar-fixed .zNavi,
.toolbar-fixed .headFixe .header {
	top:78px;
}
.headFixe .head2 {
	flex-direction: row;
	align-items: center;
}
.headFixe .header .siteName {
	display: none;
}
/*
.headFixe .header .navi ul .li-0 > span, 
.headFixe .header .navi ul .li-0 > a {
    padding-top:6px;
	padding-bottom: 6px;
	font-size: 1em;
}
.headFixe .navi .li-0 > a:after,
.headFixe .navi .li-0 > a.is-active:after {
	bottom: 5px;
}
*/
.flexHead {
	display: flex;
	justify-content: space-between;
}
.header1 {
	display: flex;
	justify-content: space-between;
	height:190px;
	transition: 0.3s;
}
.head3,
.head1 {
	width:80px;
	flex-shrink: 0;
}
.head2 {
	width:80%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	transition: 0.2s;
	/*ajout bg*/
	z-index: 9;
}
.tabHead .td {
	vertical-align: middle;
}
.bRech form,
.rechThemes,
.logoTitre {
	display: flex;
	align-items: center;
	justify-content: center;
}
.safari .bRech form input {
   -webkit-appearance: none;
}
.logoTitre {
	margin-top: 55px;
}
.logoTitre a {
	display: block;
}
.siteNameMenu a,
.siteName a {
	font-size: 3.5em;
	font-weight: 600;
	line-height: 1em;
	color:#FFF;
	margin-left: 15px;
}
.siteNameMenu a span,
.siteName a span {
	font-size:0.786em;
	font-weight: 400;
	color: rgba(255,255,255,0.58);
	font-style: italic;
	 font-family: Helvetica, Arial, "sans-serif";
}
.siteNameMenu a {
	font-size: 1.875em;
	margin-right: 30px;
}
.logoTitreMenu img {
	width:35px;
	height: auto;
}
.rechOpen .zRech,
.themesOpen .zThemes,
.zTop.actif {
	display: block;
}
.icTop,
.icNavi {
	width:70px;
	position: relative;
}
.icNavi {
	left:0px;
	z-index: 140;
	padding-top: 68px;
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
font-weight: 700;
font-size: 1.125em;
color: #fff;
background: url("../images/menu-icon.png") no-repeat center 20px;
    background-size: 51px auto;
	text-align: center;
}
.icNavi:hover {
	cursor: pointer;
}
.zNavi {
	background-color: #0066a9;
	height: 100%;
	position:fixed;
	width:480px;
	top:0;
	left:0px;
	margin-left:-480px;
	z-index: 250;
	transition: 0.2s;
}
.zNavi.actif {
	margin-left:0px;
}
.logoTitreMenu {
	display: flex;
	align-items: center;
	padding:40px 20px 20px 80px;
}
@media all and (min-width: 1900px) {
	.logoTitreMenu {
    padding-top: 100px;
}
}
.fermerNavi {
	display: block;
width: 20px;
height: 20px;
background: url("../images/close2.png") center center no-repeat;
}
.fermerNavi:hover {
	cursor: pointer;
}
.icTop {
	display: block;
width: 53px;
height: 65px;
margin-left: auto;
	background:#fff url("../images/oeil.png") no-repeat center;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
cursor: pointer;
	right:0px;
	z-index: 200;
}
.icTop.actif {
    background: #4a4a4a url("../images/close2.png") no-repeat center;
}
.zTop {
	position:absolute;
top: 0;
width: 100%;
overflow: hidden;
padding: 35px 0 20px;
background-color: #272727;
z-index: 150;
}
.zTop a {
	display: block;
	color:#FFF;
	font-weight: 700;
	margin:5px 0px;
}
.icThemes {
	background: #0066A9 url("../images/fleche_bas2.png") no-repeat 9px center;
display: inline-block;
align-items: center;
padding: 9px 13px 10px 35px;
color: #FFF;
font-weight: 600;
border-radius: 2px;
transition: 0.15s;
	font-size: 15px;
}
.icThemes:hover {
    background-color: #FBC016;
    cursor: pointer;
}
.themesOpen .icThemes {
    background-color: #FBC016;
    background-image: url("../images/fleche_up2.png");
	background-size: auto 10px !important;
}
.zThemes    {
	width:100%;
}
.zThemes .intThemes   {
	margin:auto;
	max-width: 1200px;
}
.zThemes .menu li {
	display: block;
	margin:0px;
	padding:0px;
}
.zThemes .menu li > div > a {
	display: block;
	padding:3px 5px 3px 15px;
	background:#FFF url("../images/fleche_menu.png") no-repeat 5px 5px;
	background-size: 5px auto;
	color:#000;
	margin:0px 2px;
	transition: 0.1s;
	font-size:0.9em;
	line-height: 1em;
}
.zThemes .menu li a:hover {
	background-color:#FBC016 !important;
	background-image:url("../images/fleche_menu2.png") !important;
	color:#fff !important;
	text-decoration: none;
}
.zThemes .intThemes > ul  {
	display: flex;
	margin:5px 0px;
	padding:0px;
	width: 100%;
}
.zThemes .intThemes > .menu > li {
	width:18%;
	/*ajout bg*/
	z-index: 9;
}
.zThemes .intThemes > .menu > li > div > a {
	background-color:#0CA2D4;
	
	font-weight: 600;
	font-size:1em;
	padding-top:6px;
	padding-bottom:6px;
	background-position: 3px 8px;
	background-size: 7px auto;
	color:#FFF;
}
.header .block-search .form-actions .form-submit {
	position: relative;
margin-left: 0px;
border-radius: 0px 2px 2px 0px;
border: none;
background-color: #0066a9;
width: 43px;
height: 40px;
text-indent: -9999px;
background: #0066a9 url("../images/search-icon.png") center center no-repeat;
background-size: 65% auto;
transition: 0.15s;
	padding: 0;
	box-shadow: none;
}
.header .block-search .form-actions .form-submit:hover {
    background-color: #FBC016;
}
.header .block-search {
    margin: 0 15px;
}
.header .block-search .form-search {
    margin: 0 auto;
    border-radius: 2px 0px 0px 2px;
    background-color: #fff;
    width: 390px;
    height: 40px;
    border: 0px;
	padding:0px 10px;
	font-size: 15px;
}
/* navigation */
.navi ul li a:hover {
	color: #FFF !important;
}
.navi {
	position: relative;
	z-index: 50;
}
.navi .bShow {
	z-index: 130;
	margin:auto;
}
.navi ul,
.navi ul ul {
	margin:0px;
	padding:0px;
}
.navi ul li {
	display:block;
	margin:0px;
	padding:0px;
}
.navi .bMenu ul li ul li {
	display:block;
}
.navi .li-0 > div > span,
.navi .li-0 > div > a {
	display:block;
	padding:5px 20px 5px 80px;
	color:#FFF;
	text-decoration: none;
	font-weight: 700;
	font-size: 1.563em;
	text-transform: uppercase;
}
.navi .li-0.active > div > span,
.navi .li-0.active > div > a,
.navi .li-0 > div > span:hover,
.navi .li-0 > div > a:hover {
	color:#18CFF8;
}
.navi .li-0:hover > div > span,
.navi .li-0:hover > div > a {
	background-color: #003F68;
}
.navi li > span:hover {
	cursor: default;
}
.navi ul ul {
	display: none;
	position: fixed;
	top:0px;
	height: 100%;
	padding-top: 100px;
	width:280px;
}
.navi ul.niv1 {
	left:480px;
	background-color:#003F68;
}
.navi ul.niv2 {
	left:760px;
	background-color:#00233A;
}
.navi ul.ul-2,
.navi ul.ul-3 {
	margin-left:200px;
	margin-top: -35px;
}
.navi ul ul li {
	display:block;
	text-align: left;
}
.navi ul ul li > div > span,
.navi ul ul li > div > a {
	display:block;
	padding:6px 10px;
	margin:0px 0px 0px 20px;
	font-weight: 700;
	color:#18CFF8;
	line-height: 1.1em;
}
.navi ul.niv1 li.active > div > span,
.navi ul.niv1 li.active > div > a,
.navi ul.niv1 li > div > span:hover,
.navi ul.niv1 li > div > a:hover {
	color:#FFF;
}
.navi ul.niv1 li:hover > div > span,
.navi ul.niv1 li:hover > div > a {
	background-color:#00233A;
}
.navi ul ul.niv2 li > div > span,
.navi ul ul.niv2 li > div > a {
	color:#FFF;
	font-weight: 400;
}
.navi ul ul.niv2 li.active > div > span,
.navi ul ul.niv2 li.active > div > a,
.navi ul ul.niv2 li > div > span:hover,
.navi ul ul.niv2 li > div > a:hover {
	color:#18CFF8 !important;
}
@media all and (min-width: 990px) {
	.computer .navi ul li:hover > ul {
		display:block;
		z-index: 200;
	}
} 
/* HEADER RWD */
@media all and (max-width:1200px) {
.headFixe .header .block-search .form-search {
    width: 300px;
}
.navi .li-0 > div > span, 
	.navi .li-0 > div > a {
    font-size: 1.463em;
}
	.siteName a {
    font-size: 3.1em;
}
	.logoTitre {
    margin-top: 35px;
}
	.header1 {
    height: 170px;
}
}
@media all and (max-width:1100px) {
	.header .site1 {
		max-width:98%;
	}
	.header .zTop .site1 {
    max-width: 90%;
}
	.zNavi {
   		width: 400px;
		margin-left:-400px;
	}
	.navi ul.niv1 {
		left:400px;
	}
	.navi ul.niv2 {
		left:680px;
	}
.navi .li-0 > div > span, 
	.navi .li-0 > div > a {
    font-size: 1.363em;
}
	.navi .li-0 > div > span, 
	.navi .li-0 > div > a,
	.logoTitreMenu {
    padding-left:20px;
}
	.siteName a {
    font-size: 2.8em;
}
	.siteNameMenu a {
    font-size: 1.275em;
    margin-right: 10px;
}
	.logoTitre {
    margin-top: 25px;
}
	.header1 {
    height: 160px;
}
}
@media all and (max-width:989px) {
	.head3, .head1 {
		position: absolute;
		height: 0px;
    width: 100%;
}
	.header .site1 {
		max-width:100%;
	}
	.head2 {
    width: 100%;
}
	.headFixe .header .block-search .form-search {
    width: 183px;
}
.logoTitre {
    margin-top: 15px;
}
	.siteName a {
    font-size: 2.5em;
}
	.header .block-search .form-search {
    width: 370px;
    font-size: 14px;
}
	.icThemes {
    padding: 9px 8px 10px 35px;
    font-size: 14px;
}
	.icTop, .icNavi {
    position:absolute;
		top:0px;
}
	.zNavi {
   		width: 300px;
		margin-left:-300px;
	}
	.icNavi {
    left:10px;
}
	.icTop {
   right:10px;
}
	.header.abs {
		position:absolute;
	}
	.themesOpen .headFixe .header {
		position: absolute;
	}
	ul.niv1.actif,
	ul.niv2.actif {
		display:block !important;
	}
	.navi ul ul {
    width: 240px;
}
	.navi ul.niv1 {
    left: 300px;
}
	.navi ul.niv2 {
    left: 540px;
}
	.navi .li-0.actif > div > span,
.navi .li-0.actif > div > a {
	background-color: #003F68;
}
	.navi ul.niv1 li.actif > div > span,
.navi ul.niv1 li.actif > div > a {
	background-color:#00233A;
}
	.header .zTop .menu {
    text-align: right;
		margin-right: 100px;
}
	.zThemes .intThemes > ul {
		flex-direction: column;
    margin: 5px auto;
		max-width: 600px;
}
	.zThemes .intThemes > .menu > li {
    width: 100%;
}
	.zThemes .menu li a {
    padding-left:25px;
    background-position:15px 5px;
}
}
@media all and (max-width:767px) {
.header .block-search .form-search {
    width: 300px;
    font-size: 14px;
}
	.logoTitreMenu img {
    width: 25px;
}
	.siteNameMenu a {
    font-size: 1.1em;
    margin-right: 5px;
		margin-left: 5px;
}
	.navi .li-0 > div > span, 
	.navi .li-0 > div > a {
    font-size: 1.163em;
}
	.zNavi {
    width: 250px;
    margin-left: -250px;
}
	.navi ul ul {
    width: 200px;
}
	.navi ul.niv1 {
    left: 250px;
}
	.navi ul.niv2 {
    left: 450px;
}
	.navi ul ul li > div > span, 
	.navi ul ul li > div > a {
    padding: 3px 5px;
    margin: 3px 5px;
    line-height: 15px;
}
	.icThemes {
    padding: 5px 5px 7px 35px;
    width: 110px;
    line-height: 1em;
}
	.headFixe .header .siteLogo img {
		width:50px;
		height: auto;
	}
	.headFixe .head2 {
    height: 90px;
    align-items: center;
}
}
@media all and (max-width:639px) {
	.icThemes span span {
		display: none;
	}
	.zNavi ul.niv1,
	.zNavi ul.niv2,
	.zNavi {
    height: auto;
		width:100%;
		margin:0px;
		padding:0px 0px 25px 0px;
}
	.zNavi {
    position: absolute;
		width:360px;
		margin-left:-360px;
}
	.zNavi ul.niv1,
	.zNavi ul.niv2 {
    position: relative;
	left:0px;
}
	.navi ul ul li span, .navi ul ul li > div > a {
    margin:0px;
}
	/* NAVIGATION */
	.navi .li-0 > span, .navi .li-0 > div > a {
    font-size: 1.163em;
}
	.navi a.is-active::after {
    	display: none;
	}
	.navi ul ul {
		position: relative;
		width: auto;
	}
	.navi ul li {
		display: block !important;
		position: relative;
	}
	.navi ul li > div > a {
		display: block !important;
	}
	.navi ul ul li {
		text-align: left;
	}
	.navi li.li-0 > div > span, 
	.navi li.li-0 > div > a {
    	border-top: 1px solid rgba(255,255,255,0.2);
		padding:13px 25px;
}
	.navi ul ul li > div > span, 
	.navi ul ul li > div > a {
    padding: 7px 0px 7px 40px;
    margin: 0px 0px;
    line-height: 15px;
}
	.navi ul ul ul li > div > span, 
	.navi ul ul ul li > div > a {
    padding: 6px 0px 6px 60px;
}
	.logoTitreMenu {
    justify-content: space-between;
}
	.siteNameMenu {
		width:80%;
	}
	.fermerNavi {
    width:45px;
		flex-shrink: 0;
}
	.siteNameMenu a {
    font-size: 1.3em;
}
	/* FIN NAVIGATION */
	.logoTitre {
		margin-right: 8px;
	}
	.icThemes,
	.icRech {
    display: inline-block;
    margin: 5px;
    height: auto;
    background: #0066A9 url("../images/search-icon.png") no-repeat 5px center;
    background-size: auto 16px;
    border-radius: 4px;
    color: #FFF;
    font-weight: 700;
    padding: 8px 13px 8px 30px;
    font-size: 14px;
		line-height: 1em;
		width: auto;
}
	.icThemes:first-letter {
		display: inline-block;
    text-transform: uppercase !important;
}
	.icThemes {
    background-image: url('../images/ic_folder.png');
    background-size:20px auto;
}
	.header1 {
    height: 110px;
}
	.header .block-search {
    position: absolute;
    left: 50%;
    top: 110px;
    width: 100%;
    background: #18cff8;
    padding: 0px;
    margin: 0px auto;
	margin-left:-50%;
    padding-bottom: 35px;
    z-index: 4;
}
	.headFixe .header .block-search {
    top: 80px;
}
	.header .block-search .form-search {
    width: 185px;
}
	.rechOpen .icRech {
    background-color: #FBC016;
    background-image: url("../images/fleche_up2.png");
	background-size: auto 10px !important;
}
	.zThemes .intThemes > ul {
    max-width: 334px;
}
	.headFixe .header {
    padding-bottom: 0px;
}
	.icNavi {
    left: 0px;
    z-index: 140;
    padding-top: 54px;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    background: url("../images/menu-icon.png") no-repeat center 20px;
        background-size: auto;
    background-size: 36px auto;
    text-align: center;
		width:60px;
}
	.headFixe .head2 {
    align-items: flex-start;
    justify-content: flex-end;
    margin-right: 69px;
}
	.headFixe .icThemes span,
	.headFixe .icRech span {
    display:none;
}
	.headFixe .icThemes,
	.headFixe .icRech {
    display: block;
    width: 53px;
    height: 65px;
    background-position: center;
	background-size: auto 30px;
    border-radius: 0px 0px 5px 5px;
		padding: 0px;
margin: 0px 5px;
}
	.headFixe .icNavi {
    padding-top: 44px;
    background-position: center 10px;
}
		.siteName a {
    font-size: 1.3em;
			margin-left: 5px;
}
	.siteLogo img {
    max-height: 50px;
}
	.zThemes .menu li a {
    background-position: 5px 10px;
		font-size: 1em;
		padding: 7px 5px 7px 17px;
}
	.zThemes .intThemes > .menu > li > a {
    font-size: 1.2em;
    background-position: 5px 8px;
}
	.headFixe .logoTitre {
    width: 140px;
}
}
@media all and (max-width:359px) {
	.siteLogo img {
    max-height: 40px;
}
	.icTop {
    width: 40px;
    height: 55px;
}
	.icNavi {
    padding-top: 39px;
    font-size: 13px;
    color: #fff;
    background-position: center 10px;
    background-size: 30px auto;
    width: 40px;
}
	.icThemes, .icRech {
    font-size: 13px;
}
	.zNavi {
    width: 320px;
    margin-left: -320px;
}
}
/* FIN HEADER RWD */
/* FIN NAV MENU 1 RWD  */