@import url(http://fonts.googleapis.com/css?family=Open+Sans);



#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
  
}


#cssmenu {
  width: 960px;
  font-family: 'stonehen', sans-serif;
	font-weight: 100;
  line-height: 1;
}
#menu-line {
  position: fixed;
  top: 0;
  left: 0;
  height: 0px;
  background: #3883A7;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li {
  display: inline-block;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: center;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 25px 18px 25px 18px;
  font-size: 15px;
  text-decoration: none;	
  color:#06C003;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
    border-color: 1px solid #4b622a;
}


/*//Les onglets*/

#cssmenu > ul > li:hover > a {
background: transparent;
	color: #FD5402;
	}

#cssmenu > ul > li.active > a {
background: transparent;
	color: #FD5402;
    font-weight: 100;
}





#cssmenu > ul > li.has-sub > a {
  padding-right: 24px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #4b622a;
  border-right: 1px solid #4b622a;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #009ae1;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}


/*//Sous-menu déroulant*/

#cssmenu ul ul ul {
  margin-left: 100%;
  top: -1px;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}


/*//Vitesse d'ouverture et éloignement du sous-menu parents*/

#cssmenu ul ul li {
height: 0;
	left: -1px;
-moz-transition: .4s all;
-webkit-transition: .4s all ;
transition: .4s all ;
}


#cssmenu ul li:hover > ul > li {
  height: 45px;
}



/*//Les menus déroulants*/


#cssmenu ul ul li a {
  padding: 15px 15px 15px 15px;
    margin: 1px;
  width: 190px;
  font-size: 14px;
	top: 8px;

  text-decoration: none;
	text-align:center;
  color: #FD5402;
    border: .5px solid #000;
    background-color: rgba(0, 0, 0, .8); 
}



#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #06C003;
		background-color: rgba(0, 0, 0, .8); 
}


/* premier menu déroulant couleurs uniques 

#cssmenu ul li:nth-child(0n+2) ul li:nth-child(0n+1) a {
  
     background: #8d1908;
}
#cssmenu ul li:nth-child(0n+2) ul li:hover > a,
#cssmenu ul li:nth-child(0n+2) ul li a:hover {
  color: #F4CD2B;
		background-color: #681a67;
}

#cssmenu ul li:nth-child(0n+2) ul li:nth-child(0n+2) a {
  
     background: #266da7;
}

#cssmenu ul li:nth-child(0n+2) ul li:nth-child(0n+3) a {
  
     background: #e75559;
}

#cssmenu ul li:nth-child(0n+2) ul li:nth-child(0n+4) a {
  
     background: #e8d740;
}

#cssmenu ul li:nth-child(0n+2) ul li:nth-child(0n+5) a {
  
     background: #af54e8;
}

#cssmenu ul li:nth-child(0n+2) ul li:nth-child(0n+6) a {
  
     background: #6dcf6a;
}

#cssmenu ul li:nth-child(0n+2) ul li:nth-child(0n+7) a {
  
     background: #db872a;
}
*/


/*//Onglets réglage individuel*/


#cssmenu > ul >li:nth-child(0n+1):hover> a {
	background-color: transparent; 
}
	
#cssmenu > ul >li:nth-child(0n+1)> a {
	width : 110px; 

}

#cssmenu > ul >li:nth-child(0n+2)> a {
	width : 140px;

}


#cssmenu > ul >li:nth-child(0n+3)> a {
	width : 160px;

}


#cssmenu > ul >li:nth-child(0n+4)> a {
	width : 110px;

}

#cssmenu > ul >li:nth-child(0n+5)> a {
    width : 180px;

}

#cssmenu > ul >li:nth-child(0n+6)> a {
width : 100px;

}

#cssmenu > ul >li:nth-child(0n+7)> a {
	width : 90px;

}

#cssmenu  ul   :nth-child(0n+2)> ul a {
	left: -23px;
}

#cssmenu  ul   :nth-child(0n+3)> ul a {
	left: -23px;
}

#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 30px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;

}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 30px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}

#cssmenu  ul > li > ul :nth-child(0n+5)> a {
	font-family: 'Arista Pro Alternate', sans-serif;

	font-size: 20px;
	padding: 13px 15px 11px 15px;
}

#cssmenu > ul >li:nth-child(0n+3)> ul :nth-child(0n+5)> a {
	font-family: 'stonehen', sans-serif;
	padding: 15px 15px 14px 15px;
	font-size: 15px;
}

