/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */
html {overflow-y: scroll;}

body {
	background-color: #FAC129;
	background-image: url(../images/background2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	background-attachment: fixed;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #656666;
}

h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #ffc534;
	font-weight: lighter;
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	line-height: 30px;
}
h2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #ffc534;
	font-weight: lighter;
	margin: 0px;
	clear: both;
	line-height: 24px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #787878;
	font-weight: lighter;
	margin: 0px;
	padding: 0px;
	clear: both;
	line-height: 24px;
}
p{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	
}
ol{
	line-height: 16px;
	padding-bottom: 10px;
	
}
li{

}
a:link {
	color: #787878;
}
a:visited {
	color: #787878;
}
a:hover {
	color: #FFC534;
}
a:active {
	color: #FFC534;
}
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px;
 background-color:#FFF;}

.column {
	margin: 0 10px;
	float: left;
	display: inline;
}
.column2 {
	float: left;
	display: inline;
}

.row {
	width: 960px;
	margin: 0 auto;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}


/*---------------------------------------------------------DESIGN---------------------------------------------------------------------------------*/


/*------------------------HEADER----------------------------*/

#header {
	width:921px;
	height:161px;
	background-image:url(../images/header/background.jpg);
	float:left;
	clear:both;
	padding-left: 18px;
}

#logo{
	float:left;
	width: 281px;
	padding-top: 25px;
}
#zone-menu{
	float:left;
	padding-top: 123px;
	width: 639px;

}
.menu0{
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #656666;
	padding-right: 35px;
	padding-left: 32px;
}
.menu2{
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #656666;
	padding-right: 35px;
	padding-left: 35px;
}
.menu3{
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #656666;
	padding-right: 35px;
	padding-left: 42px;
}
/*---------------FIN HEADER------------------------------*/

/*---------------FLASH------------------------------*/

#flash{
	float:left;
	width:960px;
	height:308px;
	
}
/*---------------FIN FLASH------------------------------*/

/*---------------DÉBUT CONTENU------------------------------*/

.c-gauche-accueil{
	float:left;
	width:251px;
	height:320px;
	background-image:url(../images/c-gauche-accueil.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	min-height:310px;
	padding-top: 10px;
	padding-left: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4d4d;
	text-align: justify;
	padding-right: 35px;
}
.vignette1{
	float:left;
	width:270px;
	height:73px;
	background-image: url(../images/vignette-service-cle-en-main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding-top: 130px;
	padding-left: 30px;
}
.vignette2{
	float:left;
	width:253px;
	height:73px;
	background-image: url(../images/vignette-reservez-nous.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding-top: 130px;
	padding-left: 30px;
	
}
.vignette3{
	float:left;
	width:353px;
	height:80px;
	background-image: url(../images/vignette-contact.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	margin-top: 20px;
	padding-top: 20px;
	padding-left: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #919191;
	font-weight: bold;
}

/*---------------------------------FOOTER-------------------------*/

#footer{
	width:960px;
	height:55px;
	background-image:url(../images/footer/background.gif);
	background-repeat:no-repeat;
	background-position:center top;
	padding-left: 2px;
}
.droits{
	float:left;
	padding-right:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFF;
	padding-top: 30px;
	padding-left: 15px;
}
.sitmap{
	float:left;
	padding-right:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #d5d5d5;
	padding-top: 30px;
	padding-left: 15px;
}

/*---------------------------------PAGE TYPE------------------------*/

#header-type{
	width:960px;
	height:82px;
	background-image: url(../images/page_type/back-header-type.gif);
	background-repeat:no-repeat;
	background-position:center top;
	float: left;
}

.titre-header-type{
	width:230px;
	height:74px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #ffc534;
	padding-left: 45px;
	padding-top: 8px;
	float: left;
}
.titre2-header-type{
	height:62px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #ffc534;
	padding-left: 30px;
	padding-top: 5px;
	float: left;
	width: 600px;
	line-height: 30px;
}
.titre3-header-type{
	height:62px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffc534;
	padding-left: 30px;
	padding-top: 5px;
	float: left;
	width: 600px;
	line-height: 30px;
}
#c-gauche-type{
	width:286px;
	min-height:384px;
	background-image: url(../images/page_type/c-gauche-type2.jpg);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4d4d;
	float: left;
	padding-right: 32px;
	text-align: justify;
}
.texte-c-gauche-type{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4d4d;
	float: left;
	padding-left: 32px;
}
.icone-reservez{
	width:281px;
	height:62px;
	float: left;
	margin-top: 10px;
	padding-left: 7px;
}
#zone-sous-menu{
	width:393px;
	float: left;
	margin-top:10px;
}


