body {
	font : normal 11px verdana,arial,sans-serif;
	color:#fff;
	background: #5ac3e0 url(../images/bg-fond.jpg) repeat-x left top;
	text-align: center;
	margin: 0;
	padding: 0;
}

#conteneur {
	position: relative;
	text-align: left;
	width: 1200px;
	margin: 0 auto; 
	padding: 0;
}

#header {
    margin-left:100px;
	height: 200px;
}

#header h1, #header h2 {
	display:none;
}

#logo {
	
}

#centre {
	margin-left:100px;
	min-height: 500px;
}

* html #centre {
	height: 500px;
}

#centreDet {
	min-height: 500px;
}

p {
	margin:0;
	padding:0;
	line-height:14px;
}

.intro {
	padding:20px 0 10px 0;
	width:1000px;
}

.introDet {
	padding:20px 0 10px 0;
	width:1000px;
	margin-left:100px;
}

.txtrouge {
	color:#d72f50;
}

.souligne {
	/*text-decoration:underline;*/
	font-size:12px;
	font-weight:bold;
}



.separation {
	clear:both;
	visibility:hidden;
}

.clear {
	clear:both;
}



#pied {
	clear:both;
	margin:20px 0 0 100px;
}

#pied .offresbas {
	display:none;
	clear:both;
	margin:20px 0 20px 0;
	padding:0;
	width:1000px;
	color:#fff;
	text-align:center;
}

#pied .offresbas a {
	color:#fff;
	text-decoration:underline;
}
	
#liensbas {
	color:#000;
	padding:5px 0 10px 10px;
}

#liensbas a {
	color:#000;
	text-decoration:none;
}

#videoAcc {
    border: 2px solid #fff;
	width:1000px;
	height:500px;
	margin:13px 0 0 0;
	background-color:#000;
}

#evenements, #liens {
	background-color:#292d36;
	width:860px;
	padding:20px 70px 20px 70px;
	margin:30px 0 0 0;
	min-height: 450px;
}

* html #evenements, * html #liens {
	height: 450px;
}

#evenements p, #liens p {
	margin:0;
	padding:0;
}

#evenements a, #evenements p a, #liens a, #liens p a {
	text-decoration:none;
	color:#ff6633;
}

#meteo {
	margin:30px 0 0 0;
	text-align:center;
}

#meteo .logo {
	float:left;
	width:500px;
}

#meteo .logo a {
	text-decoration:none;
	color:#fff;
}

#meteo .logo .contour {
	border:1px solid #fff;
	padding:10px;
	margin:0 0 3px 0;
}

#contact {
	background-color:#292d36;
	width:860px;
	padding:20px 70px 0 70px;
	margin:30px 0 0 0;
}

#contact .presentation {
	text-align:center;
}

#contact .adresse {
	float:left;
	margin:20px 0 0 0;
	text-align:center;
	width:390px;
}

#contact .adresse a {
	text-decoration:none;
	color:#fff;
}

#map {
	width:385px;
	height:275px;
	margin:40px 0 0 0;
}

#contact .formul {
    float:left;
	width:390px;
	padding:30px 0 0 70px;
	margin:0;
}

#contact #equipe {
	clear:both;
	margin:40px 0 0 0;
}

#contact #equipe .photo {
	float:left;
	text-align:center;
}

#contact #equipe .photo a {
	text-decoration:none;
	color:#fff;
}

#contact #equipe .photo .contour {
	border:1px solid #fff;
	padding:10px;
	margin:0 0 3px 0;
}



#locmoteur, #ventemoteur {
	float:left;
	width:517px;
}

.locretour {
	margin:0 0 0 828px;
}

#locvoilier, #ventevoilier {
	float:left;
	width:483px;
}

table#tabloc, table#tabvente {
	width: 480px; 
	margin:10px 0 0 0;
}


table#tabloc td, table#tabvente td {
  /*height:175px;*/
  line-height:15px;
  padding:0;
  text-align:center;
  font-size:12px;
}


table#tabloc td.imgCat {
	cursor:pointer;
	width:230px;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
	border-left:solid 2px #fff;
}

table#tabloc td.descCat {
	background-color: #2a2d36;
	cursor:pointer;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
	font-size:11px;
}

table#tabloc td a, table#tabvente td a {
    color:#fff;
    text-decoration:none;
}

table#tabloc td.entete, table#tabvente td.entete {
	height:38px;
	background-color: #2a2d36;
	font-weight:bold;
	font-size:12px;
	border-top:solid 2px #2a2d36;
	border-left:solid 2px #2a2d36;
	border-right:solid 2px #2a2d36;
}



table#tabvente td.imgCat {
	cursor:pointer;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
	border-left:solid 2px #fff;
}

table#tabvente td.descCat {
	background-color: #2a2d36;
	cursor:pointer;
	border:solid 2px #fff;
	height:50px;
	font-size:11px;
}

table#tabliste {
	width: 955px; 
	margin:0;
}


