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


body{
	font-family: Verdana, 'Bitstream Vera Sans', 'Lucida Grande', sans-serif;
	padding: 0;
	margin: 0;
	text-align:center;
	background-color:#381F27;
	}
	
#globale{
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	padding-top:16px;
	}		
	
#site{
	padding:0;
	width:950px;
	text-align:center;
	margin: 0 auto;
	background:url(../images/silhouette.jpg) no-repeat right bottom;
	padding-bottom:15px;
	}	

#site a {
	text-decoration:none;
	color:#FFFFFF;
	}
	
#site h1, #titre{
	display:none;
	}

/* -----------------Menu----------------------- */


#site ul.menu {
	list-style:none;
	height:22px;
	margin-bottom:0px;
	}

/*#site .menu{
	padding:0;
	margin:0;
	}	*/
	
#site .menu li {
	float:left;
	padding:0;
	margin:0;
	}
	
	
#site .menu a {
	display: block;
	width: 160px;
	height: 22px;
	text-indent:25px;
	text-decoration: none;
	font-size:11px;
	color:#999999;
	padding-top:3px;
	text-align:left;
}

#site ul li #pratic{
	background-image:url(../images/btn1.jpg);
	background-repeat:no-repeat;
	}

#site ul li #cave{
	background-image:url(../images/btn2.jpg);
	background-repeat:no-repeat;
	}


#site ul li #demo{
	background-image:url(../images/btn3.jpg);
	background-repeat:no-repeat;
	}
	
#site ul li #galerie{
	background-image:url(../images/btn4.jpg);
	background-repeat:no-repeat;
	}
	
#site ul li #contact{
	background-image:url(../images/btn5.jpg);
	background-repeat:no-repeat;
	}
	

/* -----------------Menu hover----------------------- */

#site ul li #pratic:hover{
	background-image:url(../images/btn1_hover.jpg);
	background-repeat:no-repeat;
	}

#site ul li #cave:hover{
	background-image:url(../images/btn2_hover.jpg);
	background-repeat:no-repeat;
	}


#site ul li #demo:hover{
	background-image:url(../images/btn3_hover.jpg);
	background-repeat:no-repeat;
	}
	
#site ul li #galerie:hover{
	background-image:url(../images/btn4_hover.jpg);
	background-repeat:no-repeat;
	}
	
#site ul li #contact:hover{
	background-image:url(../images/btn5_hover.jpg);
	background-repeat:no-repeat;
	}



/* -----------------Partie Centrale----------------------- */


#logologo{
	background-image:url(../images/logo_pratic_cave.jpg);
	background-repeat:no-repeat;
	width:182px;
	position:relative;
	clear:left;
	margin-top:30px;
	float:left;
	font-size:10px;
	text-align:center;
	}
	
	
#diapo{
	width:182px;
	height:140px;
	margin-left:0px;
	position:relative;
	margin-top:265px;
	}
	
#logologo p{
	size:8px;
	text-align:center;
	margin:0px;
	padding:0px;
	}
	
#logologo a{
	color:#000;
	}
	
  #contenu{
	width:620px;
	margin-left:23px;
	float:left;
	margin-top:30px;
	}
	
#map{
	width:550px;
	height:400px;
	clear:both;
	}
	
  #contenu a{
  	color:#000000;
	}
	
  #contenu h2{
  	font-size:18px;
	color:#990000;
	text-align:left;
	padding-left:15px;
	height:26px;
	margin-top:0;
	margin-bottom:0;
	background:url(../images/image_Gd_titre.jpg);
	background-repeat:no-repeat;
	}
	
  #contenu h3{
  	font-size:16px;
	color:#000000;
	text-align:left;
	margin-top:13px;
	}
	
  #contenu h4{
	font-size:14px;
	color:#666666;
	text-align:left;
	padding-left:18px;
	height:25px;
	margin-top:15px;
	margin-bottom:2px;
	background:url(../images/puce_h4.jpg);
	background-repeat:no-repeat;
	}
	
  #contenu p{
	font-size:12px;
	color:#000000;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:18px;
	}
	
  #contenu ul{
	font-size:12px;
	text-align:left;
	margin-top:6px;
	}
	
 #contenu li{
	font-size:12px;
	text-align:left;
	background-image:url(../images/puce_li.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
	margin-top:2px;
	margin-bottom:4px;
	list-style: none;
	}
	
#vide{
	clear:both;
	height:0px;
	}
	

/* ----------------- Footer  ----------------------- */	


#footer{
	height:100px;
	}
	
#footer a{
	color:#FFFFFF;
	text-decoration:none;
	}
		
		
#centrefooter{
	margin: 0 auto;
	width:955px;
	}
		
#footer p{
	color:#FFFFFF;
	font-size:9px;
	width:455px;
	text-align:right;
	padding-right:20px;
	margin-top:15px;
	border-right:#FFFFFF solid 1px;
	float:left;
	
	}
	
#footer address{
	color:#FFFFFF;
	font-size:9px;
	padding-top:15px;
	width:455px;
	text-align:left;
	font-style:normal;
	float:left;
	padding-left:20px;

	}
	
#mentions{
	clear:left;
	height:15px;
	line-height:15px;
	font-size:9px;
	color:#FFFFFF;
	}

#mentions a{
	color:#FFFFFF;
	}


/*--------------------------------------Formulaire-------------------------------*/


#form {
	width:550px;
	}


#form label {
	width:150px;
	display:block;
	text-align:right;
	padding-right:5px;
	float:left;
	padding-top:3px;
	}


#form input{
	width:350px;
	display:block;
	background-color:#CCCCCC;
	color:#000000;
	text-align:left;
	float:left;
	padding-top:3px;
	}
	
#form .envoyer{
	display:block;
	width:100px;
	margin-left:155px;
	background-color:#990033;
	text-align:center;
	color:#FFFFFF;
	}

#form p{
	clear:both;
	}

#pousse{
	height:20px;
	}