@charset "UTF-8";
 body {
     width : 100%;     
     background-color : #597C64;
     font-family : verdana, arial, sans-serif ;
     font-size : 12px;
}
#cadrpg {
width : 90%;
margin : 10 auto;
border : 0;
}
#newshr {
position : relative;
width : 90%;
height : 25px;
margin :auto;
overflow : hidden;
color : inherit;
background : #faf0e6;
}
#defile {
position : absolute;
display : block;
width : 90%;
margin : 0 auto;
text-align : center;
font-size : 1.9em;
}
#conteneur {
			margin: 20px auto;
		}
		header {
		    width : 100%;
		    margin: 20px auto;
		}
		article {
		    background-color : #faf0e6 ;
            border : 8px solid #81c335 ;
		    font-size: 1.3em;
			overflow : auto;
		}
		section ul {
		    list-style:none;
		}
		.nav navbar-nav {
		    background-color: #dff2ff;
			font-size: 0.4em;
		}
		nav {
			background-color: #dff2ff;
			margin:auto;
        }
		#navbarmobile {
		     font-size: 1em;
		}
		nav ul {
		    list-style: none;
			padding: 0;
			margin: 0;
		}
		nav li {
			display: inline-block;
			margin-right: 10px;
			font-size : 0.6em;
		}
		nav a {
			text-decoration: none;
			color: #555;
		}
		#navo {
            width:250px;
            margin-top:10px;			
		    background-color : #c0c0c0 ;
			font-size:1.6em;
			color:#000;
			text-align:center;
		}
		h2 , h3{
			max-width:100%;
			background-color: #81c335;
			text-align:center;
		}
		h4 {
		    text-align:center;
			color:#f00;
		}
		.dropdown-menu {
             background-color : #c0c0c0 ;
        }
        .dropdown-menu li a {
             font-size: 12px;
	         color:#000;
        }
		#footer {
            background-image : url(../../images/bas.jpg);
background-repeat:no-repeat;
-webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
            text-align:center;
		}
		#footer a {
		  font-size:1.4em;
		  color:#f00;
		}
		.thumbnail {
  display: block;
  padding: 4px;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #dff2ff;
  font-size : 1.2em;
  padding:0 20px;
  border: 1px solid #ddd;
  border-radius: 50px;
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
        }
        #pied {
           padding-top : 2em;
        }
        #pied li {
            display : inline;
            text-align:center;
        }
        .navbar-inverse{
            font-size:2em;
        }
        .diaporama li{
	        list-style-type:none;
	        overflow:hidden;
	        position:absolute
        }

        .diaporama_controls{
	        width:400px;
        }
        .alert {
	        color:#000;
        }
        .diaporama_controls .btns{
	        float:right;
        }

        .diaporama_controls a{
	        font-weight:normal;
	        width:10px;
	        height:13px;
	        text-indent:-9999px;
	        display:inline-block;
	        margin:0 3px;
        }

        .diaporama_controls .prev{
	        background:url(../images/img/fleches_diapo.png) no-repeat top right;
        }

        .diaporama_controls .next{
	        background:url(../images/img/fleches_diapo.png) no-repeat top left;
        }

        .diaporama_controls .pause{
	        background:url(../images/img/fleches_diapo.png) no-repeat bottom right;
        }

        .diaporama_controls .play{
	        background:url(../images/img/fleches_diapo.png) no-repeat bottom left;
        }
        .gauche {
            float:left;
        }
        .droite {
            float:right;
        }
        .bouton {
            text-align:center;
        }
        .container {
            max-width: 75%;
        }
        .soleil   {
            color: #a52a2a;
        }
 
        #alaune  {
            font-size : 12px ;
            color : black ;
            text-align : center ;
        }
 
        #slogan {
             margin-top; 100px;
        }
        
		a  {
             text-decoration : none ;
             color : #000000;
	         border : none ;
        }
 
        a span  {
             display : none ;
        }
 
        a:hover  {
             background : none ;
        }
 
        a:hover  span  {
             display : inline ;
             position : absolute ;
             z-index : 5 ;
             top : 800px;
             left : 350px ;
        }
 
        #annonce a {
             text-decoration : none;
             border : none ;
        }
 
        #annonce img {
             text-decoration : none;
             border : none;
        }
		
		#presentation {
             font-size: 1.8em;
	         color:#000000;
        }
 
        .meteo {
             float : left;
             margin : 8px;
        }