/* CSS Document */@charset "utf-8";/*---------------NORMALIZE----------------*/html {	font-size: 62.5%;}html, body {	width: 100%;	height: 100%;}body {	margin: 0;	padding: 0;	line-height: normal;	font-family: 'Lato', sans-serif;	color:#000000;}ol, ul {	margin:0;	padding:0;}address {	margin: .75em 0;	font-style: normal;}a {	color: #002A4A;	-webkit-transition: color 200ms;	-moz-transition: color 200ms;	-o-transition: color 200ms;	-ms-transition: color 200ms;	transition: color 200ms;	text-decoration: none;	cursor: pointer;}a:hover {	color: #ff7c00;}a img {	border: none}fieldset, form {	margin: 0;	padding: 0;	border: none}input[type="text"], select, textarea, input[type="tel"], input[type="email"], input[type="password"]{	vertical-align: middle;	font-family: 'Lato', sans-serif;	background: #FFF;	color:#333333;	border:0;	min-height:38px;	height:38px;	padding:0px 8px;}textarea{	padding:8px;}input[type="submit"], button{	background: #ff7c00;	color:#FFFFFF;	font-family: 'Lato', sans-serif;	font-weight: 500;	padding:10px 20px;	cursor:pointer;	border:none;	font-size: 1.6em;	-webkit-transition: all 300ms;	-moz-transition: all 300ms;	-o-transition: all 300ms;	-ms-transition: all 300ms;	transition: all 300ms;}input[type="submit"]:hover, button:hover{	background: #189CBC;	border-radius: 8px;}iframe {	border: none;}* {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	-ms-box-sizing: border-box;	-o-box-sizing: border-box;	box-sizing: border-box;}/* retablissement de l'apparance des selects (surtout ios) */input[type="submit"] {	-webkit-appearance: none;	-moz-appearance: none;	appearance: none;}h1, h2, h3, h4{	font-family: 'Lato', sans-serif;}/*---------------BASE----------------*/.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {float: left;}.col_1 {width: 8.3333333333%;}.col_2 {width: 16.6666666666%;}.col_3 {width: 25%;}.col_4 {width: 33.3333333333%;}.col_5 {width: 41.6666666666%;}.col_5_1 {width: 48%;}.col_6 {width: 50%;}.col_7 {width: 58.3333333333%;}.col_8 {width: 66.6666666666%;}.col_9 {width: 75%;}.col_10 {width: 83.3333333333%;}.col_11 {width: 91.6666666666%;}.col_12 {width: 100%;}.col_left {float: left;}.col_right {float: right;}.columns {    -webkit-columns: 4;    -moz-columns: 4;    columns: 4;    -webkit-column-gap: 15px;    -moz-column-gap: 15px;    column-gap: 15px;    -webkit-column-rule: 1px solid #FFFFFF;    -moz-column-rule: 1px solid #FFFFFF;    column-rule: 1px solid #FFFFFF;}.overall {	margin: 0 auto;	max-width: 1300px;}.decallage {	margin: 0 -12px;}.clear {	clear: both;}.clearfix:after {	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}.display {	display: none;}/*---------------FIN BASE----------------*//*---------------NAV----------------*/nav#menu {	float: right;    text-align: right;    width: 781px;	z-index: 151;	background: #FFF;	position: relative;	margin:25px 0 0 0;	color:#BBB;}/*BURGER*/#picto_menu::before {	content: "";	max-width: 35px;	height: 4px;	display: block;	margin-bottom: 4px;	background: #FFFFFF;	transition: all 300ms;}#picto_menu::after {	content: "";	max-width: 35px;	height: 4px;	display: block;	margin-bottom: 4px;	background: #FFFFFF;	transition: all 300ms;}#picto_menu span {	width: 24px;	height: 4px;	display: block;	margin-bottom: 4px;	background: #FFFFFF;	transition: all 300ms;}#picto_menu {	display:block;	width:24px;	margin:auto;}#btn_menu {	color: #FFFFFF;	padding:18px 0 0 0;	cursor: pointer;	display: none;	text-transform: uppercase;	height: 80px;	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	-o-transition: all 0.5s;	-ms-transition: all 0.5s;	transition: all 0.5s;}/*FIN_BURGER*/#deroulant {	display:table;	margin:auto 0 auto auto;}#deroulant>li {	cursor: pointer; display:table-cell;	position: relative;}#deroulant>li a {	color: #003444;	font-weight: bold;	display: block;	text-align: right;	padding: 20px 16px;	font-size: 1.6em;	font-weight: 800;	line-height: 1em;	height: 58px;	text-transform: uppercase;	-webkit-transition: all 200ms;	-moz-transition: all 200ms;	-o-transition: all 200ms;	-ms-transition: all 200ms;	transition: all 200ms;}#deroulant>li:hover a {	border-bottom: 1px solid #A81815;	color: #A81815;	height: 58px;}#deroulant>li:first-child {	border: none;}#deroulant > li ul {	position: absolute;	z-index: 20;	top:55px;	//left:calc(50% - 125px);	left:calc(50% - 100px);	background: #002A4A;	margin: 0px;	padding: 0px 10px;	//width: 250px;	width: 200px;	list-style: none;	max-height: 0em;	overflow: hidden;	transition: max-height 0s;	-webkit-transition: max-height 0s;	-moz-transition: max-height 0s;	-o-transition: max-height 0s;	-ms-transition: max-height 0s;}#deroulant > li:hover ul {	max-height: 48em;	transition: max-height 0.4s;	-webkit-transition: max-height 0.4s;	-moz-transition: max-height 0.4s;	-o-transition: max-height 0.4s;	-ms-transition: max-height 0.4s;}#deroulant>li>ul>li {	float: left;	width: 100%;}#deroulant>li>ul>li a {	color: #FFF !important;	display: block;	font-size: 1.6em;	padding:16px 0px;	font-weight: 500;	border-bottom: 1px solid rgba(255,255,255,0.2) !important;	text-transform: inherit;	height: auto !important;}#deroulant>li>ul>li:last-of-type a{	margin-bottom:12px;}#deroulant>li>ul>li a:hover {	border-bottom: 1px solid rgba(255,255,255,1) !important;}/*--------FIN DEROULANT-----------*/p, a{	font-size: 17px;}/*--------*/header{	background: #FFF;	height: auto;	padding-top:30px;}.home{	float: left;}#recherche{	width: 345px;	float: right;	border-bottom: 1px solid #114D61;}#recherche input[type=text]{	width: 300px;	font-size: 20px;}#recherche input[type=submit]{	background: url(../images/loupe.png)no-repeat;	height: 40px;	width: 30px;	color:rgba(255,255,255,0);}/*----------------------SLIDER---------------------*/#slider{	position: relative;	z-index: 150;}#slider img{	width: 100%;}#slider .overall_slide{	width:55%;	background: #FFF;	margin-top: -220px;	height: 150px;	position: absolute;	padding:20px;}#slider .overall_slide h2{	color:#a71815;}#slider .overall_slide p{	color:#0f4d60;}#slider .overall_slide p, #slider .overall_slide h2{	text-transform: uppercase;	font-weight: 400;	font-size: 4em;	margin:0 auto;}/*-------------------MOTIF----------------------*/.motif{	background: url(../images/motif.png);	width: 100%;	height: 480px;	//position: absolute;	z-index: 0;	margin-top: -355px;}/*------------------------EDITO---------------------------*/section:not(.page-content) {	position: relative;	margin-top: 30px;	padding:30px 40px;}section.actu-single{    width: 100%;}section.contact {	width: 100%;}section h1{	color:#a71815;	font-size: 5em;	font-weight: bold;	margin-bottom: 5px;}section h1:before{	content:'';	position: absolute;	border-bottom:5px solid #0f4d60;	height: 20px;	width:30px;	margin-top:-50px;	margin-bottom: 50px;}section h2{	color:#0f4d60;	margin-top:0;	font-size:2.5em;	text-transform: uppercase;	font-weight: 400;	margin-bottom: 25px;}section p{	font-size: 15px;	color:#647984;	line-height: 1.6em;}.wpcf7 input, .wpcf7 select, .wpcf7 textarea{	border: 1px solid #DEDEDE;	margin-bottom: 15px!important;}/*------------------------AGENDA---------------------------*/.agenda-section { background-color: #647984;	height: 400px;	margin-top: 80px;	position: relative;	text-align: center;	padding:10px 70px;}.agenda-section .coin{	background-color: #FFF;	right: 0;	top:0;	position: absolute;	height: 30px;}.agenda-section h2{	color:#FFF;	text-transform: uppercase;	font-size: 4em;}.agenda-section .tiret{	content:'';	position: absolute;	border-bottom:5px solid #0f4d60;	height: 20px;	width: 30px;    margin-top: -20px;    margin-left: -15px;}.agenda-section p{	margin-top: 30px;	color:#FFF;	line-height: 1.5em;}.agenda-section .fleche_g{	left: 0;}.agenda-section .fleche_d{	right: 0;}.agenda-section .owl-prev{	left: -70px;	content: '<';	color: white;}.agenda-section .owl-next{	right: -70px;	content: '>';	color: white;}.agenda-section .fleche_g, .agenda-section .fleche_d, .agenda-section .owl-prev, .agenda-section .owl-next{	height: 90px;	width: 40px;	background: #0f4d60;	padding-top: 30px;	position: absolute;	top:60px;	font-size: 2.1em;}.agenda-section .fleche_g:hover, .agenda-section .fleche_d:hover, .agenda-section .owl-prev:hover, .agenda-section .owl-next:hover{	background:#C6C6C5;}.agenda-section a, .agenda-section a{	color:#FFF;	font-size: 2.5em;}.agenda-section .btn_lien{	text-transform: uppercase;	color:#0f4d60;	font-size: 2em;	text-align: center;	width: 200px;	height: 50px;	background:#FFF;	padding:10px 20px;	position: absolute;	bottom: 20px; z-index: 9999;	display: block;	margin:auto 25px;}.agenda-section .btn_lien:hover{	background:#a71815; 	color:#FFF;}/*------------------------ACTUALITES---------------------------*/.actualites-section{	background: url(../images/actualite.png) no-repeat top left;	padding-top:90px;	display: inline-block;	width: 100%;	position: relative;	margin-bottom: 50px;}.actualites-section .actu{	width: 33.1%;	margin:0.1%;	float: left;	position: relative;}.actualites-section .actu img{	width: 100%;}.actualites-section .actu p{	position: absolute;	bottom: 50px;	color: #FFF;	max-width:280px;	margin-left: 50px;	font-size: 20px;}.actualites-section .actu p:before{	content:'';	position: absolute;	border-bottom:5px solid #a71815;	height: 20px;	width:30px;	bottom:-20px;}.actualites-section .actu span{	display: none;}.actualites-section .actu:hover span{	display: block;	width: 100%;	height: 99%;	position: absolute;	top:0;	left: 0;	background:rgba(100,121,132,0.67);}.actualites-section .actu span img{	width: 120px;	display: block;	margin:50px auto;}.actualites-section .btn_lien{	text-transform: uppercase;	color:#FFF;	font-size: 2em;	text-align: center;	width: 300px;	height: 50px;	background:#a71815;	padding:10px 20px;	position: absolute;	bottom: -50px;	display: block;	right: 0;}.link_actu .btn_lien{	text-transform: uppercase;	color:#FFF;	font-size: 2em;	float: right;	text-align: center;	width: 300px;	height: 50px;	background:#a71815;	padding:10px 20px;	display: block;}.actualites-section .btn_lien:hover, .link_actu .btn_lien:hover{	background:#FFF;	color:#a71815;}/*------------------------PARTENAIRES---------------------------*/#partenaires {	width: 100%;	border-top:#647984;	position: relative;	margin-top:50px;	height: 300px;}#partenaires h2{	text-align: center;	width: 100%;	position: absolute;	font-size: 4em;	color:rgba(100,121,132,0.5);	display: block;	margin:auto;	z-index: 150;	text-transform: uppercase;	font-weight:500;	margin-bottom: 50px;}#partenaires h2:before{	content:'';	border-bottom:1px solid #647984;	width: 37%;	position: absolute;	left:0;	margin-top: 30px;	z-index: 15;}#partenaires h2:after{	content:'';	border-bottom:1px solid #647984;	width: 37%;	position: absolute;	right:0;	margin-top: 30px;	z-index: 15;}#partenaires .container {	position: relative;	text-align:center;	margin-top: 100px;}#partenaires .container a{	margin:auto 30px;	width: 20%;}/*------------------------FOOTER---------------------------*/footer{	width: 100%;	margin:0;	position: relative;}.footer_1{	width: 100%;	background: #647984;	color:#FFF;	display: block;	//margin-top:-20px;	height: 250px;}.footer_1 .col-1-3{	width: 33%;	padding:24px;	float: left;}.footer_1 .col-1-3 h1{	text-transform: uppercase;	font-size: 2.5em;}.footer_1 .col-1-3 p{	color:#CCDBE2;	font-size: 16px;	line-height: 1.5em;}.footer_1 .col-1-3 ul{	display: inline-flex;}.footer_2 {	width: 100%;	background: #003444;	text-align: center;	color:#FFF;	bottom: 0;	height: 80px;	padding-top:20px;}.footer_2 p a{	color:#FFF;	font-size: 16px;	margin-bottom: 20px;}.section-actu{	margin-top: 0!important;}.section-actu img{	float: left;	margin-right: 30px;}.actu-single{	width: 100%;}.actu-single img{	float: left;	margin-right: 30px;	margin-top: 20px;}/*---------------------------------------------------*/@media only screen and (max-width: 1100px){	#logo img{    	width: 80%;    	margin:0 0 0 20px;    }    nav#menu {    	margin-top:0;    	margin-bottom: 20px;    }    #slider .overall_slide {	    width: 50%;	    margin-top: -170px;	    height: 120px;	}	#slider .overall_slide p, #slider .overall_slide h2{		font-size: 3em;	}	#partenaires h2:before, #partenaires h2:after {		width:30%;	}	#slider{		display: none;	}}@media only screen and (max-width: 1023px) {    /* ////////////////////////// Menu burger ////////////////////////// */    #deroulant {    	display: none;    }    #btn_menu {        display: block;        height: 13px;        width: 50px;        float: right;        right: 15px;        position: absolute;        top: 25px;        padding: 19px 7px 22px;        border-radius: 4px;        z-index: 999;    }    #btn_menu span::after,    #btn_menu span::before {        content: "";        left: 0;        position: absolute;        top: -9px;    }    #btn_menu span::after {        top: 9px;    }    #btn_menu span {        display: block;        position: relative;    }    #btn_menu span,    #btn_menu span::after,    #btn_menu span::before {        backface-visibility: hidden;        background-color: #05202b;        border-radius: 2px;        height: 5px;        transition: all 0.3s ease 0s;        width: 100%;    }    #btn_menu.actif span {        background-color: transparent;    }    #btn_menu.actif span::before {        transform: rotate(45deg) translate(5px, 5px);    }    #btn_menu.actif span::after {        transform: rotate(-45deg) translate(7px, -8px);    }    #btn_menu.actif + #deroulant {        display: block;    }    #deroulant li {        float: left;        width: 100%;        padding: 2px 0px;        border-bottom: 1px solid #f2f2f2;    }    .nav ul li:after {        display: none;    }	#btn_menu.actif{		margin-top: -50px;	}    #deroulant {        display: none;        text-align: center;        transition: opacity 0.4s ease 0s;        width: 100%;        float: left;        position: absolute;        /*left: 0px;*/		right: -300px;        z-index: 9999999;        top:30px;        padding: 5px 0% 45%;        margin: 0px 0%;        background: #fff;        height: 300px;    }	#deroulant.actif{		right: 0;	}    #deroulant ul {        width: 100%;        margin: 0px;        padding: 0px;    }    #deroulant::after {        display: block;    }    .nav ul li a:hover, .active-link {        background: none;        padding-top: 10px!important;    }    #deroulant ul li a {        color: #888;        text-decoration: none;        transition: all 0.2s ease 0s;         height: inherit;        padding: 10px 0px;    } 	#deroulant ul li a:hover {	    color: #fff;	}	.contact-left-side table td {		display:block;		float:left;		width:100%;	}    #deroulant ul span.display {        display: block;    }    #deroulant li a {        color: #000;        font-size: 15px;        font-weight: bold;        margin-bottom: 7px;        padding: 10px 0 15px;        margin: 0 auto;        display: block;        border: none;        float: none;    }    /* ////////////////////////// Menu burger ////////////////////////// */    .agenda-section {    	width: 36%;    	height: 500px;    }    .agenda-section .btn_lien{    	margin:auto;    	left: 25%;    }	#slider{		display: none;	}}@media only screen and (max-width: 960px) {#slider .overall_slide p, #slider .overall_slide h2{    	font-size: 2.5em;    }    #slider .overall_slide{    	margin-top:-140px;    	height: 110px;    }}@media only screen and (max-width: 880px) {	.footer_1 .col-1-3{		width: 31%;	}	.footer_1 .col-1-3 h1{		font-size: 2em;	}	.footer_1 .col-1-3 p{		font-size: 15px;	}	#partenaires h2:before, #partenaires h2:after{		width: 20%;	}	.agenda-section .btn_lien{		//width: 15%;	}}@media only screen and (max-width: 820px) {	header{		height: auto;	}	/*#picto_menu{*/		/*margin-top:-70px;*/	/*}*/	#slider .overall_slide p, #slider .overall_slide h2{		font-size: 2.2em;	}	#slider .overall_slide {	    margin-top: -130px;	    height: 100px;	}	.agenda-section {	    width: 100%;	    height: 380px;	    margin-top: -10px;	}	section {		width: 100%;	}	.agenda-section .btn_lien {	    width: 130px;	    display: block;	    margin: auto;	    left: 35%;	    right: 35%;	    height: 70px;	}	.actualites-section .actu {	    width: 83%;	    margin: auto;	    display: block;	    float: inherit;	}	.actualites-section .btn_lien {	    position: relative; 	    bottom: inherit; 	    display: block;	    right: inherit; 	    margin: auto;	}	#partenaires h2:before, #partenaires h2:after{		display: none;	}	#partenaires .container a {	    margin: 20px auto;	    width: 100%;	    display: block;	}	#partenaires, .footer_1 {		height: 550px;	}	.footer_1 .col-1-3 {	    width: 100%;	}	#deroulant > li{		background: #fff;	}	#deroulant > li ul{		position: relative;		top: 0;		left: 0;		display: block;		width: 100%;		background-color: #fff;	}	#deroulant>li>ul>li a{		color: #003444!important;	}}@media only screen and (max-width: 700px){	.header-form{		float: left;	}}@media only screen and (max-width: 420px) {	#logo img{		width: 70%;	}	#recherche{		float: inherit;		margin:auto;	}	#slider{		display: none;	}	#picto_menu{		margin-top:inherit;	}	.motif , section{		margin-top:0;	}	}