.sous-menu{
	width:393px;
	margin:9px 0px 0px 0px;
	height:48px;
	float: left;
	background-image:url(../images/page_type/bandeau-sous-menu.jpg);
	background-repeat:no-repeat;
}
.item-sous-menu{
	float: left;
	width:93px;
	height:34px;
	margin:0px 0px 0px 0px;
	/*padding-top: 7px;
	padding-right: 7px*/

}
.item-sous-menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration:underline;
}
.texte-zone-sous-menu{
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000;
	margin-bottom: 20px;
	text-align: justify;
	width: 380px;
	padding-top: 20px;
}

.corpo-zone-sous-menu{
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000;
	margin-bottom: 20px;
	text-align: justify;
	width: 380px;
}

.contact-zone-sous-menu{
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000;
	margin-bottom: 10px;
	text-align: justify;
	width: 380px;
	
}
.image-c-droite{
	width: 202px;
	float:left;
	margin-left: 7px;
	margin-top: 20px;
}
.image-contenu{
	width: 275px;
	float:left;
	margin-left: 35px;
	margin-top: 9px;
}
.image-contenu-2colones{
	width: 585px;
	float:left;
	margin-left: 10px;
	margin-top: 9px;
}

/*** Contact ***/

.contact_image{
	float:left;	
	width:100px;
	height:100px;
	background:#093;
	margin-bottom:10px;
}

.contact_text{
	float:left;
	width:265px;
	margin-left:15px;
}


/****** FORM *****/

#zone-sous-menu-form{
	float:left;
	width:600px;
}

.float { float: left;margin-left:10px; }
.float-right { float: right; }
.clear { clear: both; float:left}
.righter
{
	margin-left: 10px;
}

#sousTotal{
	font-weight:bold;	
}

/*

.padded{
	font-size:16px;
	font-weight:bold;
	color:#ffc534;
	padding:5px 5px 5px 5px;
	margin-top:10px;
}


.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #f1bd65; background: #f39900 url(images/ui-bg_flat_20_f39900_40x100.png) 50% 50% repeat-x; color: #000000; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #000000; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #000000; }

*/
/*** Galerie ***/

.layer_plus{width:15px;height:15px;position:absolute;margin-left:85px;margin-top:50px;}

.gallerie{width:600px;margin:5px 0px 5px 0px;height:75px;}
.gal_padding{height:30px;}
.gal_padding2{height:31px;}
.gal_price_details{font-size:8pt;}
.gal_name{float:left;width:150px;height:100%;font-size:12pt;}
.gal_price{float:left;width:120px;height:100%;font-size:9pt;}
.gal_img1{float:left;width:100px;height:100%;margin:5px;}
.gal_img2{float:left;width:100px;height:100%;margin:5px;}
.gal_img3{float:left;width:100px;height:100%;margin:5px;}
.gal_spacer{clear:both;background:url(../images/gal_divider.jpg) no-repeat center;width:605px;height:5px;margin:15px 0px 15px 0px}

.zoneclient{width:230px;padding-top:25px}
.connect_error{padding:10px;}

#input_deroulement{
	width:510px;	
}

#input_description{
	width:510px;	
}