@font-face {
    font-family: 'josefin_sansregular';
    src: url('../fonts/josefinsans-regular-webfont.eot');
    src: url('../fonts/josefinsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/josefinsans-regular-webfont.woff2') format('woff2'),
         url('../fonts/josefinsans-regular-webfont.woff') format('woff'),
         url('../fonts/josefinsans-regular-webfont.ttf') format('truetype'),
         url('../fonts/josefinsans-regular-webfont.svg#josefin_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'josefin_sanssemibold';
    src: url('../fonts/josefinsans-semibold-webfont.eot');
    src: url('../fonts/josefinsans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/josefinsans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/josefinsans-semibold-webfont.woff') format('woff'),
         url('../fonts/josefinsans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/josefinsans-semibold-webfont.svg#josefin_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
} 


@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* 5 MISES EN PAGES DIFFERENTES POUR 5 TYPES D'ECRANS :

1- MISE EN PAGE POUR PETITS SMARTPHONES : @media screen and (max-width: 240px)
2- MISE EN PAGE POUR SMARTPHONES MOYENS ET GRANDS, MODE PORTRAIT : @media screen and (min-width: 241px) and (max-width: 400px)
3- MISE EN PAGE POUR SMARTPHONES MOYENS MODE PAYSAGE ET TRES PETITES TABLETTES MODE PORTRAIT : @media screen and (min-width: 401px) and (max-width: 540px)
4- MISE EN PAGE POUR SMARTPHONES GRANDS MODE PAYSAGE, ET PETITES TABLETTES : @media screen and (min-width: 541px) and (max-width: 767px)
5- MISE EN PAGE POUR TABLETTES MOYENNES ET GRANDES : @media only screen and (min-width: 768px) and (max-width: 969px) */


/* STYLES S'APPLIQUANT A TOUTES LES RESOLUTIONS */


/* ............................. Automatic Image Montage ................... */

.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}

.am-wrapper img{
	position:absolute;
	outline:none;
}

.am-container {
	display:none;
}


/*#am-container img {
opacity:0.8;
filter:alpha(opacity=80);
-webkit-transition:opacity 2s ease-in-out;
-moz-transition:opacity 2s ease-in-out;

transition:opacity 2s ease-in-out;
}

#am-container img:hover {
opacity:1;
filter:alpha(opacity=100);
}*/

/* ............................. FIN Automatic Image Montage ................... */



/* ................... SLICKNAV ......................... */


/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; 
  font-family: 'josefin_sanssemibold', Arial, Helvetica, sans-serif;
  letter-spacing:1px;
  }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; 
}
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  box-sizing: border-box;
  background-color:#002286; /* background bloc */
  padding: 5px; 
  font-family: 'josefin_sanssemibold', Arial, Helvetica, sans-serif; 
  font-size:17px;
  letter-spacing:1px;
  }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #002286; /* texte MENU */
    font-weight: bold; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #002286; } /* lignes burger */

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color:#ccd3e7; /* background bouton */
  }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  /*font-size: 0.875em;*/
  font-size:17px; /* texte items */
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    /*margin: 2px 5px;*/
	margin: 2px 5px 10px 5px; /* items */
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover { /* liens au survol */
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccd3e7;
      color: #002286; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }
  
/* ................ FIN SLICKNAV ............................... */


body {
margin:0;
background-color:#FFFFFF;
font-size:100%;
overflow:auto;
}

a {
  text-decoration: none;
  color: #334e9e;
}


a:hover, a:focus {
  text-decoration: none;
  color: #002286;
}


a img {
border:none;
}


img {
max-width:100%;
height:auto;
width:auto;
box-sizing:border-box;
}





#header {
display:inline-block;
width:100%;
color:#002286;
background-color:#ccd3e7;
float:left;
font-family: 'josefin_sanssemibold', Arial, Helvetica, sans-serif;
/*font-size: 13px;*/
font-size:100%;
letter-spacing:1px;
}

#header a {
color:#002286;
text-decoration:none;
-webkit-transition-property: color;
-webkit-transition-duration: 2s;
-moz-transition-property: color;
-moz-transition-duration: 2s;
/* … et lorsque ce sera standardisé */
transition-property: color;
transition-duration: 2s;
}
				
#header a:hover, #header a:focus {
color:#002286;
text-decoration:none;
}




#navigation {
display:none;}


