@charset "utf-8";
/*


    font-family: 'Lato', sans-serif;

    font-family: 'Anton', sans-serif;
Bleu #015bb0
vert #519e20
orange #ff5910
gris/noir #232320
grisclair #707070
blanc #f3f3f0

*/
/* CSS Document */
body{
	font-family: 'Lato', sans-serif;
	background-image: url(seamless_paper_texture.png);
	color: rgba(35,35,32,1);
	font-size:  16px;
}
.fondblanc{background-color: #fff;}

#en-tete-de-page {
width:100%;
height:auto;
    
}


.texte-noir{
    color:#232320;
}
.menufixed{
    position: fixed;
    background-color: #015bb0;
    z-index: 10000;
    top: 0;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(43,43,43,1);
-moz-box-shadow: 0px 5px 5px 0px rgba(43,43,43,1);
box-shadow: 0px 5px 5px 0px rgba(43,43,43,1);
    background-image: url(seamless_paper_texture.png);
}
.menufixed .logotop img {
	display: block;
	height: auto;
	width: 75%;
}
.menufixed .logotop#zonemenu {
	
	margin-top: 15px;
        
}
.logotop {
	padding-top: 15px;
}

.logotop img {
	display: block;
	height: auto;
	width: 100%;
}


#zonemenu {
	background-color: rgba(1,91,176,1);
	clear: both;
	margin-top: 30px;
	margin-bottom: 20px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
        
}

