@charset "utf-8";
/* CSS Document */

.navbar-nav > li > .dropdown-menu {
    border-radius:12px;
	margin-top: 0;
}
.ombrage {
text-shadow: 2px 2px 0px #333;	
	}
.texte { font-family:'latolight', sans serif;
	    font-size:1.1em;
		text-align:justify;
	   border:1px solid;
	  padding:40px 40px 40px 40px;
	   margin:10px 10px 10px 10px;
	   background-color:#FFF ;
	   border-radius:6px
}
.texte_g { 
font-family:'latolight', sans serif;
	    font-size:1.2em;
		text-align:justify;
	   border:1px solid;
	  padding:40px 40px 40px 40px;
	   margin:10px 10px 10px 10px;
	   background-color:#FFF ;
	   border-radius:6px
}

.textevide
{font-family:'latolight', sans serif;
	    font-size:1.1em;
		text-align:center;
		} 
.histo {
	font-family:'latobolditalic', sans serif;
	    font-size:34px;
	
	}
.histo2 {
	font-family:'latoregular', sans serif;
	    font-size:30px;
		color: #fff;
    padding: 5px;
    text-align: center;
    text-decoration: none;
/*	text-transform:uppercase;*/
	}
.histotitre {
	font-family:inherit;
	 font-weight: 500;
    line-height: 1.1;
	    
		color: #fff;
   	text-align: center;
    text-decoration: none;
	  font-size:30px;
/*text-transform:uppercase;*/
	}
	
.histo1 {
	font-family:'latoregular', sans serif;
	font-size:24px;	
	background-color: #666;
	border-radius:6px;
    border: 1px none #ffffff;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 600px;	
	}



@font-face {font-family:"xoxoxa";
src:url('fonts/XO.ttf');
}
body{
	margin:0px;
	padding:0px;
	background-color:#999;
}

#gmap
{
	margin-left:auto; margin-right:auto; padding:30px;
}
#ecran
{
width:auto;


background-color:#999;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:100%;
margin-bottom:0px;
}
#page
{
height:100%;
position: relative;
/*min-height: 100%;*/
width:100%;

}
#player
{
	width:400px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	padding:30px;
}
#baspage
{
	margin-bottom:0px;
}

#entete
{
background-color:#B4B4B6;
/*width:100%*/;
/*height:500px;*/ 
/*display:block; */
padding:0; 
margin:1px;  
border:1px solid; border-radius:5px;
/*background-image:url(degrade1.jpg);*/
/*background-repeat:repeat;*/
height:100%;
}
#entete a {padding:3px;}
#entete h1
{
	color:#FFF;
	text-height:45px;
}


#entete h3
{
	color:#FFF;
	text-height:35px;
}
#entete a img
{
display:inline; padding:0; margin:2px auto;  border:none;
text-align:center;text-decoration:none;

}
#entete a{color:#960;text-decoration:none;}/* lien blanc sans soulignement*/
#entete a:link {color:#960;} /* lien non visite */ 
#entete a:visited {color:#960;} /* lien visite */ 
#entete a:hover {color:#960;} /* lien mouse over */ 
#entete a:active {color:#960;} /* lien selectionne */ 


#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
	
  z-index:10;;
  height: 49px;
  
 
  width:100%; display:block; padding:0; margin:0px auto;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  border-bottom: 2px solid #6c5437;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {width:100%;
  background: #141414; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  color: #ffffff;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding-left:30px;
 padding-right:30px;
  /*padding: 0 20px;*/
  text-decoration: none;
}

#cssmenu ul {
position:relative;
	padding:0;
	display:block;
  list-style: none;
  width:900px;
  margin-right:0px;
  margin-top:0px;
  /*margin-left:auto;
  margin-right:auto;*/

 margin-left:200px;
  margin-bottom:0px;
  
   
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
  /*width:200px;*/
  
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #6c5437;
  margin-left:-10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
  z-index:10;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left:-200px;
}
#cssmenu .has-sub ul li {
  margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
	width:100%;
  background: #6c5437;
  border-bottom: 1px dotted #a79887;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding:10px;
}
#cssmenu .has-sub ul li:hover a {
  background: #4a3a26;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #4a3a26;
  border-bottom: 1px dotted #92897d;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #281f14;
}