.symboleWeb, .symboleWebSmall, .symboleWebMedium, .symboleWebBig {
font-family: 'WebSymbolsRegular', Arial, Helvetica, sans-serif;
}

.symboleWebSmall, .symboleWebMedium, .symboleWebBig {
color:#008A2E;
}

#texte {
overflow: auto; 
-webkit-overflow-scrolling: touch;
}


#titre 
{
	font-family: 'josefin_sansregular', Arial, Helvetica, sans-serif; 
	font-size:27px;
	color:#002286;
}


/*1- MISE EN PAGE POUR PETITS SMARTPHONES*/

@media screen and (max-width: 240px) {



/* ......................................... EN-TETE ET MENU .................................................. */




#contenuHeader {
width:90%;
margin-left:auto;
margin-right:auto;
background-color:#00539E;
}






#conteneurMenu{
width:100%;
/*width:74%; /* 950/1280=0.74*/
float:left;
height:auto; /* 148/3 = 1/3 hauteur header */
background-color:#336b9e; /* Bleu L+75 */
margin-bottom:10px;
/*border-top:1px solid #008A2E;
border-bottom:0.385em solid #008A2E;*/
}


#menu {
/*width:960px;*/
width:90%; /* 960/1920=0,5 */
/*height:49px;*/ /* 148/3 = 1/3 hauteur header */
margin-left:auto;
margin-right:auto;
background-color:#336b9e; /* Bleu L+75 */
color:#FFFFFF;
font-family: 'josefin_sanssemibold', Arial, Helvetica, sans-serif;
/*font-size:16px;*/
/*font-size:115.4%;/* 15px */
/*font-size:107.7%; /* 14px*/
font-size:84.6%; /* 11px au lieu de 13px*/
letter-spacing:1px;
}




	


/*................................................................ MILIEU ................................................................................. */


#content { 
width:90%; 
margin-left:auto;
margin-right:auto;
/*max-width:1280px;*/
}


ul, li {
margin:0; 
padding:0; 
list-style:none;
}



#texte-paragraphe {
float:right;
padding:10px 0px 10px 0px;
width:100%; 
margin:0px 0px 10px 0px;
text-align:justify;
font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height:1.4;
color:#434343; /* gris 85% */
letter-spacing:1px;
}



/* ............................. PIED ........................................... */


#footer {
  margin-top:20px;
  display:inline-block;
  width:96%;
  padding:2%;
  font-family: 'josefin_sansregular', Arial, Helvetica, sans-serif;
  font-size: 17px;
  letter-spacing:1px;
  color:#002286;
background-color:#ccd3e7;
}



#footer a {
color:#002286;
text-decoration:none;
-webkit-transition-property: color;
-webkit-transition-duration: 2s;
-moz-transition-property: color;
-moz-transition-duration: 2s;
/* … et lorsque ce sera standardisé */
transition-property: color;
transition-duration: 2s;
}
				
#footer a:hover, #footer a:focus {
color:#334e9e;; 
text-decoration:none;
}





/* TEXTE FENETRE */

#texte {
position:relative;
margin-left:auto;
margin-right:auto;
width:90%;
/*padding: 20px;*/
/*padding:1.53em;*/
padding:0.5em;
background-color:#00539E;
/*font-size: 17px;*/
font-size:84.6%; /*11px*/
text-align:center;
color:#FFFFFF;
font-family: 'TexGyreAdventorRegular', Arial, Helvetica, sans-serif;
line-height:1.7;
letter-spacing:1px;
}

#texte2 {
position:relative;
margin-left:auto;
margin-right:auto;
width:90%;
/*padding: 20px;*/
/*padding:1.53em;*/
padding:0.5em;
background-color:#FFFFFF;
/*font-size: 17px;*/
font-size:84.6%; /*11px*/
text-align:left;
color:#00539E;
font-family: 'TexGyreAdventorRegular', Arial, Helvetica, sans-serif;
line-height:1.7;
letter-spacing:1px;
}

.symboleArriere {
font-family: 'WebSymbolsRegular', Arial, Helvetica, sans-serif;
font-size:110%;
color:#008A2E;
}

#contenuFenetre {
background-color:#00539E;
color:#FFFFFF;
padding-left:3px;
}

.lienFenetre {
font-family: 'TexGyreAdventorBold', Arial, Helvetica, sans-serif;
font-size:100%;
}

