@charset "UTF-8";
body {
background-color: #000000;
font-family : verdana, arial, sans-serif;
}
#cadrpg {
width : 100%;
margin : 0 auto;
border : 0;
}
#newshr {
position : relative;
width : 100%;
height : 25px;
overflow : hidden;
color : inherit;
background : #bed1f4;
}
#defile {
position : absolute;
display : block;
width : 100%;
margin : 0 auto;
text-align : center;
font-size : 1.4em;
}
#wrapper {
position : relative;
width : 100%;
max-width : 780px;
margin : 0 auto;
text-align : center;
}
#conteneur {
            width:75%;
			margin:10px auto;
		}
#content {
          margin-top:10px;
}
#presentation {
     background-image : url(../../images/contenu.png);
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 */
  margin-top:20px;
  padding:20px;
font-family : verdana, arial, sans-serif;
font-size:1em;
color:#fff;
}
#presentation  h2{
   background-color:#d2b48c;
   color:#000;
}
#conteneura
{
   position : relative ;
   top : 5px;
   width : 80% ;
   max-height : 900px ;
   margin : auto ;
   background-color : #330000;    
   text-align : justify; 
   overflow : auto;    
}

#conteneura p
{
	font-size : 100%;
	color : #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding:8px;
}
#conteneurb {
    margin : auto;
    width : 80% ;
    text-align : center;
 }
 #conteneurd {
    margin : auto;
    width : 80% ;
    text-align : center;
	background-color : #fff8dc;
}
 #conteneurd ul li {
    list-style: none;
}
#conteneurd ul li  a{
    color:#00008b;
}
 #conteneurc {
    margin : auto;
    width : 80% ;
    text-align : center;
	background-color : #000;
 }
 #conteneurc p {
    color:#fff;
}
#conteneure {
    margin : auto;
    width : 80% ;
    text-align : center;
	background-color : #faf0e6;
 }
#signature
{
   font-size : 80% ;
   color : #FF0000 ;
}
 a
 {
    color : yellow;
 }
 #jouer {
     width:80%;
	 margin:auto;
	 background-color:#000000;
	 text-align:center;
}
#jouer h1 {
     color:#f00;
}
        #articles {
		    margin-top:20px;
		}
		#section {
		    max-height:300px;
		    background-color: #fff;
			font-size: 0.8em;
			overflow : auto;
		}
		#navo {
            width:250px;
            margin-top:10px;			
		    background-color : #000 ;
			font-size:1.6em;
			text-align:center;
		}
		#navo a{
		    color:#fff;
		}
		.navbar navbar-inverse {
		    background-color: #dff2ff;
			font-size: 0.4em;
		}
		.nav navbar-nav {
		    background-color: #dff2ff;
			font-size: 0.4em;
		}
		.nav navbar-nav li a{
		    font-size: 0.4em;
		}
		#navbarmobile {
		     font-size: 0.6em;
		}
		nav ul {
		    list-style: none;
			padding: 0;
			margin: 0;
		}
		nav li {
			display: inline-block;
			margin-right: 10px;
			font-size : 1em;
		}
		nav a {
			text-decoration: none;
			color: #555;
		}
		h2{
			background-color: #c4f835;
			text-align:center;
		}
		h4 {
		    text-align:center;
			color:#f00;
		}
		.dropdown-menu {
             background-color : #c0c0c0 ;
        }
        .dropdown-menu li a {
             font-size: 12px;
	         color:#000;
        }
		#rappel {
		    margin-top:20px;
		    background-color:#6b4c22;
			color:#fff;
			font-size:1.3em;
			text-align:center;
		}
		#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:1em;
		  color:#f00;
		}
		#pied {
           padding-top : 2em;
        }
        #pied li {
            display : inline;
            text-align:center;
        }
		.thumbnail {
  display: block;
  padding: 4px;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #dff2ff;
  font-size : 1.2em;
  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;
}
.carousel-caption p{
   font-size:1.6em;
   color:#ffffff;
}
.carousel-control {
  margin-top: 300px; 
}
#tourisme{
   text-align:left;
   font-size:1.7em;
   background-color:#ffffff;
   color:#000000;
 }
#presentation {
    text-align:center;
	background-color: #000000;
	font-size: 1.3em;
	color:#ffffff;
}
.avenir {
    background-color:#fff;
    font-size:1.6em;
}
.avenir a{
    color:#00f;
}
.aven li{
    list-style-type:square;
	font-size:1.4em;
}
.venir {
    background-color:#000;
	font-size:1.4em;
	color:#fff;
}
.venira {
    background-color:#fff;
    font-size:1em;
	color:#000;
}
.modal-dialog {
	width:70%;
}
.modal-dialog2 {
	width:40%;
	margin:auto;
}
.enduro {
	font-size:1.4em;
}
.gauche {
            float:left;
			margin:8px;
        }
        .droite {
            float:right;
			margin:8px;
        }
		.itineraires {
		     text-align:center;
		}