* {	font-family: "Trebuchet MS", Arial, Sans Serif;
	font-size:12px;
}

body {	padding: 0;
	margin: 0;
	background-color: #FFF;
	background-image: url("/images/fond1.jpg");
	background-repeat:no-repeat;
	background-position: center top;
}

#page {	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	width: 1024px;
	text-align:justify;
}

.tab {	margin-left:5em; }

#contenu {	margin: 0;
	padding: 0;
	width: 813px;
	min-height:300px;
	float:left;
	clear:none;
	background-color: #FFF;
 	border-left: 1px solid #EEF;
 	border-right: 1px solid #EEF;
 	border-bottom: 1px solid #EEF;
}

.rouge { color:#F00; }

.exergue { color:#4c5293;}
.exergue2 { color:#D34; }
.clignote { text-decoration: blink; }

em * {	font-family: Georgia, Times, Serif; }

strong {	font-weight: bold; }

small {	font-family: Georgia, Times, Serif;
	font-size:8px !important;
	font-size:9px;
}

sup {	font-size: 6px;
}

p { 	margin: 4px 0 4px 0;
	line-height:16px;
}

h4 {	padding: 0px;
	margin: 0px;
	font-family : Georgia, Times, Serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #666699;
}

h3 {	font-size: 22px;
	padding: 6px 0 0 0;
	margin: 6px 0 0 0;
	color: #00909F;
}

h3 big {	line-height:1.4em;
}

lh {	font-size: 14px;
	color: #00909F;
}

li {	margin:0 0 5px 0;
}

ul.li {	list-style-type: square;
}

a {	color: #4C5293;
	font-weight: bold;
	text-decoration: none;
}

big {	font-size:1.4em;
}

a:hover, a:active{	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

.chapo {	font-family : Georgia, Times, Serif;
	font-size: 17px;
	line-height:1.2em;
	letter-spacing:1px;
	font-style: italic;
	margin-bottom:12px;
}

.texte {	color: Red;
	font-size: 8px;
}

#petite_entete {	height: 68px;
	text-align: center;
}

#entete_accueil{	height: 280px;
	text-align: center;
}

#contactbox {	clear:none;
}

/* ----------------------------------------------          COLONNE 1      */

#colonne1 {	font-size: 11px;
	width:160px;
	padding: 12px;
	margin: 0 0 0 12px;
	float:left;
	clear:none;
	text-align:left;
}

#colonne1 em {	font-size: 10px;
	line-height: 16px;
	color: #4C5293;
}

#colonne1 big {	font-size: 12px;
}

#colonne1 blockquote {	padding: 4px;
	margin: 0 0 0 4px;
	background:#EEF;
	border:#AAF 1px dotted ;
}

#colonne1 blockquote p { 
	color:#448;
}

#colonne1 p strong {	
	font-weight:bold;
	color:#4C5293;
	line-height:1.0em;
	text-align:left;
}

#colonne1 div.avantage * { font-size:.95em; }

#colonne1 div.avantage { -moz-border-radius:8px; 	-webkit-border-radius:8px; }
#colonne1 div.avantage strong { color: #48e3ff; font-weight: bold;}
#colonne1 div.avantage small { font-family:Georgia,Times, serif; color: #fff; font-size:12px; line-height:1.4em;}
#colonne1 div.avantage { display:block; padding: 8px; margin: 24px 0 0 4px; background: #4c5293; color: #FFF; }
#colonne1 div.avantage h4 { font-family:"Arial Narrow", arial, sans; font-size:1.25em; color: #4c5293; margin:-25px 0 0 -14px; font-weight:bold; font-style:normal;}
#colonne1 div.avantage sup { font-size:.6em; top:0; margin:0; padding:0; line-height:inherit;}
#colonne1 div.avantage p a { text-decoration: none; font-size: 11px; display: inline; color: #4c5293; background-color: #00909f; color: #ffffff; padding:2px; }
#colonne1 div.avantage p a:hover { background-color: #4c5293; }

#col_info_droite { float:none; background-color: #4c5293; }


/* ------------------------------------------          COLONNE 2    */

#colonne2 {	width:570px;
	padding: 12px;
	margin: 0;
 	float: left;
 	clear: none;
	display: block;
}

#colonne2 p {
}

#colonne2 h3 {	margin:0;
	font-weight: bold;
	font-size: 13px;
	font-style: italic;
	letter-spacing: 1.1px;
	color: #00909F;
}