.titres_page_accueil{
    font-family:Anton;
	text-align: left;
	font-size: 24px;
    background-color:rgba(1,91,179,1);
    letter-spacing: 2px;
	color: #f3f3f0;
	text-transform: uppercase;
	font-weight: normal;
	padding:3px;
    clear: both;
    margin-left: 0px;
	margin-right: auto;
    width: 50%;
    margin-top: 20px;
	margin-bottom: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    
}
@media (max-width: 767px) {
   .titres_page_accueil{
    font-family:Anton;
	text-align: left;
	font-size: 22;
    background-color:rgba(1,91,179,1);
    letter-spacing: 2px;
	color: #f3f3f0;
	text-transform: uppercase;
	font-weight: normal;
	padding:3px;
    clear: both;
    margin-left: 0px;
	margin-right: auto;
    width: 100%;
    margin-top: 20px;
	margin-bottom: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
}

.container-diaporama
{
   display: block;
    width: 100%;
    height: auto;
    position: relative;
}
#no-template-pager
{
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: calc(60% - 40px);
    height: auto;
    text-align: left;
    padding: 5px;
    /*background-color: aquamarine;*/
    z-index: 1500;
}
#no-template-pager img
{
   display: inline-block;
    width: 20%;
    height:auto;
    margin-right: 10px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-style: solid;
    border-color: white;
    border-width: 3px;
}
#no-template-pager img:hover
{
   
    border-style: solid;
    border-color: rgba(1,91,176,1);
    border-width: 3px;
}
.slide-accueil {
	background-color: rgba(1,91,176,1);
	padding: 5px;
	border-radius: 5px 0px 5px 0px;
	position: relative;
	color: rgba(255,255,255,1);
}
.slide-accueil-image {
	display: block;
	height: auto;
	width: 100%;
}
.slide-accueil-texte {
	background-color: rgba(1,91,176,0.5);
	position: absolute;
	width: 40%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	text-align: left;
}
.slide-accueil-titre {
	font-family: Anton;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	font-size: 200%;
	line-height: 1.2;
	font-weight: normal;
}
@media (max-width: 767px) {
    .slide-accueil-titre {
	font-family: Anton;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 20px;
	font-size: 100%;
	line-height: 1.1;
	font-weight: normal;
}
}

.slide-accueil-resume {
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	font-size: 120%;
}

.slide-accueil-lien{
    margin-right: 10px;
	margin-left: auto;
    width: 60%;
}


.slide-accueil-lien a, .zone_cta  a{
	display: inline-block;
	padding: 10px;
	width: calc(100% - 20px);
    text-align: center;
	border-radius: 10px 0px 10px 0px;
	color: rgba(255,255,255,1);
	text-decoration: none;
	background-color: rgba(255,89,16,1);
	font-size: 120%;
	text-transform: uppercase;
	font-weight: bold;
    position: relative;
}
.slide-accueil-lien a::after  {content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 20px solid transparent; border-top-color: rgba(255,89,16,1); border-bottom: 0; border-left: 0; margin-left: -10px; margin-bottom: -20px; }
.slide-accueil-lien a:hover::after  {
     border-top-color: #519e20; }

.slide-accueil-lien a:hover, .zone_cta  a:hover{
	background-color: #519e20;
	
}
.zone_cta  a::after  {content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 20px solid transparent; border-top-color: rgba(255,89,16,1); border-bottom: 0; border-left: 0; margin-left: -10px; margin-bottom: -20px; }
.zone_cta a:hover::after  {
     border-top-color: #519e20; }
	

.zone_cta{
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 0;
	margin-left: auto;
    width: 60%;
    clear:both;
}
.navigateur_date
{
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom-color: #015bb0;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}
#agenda .grid-container
{
    border-top-color:rgba(1,91,176,1);
    border-top-style: dotted;
    border-top-width: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.entre_agenda_lien {
    display: block;
    padding: 5px;
    background-color: rgba(243,243,244,0.6);
    border-bottom-right-radius: 10px;
     border-top-left-radius: 10px;
    clear: both;
    margin-bottom:20px;
    text-decoration: none;
    text-align: center;
    border-style: solid;
    border-width: 5px;
    border-color: #015bb0;
    
    
}
.entre_agenda_lien:hover{
    border-style: solid;
    border-width: 5px;
    border-color:#ff5910;
    background-color: rgba(243,243,244,1);
    
    
    
}

.entree_agenda_date {
    font-size: 120%;
    text-transform: uppercase;
    padding-bottom: 10px;
    color: #ff5910;
        
    
}
.entree_agenda_titre {
    font-size: 120%;
    text-transform: uppercase;
    padding-bottom: 10px;
    color: #015bb0;
    
        
    
}
/*player video*/






.entree_agenda_image {
    display: block;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 0px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    height: auto;
    clear: both;
    margin-bottom: 10px;
}
.entree_agenda_image img {
   display: block;
    /*width: 100%;
    height: auto;
    */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
}

#pied-de-page {
    background-color: #232320;
    color: #f3f3f0;
    padding-top: 20px;
    padding-bottom: 20px;
}

#pied-de-page h3 {
    font-family: 'Anton', sans-serif;
    font-weight: normal;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #f3f3f0;
    letter-spacing:1px;

    
    
}
#pied-de-page p,#pied-de-page ul {
    
    padding-bottom: 10px;
    

    
    
}
#pied-de-page p,#pied-de-page li {
    
   line-height: 1.5;
    

    
    
}
#pied-de-page a{
    
    color: #f3f3f0;
    text-decoration: none
     
}
#pied-de-page a:hover{
    
    color: #519e20;
  
     
}

#pied-de-page img {
    
   display: block;
    width: 100%;
    height: auto;
    

    
    
}
#quickmenu .grid-container
{ border-top-color:rgba(1,91,176,1);
    border-top-style: dotted;
    border-top-width: 3px;
    margin-top: 20px;
    margin-bottom: 40px;}