.lienFenetre a {
color:#00539E;
text-decoration:none;
-webkit-transition-property: color;
-webkit-transition-duration: 2s;
-moz-transition-property: color;
-moz-transition-duration: 2s;
/* … et lorsque ce sera standardisé */
transition-property: color;
transition-duration: 2s;
}


.lienFenetre a:hover, .lienFenetre a:focus {
color:#008A2E; 
text-decoration:none;
}

}


/* 2- MISE EN PAGE POUR SMARTPHONES MOYENS ET GRANDS, MODE PORTRAIT */

@media screen and (min-width: 241px) and (max-width: 400px) {



/* ......................................... EN-TETE ET MENU .................................................. */




#contenuHeader {
width:90%;
margin-left:auto;
margin-right:auto;
background-color:#00539E;
}



#conteneurMenu{
width:100%;
/*width:74%; /* 950/1280=0.74*/
float:left;
height:auto; /* 148/3 = 1/3 hauteur header */
background-color:#336b9e; /* Bleu L+75 */
margin-bottom:10px;
/*border-top:1px solid #008A2E;
border-bottom:0.385em solid #008A2E;*/
}


#menu {
/*width:960px;*/
width:90%; /* 960/1920=0,5 */
/*height:49px;*/ /* 148/3 = 1/3 hauteur header */
margin-left:auto;
margin-right:auto;
background-color:#336b9e; /* Bleu L+75 */
color:#FFFFFF;
font-family: 'josefin_sanssemibold', Arial, Helvetica, sans-serif; 
/*font-size:16px;*/
/*font-size:115.4%;/* 15px */
/*font-size:107.7%; /* 14px*/
font-size:100%; /* 13px*/
letter-spacing:1px;
}





/*................................................................ MILIEU ................................................................................. */


#content { 
width:90%; 
margin-left:auto;
margin-right:auto;
/*max-width:1280px;*/
}



ul, li {
margin:0; 
padding:0; 
list-style:none;
}


#texte-paragraphe {
float:right;
padding:10px 0px 10px 0px;
width:100%;
margin:0px 0px 10px 0px;
text-align:justify;
font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height:1.4;
color:#434343; /* gris 85% */
letter-spacing:1px;
}





/* ............................. PIED ........................................... */


#footer {
  margin-top:20px;
  display:inline-block;
  width:100%;
  width:96%;
  padding:2%;
  font-family: 'josefin_sansregular', Arial, Helvetica, sans-serif;
  font-size: 17px;
  letter-spacing:1px;
  color:#002286;
background-color:#ccd3e7;
}



#footer a {
color:#002286;
text-decoration:none;
-webkit-transition-property: color;
-webkit-transition-duration: 2s;
-moz-transition-property: color;
-moz-transition-duration: 2s;
/* … et lorsque ce sera standardisé */
transition-property: color;
transition-duration: 2s;
}
				
#footer a:hover, #footer a:focus {
color:#334e9e;
text-decoration:none;
}





/* TEXTE FENETRE */

#texte {
position:relative;
margin-left:auto;
margin-right:auto;
width:90%;
/*padding: 20px;*/
/*padding:1.53em;*/
padding:0.5em;
background-color:#00539E;
/*font-size: 17px;*/
font-size:84.6%; /*11px*/
text-align:center;
color:#FFFFFF;
font-family: 'TexGyreAdventorRegular', Arial, Helvetica, sans-serif;
line-height:1.7;
letter-spacing:1px;
}


}




/*3- MISE EN PAGE POUR SMARTPHONES MOYENS MODE PAYSAGE ET TRES PETITES TABLETTES MODE PORTRAIT*/

@media screen and (min-width: 401px) and (max-width: 540px) {




/* ......................................... EN-TETE ET MENU .................................................. */




#contenuHeader {
width:80%;
margin-left:auto;
margin-right:auto;
background-color:#00539E;
}



#conteneurMenu{
width:100%;
/*width:74%; /* 950/1280=0.74*/
float:left;
height:auto; /* 148/3 = 1/3 hauteur header */
background-color:#336b9e; /* Bleu L+75 */
margin-bottom:10px;
/*border-top:1px solid #008A2E;
border-bottom:0.385em solid #008A2E;*/
}


