body {
	background: #18203F url(images/deg-fd.gif) repeat-x center top;
}

* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#clear {
        clear: both;
        height: 1px;
}


#haut {
	background: url(images/haut.gif) no-repeat center 20px;
	height: 135px;
	width: 903px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}
#haut h1 {
	font-size: 10px;
	color: #AEB5D7;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
}

#haut ul {
	height:25px;
	margin-top: 80px;
	margin-left: 400px;
	white-space: nowrap;
	/*margin-right: 200px; */ 

}

#haut li {
	background: url(images/bts-ht-fd-li.gif) repeat-x center 22px;
	float: left;
	padding-bottom: 15px;
	margin-right: 5px;
	list-style: none;
}


a.bt_std{
	font-size: 12px;
	font-weight: bold;
	color: #005500;
	height:18px;
	width:98px;
	text-decoration: none;
	border: 1px solid #9AA1C2;
	background: url(images/bts-ht-fd.gif) repeat-x center bottom;
	text-align: center;
	padding: 2px 15px;
	
}

a.bt_std:hover  {
        background: url(images/bts-ht-fd0.gif) repeat-x center bottom;
}

a.bt_reserv{
       font-size: 12px;
        font-weight: bold;
        color: #005500;
		height:18px;
		width:98px;
        text-decoration: none;
        border: 1px solid #9AA1C2;
        background: url(images/bts-ht-fd.gif) repeat-x center bottom;
        text-align: center;
		padding: 4px 15px;
		display:block;
}

a.bt_reserv:hover  {
        background: url(images/bts-ht-fd0.gif) repeat-x center top;
}



ul.inline{
	display:list-item;
	list-style:none inside;
}
ul.inline li {
	display: block;
	background: url(images/bts-ht-fd-li.gif) repeat-x center 22px;
	float: left;
	padding-bottom: 15px;
	list-style: none;
}
#haut li a , ul.inline li a {
	font-size: 12px;
	font-weight: bold;
	color: #003875;
	text-decoration: none;
	display: block;
	height: 18px;
	border: 1px solid #9AA1C2;
	background: url(images/bts-ht-fd.gif) repeat-x center bottom;
	text-align: center;
	padding: 2px 5px;
}
#haut li a:hover , ul.inline li a:hover  {


	background: url(images/bts-ht-fd0.gif) repeat-x center bottom;

}




#contenant {
	background: url(images/fd-cont.gif) repeat-y center top;
	width: 903px;
	padding: 1px;
	margin: 0px auto;
}
#contenant #menu {
	float: left;
	width: 209px;
	margin-left: 8px; 
	background: url(images/menu-fd-deg.gif) repeat-x center top;
	height: 335px;
}
#contenant #menu a {
	background: url(images/menu-bt-fd.gif) no-repeat left top;
	display: block;
	padding: 3px 2px 2px 27px;
	margin-bottom: 8px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #1B4D84;
}
#contenant #menu a:hover {
	background: url(images/menu-bt-fd.gif) no-repeat left bottom;
}
#contenant #menu ul {
	display:inline;
	list-style:none inside;
	padding:0px;
	margin:0px;
}
#contenant #menu li {
	list-style: none;
}


#contenant #contenu {
	margin-left: 220px;
}
#contenant #contenu h2 {
	font:Verdana;
	background: #c4d1dd;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin: 10px 25px 10px 20px;
}
#contenant #contenu h2 span {
	font:Verdana; 
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #003876;
	padding-right: 5px;
	padding-left: 5px;
}
#contenant #contenu p {
	color: #003876;
	font-size: 12px;
	margin-right: 25px;
	margin-left: 20px;
}

#contenant #contenu li {
	color: #003876;
	font-size: 12px;
	margin-right: 25px;
	margin-left: 80px;
}

#contenant #contenu ol ul {
	margin-top: 80px;
	margin-left: 450px;
	white-space: nowrap;
	margin-right: 200px;



}