#colonne2 h1 {	padding:0;
	margin:0;
	line-height:1.0em;
}

#colonne2 blockquote * {	font-size:1.0em;
	line-height: 1.0em;
}

#colonne2 blockquote p {	color:#000;
}

#colonne2 blockquote h2 {	padding-top:6px;
}

#colonne2 blockquote {	position: relative;
	display: block;
	background-color: #FFF;
	padding: 0 10px 10px 10px;
	border: 1px solid #66DCE8;
}

/* --------------------------------------------- cols 		*/

.col_un_tiers {	float:left;
	clear:none;
	text-align:left;
	width:30%;
	width:31% !important;
	margin-bottom:20px;
	margin-right:12px !important;
	margin-right:6px;
	text-align:left;
	font-size:inherit;
}

.col_deux_tiers {	float:left;
	clear:none;
	width:60%;
	margin-right:2%;
	margin-bottom:12px;
}


.col_80p {	float:left;
	clear:none;
	width:80%;
	margin-right:2%;
	margin-bottom:12px;
}




.box {	background:#FFF;
	padding:4px 62px;
	margin:16px 0;
	font-size:1.6em;
	border-top:1px dotted #00909F;
	border-bottom:1px dotted #00909F;
}

.box * {	color:#00909F;
}



.deux_tiers {	width:76%;  }


.alerte {	padding:.5em;
	background:#F50;
	color:#FFF;
}

.a_droite {	float:right; }
.a_gauche {	float:left; }

h1 {	font-size:1.7em; }


/* -------------------------------------------- accueil	*/

.menuaccueil {	padding:0 0 0 80px;
	font-family:inherit;
	position:relative;
	width:480px;
	line-height:1.0em;
	letter-spacing:1px;
	text-align:left;
}
.menuaccueil a {	font-weight:normal;
	font-size:12px;
}

.menuaccueil a:hover {	font-weight:normal;
	font-size:12px;
}

/* -------------------------------------------        liste promo accueil      */

.listeaccueilpromo {	margin:16px 0 16px 0;
	padding:6px;
	background-color:#EEF;
}

.listeaccueilpromo * {	font-size:0.95em;
	line-height:0.95em;
	color:#000;
	}

.listeaccueilpromo h3 {	font-size:1.2em;
	letter-spacing:12px;
	padding:0;
	margin:0;
	color:#00909F;
	}

.listeaccueilpromo ul {	margin:6px 0 6px 16px;
	padding:0;
	}

.listeaccueilpromo li {	margin:0 0 0 0;
	padding:5px 0 5px 0px;
	list-style-type:square;
	}

.listeaccueilpromo li h2 {	font-size:1.1em;
	letter-spacing:1px;
	padding:0;
	margin:0;
	color:#000;
	}
	
.listeaccueilpromo p {	padding:0;
	margin:0;
}
	
.listeaccueilpromo div {	padding:0;
	margin:0;
}

.listeaccueilpromo li big {	font-weight:bold;
	font-size:1.0em;
	letter-spacing:1px;
	padding:0;
	margin:0;
	color:#00909F;
}

.listeaccueilpromo a {	color: #00909F;
	font-weight: bold;
	text-decoration: none;
}

.listeaccueilpromo a:hover {	color: #000;
	text-decoration: underline;
}

.listepromo {	background:#FFF; padding:12px; overflow:auto; }


/* ------------------------------------------------------ encadre */

.encadre {	border: 1px solid #66DCE8;
	overflow:auto !important;
	overflow:visible;
}

.encadre h1 {	padding:0;
	margin:0;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #325887;
}

/*
encadre table td {
	margin: 0 20px 0 20px ;
}
*/

.encadre h2 {	width:100%;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #DDE5F0;
}


.droite {	text-align:right;
}

/* --------------------------------------------   zonetextecentre    

div.zonetextecentre  {	float:none;
	clear:both;
	overflow:hidden;
}

div.zonetextecentre p {
}

div.zonetextecentre em {	padding:0;
}

div.zonetextecentre h2 {	clear:both;
	padding:0;
	margin:0;
	font-size: 16px;
	color: #00909F;
}

div.zonetextecentre h3 {	padding:0;
	margin:0;
}

div.zonetextecentre h4 {	font-size: 15px;
	font-style:normal;
	color: #00909F;
}

/* ---------------------------------------------   Bouton de filtrage     */

.bt_on {	background-color: #4C5293;
	border:solid 1px #FFF;
}

.bt_off {	background-color: #28C3DF;
}

.bt_off a {	color: #38D3EF;
}

.bt {	margin: 4px 10px 4px 10px;
	padding:5px;
	font-weight: bold;
	color: #FFF;
}

.bt a {	color: #48E3FF;
	font-size: 12px;
	text-decoration: none;
}
.bt a:hover, .bt a:active { color: #4C5293;
}


/* -------------------------------------------------------------------- */

.lettre {	font-family : Georgia, Times, Serif;
	font-size: 13px;
	line-height: 20px;
	padding: 3px 0 3px 0;
	font-style: italic;
}

.bleu {	color: #00909F;
	font-size: 10px;
}

.petit {	color: Black;
	font-size: 8pt;
}


.bleu_10 {	color: #00909F;
	font-size: 10px;
}

.bleu_11 {	color: #00909F;
	font-size: 13px;
	font-weight: bold;
}

/* ------------------------------------------PIED DE PAGE				       		    */

#pieddepage { 	border-top: 1px solid #DCDCFF;
	clear:left;
	width:814px;
	background-color: #FFFFFF;
}