#menu {
/*width:960px;*/
width:90%; /* 960/1920=0,5 */
/*height:49px;*/ /* 148/3 = 1/3 hauteur header */
margin-left:auto;
margin-right:auto;
background-color:#336b9e; /* Bleu L+75 */
color:#FFFFFF;
font-family: 'josefin_sanssemibold', Arial, Helvetica, sans-serif;
/*font-size:16px;*/
/*font-size:115.4%;/* 15px */
/*font-size:107.7%; /* 14px*/
font-size:100%; /* 13px*/
letter-spacing:1px;
}




/*................................................................ MILIEU ................................................................................. */


#content { 
width:90%; 
margin-left:auto;
margin-right:auto;
/*max-width:1280px;*/
}



ul, li {
margin:0; 
padding:0; 
list-style:none;
}



#texte-paragraphe {
float:right;
padding:10px 0px 10px 0px;
width:100%; 
margin:0px 0px 10px 0px;
text-align:justify;
font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height:1.4;
color:#434343; /* gris 85% */
letter-spacing:1px;
}




/* ............................. PIED ........................................... */


#footer {
  margin-top:20px;
  display:inline-block;
  width:100%;
  width:96%;
  padding:2%;
  font-family: 'josefin_sansregular', Arial, Helvetica, sans-serif;
  font-size: 17px;
  letter-spacing:1px;
  color:#002286;
background-color:#ccd3e7;
}



#footer a {
color:#002286;
text-decoration:none;
-webkit-transition-property: color;
-webkit-transition-duration: 2s;
-moz-transition-property: color;
-moz-transition-duration: 2s;
/* … et lorsque ce sera standardisé */
transition-property: color;
transition-duration: 2s;
}
				
#footer a:hover, #footer a:focus {
color:#334e9e;
text-decoration:none;
}





/* TEXTE FENETRE */

#texte {
position:relative;
margin-left:auto;
margin-right:auto;
width:90%;
/*padding: 20px;*/
/*padding:1.53em;*/
padding:0.5em;
background-color:#00539E;
/*font-size: 17px;*/
font-size:84.6%; /*11px*/
text-align:center;
color:#FFFFFF;
font-family: 'TexGyreAdventorRegular', Arial, Helvetica, sans-serif;
line-height:1.7;
letter-spacing:1px;
}

}




/*4- MISE EN PAGE POUR SMARTPHONES GRANDS MODE PAYSAGE, ET PETITES TABLETTES*/

@media screen and (min-width: 541px) and (max-width: 767px) {



/* ......................................... EN-TETE ET MENU .................................................. */


#contenuHeader {
width:80%;
margin-left:auto;
margin-right:auto;
background-color:#00539E;
}



#conteneurMenu{
width:100%;
/*width:74%; /* 950/1280=0.74*/
float:left;
height:auto; /* 148/3 = 1/3 hauteur header */
background-color:#336b9e; /* Bleu L+75 */
margin-bottom:10px;
/*border-top:1px solid #008A2E;
border-bottom:0.385em solid #008A2E;*/
}


#menu {
/*width:960px;*/
width:90%; /* 960/1920=0,5 */
/*height:49px;*/ /* 148/3 = 1/3 hauteur header */
margin-left:auto;
margin-right:auto;
background-color:#336b9e; /* Bleu L+75 */
color:#FFFFFF;
font-family: 'josefin_sanssemibold', Arial, Helvetica, sans-serif;
/*font-size:16px;*/
/*font-size:115.4%;/* 15px */
/*font-size:107.7%; /* 14px*/
font-size:100%; /* 13px*/
letter-spacing:1px;
}




/*................................................................ MILIEU ................................................................................. */


#content { 
width:90%; 
margin-left:auto;
margin-right:auto;
/*max-width:1280px;*/
}


ul, li {
margin:0; 
padding:0; 
list-style:none;
}



#texte-paragraphe {
float:right;
padding:10px 0px 10px 0px;
width:100%; 
margin:0px 0px 10px 0px;
text-align:justify;
font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height:1.4;
color:#434343; /* gris 85% */
letter-spacing:1px;
}




/* ............................. PIED ........................................... */


#footer {
  margin-top:20px;
  display:inline-block;
  width:100%;
  width:96%;
  padding:2%;
  font-family: 'josefin_sansregular', Arial, Helvetica, sans-serif;
  font-size: 17px;
  letter-spacing:1px;
  color:#002286;
background-color:#ccd3e7;
}



