@charset "UTF-8";
body {
background-image : url(../images/background_body.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 */
font-family : verdana, arial, sans-serif;
font-size : 100%;
}
#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.9em;
}
#wrapper {
position : relative;
width : 90%;
max-width : 780px;
margin : 0 auto;
text-align : center;
}
#conteneur {
			margin-top: 10px;
		}
		article {
		    margin-top:20px;
			background-color: #faf0e6;
		}
		#englob {
		    margin-top:20px;
			background-color: #faf0e6;
		}
		.nav navbar-nav {
		    background-color: #dff2ff;
			font-size: 1em;
		}
		nav {
			background-color: #dff2ff;
        }
		#search {
			background-color: aquamarine;
		}
		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{
			max-width:100%;
			background-color: #c4f835;
			text-align:center;
		}
		main  h3{
			background-color: #e2cf9b;
			text-align:center;
		}
		.retro{
		    background-color: #c4f835;
		}
		.breve{
		    background-color: #000;
			color: #fff;
			font-size:1.7em;
		}
		h4 {
		    text-align:center;
			color:#f00;
		}
		#content h1 {
		    background-color:#c4f835;
		}
		#contenu {
		    margin:20px auto;
		    background-color:#fff;
			text-align:justify;
			padding:0 20px;
		}
		#contenu ul {
		    font-size:1em;
		    list-style-type: circle;
		}
		#contenu p {
		    font-size:1em;
		}
		#contenuj {
		    background-color:#fff;
		    font-size:1em;
			text-align:center;
		}
		table {
		    background-color:#fff;
			font-size:1.4em;
		}
		.table-bordered {
		    border:6px solid #0f0
		}
		#aside { 
		  background-color:#00008b;
		}
		#aside  p{ 
		  color:#fff;
		  font-size:1.3em;
		}
		#aside h1{ 
		   color:yellow;
		}
		#aside ul { 
		   font-size:15px;
		}
        #aside li {
		   float:none; 
		}
        #aside a { 
		   color:#fff; 
		   text-decoration:none;
	    }
        #aside a:hover	 { 
		  color:#545554; 
		  text-decoration:underline;
		}
		#rando {
		   width:80%;
		   margin:auto;
		   text-align:center;
		}
		#signature{
           font-size :1.3em;
           color : #FF0000 ;
}

.margin-video		{ margin-top:15px; margin-bottom:15px;}
.opacite-image:hover	{opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}
.centrer			{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 */
            margin:20px;
            text-align:center;
		}
		#footer a {
		  font-size:2em;
		  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;
}
.carousel-caption p{
   font-size:1.4em;
   color:#ffffff;
}
.carousel-control {
  margin-top: 300px; 
}
#tourisme{
   text-align:left;
   font-size:1.7em;
   background-color:#ffffff;
   color:#000000;
 }
#presentation {
    font-size: 1.8em;
	color:#000000;
}
.diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
}

.diaporama_controls{
	width:400px;
}
.alert {
	color:#F00;
}
.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;
}
#tourisme {
      text-align:center;
}
.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 0.8em;
}
.fltlft { /* cette classe permet de rendre un élément flottant à gauche de la page. L'élément flottant doit précéder celui à côté duquel il doit apparaître dans la page. */
	float: left;
	margin-right: 0.8em;
}
.container {
    max-width: 75%;
}
@charset "windows-1252"; 


 table#sample
 {
    background-color : #FFFFFF;
    border : solid #000 3px ;
    width : 600px;
 }
 
 table#sample td
 {
    padding : 5px;
    border : solid #000 1px;
 }
 
 .data
 {
    color : #000000 ;
    text-align : rigth;
    background-color : #CCCCCC;
 }
 
 .toprow
 {
    font-style : italic;
    text-align : center;
    background-color : #FFFFCC;
 }