<style type="text/css">

.reset {
	
}
/*-------------------------------------------------------------------------- Structure ---------------------------------------------------------------------------*/

/* ----------------- Header --------------*/
.drapeau {
width:30px;
height:20px;
position:absolute;
top:10px;
right:10px;
transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
}

.drapeau_open {
height:60px;
}

.drapeau a {
background-repeat:no-repeat;
background-position:center center;
width:30px;
height:0px;
visibility:hidden;
clear:both;
height:0px;
transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease;
}

.drapeau a.select, .drapeau a.affiche {
display:block;
height:20px;
visibility:visible;
}



.drapeau a:hover {
opacity:0.7;
}


.drapeau a.fr {
background-image:url(../images/interface/lang_fr.png);
}
.drapeau a.en {
background-image:url(../images/interface/lang_en.png);
}
.drapeau a.es {
background-image:url(../images/interface/lang_es.png);
}

.remonter {
position:fixed;
bottom:50px;
right:50px;
width:50px;
height:50px;
background-color:#558ed5;
z-index:999999999;
background-image:url(../images/interface/fleche.png);
background-position:center center;
background-repeat:no-repeat;
background-size:70%;
visibility:visible;
opacity:0.5;
-webkit-transition: all 0.9s ease; 
-moz-transition: all 0.9s ease; 
-o-transition: all 0.9s ease; 
border-radius:7px;
}

.remonter:hover {
background-color:#0971c0;
}

.invisible_scroll {
right:-100px;
visibility:hidden;
}


.logo {
	display:block;
	margin:10px auto 30px auto;
	height:175px;
	width:417px;
	font-size:0px;
	letter-spacing: -100px;
	text-indent:-9999px;
	position:relative;
	background: url(../images/interface/logo.png) no-repeat left top ;
	background-size:contain;
}

.logo:hover {
	opacity:0.7;
}


header, .contenu, footer  {
width:100%;
clear:both;
padding:0 20px;
}

header  {
background:#558ed5;
border-bottom:10px solid #0971c0;
}

header section  {
height:auto;
background:#558ed5;
padding:20px;
}

h2 {
color:#558ed5;
text-transform:uppercase;
text-align:center;
border-bottom:1px solid #558ed5;
padding-bottom:20px;
font-size:2.5rem;
margin:0 0 20px 0;
}


h3 {
color:#17375e;
text-align:center;
font-size:2.2rem;
text-transform:uppercase;
font-family:'typo2', arial;
margin-bottom:20px;
}


/*-------------------------- Navigation de base --------------------------*/
nav {
height:70px;
width:auto;
position:relative;
clear:both;
background-color:#17375e;
text-align:center;
margin-bottom:30px;
}

nav ul {
margin:auto;	
display:table;
text-align:center;
}

nav span {
float:left;
color:#FFFFFF;
margin:0 20px;
height:70px;
line-height:70px;
}

nav li {
float:left;
list-style:none;
text-align:center;
text-decoration:none;
color:#FFFFFF;
background:#17375e;
position:relative;
}

nav li a {
text-decoration:none;
color:#FFFFFF;
display:block;
line-height:70px;
padding:0 7px;
font-size:1.2em;
}

nav li a:hover, .nav_select {
color:#79abe9;
}

.bt_nav {
display:none;
}


#sub_nav1 {
left:0px;
width:120px;
}

#sub_nav2 {
left:-20px;
width:300px;
}

.subnav {
    visibility:hidden;
	opacity:0;
    width: auto;
    height: auto;
    position: absolute;
    top: 40px;
	-webkit-transition: all 0.4s ease; 
	-moz-transition: all 0.4s ease; 
	-o-transition: all 0.4s ease; 
	height:0px;
	z-index:1000000;
	overflow:hidden;
}
nav ul li:hover .subnav {
    visibility:visible;
	opacity:1;
	height:auto;
}

.subnav li {
width:100%;
margin:0;
background:#FFFFFF;
}

ul.subnav li a {
font-size:1rem;
color:#558ed5;
}

ul.subnav li a:hover {
background:#0971c0;
border:none;
}




/*-------------------------- Navigation coté --------------------------*/
.rubrique {
height:100%;
}

.alpha_sous_menu {
width:100%;
height:100%;
background:#FFFFFF;
opacity:0;
z-index:100;
position:fixed;
visibility:hidden;
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
transition: all 0.5s ease; 
}