body { 
	background: #000}


.barreMenu
{
background: #000; 
}


.center-div
{
  margin: auto;
    right: 500px;
  width: 980px;
  height: auto;
  background-color: #163150;
     border-radius: 10px;
}



.header {
  text-align: center;
	 padding: 5px;
}


.sticky {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
}






.adresse {font-size: 12px; font-weight: normal;font-family: 'PT Sans', sans-serif;;color: #652d0b; }
.adresseBleu {font-size: 14px; font-weight: normal;font-family: 'Open Sans', sans-serif;color: #2a4992; }
.adresseAccueil {font-size: 12px; font-weight: normal;font-family: 'Open Sans', sans-serif;color: #7bcb69; }
.adresseAccueil2 {font-size: 12px; font-weight: normal;font-family: 'Open Sans', sans-serif;color: #223a5c; }
.adresseBleu24 {font-size: 24px; font-weight: normal;font-family: 'Open Sans', sans-serif;color: #2a4992; }
.adressebleuelight {font-size: 14px; font-family: 'Oswald-Light', sans-serif;font-weight: normal;color: #026b9c;}
.adressebleuebold {font-size: 14px; font-family: 'Oswald', sans-serif;font-weight: normal; color: #026b9c;}
.grdtitresliens {font-size: 16px; font-weight: bold;font-family: 'PT Sans', sans-serif;;color: #652d0b; }

.grdtitresbleus {font-size: 18px; font-weight: bold;font-family: 'PT Sans', sans-serif;;color: #2a4992; }
.grdtitresrouges {font-size: 18px; font-weight: bold;font-family: 'PT Sans', sans-serif;;color: #9d1f30; }

.grdtitresciel {font-size: 24px; font-weight: lighter;font-family: 'Source Sans Pro', sans-serif;;color: #2a4992; }
.bleutexte36 {font-size: 36px; font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;color: #2a4992; }
.bleutexte24 {font-size: 24px; font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;color: #2a4992; }

.noirtexte36 {font-size: 36px; font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;color: #000; }

.parents1 {font-size: 48px; font-weight:100;font-family: 'Chewy Pro', sans-serif;color: #5198D5; text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5); }

.parents2 {font-size: 48px; font-weight:100;font-family: 'Chewy Pro', sans-serif;color: #6AA446; text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5); }

.parents2_36 {font-size: 36px; font-weight:100;font-family: 'Chewy Pro', sans-serif;color: #6AA446; text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5); }

.parents3 {font-size: 48px; font-weight:100;font-family: 'Chewy Pro', sans-serif;color: #ED7A71; text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5); }

.parents4 {font-size: 48px; font-weight:100;font-family: 'Chewy Pro', sans-serif;color: #2a4992; text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5); }


.annees {font-size: 14px; font-weight: normal;font-family: 'Open sans', cursive;color: #1A2A5F; }


.TITRE {font-size: 48px; font-weight: normal;font-family: 'Oswald-light', cursive;color: #1A2A5F; }

.TITRE2 {font-size: 48px; font-weight: normal;font-family: 'Oswald-light', cursive;color: #A62942; }

.TEXTE {font-size: 16px; font-weight: normal;font-family: 'Oswald-light', sans-serif;color: #000; }

.noirtexte16thinJ {font-size: 16px; font-weight:100;text-align: justify;font-family: 'Open sans', sans-serif;color: #1A2A5F; }


@font-face {
    font-family: 'Oswald-Light';
    src:url('Oswald-Light.ttf.woff') format('woff'),
        url('Oswald-Light.ttf.svg#Oswald-Light') format('svg'),
        url('Oswald-Light.ttf.eot'),
        url('Oswald-Light.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'stonehen';
    src: url(../appie/stonehen.eot);
    src: url('../appie/stonehen.eot?#iefix') format('embedded-opentype'),
url(../appie/stonehen.woff2) format('woff2'),
url(../appie/stonehen.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Arista Pro Alternate';
    src: url('../appie/AristaProAlternate-Bold.woff2') format('woff2'),
url('../appie/AristaProAlternate-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chewy Pro';
    src: url('../fonts/ChewyPro.woff2') format('woff2'),
        url('../fonts/ChewyPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.espacedebut {
	margin-left: 10px;
	vertical-align:super;
        }

.aligned {
            display: flex;
            align-items: center;
        }
	
/*//Dates dans les archives*/

.etiquette {
	font-size: 24px; font-weight:600;  text-align: center; font-family: 'Chewy Pro', sans-serif; color: #4278c6 ;
}


.stonehen {font-size: 50px; font-weight:100;font-family: 'stonehen', sans-serif;color: #24535B ;}
.stonehen2 {font-size: 36px; font-weight:100;font-family: 'stonehen', sans-serif;color: #1A456C ;}
.stonehen3 {font-size: 18px; font-weight:100;  text-align: justify; font-family: 'stonehen', sans-serif;color: #0D2F6E ;}
.stonehen3c {font-size: 18px; font-weight:600;  text-align: center; font-family: 'stonehen', sans-serif;color: #0D2F6E ;}

.arista {font-size: 70px; font-weight:100;font-family: 'Arista Pro Alternate', sans-serif;color: #24535B ;}
.arista50 {font-size:50px; font-weight:100;font-family: 'Arista Pro Alternate', sans-serif;color: #24535B ;}

.ombre {
    -webkit-box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.5);
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.5);
}

.ombrepage {
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.anchor {
  scroll-margin-top: 150px;
}