#pieddepage img {	float: left;
	clear:none;
	position: relative;
	padding: 10px 20px 0 30px;
}

#pieddepage a img { border:none; }

/*	MENU PHP	*/

#menuhtml {	float:right;
	clear:none;
	top:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	letter-spacing:0.1em;
}

#menuhtml a {	font-family: Georgia, Times, Serif;
	line-height:9px !important;
	line-height:10px;
	text-align: left;
	font-size: 8px;
	color: #111166;
}

#menuhtml a:hover {	font-family: Georgia, Times, Serif;
	text-align: left;
	color: black;
	text-decoration:underline;
}

#menuhtml a:active {	font-family: Georgia, Times, Serif;
	text-align: left;
	color: black;
	text-decoration: underline;
}

.item_depth_1 {	font-family: Georgia, Times, Serif;
	color:#7777BB;
	text-align:left;
	font-size: 8px !important;
	font-size: 9px;
	font-weight: bold;
 	padding: 0;
	margin: 0  !important;
	margin-top:2px;
}

.item_depth_2 {	font-family: Georgia, Times, Serif;
	color:#8888DD;
	text-align: left;
	font-size: 8px !important;
	font-size: 9px;
	font-weight: normal;
 	padding: 0 0 0 8px;
	margin: 0 !important;
	margin-top:2px;
}

.item_depth_3 {	font-family: Georgia, Times, Serif;
	color:#9999FF;
	text-align: left;
	font-size: 8px !important;
	font-size: 9px;
	font-weight:normal;
 	padding:0 0 0 16px;
	margin: 0 !important;
	margin-top:2px;
}

.boite_level_1 {
	float:left;
	clear: none;
	margin: 8px 6px 8px 6px  !important;
	padding: 4px  !important;
	margin: 8px 8px 8px 8px;
	padding: 6px;

}

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

#menu {	position:relative;
	width: 200px;
	top:60px;
	left:4px;
	float: left;
	clear:right;
}

/* ------------------------------------------ AFFICHAGE GENERAL DE PRIX ------------  */

span.typoprix {	color: #00909F;
	font-weight: bold;
}

/* ------------------------------------------ LISTES DE TARIF -----------------------   */

#listetarifs {	background-color:#EEF;
}

.itemtarif {	background-color:#FFFFFF;
	border: 1px solid #66DCE8;
	padding:4px 8px 4px 8px;
	margin:8px;
	height:auto !important;
	height:68px;
	overflow:auto !important;
	overflow:visible;
}

.itemtarif small {	font-size:9px !important;
	font-size:10px;
}

.boitephoto {	width:94px;
	margin:0 9px 0 0;
	float:left;
	clear:left;
	overflow:hidden;
}

.colonne {	width:350px;
	float:left;
	clear:none;
}

.boiteprix { 	float:right;
	clear:none;
	width:70px;
	text-align:left;
}
	
.boiteprix small { 	line-height:.85em;
}


.itemtarif h2 {	margin:0;
	padding:0;
	color: #00909F;
	font-size: 13px;
	font-weight: bold;
}

.itemtarif strong {	font-size: 15px;
}

.itemtarif img {
	float:left;
	clear:none;
	border:none;
	}
	
.colonne a {	color:#00909F;
	font-size:11px;
	margin:0;
}

.colonne p {	padding:0;
	text-align:left;
}