.alpha_sous_menu_visible {
visibility:visible;
opacity:0.7;
}

.rubrique img.logo_menu {
display:block;
margin:10px auto 30px auto;
}

.rubrique h2 {
color:#558ed5;
margin:0;
font-size:1.2rem;
color:#333;
text-indent:15px;
text-transform:uppercase;
}

.sous_menu {
width:300px;
height:100%;
z-index:99999;
position:fixed;
background:#e9e9e9;
opacity:0;
visibility:hidden;
left:-300px;
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
transition: all 0.5s ease; 
}

.sous_menu_visible {
visibility:visible;
opacity:1;
left:0;
}

.sous_menu .rubrique_invisible {
visibility:hidden;
opacity:0;
height:0;
}


.sous_menu .scrolling {
width:100%;
position:relative;
height:95%;
overflow:auto;
}

.sous_menu .scrolling li a {
text-decoration:none;
font-size:1rem;
color:#333;
padding:5px 0;
text-indent:15px;
width:100%;
display:block;
}

.sous_menu .scrolling li {
margin-top:30px;
background:none;
}

.sous_menu .scrolling li.sous_nav {
margin-top:0;
background:none;
margin-top: 8px;
    list-style-image: url(../images/interface/puce.png);
    list-style-position: inside;
}

.sous_menu .scrolling li a:hover, .sous_menu .scrolling li.sous_nav a:hover {
color:#558ed5;
text-decoration:underline;
}


.sous_menu .scrolling li.sous_nav a {
color:#333;
text-indent:30px;
}

.sous_navigation li a {
text-decoration:none;
font-size:1.1rem;
color:#333;
padding:0;
text-indent:0;
width:100%;
display:block;
}

.sous_navigation li {
margin-top:20px;
background:none;
}

.sous_navigation li.sous_nav {
background:none;
    margin-top: 8px;
    list-style-image: url(../images/interface/puce.png);
    list-style-position: inside;
}

.sous_navigation li a:hover, .sous_navigation li.sous_nav a:hover {
color:#558ed5;
text-decoration:underline;
}


.sous_navigation li.sous_nav a {

}


.sous_navigation li a.class_select {
color:#558ed5;
}




/* ----------------- Footer --------------*/
footer  {
background:#558ed5;
}

footer section  {
height:100px;
text-align:center;
}

footer section li {
display:inline-block;
color:#FFFFFF;
line-height:100px;
font-size:1rem;
}

footer section li a {
color:#FFFFFF;
text-align:center;
text-decoration:none;
font-size:1rem;
}

footer section ul span {
color:#FFFFFF;
}

footer section li a span {
font-size:1rem;
text-transform:lowercase;
}




/* ----------------- Contenu --------------*/
.contenu  {
background:#FFFFFF;
}

section {
max-width:1180px;
min-width:100px;
display:block;
margin:auto;
position:relative;
}

.contenu section {
background:#FFFFFF;
min-height:250px;
}

.colonne1, .colonne2, .colonne3, .colonne4, .colonne5, .colonne6 {
overflow: hidden;
padding:0 20px;
}

.colonne1 .bloc, .colonne2 .bloc, .colonne3 .bloc, .colonne4 .bloc, .colonne5 .bloc, .colonne6 .bloc {
margin-bottom:30px;
overflow: hidden;
}


.colonne1 .bloc {
width:calc(100% - 30px);
}

.colonne2 .bloc {
width:calc(50% - 30px);
}

.colonne3 .bloc {
width:calc(33% - 30px);
}

.colonne3 .bloc:last-child {
width:calc(34% - 30px);
}

.colonne4 .bloc {
width:calc(25% - 30px);
}

.colonne5 .bloc {
width:calc(20% - 30px);
}

.colonne6 .bloc {
width:calc(17% - 30px);
}

.colonne6 .bloc:last-child {
width:calc(15% - 30px);
}



.bloc {
padding:20px;
margin:0 0 30px 0;
background:none;
float:left;
display:block;
margin:0 15px;
min-height:50px;
}

.bloc_image {
width:calc(100% - 30px);
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
}




/*-------------------------- Element Spécifique --------------------------*/


/*-------------------------- BLOC SLIDE ACTU --------------------------*/
.colonne2 .bloc_article {
background:#e9e9e9;
position:relative;
z-index:99999;
width:300px;
height:500px;
}