#footer a {
color:#002286;
text-decoration:none;
-webkit-transition-property: color;
-webkit-transition-duration: 2s;
-moz-transition-property: color;
-moz-transition-duration: 2s;
/* … et lorsque ce sera standardisé */
transition-property: color;
transition-duration: 2s;
}
				
#footer a:hover, #footer a:focus {
color:#334e9e;
text-decoration:none;
}





/* TEXTE FENETRE */

#texte {
position:relative;
margin-left:auto;
margin-right:auto;
width:90%;
/*padding: 20px;*/
/*padding:1.53em;*/
padding:0.5em;
background-color:#00539E;
/*font-size: 17px;*/
font-size:84.6%; /*11px*/
text-align:center;
color:#FFFFFF;
font-family: 'TexGyreAdventorRegular', Arial, Helvetica, sans-serif;
line-height:1.7;
letter-spacing:1px;
}


}




/*5- MISE EN PAGE POUR TABLETTES MOYENNES ET GRANDES*/

@media only screen and (min-width: 768px) and (max-width: 969px) {


/* ......................................... EN-TETE ET MENU .................................................. */




#contenuHeader {
width:90%;
margin-left:auto;
margin-right:auto;
background-color:#00539E;
}




#conteneurMenu{
width:100%;
/*width:74%; /* 950/1280=0.74*/
float:left;
height:auto; /* 148/3 = 1/3 hauteur header */
background-color:#336b9e; /* Bleu L+75 */
margin-bottom:10px;
/*border-top:1px solid #008A2E;
border-bottom:0.385em solid #008A2E;*/
}


#menu {
/*width:960px;*/
width:90%; /* 960/1920=0,5 */
/*height:49px;*/ /* 148/3 = 1/3 hauteur header */
margin-left:auto;
margin-right:auto;
background-color:#336b9e; /* Bleu L+75 */
color:#FFFFFF;
font-family: 'josefin_sanssemibold', Arial, Helvetica, sans-serif; 
/*font-size:16px;*/
/*font-size:115.4%;/* 15px */
/*font-size:107.7%; /* 14px*/
font-size:1em; /* 100% = 13px*/
letter-spacing:1px;
}




/*................................................................ MILIEU ................................................................................. */


#content { 
width:90%; 
margin-left:auto;
margin-right:auto;
/*max-width:1280px;*/
}


ul, li {
margin:0; 
padding:0; 
list-style:none;
}



#texte-paragraphe {
float:right;
padding:10px 0px 10px 0px;
width:100%; 
margin:0px 0px 10px 0px;
text-align:justify;
font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height:1.4;
color:#434343; /* gris 85% */
letter-spacing:1px;
}




/* ............................. PIED ........................................... */


#footer {
  margin-top:20px;
  display:inline-block;
  width:100%;
  width:96%;
  padding:2%;
  font-family: 'josefin_sansregular', Arial, Helvetica, sans-serif;
  font-size: 17px;
  letter-spacing:1px;
  color:#002286;
background-color:#ccd3e7;
}



#footer a {
color:#002286;
text-decoration:none;
-webkit-transition-property: color;
-webkit-transition-duration: 2s;
-moz-transition-property: color;
-moz-transition-duration: 2s;
/* … et lorsque ce sera standardisé */
transition-property: color;
transition-duration: 2s;
}
				
#footer a:hover, #footer a:focus {
color:#334e9e; 
text-decoration:none;
}




/* TEXTE FENETRE */

#texte {
position:relative;
margin-left:auto;
margin-right:auto;
width:100%;
/*padding: 20px;*/
/*padding:1.53em;*/
padding:0.5em;
background-color:#00539E;
/*font-size: 17px;*/
font-size:84.6%; /*11px*/
text-align:center;
color:#FFFFFF;
font-family: 'TexGyreAdventorRegular', Arial, Helvetica, sans-serif;
line-height:1.7;
letter-spacing:1px;
}



}


.hidden {
	display:none;
}



.border {
	display:none;
}


@media screen and (max-width: 359px) {
	#nom {
  width:100%;
  margin:10px 0px 0px 0px;
  float:left;
  font-size:35px;
}
}

@media screen and (min-width: 360px) {
	#nom {
  width:100%;
  margin:10px 0px 0px 0px;
  float:left;
  font-size:38px;
}
}


.facebook {
	font-size :9px;
}

#info {
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  color:#535353; /* gris 80% */
}