body
{
	 margin: auto;
   	margin-bottom: 20px;
	font: 0.8em tahoma, helvetica, sans-serif ;
	/*background: #99CCFF ;*/
        /* Pour Internet Explorer */ 
         filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,                  StartColorStr='#99CCFF', EndColorStr='#ffffff'); 
        /* Pour Firefox */ 
background:-moz-linear-gradient(left, #99CCFF 0%, #ffffff 100%); 
        /* Pour Google-Chrome, Safari, Opéra (moteur Webkit) */ 
background:-webkit-gradient(linear, left top, right top, color-stop(0,#99CCFF), color-stop(1, #ffffff)); 
overflow: auto;

}

div#conteneur
{

	width: 95%;
	min-width: 800px;
	max-width: 1600px;
	margin: 0 auto ;
        margin-top: 20px ;
        margin-bottom: 200px ;
	border: 2px solid #ab4 ;
	background: white ;
}

div#logo
{
       position: absolute;
       top: 25px; 
     
}

div#slogan
{
        position: absolute;
        margin-left: 30% ;
	top: 50px ;
}

h1#header
{
	height: 200px ;
	margin: 0 ;
	background: white;
}


h1#header_maintenance
{
	height: 500px ;
	background: url(en_construction_anim.gif) no-repeat top center ;
	margin: 0 ;
}

h1#header a
{
	width: 400px ;
	height: 50px ;
	display: block ;
	position: relative ;
	left: 350px ;
	top: 15px ;
	text-indent: -5000px ;
}

div#menu ul
{
	height: 30px ;
	margin: 0 ;
	padding: 0 ;
	background: orange ;
	list-style-type: none ;
	
}

div#menu li
{
	float: left ;
	margin:auto;
        padding:0;
	text-align: center ;
	box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
-webkit-box-shadow: 3px 3px 7px #777;
	text-shadow: 2px 2px 4px #999;
}

div#menu li a
{
	
	display: block ;
	line-height: 30px ;
	font-size: 1.1em ;
	font-weight: bold ;
	letter-spacing:0.1px;
	color: #fff ;
	text-decoration: none ;
	border-right: 2px solid #dea ;
}

  
div#menu li ul {
 position:absolute;
 }
  

div#menu ul li ul 
{
 	display:none;
 	
}

div#menu ul li ul li a
{
	color: black ;
	font-weight: normal;
	
}

div#menu li a:hover
{
	background: green ;
}
 
div#menu ul li:hover ul {
 display:block;
 }
div#menu li:hover ul li {
 float:none;
 }



div#contenu
{
	margin-left: 15px;
	margin-right : 15px;
	text-align: left;
}

div#contenu h2
{
	margin-left: 150px ;
	/*line-height: 25px ;*/
	font-size: 1.4em ;
	background: url(lauriers.gif) no-repeat left bottom ;
	color: #9b2 ;
	border-bottom: 1px solid #9b2 ;
}

div#contenu h3
{
	margin-left: 100px ;
	padding-left: 5px ;
	border-bottom: 1px solid #9b2 ;
	border-left: 3px solid #9b2 ;
	color: #9b2 ;
}

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
	margin-right: 15px;
	font-size: 1.2em ;
	font-color: black ;
}

div#contenu a
{
	color: #8a0 ;
}

div#contenu a:hover
{
	color: #9b2 ;
}

div#cadre_contact
{
        margin: auto;
        width: 400px;
        text-align: center;
 
}

div#cadre_global
{
	height:310px;
	width: 100%;
	min-width: 800px;
	max-width: 1200px;
	margin:auto;
}

div#cadre_global h2
{
	margin: auto;
	color: #9b2 ;
	font-size: 1em ;
	
}
div#cadre_global b
{
	color: #777777;
	margin: auto;
	border: none;
	font-size: 1em ;
}
div#vendu
{
	background-color: none;
 
height:50px; 
	position:absolute;
    top:11%;
    left:20%;
    z-index: 100;


 } 

.gauche
{
float:left;
padding:5px;
height:33%;
width:28%;
margin-top: 25px;
border:1px solid #9b2;
font-weight: normal;

}

.centre
{
float:left;
padding:5px;
margin-left: 10px;
margin-top: 25px;
height:33%;
width:28%;
border:1px solid #9b2;
font-weight: normal;

}

.droite
{
float:left;
padding:5px;
margin-left: 10px;
margin-top: 25px;
height:33%;
width:28%;
border:1px solid #9b2;
font-weight: normal;

}



.onglet
{
    display:inline-block;
    margin-left:3px;
    margin-right:3px;
    padding:3px;
    border:1px solid #9b2;
    cursor:pointer;
}
.onglet_0
{
				background:orange;
                                color:white;
                border-bottom:1px solid #9b2;
				/*arondi*/
				-moz-border-radius-topleft:5px;
				-moz-border-radius-topright:5px;
				-webkit-border-radius-bottomleft:5px;
				-webkit-border-radius-bottomright:5px;
				-webkit-border-radius-topleft:5px;
				-webkit-border-radius-topright:5px;
				border-radius-topleft:5px;
				border-radius-topright:5px;
				
}
.onglet_1
{
                background:#fff;
                border-bottom:0px solid #9b2;
                padding-bottom:4px;
				/*ombre*/
				box-shadow: 3px 0px 7px #777;
				-moz-box-shadow: 3px 0px 7px #777;
				-webkit-box-shadow: 3px 0px 7px #777;
}
.contenu_onglet
{
                background-color:#fff;
                border:1px solid #9b2;
                margin-top:-1px;
                padding:20px;
                font-weight: normal;
                display:none;
				box-shadow: 3px 3px 7px #777;
				-moz-box-shadow: 3px 3px 7px #777;
				-webkit-box-shadow: 3px 3px 7px #777;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }

ul{
	padding: 4px;
	list-style: none;
}

img {vertical-align:middle; border:none;}
#thumbs {list-style:none; margin:30px; padding:0; height: 70px;} 
#thumbs li {float:left;}
#thumbs li a {text-decoration: none ;display: block ;line-height: 15px ;font-size: 1.1em ;font-weight: bold ;}  
#thumbs a {display:block; padding:10px; outline:none;} 
#thumbs a:hover, #thumbs a:focus {background:orange;} 
#thumbs a.active {background:#000;} 

#thumbs_v { margin:30px; padding:0; } 
#thumbs_v li {} 
#thumbs_v a {display:block; padding:10px; outline:none;width: 50px;} 
#thumbs_v a:hover, #thumbs a:focus {background:orange;} 
#thumbs_v a.active {background:#000;} 
#viewer_v { float: left; width:600px; height:600px; margin-left:50px;margin-top:-400px;}
#viewer { width:800px; height:600px; margin-left:-45px;}

#map_canvas { height: 200px }

p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #8a0 ;
}

/*pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}


pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}*/

.hidden {
    display: none;
}