.bloc_article a.bt_actu {
width:50px;
height:50px;
line-height:50px;
color:#FFFFFF;
background-color:#558ed5;
text-align:center;
position:absolute;
bottom:20px;
left:230px;
text-decoration:none;
font-size:2.2rem;
}
.bloc_article .bt_actu:hover {
background-color:#0971c0;
}



.bloc_article a.fleche_actu {
width:40px;
height:30px;
line-height:30px;
color:#FFFFFF;
background-color:#558ed5;
text-align:center;
text-decoration:none;
font-size:1.7rem;
margin-right:5px;
position:absolute;
left:70px;
bottom:20px;
}

.bloc_article a.fleche_actu_gauche {
left:20px;
}


.bloc_article a.fleche_actu:hover {
background-color:#0971c0;
}


.bloc_slide  {
overflow:hidden;
padding:0;
}


.bloc_slide ul {
height:450px;
position:relative;
}

.bloc_slide ul li {
float:left;
padding:20px;
height:500px;
position:relative;
}

.bloc_article .bloc_image {
height:200px;
width:calc(100% - 30px);
}


.bloc_article h2 {
color:#558ed5;
text-transform:uppercase;
margin:0 0 20px 0;
font-weight:bold;
font-size:1.3rem;
}

.bloc_article p {
color:#0971c0;
text-align:justify;
}

/*-------------------------- FIN BLOC SLIDE ACTU --------------------------*/

