/****************************************************************************************************/

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(https://fonts.googleapis.com/css?family=Courgette);

body{
margin : 0;
font-family: 'Open Sans Condensed', arial, sans-serif;
font-size : 12pt;
}

h1,h2, h3{}


header, section, footer {
width : 980px;
margin : 0 auto;
padding : 0 15px;
}

section {
min-height : 660px;
}

/*************************************** MEGAMENU *********************************************/
header{
position : relative;
}

header a#logo{
display : block;
height : 100px;
margin : none;
padding : none;
}
header a img{ 
height : 90px;
border : none;
}
header a#logo::after {
	/*content: 'PHP8.2';*/
}

header #langues {
position : absolute;
top : 0;
right : 20px;
}

header #langues p{
font-size : 11pt;
text-transform : uppercase;
background :#0069a2;
color : #5fc6f2;
padding : 5px 10px;;
}

header #langues p a{
color : #5fc6f2;
text-decoration : none;
}

header #langues p a:hover{
color : #565656;
}

header #langues p a#encours{
color : #ffffff;
text-decoration : underline;
}

header #actus {
position : absolute;
top : 5px;
right : 110px;
}

header #actus p a{
color : #5fc6f2;
color : #0069a2;
text-decoration : none;
}

header #actus p a:hover{
color : #0069a2;
}

header nav{
padding : 0;
}

header nav ul{
position : relative;
margin : 0;
padding : 0;
}

header nav ul li{
float : left;
height : 34px;
padding : 10px 15px 0 15px;
margin : 0;
margin-right : 15px;
text-transform : uppercase;
font-size : 12pt;
list-style : none;
background : #5fc6f2;
background : #0069a2;
border-bottom : 1px solid #ffffff;
}

header nav ul li a{
color : white;
text-decoration : none;
}

header nav ul li:hover{
background : #0069a2;
border-bottom : 1px solid #0069a2;
}

header nav ul li a:hover{
text-decoration : underline;
}

header nav ul li  .megamenu{
position : absolute;
display : none;
top : 45px;
left : 0;
width : 100%; 
min-height : 215px;
background : #0069a2;
border-bottom : 15px solid white;
transition : all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s; /* Firefox 4 */
-webkit-transition: all ease-in-out 0.5s; /* Safari and Chrome */
-o-transition: all ease-in-out 0.5s; /* Opera */
}

header nav ul li:hover  > .megamenu{
display : block;
z-index : 100000;
}

header nav ul li  .megamenu .nav-column{
float : left;
margin : 15px;
border-right : 0px solid #5fc6f2;
}

header nav ul li  .megamenu .nav-column h3{
color : white;
font-size : 14pt;
font-weight : normal;
margin : 0;
padding : 0;
}

header nav ul li  .megamenu ul{
}

header nav ul li  .megamenu ul li{
float : none;
padding : 3px 5px;
background : none;
text-transform : none;
font-size : 12pt;
height : auto;
border-bottom : none;
}

header nav ul li  .megamenu ul li a{
color : #5fc6f2;
}

header nav ul li  .megamenu ul li a:hover{
color : white;
}

/****************************************  ACCUEIL   *******************************************/

section#accueil{
background : #ffffff;
}

section#accueil aside{
float : left;
}

section#accueil aside figure{
position : relative;
margin : 15px 0;
}

section#accueil aside figure figcaption h1{
position : absolute;
top : 15px;
left: 15px;
color : #e41f25;
font-size : 16pt;
font-weight : bold;
z-index : 9;
background : none;
border : none;
}

section#accueil #news{
float : right;
}

section#accueil article{
width : 560px;
height : 200px;
margin : 15px 0 0 15px;
overflow :hidden;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}

section#accueil article .preview_article{
float : left;
width : 245px;
padding : 10px
}

section#accueil article .preview_article h1, .preview_article h2, .preview_article h3{
width : 100%;
padding : 0;
margin : 0;
font-size : 16pt;
background : none;
}

section#accueil article .preview_article h3{
font-weight : normal;
font-size : 9pt;
color : #e41f25;
border : none;
text-align : right;
}