#pied {
	width: 903px;
	margin-right: auto;
	margin-left: auto;
	background: url(images/bas.gif) no-repeat left top;
	height: 182px;
	vertical-align: top;
	padding-top: 1px;
	clear:both;
}

#pied #logos {
	margin-left: 218px;
	margin-top: 30px;
	text-align: center;
}
#pied #logos img {
	margin-right: 10px;
}


#pied #liensbas {
	margin-left: 218px;
	text-align: center;
	margin-top: 45px;
}
#pied #liensbas a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
#pied #liensbas a:hover {
	color: #B4BBDF;
	text-decoration: underline;
}
address {
	width: 903px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}
address a {
	color: #B4BBDF;
	text-decoration: none;
	font-size: 10px;
}



.categorie{
	font: bolder 16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 635px;
	margin-top: 20px;
	margin-left: 20px;
	vertical-align:top;
	display:block;	/*clear:left;*/
	background-image: url(images/encadrev640.jpg);
	background-color: #FFFFFF;
}
#contenu.categorie .p1{ font-size: 11px;}

/**************LISTE PRODUITS ******************/

.produit {

	color: #4c555c;
	font: 11px Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 10px;
	width : 640px;
}
/* boite produit petite taille */
.produit_1 {
	color: #4c555c;
	font: 11px Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom : 10px ;
	width : 310px;
	height : 115px;
	vertical-align:top;
	float :left ;
}
.produit_2 {
	color: #4c555c;
	font: 11px Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom : 10px ;
	vertical-align:top;
}

.produit_2 a.bt_reserv {
       
    padding: 2px 15px;
	display:inline;
	margin-top: 10px;
}
.photo {
	width: 123px; /* 120px + 3px pour la bordure */
	margin-left: 10px;
	height:90px;
	margin-top: 13px;
	text-align: center;
	margin-right: 15px;
	background: #FFFFFF;
	float: left;
	border:0px solid #9c9c9c;
	cursor:pointer;
	display: table-cell;
	vertical-align :middle ;
}

.photo_bdr {
	width: 125px; /* 120px + 3px pour la bordure */
	margin-top: 13px;
	text-align: center;
	margin-right: 15px;
	background: #FFFFFF;
	float: left;
	border:3px solid #9c9c9c;
	cursor:pointer;
	display: table-cell;
	vertical-align :middle ;
}


.shadow{
	font:10pt arial;
	margin-left: 0px;
	display: inline;
	background: #f9f9f9;
	z-index:100 ;
	border:0px;
}

#contenu h4, h4 a, h4 a:hover {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000000;
/*margin-left: 10px;*/
	text-align: left;
	padding-top: 17px;
	padding-bottom: 11px;
	background: url(images/produit_shadow.gif) no-repeat left top;
	text-decoration:none;
	}
#contenu h4 {
	margin-left: 10px;
} 
#contenu  .titre {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #198abe;
	text-align: left;
	padding-top: 17px;
	padding-bottom: 11px;
	background: url(images/produit_shadow.gif) no-repeat left top;

	}

#contenu  .faq em {
	text-align: left;
	color: #091c38;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
}

#contenu  .produit h5 {
	text-align: left;
	color: #091c38;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
}
#contenu  .produit p {
	color: #003876;
	font-size: 12px;
	margin-left: 170px;
}

a.pinfo {
        text-align: left;
        color: #0000FF;
        font: bold 11px Arial, Helvetica, sans-serif;
        margin-top: 0px;
        margin-bottom: 10px;


}


/* Form */
#datedep,  #dateret, input{
	background-image: url(images/calendrier.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFFFFF;
	width: 90px;

}

fieldset{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #6A6767;
	background: url(images/encadrev.gif) no-repeat;
	width: 320px;
	margin-top: 20px;
	margin-left: 10px;
	border: none;
	float:left;
	vertical-align:top;
	display:block;
}

