body
{
/*background-image:url(../img/arriere.JPG);*/
background-repeat: no-repeat;
background-attachment: fixed;
margin: 0px;
padding: 0px;
outline: 0px;
height: 100%;
}

#banniere
{

width: 100%;
text-align: center;
/*-khtml-opacity: 0.9;
-moz-opacity:  0.9;
-ms-filter: alpha(opacity=90);
filter: progidDXImageTransform.Microsoft.Alpha(opacity=90);
filter:  alpha(opacity=90);
opacity:  0.8;*/
margin:0px;
padding:0px;
outline: 0px;
background-color: rgba(255, 255, 255, 0.9);
}




#logo
{
/*width: 935px;
height: 310px;
background: url(image_banniere.png) no-repeat;
margin-right: auto;
margin-left: auto;
max-width: 100%;
background-size: 100% auto;
background-position: center;
-khtml-opacity: 1;
-moz-opacity:  1;
-ms-filter: alpha(opacity=100);
filter: progidDXImageTransform.Microsoft.Alpha(opacity=100);
filter:  alpha(opacity=100);
opacity:  100;*/
background: url(../img/amande_is.jpg) no-repeat;
width: 1005px;
height: 230px;
margin-right: auto;
margin-left: auto;
max-width: 100%;
background-size: 100% auto;
background-position: center;
-khtml-opacity: 1;
-moz-opacity:  1;
-ms-filter: alpha(opacity=100);
filter: progidDXImageTransform.Microsoft.Alpha(opacity=100);
filter:  alpha(opacity=100);
opacity:  100;


}

#banniere h1 {

margin-top:0px;
font-family: 'SourceSansPro-Regular';
color: #2d70bf;
text-align: center;
font-size: xx-large;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0px;
}

#banniere_titre {

width: 100%;
text-align: center;
background: #fff;
padding-top: 20px;
margin-top:0px;
font-family: 'SourceSansPro-Regular';
font-size: xx-large;
letter-spacing: 1px;
text-transform: uppercase;
color: #2d70bf;


}


#banniere_sous_titre {
width: 100%;
text-align: center;
background: #fff;
font-family: 'SourceSansPro-Regular';
font-size: medium;
letter-spacing: 1px;
text-transform: uppercase;
color: #2d70bf;
}


#titre_tableau {
width: 100%;
text-align: center;
background: #fff;
font-family: 'SourceSansPro-Regular';
font-size: x-large;
letter-spacing: 1px;
text-transform: uppercase;
color: #2d70bf;
}

#tableau_meteo {
width: 100%;
text-align: center;
}


#tableau_meteo tr:nth-child(2n+3){
background: #ebecef;
}

#tableau_meteo tr:nth-child(n+3):hover{
background: #ff8c00;
font-weight: bold;
}

#tableau_meteo tr:nth-child(-n+2){    /* lentete du tableau */
background: #2d70bf;
color: white;
font-weight: bold;

}


#map { 
width: 100%;
height: 480px; 

  }
 




#navigation {
background: #2d70bf;
font-family: 'SourceSansPro-Regular';
font-size: 15px;
padding: 5px;
/*text-align: center;*/

}

#navigation a {
text-decoration: none;
color: #fff;
padding: 5px;
letter-spacing: 1px;
text-transform: uppercase;
}

#navigation a:hover {
text-decoration: none;
color: #fff;
background: #3a7dcc;

}


#lien_carte {
background: #2d70bf;
margin:0px;
padding:5px;
text-align: center;
}


#lien_carte a {
text-decoration: none;
color: #fff;
padding: 5px;
letter-spacing: 1px;

}

#lien_carte a:hover {
text-decoration: none;
color: #fff;
background: #3a7dcc;
text-decoration: underline;
}



#informations {

background: white;
padding-top:10px;
font-family: 'SourceSansPro-Light';
color: #555555;
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 20px; 
-moz-column-rule-width: 1px;
-moz-column-rule-style: dotted;
-moz-column-rule-color: #000;
column-rule-width: 1px;
column-rule-style: dotted;
column-rule-color: #000;
-webkit-column-rule-width: 1px;
-webkit-column-rule-style: dotted;
-webkit-column-rule-color: #000;
column-width: 300px;
-moz-column-width: 300px;
-webkit-column-width: 300px;
padding-bottom: 40px;

}

#informations_row {
font-family: 'SourceSansPro-Light';
color: #555555;
padding-top:10px;
}



footer {

background: #ecedef;
margin-top:-20px;
padding:5px;
text-align: center;
color: #555555;
border-top: 1px solid #7D7D7D;

}


footer a {
text-decoration: none;
color: #555555;
}


footer a:hover {
text-decoration: underline;


}


/*la carte */
nav {
position: absolute;
z-index: 1001;
top: 20px;
text-align: center;
right: 50px;


}

nav a {
padding: 10px;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.9);
font-family: Arial;
color:#555;
text-decoration: none;
border: 1px solid #ffff;
border-radius: 5px;
margin:1px;
font:bold 13px Arial;
box-shadow:2px 2px 4px #999;
}

nav a:hover {
color: white;
background-color: rgb(85, 85, 85);
background-color: rgba(85, 85, 85, 0.9);


}

#check_box {

position:absolute;
bottom: 100px;
left: 5px;
background-color: #fff;
font: 12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif;
background: #FFF none repeat scroll 0% 0%;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
border-radius: 5px;
padding: 6px 10px 6px 6px;
margin-bottom: 10px;
margin-right: 10px;
text-align: right;
z-index: 1002;
}

#choix_decade {

position: absolute;
z-index: 1001;
top: 70px;
text-align: right;
right: 50px;

padding: 10px;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.9);
font-family: Arial;
color:#555;
text-decoration: none;
border: 1px solid #ffff;
border-radius: 5px;
margin:1px;
font:bold 13px Arial;
box-shadow:2px 2px 4px #999;

}

#choix_saison {

position: absolute;
z-index: 1001;
top: 70px;
text-align: right;
right: 50px;

padding: 10px;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.9);
font-family: Arial;
color:#555;
text-decoration: none;
border: 1px solid #ffff;
border-radius: 5px;
margin:1px;
font:bold 13px Arial;
box-shadow:2px 2px 4px #999;
}

#legende_carte {
position: absolute;
z-index: 1001;
bottom: 20px;
text-align: center;
right: 40%;
margin-left: auto;
margin-right: auto;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.7);
font-family: Arial;

}

#legende_pluie {


position: absolute;
z-index: 999;
bottom: 50px;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.7);
font-family: Arial;
margin-left: auto;
margin-right: auto;
right: 10px;
padding: 6px 8px;
bottom: 40px;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
border-radius: 5px;
}