section#accueil article .preview_article p{
font-size : 10pt;
margin-top : 5px;
}

section#accueil article .lien_article{
display : block;
float : right;
width : 80px; 
border-left : 15px solid white;
height : 100%;
background : #5fc6f2 url(../img/fleche_droite_article.png) center center no-repeat;
transition : all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s; /* Firefox 4 */
-webkit-transition: all ease-in-out 0.5s; /* Safari and Chrome */
-o-transition: all ease-in-out 0.5s; /* Opera */
}

section#accueil article .lien_article:hover {
background : #0069a2 url(../img/fleche_droite_article.png) center center no-repeat;
transition : all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s; /* Firefox 4 */
-webkit-transition: all ease-in-out 0.5s; /* Safari and Chrome */
-o-transition: all ease-in-out 0.5s; /* Opera */
}

section#accueil article figure{
position : relative;
float : left;
width : 200px; 
height : 100%;
margin : 0;
}

/******* ANIMATION PAGE ACCUEIL *******/

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0.5;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0.5;
  }
}

/**********************************/


section#accueil article figure a{
display : block;
position : absolute;
width : 200px; 
height : 200px;
margin : 0;
padding : 0;
background : url(../img/playVid.png) center center no-repeat;
opacity: 0.8;
background-size : 60px;
transition : all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s; /* Firefox 4 */
-webkit-transition: all ease-in-out 0.5s; /* Safari and Chrome */
-o-transition: all ease-in-out 0.5s; /* Opera */
animation: flash 4s ease-in-out infinite;
}

section#accueil article figure a:hover{
background : url(../img/playVid.png) center center no-repeat;
background-size : 200px;
transition : all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s; /* Firefox 4 */
-webkit-transition: all ease-in-out 0.5s; /* Safari and Chrome */
-o-transition: all ease-in-out 0.5s; /* Opera */
animation: none;
}

section#accueil article figure img{
border : none;
}

/***********************************  SECTION ACTIVITE   ************************************/

section#activite{
margin-top : 15px;
margin-bottom : 15px;
padding : 0;
}

section#activite .iconeMenu{
position : absolute;
top : 240px;
left : 200px;
width : 200px;
height : 200px;
background : url(../img/menu.png) top left no-repeat;
opacity : 0.5;
z-index : 5000;
}

section#activite .iconeMenu:hover{
display : none;
}

section#activite quote{
font-family: 'Courgette', cursive;
color: #0069a2;
font-size: 18pt;
font-variant : italic;
padding-bottom  : 15px;
}

section#activite  h1{
position : absolute;
top : 0;
left: 0;
padding : 15px;
width : 450px;
min-height : 90px;
color : #e41f25;
font-size : 16pt;
font-weight : bold;
z-index : 9;
background : url(../img/bgGrisTrans.png) top left repeat;
border : none;
z-index : 10000;
}


section#activite #blocGauche{
float : left;
position : relative;
min-height : 200px;
width : 480px;
}

section#activite #blocDroit{
float : right;
position : relative;
min-height : 200px;
width : 480px;
}

/************** MODIFICATION NOUVELLE PAGE INDEX / 15/03/2016 ***********************/

section .rubrique{
width : 100%;
height : 219px;
position : relative;
}

section .rubrique .visio{
position : absolute;
top : 59px;
 left : 0;
opacity : 1;
transition: opacity 1s ease 0s;
-webkit-transition: opacity 1s ease 0s; 
z-index : 2;
}

section .rubrique:hover  > .visio{
opacity : 0;
transition: opacity 1s ease 0s;
-webkit-transition: opacity 1s ease 0s;  
}


section .rubrique h2 {
position : absolute;
width : 100%;
left : 0px;
top : 0px;
//text-align : center;
border : none;
color : #0069a2;
background : white;
padding : 0;
z-index : 3;
margin : 5px 0 0 0;
}

section .rubrique h2::before{
font-family: FontAwesome;
//content: "\f1b2""  ";
color : white;
font-weight : normal;
}

section .rubrique ul {
position : absolute;
top : 45px;
left : 20px;
padding : 0;
list-style : none;
z-index : 1;
opacity : 0;
}