.menurapide_home_container
{
    position: relative;
	padding-bottom: 100%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0;
     border-style: solid;
    border-width: 5px;
    border-color: #015bb0;
    margin-top: 20px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.menurapide_home {
    background-color: #f3f3f0;
    color: #707070;
    display: block;
    
    /*padding: 10px;*/
    text-decoration: none;
    text-align: center;
    font-size: 120%;
    
   /* position: relative;*/
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    
}
/*.menurapide_home:hover{
    border-color: #ff5910;
    color:#ff5910;
}*/
.menurapide_home_container:hover{
    border-color: #ff5910;
    color:#ff5910;
}

/*.menurapide_home:hover::after  {content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 20px solid transparent; border-top-color: rgba(255,89,16,1); border-bottom: 0; border-left: 0; margin-left: -10px; margin-bottom: -20px; }*/
.menurapide_home_container:hover::after{content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 20px solid transparent; border-top-color: rgba(255,89,16,1); border-bottom: 0; border-left: 0; margin-left: -10px; margin-bottom: -20px; }

.menurapide_home_icone {
    background-color: #707070;
    width: 60px;
    height: 60px;
    margin: auto;
    margin-bottom: 10px;
     margin-top: 10px;
    border-radius: 50%;
    color:#f3f3f0;
    font-size: 40px;
    line-height: 60px
        
    
}
.menurapide_home_icone .home_meteo {
    background-color: #fff;
   
        
    
}
.menurapide_home_icone .home_meteo img {
    width: 40px;
    height: 40px;
   
        
    
}
.menurapide_home:hover .menurapide_home_icone{
    background-color: #ff5910;
    
}

.cachetoi
{
    display: none;
}
#returnOnTop {
	display: block;
	height: 50px;
	width: 50px;
	background-color: #519e20;
	border: thin solid #fff;
	position: fixed;
	z-index: 3000;
	bottom: 10px;
	border-radius: 50%;
	right: 10px;
	font-size:20px;
	color:#fff;
	text-align:center;
	line-height:40px;
    text-decoration: none
	
}
#returnOnTop:hover {
	
	background-color: #ff5910;
	
	
}
li {
    
}

.chemin-de-fer {
    background-color: #fff;
    color:#707070;
    padding: 5px;
    margin-bottom: 20px;
     margin-top: 20px;
    clear: both;
    }

.chemin-de-fer ul{
    display: block;
    text-align: left;
}
.chemin-de-fer li{
    display: inline-block;
}
.chemin-de-fer li a{
    display: inline-block;
    color:#707070;
    text-decoration: none
}
.chemin-de-fer li a:hover{
    color:#ff5910;
    text-decoration: underline

}

.texte-de-page {
    padding: 10px;
    background-color: #fff;
    color: #232320;
    
}
.texte-de-page a {
    color: #232320;
    
}
.texte-de-page a:hover {
    color: #ff5910;
    
}
.texte-de-page img {
    max-width: 100%;
    display:block;
    width: auto;
    height: auto;
    
}
.texte-de-page p, .texte-de-page ul, .texte-de-page ol  {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 150%;
}
.texte-de-page ul li{
    list-style-position: inside;
    list-style-type: square;
}
.texte-de-page h1{
    font-family:Anton;
	text-align: left;
	font-size: 24px;
    background-color:rgba(1,91,179,1);
    letter-spacing: 2px;
	color: #f3f3f0;
	text-transform: uppercase;
	font-weight: normal;
	padding:3px;
    clear: both;
    margin-left: 0px;
	margin-right: auto;
    width: 60%;
    margin-top: 0px;
	margin-bottom: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;}