#slider {width:842px; display:block; padding:0; margin-left:135px; margin:2px auto;  border:1px solid; border-radius:5px;}
#slider {position: relative; overflow: hidden;height:245px; text-align:inherit;}
#slider img {position:absolute;	margin:0; height:245px;;display:none;}
#imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;}
#imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline;}

#corps
{background-color:#B4B4B6;
	width:85%;  display:block; padding:0; margin:2px auto;  border:1px solid; border-radius:5px;
background-image:url(degradegris.jpg);
/*min-height: 100%;*/
background-repeat:repeat;
list-style:none;
}
/* vesion bis */
#corps2  
{width:990px;  display:block; padding:0; margin:2px auto;  border:1px solid; border-radius:5px;
background-image:url(degradegris.jpg);
background-repeat:no-repeat;
min-height: 100%;

list-style:none;
background-color:#888693;
}
#corps2 h4{text-align:center;}
#corps2 h1
{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	padding:5px 5px 5px 5px;
	background-color:#666;
	border:1px #FFFFFF;
	text-decoration:none;
	text-align:center;
	color:#FFF;
}
#corps2 h2
{
	padding:5px 5px 5px 5px;
	text-decoration:none;
	text-align:center;
	color:#FFF;
}

#corps2 p{
	text-align:left;  /* right*/
/*	text-align:justify;*/    /*justify*/
	padding:10px 10px 10px 10px;}
#corps2 ul{list-style:none;}
#corps2 a{margin-top:30px;}
#corps2 a{padding:20px 20px 20px 20px;}
#corps2 a{color:#ffffff;text-decoration:none};/* lien blanc sans soulignement*/
#corps2 a:link {color:#ffffff;} /* lien non visite */ 
#corps2 a:visited {color:#ffffff;} /* lien visite */ 
#corps2 a:hover {color:#ffffff;} /* lien mouse over */ 
#corps2 a:active {color:#ffffff;} /* lien selectionne */
#corps2 tr td p img{border:none; padding:10px 10px 10px 10px; margin:10px;} 
#corps2 p img {float:left;display:block;padding:10px 10px 10px 10px;border:1px solid; border-radius:5px;position:relative;}
#corps2 a href{width:100%;}



/* fin de version bis*/
#corps h4{text-align:center;}
#corps h1
{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	padding:5px 5px 5px 5px;
	background-color:#666;
	border:1px #FFFFFF;
	text-decoration:none;
	text-align:center;
	color:#FFF;
}
#corps h2
{
	padding:5px 5px 5px 5px;
	text-decoration:none;
	text-align:center;
	color:#FFF;
}

#corps p{
	text-align:justify;  /* right*/
/*	text-align:justify;*/    /*justify*/
	padding:10px 10px 10px 10px;}
#corps ul{list-style:none;}
#corps a{margin-top:30px;}
#corps a{padding:20px 20px 20px 20px;}
#corps a{color:#ffffff;text-decoration:none};/* lien blanc sans soulignement*/
#corps a:link {color:#ffffff;} /* lien non visite */ 
#corps a:visited {color:#ffffff;} /* lien visite */ 
#corps a:hover {color:#ffffff;} /* lien mouse over */ 
#corps a:active {color:#ffffff;} /* lien selectionne */
#corps tr td p img{border:none; padding:10px 10px 10px 10px; margin:10px;} 
#corps p img {float:left;display:block;padding:10px 10px 10px 10px;border:1px solid; border-radius:5px;position:relative;}
#corps a href{width:100%;}
#sidebar {width:260px;  display:block; padding:10px 10px 10px 10px; margin:2px auto;  border:1px solid; border-radius:5px;
	position:relative;
	/*float:right;*/
	min-height: 100%;
	padding: 5px 20px 2px 2px;
	background:#963;
	text-align:left;
}

