@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: 200;
  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:#fff;
  -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: #f3d664;
	}

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





#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;
    background: url("../images_site/rayures2025bis.svg");
    background-repeat: no-repeat;
  text-decoration: none;
	text-align:center;
  color: #fff;
    border: .5px solid #163150;
    background-color: #1A3A5F; 
}



#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #f3d664;
		background-color: #295890; 
}


/* 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-image: linear-gradient(59deg, rgba(26, 26, 26, 0.01) 0%, rgba(26, 26, 26, 0.01) 20%,rgba(131, 131, 131, 0.01) 20%, rgba(131, 131, 131, 0.01) 40%,rgba(218, 218, 218, 0.01) 40%, rgba(218, 218, 218, 0.01) 60%,rgba(82, 82, 82, 0.01) 60%, rgba(82, 82, 82, 0.01) 80%,rgba(228, 228, 228, 0.01) 80%, rgba(228, 228, 228, 0.01) 100%),linear-gradient(59deg, rgba(224, 224, 224, 0.03) 0%, rgba(224, 224, 224, 0.03) 12.5%,rgba(5, 5, 5, 0.03) 12.5%, rgba(5, 5, 5, 0.03) 25%,rgba(163, 163, 163, 0.03) 25%, rgba(163, 163, 163, 0.03) 37.5%,rgba(85, 85, 85, 0.03) 37.5%, rgba(85, 85, 85, 0.03) 50%,rgba(37, 37, 37, 0.03) 50%, rgba(37, 37, 37, 0.03) 62.5%,rgba(123, 123, 123, 0.03) 62.5%, rgba(123, 123, 123, 0.03) 75%,rgba(142, 142, 142, 0.03) 75%, rgba(142, 142, 142, 0.03) 87.5%,rgba(137, 137, 137, 0.03) 87.5%, rgba(137, 137, 137, 0.03) 100%),linear-gradient(14deg, rgba(100, 100, 100, 0.1) 0%, rgba(100, 100, 100, 0.1) 20%,rgba(70, 70, 70, 0.1) 20%, rgba(70, 70, 70, 0.1) 40%,rgba(171, 171, 171, 0.1) 40%, rgba(171, 171, 171, 0.1) 60%,rgba(71, 71, 71, 0.1) 60%, rgba(71, 71, 71, 0.1) 80%,rgba(87, 87, 87, 0.1) 80%, rgba(87, 87, 87, 0.1) 100%),linear-gradient(104deg, rgba(37, 37, 37, 0.01) 0%, rgba(37, 37, 37, 0.01) 12.5%,rgba(56, 56, 56, 0.01) 12.5%, rgba(56, 56, 56, 0.01) 25%,rgba(55, 55, 55, 0.01) 25%, rgba(55, 55, 55, 0.01) 37.5%,rgba(38, 38, 38, 0.01) 37.5%, rgba(38, 38, 38, 0.01) 50%,rgba(38, 38, 38, 0.01) 50%, rgba(38, 38, 38, 0.01) 62.5%,rgba(251, 251, 251, 0.01) 62.5%, rgba(251, 251, 251, 0.01) 75%,rgba(190, 190, 190, 0.01) 75%, rgba(190, 190, 190, 0.01) 87.5%,rgba(253, 253, 253, 0.01) 87.5%, rgba(253, 253, 253, 0.01) 100%),linear-gradient(59deg, rgba(162, 162, 162, 0.1) 0%, rgba(162, 162, 162, 0.1) 12.5%,rgba(109, 109, 109, 0.1) 12.5%, rgba(109, 109, 109, 0.1) 25%,rgba(152, 152, 152, 0.1) 25%, rgba(152, 152, 152, 0.1) 37.5%,rgba(119,124,243, 0.1) 37.5%, rgba(119,124,243, 0.1) 50%,rgba(239, 239, 239, 0.1) 50%, rgba(239, 239, 239, 0.1) 62.5%,rgba(252, 252, 252, 0.1) 62.5%, rgba(252, 252, 252, 0.1) 75%,rgba(246, 246, 246, 0.1) 75%, rgba(246, 246, 246, 0.1) 87.5%,rgba(16, 16, 16, 0.1) 87.5%, rgba(16, 16, 16, 0.1) 100%),linear-gradient(104deg, rgb(25, 93, 249),rgb(40,188,239));}


.barreMenu
{
background: #1A3A5F;
        background-image: url("../images_site/rayures2025.svg");
    background-repeat: repeat-y;
}


.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: #163150; }
.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;
}