.texte-de-page h2{
    font-family:Anton;
	text-align: left;
	font-size: 24px;
    color:#015bb0;
    letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal;
    clear: both;
    margin:10px;
    margin-left: 0;
	margin-right: 0;
}
.texte-de-page h3{
    font-family: 'Lato', sans-serif;
    font-weight: bold;
	text-align: justify;
	font-size: 20px;
    line-height: 150%;
    color:#707070;
    clear: both;
    margin:10px;
    margin-left: 0;
	margin-right: 0;
}
.texte-de-page h4{
    font-family: 'Lato', sans-serif;
    font-weight: bold;
	text-align: justify;
	font-size: 20px;
    line-height: 150%;
    color:#015bb0;
    clear: both;
    margin:10px;
    margin-left: 0;
	margin-right: 0;
}
.texte-de-page h5{
    font-family: 'Lato', sans-serif;
    font-weight: bold;
	text-align: justify;
	font-size: 20px;
    line-height: 150%;
    color:#519e20;
    clear: both;
    margin:10px;
    margin-left: 0;
	margin-right: 0;
}
.texte-de-page h6{
    font-family: 'Lato', sans-serif;
    font-weight: bold;
	text-align: justify;
    text-transform: uppercase;
	font-size: 16px;
    line-height: 150%;
    color:#707070;
    clear: both;
    margin:10px;
    margin-left: 0;
	margin-right: 0;
}
.texte-de-page .image-50-droite{
       width: calc(50% - 10px);
    height: auto;
       margin-left: 10px;
    display: block;
    float: right;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;}

    

.texte-de-page .image-50-gauche{
       width: calc(50% - 10px);
    height: auto;
       margin-right: 10px;
    display: block;
    float: left;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;}

    


.texte-de-page .image-50-centre{
       width: calc(50% - 10px);
    height: auto;
       margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;}

    