.colonne em {	font-family: Georgia, Times, Serif;
	color:#888;
	padding:4px 0 0 0;
	letter-spacing:0;
	font-size:8px !important;
	font-size:9px;
}

.header_liste_tarif {	float: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #08A3BF;
	padding: 6px;
	height:28px;
}

.header_liste_tarif table { float:left;
	margin:0 0 0 12px;
}

.header_liste_tarif p {	display:block;
	float:left;
}

.header_liste_tarif p a {	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	display:inline;
	background:#4C5293;
	color:#FFF;
	padding:8px;
	width:auto;
	}

.header_liste_tarif p a:hover {
	color:#4C5293;
	background:#00909F;
	}

.message_temp {	float: none;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-color: #08A3BF;
	margin : 12px 0 0 4px;
	padding: 8px;
}

.message_temp p a {
	text-decoration: none;
	font-size:11px;
	display:inline;
	background:#4C5293;
	color:#FFF;
	padding:2px;
	width:auto;
	}
	
.message_temp p a:hover {
	color:#4C5293;
	background:#00909F;
	}

/* -------------------------------- FICHE TARIF DETAILLEE -------*/ 

#fichetarif {	padding:18px;
	height:100%;
	display:block;
	position:relative;
	overflow:auto;
	background: #F5F9FF;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:1px solid #DDE;

}

#fichetarif h1 {	color: #00909F;
	font-size:18px;
	letter-spacing:1px;
}

#fichetarif h2 {	display:block;
	clear:both;
	padding:2px 8px;
	background-color:#DDE;
	color:#000;
	font-size:13px;
	letter-spacing:2px;
}

#fichetarif h3 {	font-style:normal;
	font-size:15px;
	padding:0;
	margin:0;
}


#fichetarif h4 {	color: #00909F;
	font-weight:bold;
	font-size:12px;
	padding:0;
	margin:8px 0 0 0;
}

#fichetarif h5 {	padding:0;
	margin:0;
	color: #000;
	font-style:normal;
	font-size:10px;
}

#fichetarif em {	font-family: Georgia, Times, Serif;
	font-style:italic;
	font-weight:normal;
}

#fichetarif small {
}

#fichetarif ul {	padding:0;
	margin:12px 0 0 0;
}

#fichetarif ul li {	margin:0 0 4px 0;
	padding:0 0 4px 0;
	font-size:.9em;
	line-height:1em;
	list-style-type: none;
	text-align:left;
	text-indent:0;
}


#fichetarif ul li strong {	margin:0 0 4px 0;
	padding:0 0 4px 0;
	font-size:inherit;
}




#fichetarif .tiers {	margin:0 4px 0 0;
	z-index:4;
	width:33%;
	display:block;
	float:left;
	clear:none;
	height:auto;
}

#fichetarif .deuxtiers {	float:left;
	z-index:4;
	margin:0 0 0 4px;
	height:auto;
	width:62%;
	display:block;
	clear:none;
}

#fichetarif .deuxtiers.a_droite { float:right; clear:none;}

#fichetarif .deuxtiers.a_gauche { float:left; clear:none;}

#fichetarif .cclear {	clear:left; }

#fichetarif .leprixcomprend ul li {
	margin: 0;
	padding-bottom: 3px;
}
	
#fichetarif small {	font-size:10px;	}

#fichetarif .boitefloat {}

#fichetarif .boitefloat ul  {
	display:block;
	margin:0px;
	padding:0px;
}

#fichetarif .boitefloat ul li {
	/* border:1px solid #0F0; */
	width:60px;
	height:60px;
	float:left;
	clear:none;
	padding:0 0 2px 2px;
	overflow:hidden; 
}

#fichetarif .boitefloat ul li img.vignette {
	/* border:2px solid #F0F; */
	width:auto;
	height:60px;
	z-index:3;
}

.boitetarif {	padding:4px;
	margin:2px 4px;
	position:relative;
	float:right;
	clear:none;
	color: #FFF;
	background-color: #4c5293;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

}

.btn_reserver {	padding:4px;
	margin:2px 4px 4px 4px;
	float:right;
	clear:both;
	background:#00909F;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.btn_reserver:hover {	
	background:#4c5293;
}

.btn_reserver a {	color:#FFF;
}

.btn_reserver a:hover {	text-decoration:none;
}




#fichetarif .boitetarif h3 { color: #FFF; }

.leprixcomprend {	position:relative;
	margin: 0;
	padding: 10px;
	overflow:auto;
}