section .rubrique ul  li{
font-size : 1.1em;
}

section .rubrique:hover  > ul{
transition: opacity 0.2s linear 0.2s;
-webkit-transition: opacity 0.2s linear 0.2s;  
opacity : 1;
z-index : 10;
}

section .rubrique ul:hover ~.visio{
display : none;
}

section .rubrique li::before{
font-family: FontAwesome;
content: "\f105""  ";
color : #0069a2;
font-weight : normal;
}

section .rubrique a {
color : #0069a2;
text-decoration : none;
}

section  #box_par{
margin-bottom : 15px;
}

section  #box_ind{
margin-bottom : 10px;
}


section  #box_ter{
margin-bottom : 15px;
}


section  #box_cui{
margin-bottom : 10px;
}

section  #box_mai{
height : 220px;
}

section  #box_par h2{
border-bottom : 10px solid #0069A2;
}

section  #box_ind h2{
border-bottom : 10px solid #E41F25;
}

section  #box_ter h2{
border-bottom : 10px solid #0069A2;
}

section  #box_cui h2{
border-bottom : 10px solid #9CDAE2;
}

section  #box_mai h2{
border-bottom : 10px solid #5FC6F2;
}



/************************************************************************************/

.menuActivite{
position : absolute;
top : 0;
left : 0;
padding-top : 120px;
width : 480px;
height : 636px;
background : white;
z-index : 1000;
opacity : 0;
transition : opacity ease-in-out 0.5s;
-moz-transition: opacity ease-in-out 0.5s; /* Firefox 4 */
-webkit-transition: opacity ease-in-out 0.5s; /* Safari and Chrome */
-o-transition: opacity ease-in-out 0.5s; /* Opera */
}

.menuActivite:hover{
visibility : visible;
opacity : 1;
z-index : 6000;
transition : opacity ease-in-out 0.5s;
-moz-transition: opacity ease-in-out 0.5s; /* Firefox 4 */
-webkit-transition: opacity ease-in-out 0.5s; /* Safari and Chrome */
-o-transition: opacity ease-in-out 0.5s; /* Opera */
}


.menuActivite li a{
color: black;}

.menuActivite{}

.menuActivite{}

.menuActivite{}



/********************************* SECTION GENERIQUE ****************************************/

section {
background : #ffffff;
}

section h1{
border-bottom: 1px solid #0069a2;
color: #0069a2;
font-size: 34pt;
font-weight: normal;
margin: 0 0 25px 0;
padding-left : 0px;
}

section h2, section h3, section h4 {
border-bottom: 15px solid #5fc6f2;
color: #006bc9;
color: #0069a2;
font-size: 18pt;
font-weight: normal;
margin: 10px 0 20px 0;
}

section h2{
}

section h3{
}

section h4{
}

section p{
}

section#generique p img{
border-right : 15px solid white;
}


section  a.doc {
background: #0069a2;
color: #ffffff;
font-size: 11pt;
padding: 5px 10px;
text-transform: uppercase;
text-decoration : none;
}

section  a.doc:hover{
text-decoration : underline;
}

/*************************************** ACTUS LISTING ***************************************/

#listingActus{
}

section #listingActus h1, section #listingActus h2, section #listingActus h3{
border : none;
margin : 0;
padding : 0;
}

#listingActus h1{
font-size : 24pt;
padding-top : 5px;
border-bottom: 1px solid #5fc6f2;
margin-bottom : 0;
}

#listingActus h3{
font-size : 12pt;
border : none;
}

#listingActus p{
font-size : 10pt;
margin-top : 0;
}



#listingActus img{
border : 15px solid white;
border-left : 0;
float : left;
height : 120px;
}


#listingActus #liste .preview_article {
float : left ;
width : 695px
}

#listingActus article .lien_article{
display : block;
margin-top : 50px;
float : left;
width : 145px; 
height : 85px;
background : #5fc6f2 url(../img/fleche_droite_article.png) center center no-repeat;
transition : all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s; /* Firefox 4 */
-webkit-transition: all ease-in-out 0.5s; /* Safari and Chrome */
-o-transition: all ease-in-out 0.5s; /* Opera */
}