/*-------------------------- Bloc SLIDE HOME --------------------------*/
.slide_home {
background-color:#e9e9e9;
height:650px;
background-image:url(../images/interface/bg_slide.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size: cover;
position:relative;
}

.slide_home section {
background-color:none;
min-height:100px;
}

.slide_home .colonne1 {
padding:0;
}

.slide_home .colonne1 .bloc_slide  {
margin:0;
width:100%;
}

.slide_home .colonne1 .bloc_slide ul  {
height:650px;
}

.slide_home .colonne1 .bloc_slide ul li  {
height:650px;
}



.slide_home .bloc_slide ul li h2 {
	color:#558ed5;
    padding: 20px 0;
    font-size: 2.7rem;
    text-align: center;
    font-family: 'typo3', arial;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.slide_home .colonne1 p {
color:#FFFFFF;
}


.slide_home a.fleche_slide { 
font-size:7rem;
color:#17375e;
position:absolute;
top:0%;
text-decoration:none;
font-family: 'typo3', arial;
font-weight: normal;
height:650px;
line-height:650px;
padding:0 10px;
}

.slide_home a.fleche_slide_droite { 
right:0;
}

.slide_home a.fleche_slide:hover { 
background-color:#FFFFFF;
opacity:0.7;
color:#000;
}


/*-------------------------- Bloc Home 1 --------------------------*/
.contenu_home_1 {
background:#0971c0;
margin-bottom:30px;
}

.contenu_home_1 .colonne1 {
padding:0;
}

.contenu_home_1 .colonne1 .bloc {
background:#17375e;
margin:0;
width:100%;
}

.contenu_home_1 .colonne1 h2 {
color:#FFFFFF;
}

.contenu_home_1 .colonne1 p {
color:#FFFFFF;
}

.contenu_home_1 section {
background:#0971c0;
min-height:100px;
}


/*-------------------------- Bloc Home 2 --------------------------*/
.contenu_home_2 .bloc_map {
width:calc(100% - 360px);
padding:0;
}


/*-------------------------- Bloc Home 3 --------------------------*/
.contenu_home_3 .bloc_image {
height:400px;
}







.bt_plus {
float:right;
background:#558ed5;
color:#FFFFFF;
text-align:center;
display:block;
text-decoration:none;
padding:5px;
width:auto;
font-size:1.3em;
}

.bt_plus:hover {
background:#0971c0;
}

.colonne1 .bloc_sans_bg {
background:none;
}

#map {
height:500px;
display:block;
}

.bloc iframe {
margin-bottom:20px;
}

.bloc_home_4 .bloc {
min-height:400px;
}

.bloc_home_1 {
min-height:260px;
}


/* --- Page d'accueil ---*/
.home {
padding:20px;
background-color:#558ed5;
border-bottom:10px solid #0971c0;
margin-bottom:30px;
}

.home section {
max-width:890px;
}

.home img {
display:block;
margin:0 auto 20px auto;
}


.home h2 {
color:#FFFFFF;
font-weight:normal;
margin-bottom:0;
border:none;
padding:0;
text-align:left;
font-family:papyrus, airal;
text-transform:inherit;
font-size:3rem;
}

.home h3 {
color:#FFFFFF;
text-transform:inherit;
font-size:2.3rem;
text-align:right;
font-family:papyrus, airal;
font-size:3rem;
}

.contenu_home .colonne4 {
margin-bottom:50px;	
}

h2.footer_contact, h2.footer_contact a {
font-size:1.8rem;
border:none;
color:#558ed5;
text-decoration:none;
text-transform:inherit;
font-weight:normal;
}

h2.footer_contact a:hover {
text-decoration:underline;
}


.contenu_home .bloc {
background-color:#558ed5;
border-bottom:10px solid #0971c0;
color:#FFFFFF;
text-align:center;
font-size:1.5rem;
cursor:pointer;
transition: all 0.3s ease; 
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
height:180px;
display: flex; 
flex-direction: column; 
justify-content: center; 
}

.contenu_home .bloc p {
font-size:1.5rem;
line-height:25px;
}

.contenu_home .bloc:hover {
background-color:#0971c0;
border-bottom:10px solid #558ed5;
}

/* --- Anti ---*/
.anti .bloc {
background-color:#e9e9e9;
}

.anti img  {
margin-bottom:30px;
}

.anti img.img_mirroir  {
position:absolute;
right:0;
top:90px;
margin:0;
}

.anti h3 {
margin-bottom:100px;
}

.anti .bloc h2 {
border:none;
text-transform:inherit;
font-size:1.5rem;
margin-bottom:30px;
padding-bottom:0;
}

.anti .bloc p {
color:#17375e;
margin-bottom:15px;
font-size:1.2rem;
line-height:22px;
}

.anti .colonne3 .bloc {
min-height:260px;
}

.anti .colonne3 .bloc_1, .anti .colonne3 .bloc_3 {
width: calc(25% - 30px);
}

.anti .colonne3 .bloc_2 {
width: calc(50% - 30px);
}

.anti .colonne2 .bloc {
min-height: 455px;
}

img.img_center {
display:block;
margin:0 auto 20px auto;
}

a.bloc_bleu {
display:block;
margin:0 auto 40px auto;
background-color:#558ed5;
border-bottom:10px solid #0971c0;
color:#FFFFFF;
text-align:center;
font-size:1.5rem;
cursor:pointer;
transition: all 0.3s ease; 
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
height:100px;
text-decoration:none;
text-transform:uppercase;
line-height:100px;
width:50%;
}

a.bloc_bleu:hover {
background-color:#0971c0;
border-bottom:10px solid #558ed5;
}

/* --- Iso ---*/
.iso .bloc {
padding:0;
}

.iso .bloc h2 {
border:none;
text-transform:inherit;
font-size:1.5rem;
margin-bottom:30px;
padding-bottom:0;
}

.iso .bloc_gris {
background-color:#e9e9e9;
padding:20px;
margin-bottom:20px;
}

.iso .bloc_gris p {
color:#17375e;
margin-bottom:15px;
font-size:1.2rem;
line-height:22px;
}


.iso .bloc_2 {
min-height:268px;
}

.iso .bloc_5 {
min-height:415px;
}

/* --- Feux ---*/
.feux h3 {
text-transform:inherit;
font-size:1.3rem;
margin-bottom:50px;
}

.feux h3.titre_spe {
margin-bottom:20px;
text-transform:uppercase;
font-size:1.5rem;
}

.feux .bloc {
background-color:#e9e9e9;
}

.feux .bloc h2 {
border:none;
text-transform:inherit;
font-size:1.5rem;
margin-bottom:30px;
padding-bottom:0;
}

.feux .bloc p {
color:#17375e;
margin-bottom:15px;
font-size:1.2rem;
line-height:22px;
}

.feux .colonne3 .bloc {
min-height: 290px;
}

.feux .colonne2 .bloc {
min-height: 310px;
}

/* --- Formation ---*/
.formation .bloc {
background-color:#e9e9e9;
}

.formation .bloc h2 {
border:none;
text-transform:inherit;
font-size:1.5rem;
margin-bottom:30px;
padding-bottom:0;
}

.formation .bloc p {
color:#17375e;
margin-bottom:15px;
font-size:1.2rem;
line-height:22px;
}

.formation .colonne3 .bloc {
min-height: 480px;
}


</style>