.portrait {	width:100%; height:100%; }
.paysage {	width:100%; height:150%; }
/* a finir */


.boiteimagefloat {	float:left;
	clear:none;
	padding: 0 8px 8px 0;
}

.boiteimagefloat img {	width:172px; height:120px; }


.imagezoom {	margin:0; border:none; overflow:hidden; float:left; clear:none; margin:0 4px 4px 0; }
.imagezoom img {	}
.imagezoom a {	margin:0; padding:4px; cursor:pointer; }
.imagezoom a img {	 border:2px solid #AAA;}
.imagezoom a:hover img { border:2px solid #000;}
.zoom {	display:none; }
.zoom img {	width:100%; height:auto; }

.imagezoom a:hover .zoom {
	-moz-border-radius:6px;
	position:fixed;
	background:#FFF;
	width:250px;
	top:3%;
	left:2%; 
	margin:0;
	padding:10px;
	display:block;
	z-index:999;
	border:2px solid #AAA;
	-moz-box-shadow: 2px 2px 15px #444;
}



.imagezoom a.zoom h2  {
	position:absolute;
	color:#000;
	top:-26px;
	font-size:1.8em;
	text-decoration:none;
}








#tabledetailprix * {	font-family : "Trebuchet MS", Arial, Serif;
	font-style:normal;
	font-size: 11px !important;
	font-size: 12px;
	line-height:1.2em;
}

#tabledetailprix {	/* background-color: #F0F6FF; */
	margin: 0;
/*	padding: 10px;*/
}

#tabledetailprix table {	background-color: #F6FDFF;
	border: 2px solid #DDDCFF;
}

#tabledetailprix td {	border-bottom: 1px solid #DDDCFF;
	border-right: 1px solid #DDDCFF;
	padding: 2px;
}

#tabledetailprix + tr + td {	background-color: #F6FDFF;
}


#tabledetailprix strong {	font-weight:bold;
	}


#tabledetailprix em {	font-family: Georgia, Times, Serif;
	font-style:italic;
	font-weight:normal;
	font-size: 10px !important;
	font-size: 9px;
}


/* -----------------------------------------------  tableaux                            */

/*
tbody {
	color:#F00;
	font-size: 10px;
}
*/

td.titre {	background-color: #666699;
	color: White;
	font-weight: bold;
	font-size: 10px;
}

td.grass {	color: Black;
}

/*  -----------------------------------------------      PAGES LIENS				 	    */

#ficheliens * {	font-size:10px;
}

#ficheliens {	padding:8px;
	background-color:#EEF;
	position:relative;
}

.content_list {	position:relative;
	display: block;
	float: left;
}

.content_list ul li {	float: left;
	display: block;
	width: 140px;
	height: 100px;
	margin:10px;
	padding:0;
	text-align: left;
	background-color: #FFF;
	border:1px solid #FFF;
}

.content_list ul {	float: left;
	border:1px solid #00909F;
}

.content_list ul li a {	display:block;
	color: #00909F;
	text-decoration: none;
}

.content_list a:hover, a:active {	color: #00909F;
	text-decoration: underline;
}

.content_list a img {	display:block;
	width:50%;
	border:0 hidden ;
}

/* -----------------------------------------------  formulaires                  */

form {	overflow:hidden;
	display:block;
	margin:0 0 0 32px;
	clear:right;
}

fieldset {	overflow:auto;
	display:block;
	text-align:center;
	margin:0 0 4px 0;
	border:none;
}

.champ {	/* border:1px solid #0F0;  */
	display:block;
	float:none;
	clear:both;
	margin:0 0 5px 0;
	height:16px;
}

label {	text-align:left;
	font-size:.94em;
	display:inline;
	height:22px;
	width:230px;
	padding: 4px 0 0 10px ;
	background:#DDF;
	float:left;
	clear:left;
}

input, select, option {	}

input, select, textarea {	display:block;
	border:#DDF 2px solid;
	padding: 2px 0 0 8px;
	background:#EEF;
	float:left;
	clear:right;
	
}

textarea {	height:88px;
}

 select {	height:120%;
 }

input:focus, textarea:focus, selected:focus {
	color:#00F;
	border:#00F solid 2px;
}

input:hover, select:hover, textarea:hover {
	background:#FFF;

}

.bouton {	float:right;
	clear:both;
	color:#FFF;
	background:#00F;
	border:none;
	padding:2px 8px 2px 8px;
	margin:20px;
	height:22px;
}

.bouton:hover {	background:#000;}