#sidebar h1 {padding: 0px 10px 10px 10px;
	letter-spacing: -1px;
	font-size: 2em;
	color: #FFFFFF;
}
#pied{
	background:#963;}
#pied p
{ width:100%;
position:relative;
bottom:0;
display:block; padding:0; margin:2px auto; 

/*border:1px solid; border-radius:5px;*/
text-align:center;text-decoration:none;
outline:none;
}
#pied a{color:#ffffff;text-decoration:none};/* lien blanc sans soulignement*/
#pied a:link {color:#ffffff;} /* lien non visite */ 
#pied a:visited {color:#ffffff;} /* lien visite */ 
#pied a:hover {color:#ffffff;} /* lien mouse over */ 
#pied a:active {color:#ffffff;} /* lien selectionne */ 
#iframe{display:block; padding:0; margin:2px auto;  border:1px solid; border-radius:5px;position:relative;}



#footer-wrapper {
	position:relative;
}
#content {
	float: left;
	width: 650px;
	padding: 60px 30px 0px 0px;
	color: #FFFFFF;
}

#content h2 {
	letter-spacing: -1px;
	font-size: 36px;
	color: #FFFFFF;
}
#footer-content {
	/*overflow: hidden;*/
	width:80%;
	margin: 0px auto;
	padding: 30px 0px 30px 0px;
	color:#000;
}

#footer-content a {
}

#footer-content h2 {
	margin: 0px;
	
	/*padding: 0px 0px 30px 0px;*/
	letter-spacing: -1px;
	font-size: 22px;
	color: #262626;
}

#footer-content h2 span {
	color:#FFF;
	margin-left:auto;
	margin-right:auto;
	padding:5px 5px 5px 5px;
	background-color:#666;
	border:1px #FFFFFF;
	text-decoration:none;
	text-align:center;
}
#footer-content #fbox1 {
	float: left;
	width: 280px;
	margin-left:20px;
	margin-right: 20px;
}

#footer-content #fbox2 {
	float: left;
	width: 280px;
	margin-left:20px;
}

#footer-content #fbox3 {
	float:right;
	width: 280px;
	margin-right:60px;
}
#contact
{
	margin-left:auto;
	margin-right:auto;
	padding-left:150px;
}

#carousel3d{
		background-color:#000000;
		width:9900px;
		height:400px;
		position:relative;
		border:1px solid #FFFFFF;
		
	}
	
#carousel3d img{
		width:100%;
		height:auto;
		border:0px solid #FFFFFF;
		display:block;
	}

<!--CAROUSEL IMAGES-->
div.jMyCarousel .prev{
	background: url('jMyCarousel/img/left.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}

div.jMyCarousel .next{
	background: url('jMyCarousel/img/right.png') center center no-repeat;
	width:40px;
	height:61px;
	border:0px;
}

div.jMyCarousel .up{
	background: url('up.png') center center no-repeat;
	width:61px;
	height:40px;
	border:0px;
}

div.jMyCarousel .down{
	background: url('down.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}


div.jMyCarousel{
	z-index:1;
	margin:auto;
	border:1px solid #1c6f8e;
}

div.jMyCarousel ul{
	
}

div.jMyCarousel ul li{
	margin:0px;
	border:1px solid #ccc;
	line-height:0px;
	padding:0px;
}

div.jMyCarousel ul li a{ /* in case of link */
	display:block;
}

div.jMyCarousel ul li img{
	display:block;
	border:0px;
}

#carousel{
		
		width:987px;
		height:600px;
		position:relative;
		border:none;
		
	}
	
#carousel img{
		width:300px;
		height:200px;
		border:0px solid #FFFFFF;
		display:block;
		
	}
#carousel img:hover
{
		width:600px;
		height:400px;
		border:0px solid #FFFFFF;
		display:block;
		
}
#video
{
	alignment-adjust:central;
	margin-left:auto;
	margin-right:auto;
	padding:30px;
}
class no_cadre
{
	border:none;
}