#listingActus article .lien_article:hover {
background : #0069a2 url(../img/fleche_droite_article.png) center center no-repeat;
transition : all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s; /* Firefox 4 */
-webkit-transition: all ease-in-out 0.5s; /* Safari and Chrome */
-o-transition: all ease-in-out 0.5s; /* Opera */
}

/*************************************** LOCALISATION ***************************************/

section#localisation{
background : #ffffff;
}

section#localisation aside{
float : left;
width : 400px;
}

section#localisation aside figure{
position : relative;
margin : 15px 0 0 0;
}

section#localisation aside figure figcaption h1{
position : absolute;
top : 15px;
left: 15px;
color : #e41f25;
font-size : 16pt;
font-weight : bold;
z-index : 9;
background : none;
border : none;
}

section#localisation article{
float : right;
width : 600px;
}

section#localisation article{
float : right;
width : 560px;
}

section#localisation h2{
border-bottom: 15px solid #5fc6f2;
color: #0069a2;
font-size: 18pt;
font-weight: normal;
}

section#localisation p{
font-size : 12pt;
color : #343434;
padding-left : 5px;
font-weight : bold;
}

section#localisation p a{
color : #343434;
}

section#localisation h2.mention{
border-bottom: 1px solid #5fc6f2;
color: #0069a2;
font-size: 18pt;
font-weight: normal;
}

section#localisation p.mention{
font-weight : normal;
}


/*************************************** FORMULAIRES ****************************************/

#formulaire h2{
border-bottom: 5px solid #5fc6f2;
color: #0069a2;
font-size: 24pt;
font-weight: normal;
margin: 0;
}

#formulaire h2 + p {
margin-left : 30px;
}

textarea {
margin-left : 30px;
width : 945px;
}

#formulaire h2 + h3 {
margin-top : 20px;
}

#formulaire h3{
border-bottom: 1px solid #5fc6f2;
color: #0069a2;
font-size: 14pt;
font-weight: normal;
margin-left : 30px;
}

#formulaire h3 + p {
margin-left : 30px;
}

#formulaire h3 + p + p{
margin-left : 30px;
}

#formulaire h4{
border-bottom: 1px solid #5fc6f2;
color: #0069a2;
font-size: 14pt;
font-weight: normal;
margin-left : 60px;
margin-bottom : 5px;
}

#formulaire h4 + p {

margin : 5px 0;
margin-left : 60px;
}

#formulaire h4 + p + p{
margin-left : 30px;
}


#formulaire label {
display : inline-block;
min-width : 120px;
}


#formulaire input{
padding : 5px;
margin-bottom : 5px;
}

#formulaire input[type=submit]{
padding : 10px;
background: none repeat scroll 0 0 #0069a2;
border: medium none;
color: white;
font-size: 12pt;
margin-bottom : 25px;
margin-left : -90px;
}

#formulaire input[type=submit]:hover{
cursor : pointer;
}

/**************************************** SLIDER ********************************************/



/*************************************** CONTACT ********************************************/

#carteMaps{
border : 0px;
border-top : 15px solid white;
border-bottom : 15px solid white;
}

/************************************ PIED DE PAGE ******************************************/

footer{
width : 100%;
background : url(../img/bg_gris_fonce.png) top left repeat;
padding:0;
}

footer #pied{
width : 1015px;
margin : 0 auto;
color : white;
}

footer #pied .boxes{
float : left;
width : 30%;
margin : 15px 1%;
}

footer #pied .boxes h2{
color : #efefef;
font-weight : normal;
font-size : 16pt;
}

footer #pied .boxes adress{}

footer #pied .boxes nav{}

footer #pied .boxes nav ul{
margin : 0;
padding : 0;}

footer #pied .boxes nav ul li{
float : none;
list-style : none;
}

footer #pied .boxes a{
color : white;
text-decoration : none;}

footer #pied .boxes a:hover{
color : #efefef;
text-decoration : underline;}

/****************************************************************************************************/

.clear{
clear : both;}