legend {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003876;
	text-align: center;
	height: 14px;
	margin: 0px 0px 6px;
	background: url(none);
}

label {
	padding-right: 4px;
	margin-top: 7px;
	display:block;
	white-space: nowrap;
	text-align: right;

}
input {
	border: 1px solid #999999;
	width: 150px;
	background: #FFF;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
input.envoyer {
        border: 1px #CCCCCC solid;
        font-size: 8pt;
        font-weight: bold;
        color: #003875;
	height:18px;
	width:98px;
        text-decoration: none;
        background: url(images/bts-ht-fd.gif) repeat-x center bottom;
        text-align: center;
	display:block;
}
select {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #6A6767;
	}
option {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #6A6767;
	}

.saveOk{ font-size:130%;font-weight:bold;color:#008000;display:block;text-align:center ;}
.saveBad { font-size:130%;font-weight:bold;color:#ff0000;display:block;text-align:center ;}
/************** formulaire large ******************/

fieldset.large {
	/* border: 1px solid #6AACE8;
	background-color: #E6F5FF;*/
	background: url(images/produit_shadow.gif) no-repeat 0% 0% ;
	width: 550px ;
	padding:20px;
	font-family: Arial, Helvetica,Verdana,  sans-serif;
	font-size: 12px;
	color: #003876;
}
.large legend {

	color: #0856AE;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #6AACE8;
	background-color: #BFE1FF;
}
.large label {
	font-family: Arial, Helvetica,Verdana,  sans-serif;
	font-size: 12px;
	display: block;
	margin: 2px;
	text-align: left;
}
.large input, .large textarea, .large select{
	border: 1px solid #9AA1C2;
	color: #513903;
	background: #FFFFFF;
	margin: 2px;
	font-family: Arial, Helvetica,Verdana,  sans-serif;
	font-size: 12px;
	width:auto ;
}
.large .button {
	background: url(images/bts-ht-fd.gif) repeat-x center bottom;
	height: 20px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #9AA1C2;
	color: #003876;
}
.large input.radio {
	border-width: 0px;
	background: #FFF;
	width: 20px;
}
.large label.floatlab{
	float : left;
}
#radioSet{
	display : block ;
	text-align: left ;
}

.cssBR{
	content:".";
	display:block;
	height:0;
	clear:both;
	border-width : 0px ;
	visibility:hidden ;
}

/* Fin Objets de formulaire */

.tab1{
	display:table;
	border-collapse:collapse;
	color: #003875;
	font : normal 12px  Arial,Helvetica,Verdana, sans-serif;
	width:640px;
}
.tab1 th{
	font : bold 12px  Arial,Helvetica,Verdana, sans-serif;
	color: #FFFFFF;
	background-color: #003876;
	border:1px solid #003875;
}

.tab1 tr.fonce{ background-color: #E7EDF1 ;}
.tab1 tr.fonce td{ background-color: transparent ;}
.tab1 td{ border:1px solid #003875; padding : 2px 0px; text-align:center;vertical-align:middle;}


#contenant #contenu .tarif {
	margin: 0px 0px 20px 20px;
	padding: 0px;
	border: 1px solid #585F7F;
}
#contenant #contenu .tarif th {
	color: #FFFFFF;
	padding: 5px 10px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	
	
}
#contenant #contenu .tarif .b1 th {
	background: #003876;
	border-bottom: 1px solid #414969;
}

#contenant #contenu .tarif .b2 th {
	background: #565E7D;
	border-top: 1px solid #414969;
}
#contenant #contenu .tarif td {
	text-align: right;
	padding: 2px 9px 2px 7px;
	font-size: 12px;
	margin: 0px;
	color: #323A59;
}
#contenant #contenu .tarif .b1 td {
	border-bottom: 1px solid #C4D1DD;

}
#contenant #contenu .tarif .b2 td {
	text-align: left;
	background: #EAEFF3;
	padding: 0px;
	border-top: 1px solid #C4D1DD;
}