table#tabliste td {
  line-height:15px;
  padding:0;
  text-align:center;
  font-size:12px;
}


table#tabliste td a {
    color:#fff;
    text-decoration:none;
}

table#tabliste td.entete {
	height:38px;
	background-color: #2a2d36;
	font-weight:bold;
	font-size:12px;
	border-top:solid 2px #2a2d36;
	border-left:solid 2px #2a2d36;
	border-right:solid 2px #2a2d36;
	border-bottom:solid 2px #fff;
}

table#tabliste td.imgCat {
    height:173px;
	cursor:pointer;
	width:230px;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
	border-left:solid 2px #fff;
}

table#tabliste td.descCat {
    height:173px;
	background-color: #2a2d36;
	cursor:pointer;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
}

table#tabliste td.imgSsCat {
    height:153px;
	width:230px;
	background-color: #2a2d36;
	border-bottom:solid 2px #fff;
	border-left:solid 2px #fff;
}

table#tabliste td.descSsCat {
    height:153px;
	width:240px;
	background-color: #2a2d36;
	cursor:pointer;
	border-bottom:solid 2px #fff;
	border-left:solid 2px #fff;
}
  


/* fiche detail  ------- */


table#tabdetail {
	width: 1210px; 
	margin:0;
}

table#tabdetail .btfavoris {
	float:left;
	width:180px;
}

table#tabdetail .categorie {
	padding-top:5px;
	text-align:center;
	font-size:10px;
}

table#tabdetail .btcontact {
	float:right;
	width:258px;
}

table#tabdetail td {

}


table#tabdetail td a {
    color:#fff;
    text-decoration:none;
}

table#tabdetail td.entete {
	height:38px;
	background-color: #2a2d36;
	font-weight:bold;
	font-size:12px;
	border-top:solid 2px #2a2d36;
	border-left:solid 2px #2a2d36;
	border-right:solid 2px #2a2d36;
}

table#tabdetail td.btnav {
	width:80px;
}

table#tabdetail td.photo {
	background-color: #fff;
	height:500px;
	color:#000;
}
	
table#tabdetailImg {
	width:100%;
}

table#tabdetailImg td.imgzoom {
	width:754px;
	background-color: #2a2d36;
}

table#tabdetailImg td.imgvign {
	width:147px;
	height:98px;
    background-color: #2a2d36;
	
}

.locretourDet {
	margin:0 0 0 871px;
}

table#tabdetail td.prix {
	background-color:#900000;
	height:38px;
	color:#fff;
	padding:0 0 0 20px;
	vertical-align : top;
}

table#tabdetail td.prix .tarifs {
	position:absolute;
	margin-top:12px;
}

table#tabdetail td.prix .condmyba {
	position:absolute;
	margin-top:12px;
	left:820px;
}

table#tabdetail td.prix .condmyba a {
	text-decoration:none;
	color:#fff;
}

table#tabdetailSpec {
	width:100%;
}


table#tabdetailSpec td.tspec {
	background-color:#999999;
	height:38px;
	color:#292d36;
	font-weight:bold;
	text-align:center;
	width:605px;
}

table#tabdetailSpec td.spec {
	background-color:#cccccc;
	line-height:32px;
	color:#292d36;
	padding:10px 0 10px 80px;
	vertical-align : top;
	width:605px;
}

table#tabdetailSpec td.spec .zone1 {
	padding-top:8px;
	line-height:17px;
}

table#tabdetailSpec td.specComment {
	background-color:#cccccc;
	line-height:14px;
	color:#292d36;
	padding:10px 10px 10px 80px;
	vertical-align : top;
	
}

#formdetail {
	position:absolute;
	top:200px;
	left:370px;
	background-color:#2a2d36;
	border:2px solid #fff;
	width:400px;
	height:500px;
	padding:5px 20px 0 20px;
	display:none;
}

#formdetail .fermer {
	padding:0 0 5px 345px;
}

#formdetail .refoffre {
	padding:30px 0 0 0;
	text-align:center;
	color:#990000;
	font-weight:bold;
}

#formdetail a {
	text-decoration:none;
	color:#7db3d9;
}
/*------------*/



#formContact {margin : 0; }
#formContact .input { font : normal 11px verdana,arial,sans-serif;margin:5px 0 10px 0;width:390px;}
#formContact .select { font : normal 11px verdana,arial,sans-serif;margin:3px 0 0 0;width:210px;}
#formContact label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH: 80px ; text-align:left; margin:4px 0 0 0;  }
#formContact .textarea { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; width:390px; height:300px;margin:5px 0 0 0; }

#formOffre {margin : 30px 0 0 0; }
#formOffre .input { font : normal 11px verdana,arial,sans-serif;margin:5px 0 10px 0;width:280px;}
#formOffre .select { font : normal 11px verdana,arial,sans-serif;margin:3px 0 0 0;width:210px;}
#formOffre label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH: 110px ; text-align:left; margin:4px 0 10px 0;  }
#formOffre .textarea { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; width:390px; height:290px;margin:5px 0 10px 0; }