.texte-de-page .image-100-centre{
       width: 100%;
    height: auto;
       margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;}

    .texte-de-page .cta_bouton, .plusactu a.cta_bouton{
    display: inline-block;
	padding: 10px;
	padding: 10px;
    text-align: center;
	border-radius: 10px 0px 10px 0px;
	color: rgba(255,255,255,1);
	text-decoration: none;
	background-color: rgba(255,89,16,1);
	font-size: 120%;
	text-transform: uppercase;
	font-weight: bold;
    position: relative;
}
.texte-de-page .cta_bouton:hover , .plusactu a.cta_bouton:hover{
    
	background-color: #519e20;
    color: #f3f3f0;
	
}
.texte-de-page .cta_bouton::after,  .plusactu a.cta_bouton::after {content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 20px solid transparent; border-top-color: rgba(255,89,16,1); border-bottom: 0; border-left: 0; margin-left: -10px; margin-bottom: -20px; }
.texte-de-page .cta_bouton:hover::after,  .plusactu a.cta_bouton:hover::after   {
     border-top-color: #519e20; }


.pdf_link:before {
      /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'izi-font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
    content: "\f10c";
    color: red;
    text-decoration: none;
        margin-right: 5px;
  
}

.texte-bleu{
    color:#015bb0;
}
.texte-vert{
    color:#519e20;
}
.texte-orange{
    color:#ff5910;
}
.texte-gris{
    color:#707070;
}
.gauche{text-align: left;}
.droite{text-align: right;}
.centre{text-align: center;}
   /*font-family: 'Lato', sans-serif;

    font-family: 'Anton', sans-serif;
Bleu #015bb0
vert #519e20
orange #ff5910
gris/noir #232320
grisclair #707070
blanc #f3f3f0
    */
.sous-page{
    padding: 10px;
}
.sous-page h1{
    font-family:Anton;
	text-align: left;
	font-size: 24px;
    background-color:rgba(1,91,179,1);
    letter-spacing: 2px;
	color: #f3f3f0;
	text-transform: uppercase;
	font-weight: normal;
	padding:3px;
    clear: both;
    margin-left: 0px;
	margin-right: auto;
    width: 60%;
    margin-top: 20px;
	margin-bottom: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;}
.sous-page div{text-align: center;}
.sousmemenupage {
  width: calc(32% - 20px);
    margin: 10px;
    display: inline-block;
   
}
.sousmemenupage a
{
    padding: 10px;
    display: block;
    text-decoration: none;
    font-size: 16px;
    border-top-left-radius: 5px;
        border-bottom-right-radius: 5px;
     background-color:#f3f3f0;
    color:#015bb0;

    
    
}
.sousmemenupage a:hover
{
    
     background-color: #519e20;
    color:#f3f3f0;
    border-top-left-radius: 5px;
        border-bottom-right-radius: 5px;

    
    
}
.sousmemenupage img
{
    
    display: block;
    width : 100%;
    height: auto;
    margin-bottom: 10px;
    
    
}
.sousmemenupage h3
{
    
    text-align: center;
    
    
}

.menucol {
    margin-top: 20px;
    padding: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #f3f3f0;
}
.menucol h3 {
    margin-bottom: 10px;
    background-color: #707070;
    color: #f3f3f0;
    font-family:Anton;
	text-align: left;
	font-size: 15px;
        letter-spacing: 2px;
	color: #f3f3f0;
	text-transform: uppercase;
	font-weight: normal;
	padding:3px;
    clear: both;
     border-top-left-radius: 5px;
        border-bottom-right-radius: 5px;
}

.menurapide_page {
    margin-bottom: 10px;
    display: block;
    text-decoration: none;
    color: #707070;
    line-height: 30px;
    font-size: 20px;
    
}
.menurapide_page:hover {
   
    color: #ff5910;
    
    
}
.menurapide_page:hover i {
   
    background-color:#ff5910;
    
    
}
.menurapide_page i {
    
    background-color: #707070;;
    color:#f3f3f0;
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 25px;
    padding: 3px;
    border-top-left-radius: 3px;
        border-bottom-right-radius: 3px;
    
    
}
/*player video*/
.responsivecontent {
	width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 0px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}




.responsivecontent iframe,
.responsivecontent object,
.responsivecontent embed
 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.afficheur_actualite
{
    clear:both;
    margin-top: 40px;
    margin-bottom: 20px;
}
.afficheur_actualite .date_actualite
{
    clear:both;
    margin-top: 5px;
    padding: 10px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
	text-align: right;
	font-size: 14px;
    line-height: 100%;
    background-color:  #707070;
    color:#f3f3f0;
    
}
.afficheur_actualite h3
{
    font-family:Anton;
	text-align: left;
	font-size: 20px;
    color:#015bb0;
    letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal;
    clear: both;
    margin:10px;
    margin-left: 0;
	margin-right: 0;
    
}
.afficheur_actualite img.listeimage
{
    width: calc(50% - 10px);
    height: auto;
       margin-right: 10px;
    display: block;
    float: left;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    
}
.afficheur_actualite .plusactu
{text-align: left;
margin-bottom: 30px;
margin-top: 30px;}

/*album photo*/
.albumphoto{
    background-image: url(seamless_paper_texture.png);
    padding:10px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.albumphoto{
    background-image: url(seamless_paper_texture.png);
    padding:10px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.albumphoto h3.titrealbumphoto
{font-family:Anton;
	text-align: left;
	font-size: 20px;
    color:#015bb0;
    letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal;
    clear: both;
    margin:0;
   padding-bottom: 10px;
}

.albumphoto p.infoalbumphoto
{
text-align: left;
	font-size: 16px;
    color:#232320;
    font-weight: normal;
    clear: both;
    margin:0;
   padding-bottom: 5px;}

.albumphoto img
{
    display: block;
    width: 100%;
    height:auto;
    border-radius: 5px 0px 5px 0px;
}
.albumphoto .photo_album_1
{
    display: block;
    margin-bottom: 10px;
    clear: both
}
.albumphoto .photo_album_2
{
    display: block;
    float:left;
    width: calc(50% - 5px);
    margin-right: 5px;
}
.albumphoto .photo_album_3
{
    display: block;
    float:left;
    width: calc(50% - 5px);
    margin-left: 5px;
}
.albumphoto .photo_album_cache
{display: none;}
.poi {
	display: block;
	height: 300px;
	width: 100%;
	border-radius: 8px;
	border: 1px solid rgba(119,20,105,1);
	margin-top: 8px;
	margin-bottom: 8px;
}