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

body{
	margin:0 auto;
	background:#f6f6f6 url("../images/fond.png") repeat-x top;
	font-family:"Century Gothic";
}

a{
	font-family:"Century Gothic";
	text-decoration:none;
	color:inherit;
}
a:hover{
	text-decoration:none;
}
img{
	border:none;
}

.right{
	float:right;
}
.left{
	float:left;
}
.mel{
	color:#3bbfe0;
	text-decoration:underline;
}

#devblog{
	width:200px;
	height:100px;
	margin-top:-20px;
	float:right;	
	margin-bottom:0px;
}

#menu{
	font-size:14px;
	margin:0 auto;
	margin-top:20px;
	width:790px;
	padding-left:0px;
	padding-right:10px;
	text-align:center;
}
#menu ul li{
	display:inline;
	margin-left:-20px;
	margin-right:-10px;
	padding:15px;
	color:white;
}
#menu ul{
	margin-left:-70px;
}

/******************onglet********************/

ul#liste li a{
	width:70px;
	height:30px;
	line-height:30px;
	display:inline-block;
	background:white;
	color:#666666;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}
ul#liste li a:hover, ul#liste li a:active{
	background:white;
	color:#3bbfe0;
}
ul#liste li a.selected{
	background:#35b9d9;
	color:white;
	height:30px;
	border:#FFFFFF thin solid;
	border-bottom:#35b9d9 thin solid;
	line-height:30px;
}
/*********************************************/

#cadre{
	margin:0 auto;
	margin-top:-15px;
	background-image:url("../images/cadre.png");
	width:760px;
	height:280px;
	padding:10px 10px 10px 10px;
	border:white thin solid;
}
	#diapo{
		background:#FFFFFF;
		width:760px;
		height:280px;
		text-align:center;
		z-index: 2;
	}

#diapo2{
		background:#FFFFFF;
		width:720px;
		height:486px;
		margin-left:5%; 
		text-align:center;
		z-index: 2;
	}

#ban{
	margin:0 auto;
	width:700px;
	margin-top:20px;
}
#head{
	margin:0 auto;
	background:transparent url("../images/titre.png") no-repeat right;
	width:200px;
	height:100px;
	float:left;
}
	#head a{
		width:200px;
		height:119px;
		text-indent:-50000px;
		display:block;
	}
#visite{
	margin:0 auto;
	background:url("../images/banvirtuel.png") no-repeat right;
	width:450px;
	margin-top:-5px;
	height:130px;
	float:right;
}
	#visite a{
		width:450px;
		height:130px;
		text-indent:-50000px;
		display:block;
	}

#corps{
	font-size:14px;
	margin:0 auto;
	width:780px;
	margin-top:-8px;
	margin-bottom:50px;
	padding:10px 10px 10px 10px;
	text-align:justify;
	color:#666666;
	clear:both;
}

#trail{
	margin:0 auto;
	width:100%;
	height:100%;
	margin-left:27.5%;
	
}
#bottom{
	font-family:"Century Gothic";
	font-size:12px;
	margin:0 auto;
	height:50px;
	width:1000px;
	margin-bottom:25px;
	text-align:center;
	line-height:55px;
	color: #999999;	
	clear:both;
}

/*******contact*******/

input, textarea{
	background:#ecefef;
	border:#35b9d9 thin solid;
	margin-left:10px;
	color:#35b4d3;
}

#nom{ margin-left:38px}

#email{margin-left:33px}

#objet{margin-left:31px}

#faux{
	color:#990033;
}
#bon{
	color:#3bbfe0;
}

/*******************/

/********ACCORDEON***************/
#accordion h3{
	border:1px solid #666666;
	margin-top:1px;
}
#accordion h3:hover{
	background-color:#fff;
}

.toggler {
	color:#5e5d5d;
	margin:0;
	padding:2px 5px;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	
}
 
.element {
	border:1px solid #666666;
}
 
.element p {
	padding-top:5px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:5px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 5px;
}
/***************************************************/


#map_mezy{
	margin-left:5px;
	}

/***********page produit***************/

#corps ul li{
	display: inline;
	font-size: x-large;
	margin-right:50px;
	padding-bottom:30px;
}

li{
	list-style-type:none;
}

#trailer{
	font-weight:bold;
}
#trailer a{
	margin:2px;
	border:2px solid #35b9d9;
	background:#FFF;
}
#trailer a:hover{
	border:2px dotted #35b9d9;
}
/*************************************/

/******tableau produit********/
	
#prod{
	width:780px;
}

.pro{

}
	
/************plan********************/

#plan{
	width:800px;
	text-align:center;
}