* {font-family:"Trebuchet MS", Arial, Sans Serif;font-size:12px}
body {padding:0;margin:0;background:#E3E7FF;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:#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:10px}
.included {list-style-image:url('/images/Ricon_Included_p.png')}
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}

.box2 { display:block; background:#00909F;padding:5px;text-align:center;}
.box2 * { color:#FFF;}
.a_droite { float:right;clear:none;}
.wauto { width:auto;}
.w20p { width:20%;}
.w25p { width:25%;}
.w30p { width:30%;}
.w35p { width:35%;}
.rounded { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

/* ----------------------------------------------          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 { border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
#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:#00909f; color:#ffffff; padding:2px}
#colonne1 div.avantage p a:hover { background:#4c5293}
#col_info_droite { float:none; background:#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:#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:#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 ul { list-style-type:none; text-align:left; clear:both}
.listeaccueilpromo li { margin:0 1em 1em 0;float:left;  width:31%;  overflow:hidden;list-style-type:none;}
.listeaccueilpromo li a { width:92%; min-height:76px; background:#FFF; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0.5em;-moz-box-shadow:2px 2px 2px #88A; -webkit-box-shadow:2px 2px 2px #88A; box-shadow:2px 2px 2px #444; z-index:1000;display:block; color:#00909F;	text-decoration:none}
.listeaccueilpromo li a:hover, .listeaccueilpromo li a:focus { background:#00909F;}
.listeaccueilpromo li a:hover *, .listeaccueilpromo li a:focus * { color:#FFF;}
.listepromo { background:#FFF; padding:12px; overflow:auto; margin:0 0 1em 0;-moz-border-radius:4px; -webkit-border-radius:4px;-moz-box-shadow:2px 2px 2px #999; -webkit-box-shadow:2px 2px 2px #999; box-shadow:2px 2px 2px #444; z-index:1000}
.listepromo h3 { letter-spacing:0; font-size:1.0em;}
.listepromo .box { margin:.5em 0 0 0;}
/* ------------------------------------------------------ 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:#325887}
/*encadre table td {margin:0 20px 0 20px }*/
.encadre h2 {width:100%;font-size:14px;font-weight:bold;color:#FFF;background:#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_off {background:#28C3DF}
.bt_off a {color:#8E6EF0}
.bt {margin:4px 10px 4px 10px;padding:5px;font-weight:bold;color:#FFF;border:outset 2px #28C3DF}
.bt a {color:#48E3FF;font-size:12px;text-decoration:none}
.bt_on, .bt:hover, .bt a:active {background:#4C5293;border:inset 2px #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:#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 {padding-bottom:8px;background:#EEF}
.itemtarif {background:#FFFFFF;border:1px solid #BBB;padding:0;margin:14px;overflow:hidden;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;-moz-box-shadow: 0px 1px 5px #AAC; -webkit-box-shadow: 0px 1px 5px #AAC; box-shadow: 0px 1px 5px #AAC;}
.itemtarif small {font-size:9px !important;font-size:10px}
.boitephoto {width:104px;margin:0 12px 0 0;float:left;clear:left;overflow:visible}
.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:8px 0 0 0;padding:0;color:#00909F;font-size:17px;font-weight:bold}
.itemtarif h2 strong {font-size:16px;}
.itemtarif .boiteprix strong {font-size:15px}
.itemtarif img {width:104px;float:left;clear:none;border:none;}
.colonne a {color:#00909F;font-size:11px;margin:0}
.colonne p {padding:0;text-align:left;line-height:13px;}
.colonne em {font-family:Georgia, Times, Serif;font-style:normal;color:#888;padding:4px 0 0 0;letter-spacing:0;font-size:10px}

.header_liste_tarif {float:none;font-size:12px;font-weight:bold;color:#FFF;background:#08A3BF;padding:6px;height:28px;overflow:visible;}
.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;}
.header_liste_tarif { height:auto;}
.themes_filter_buttons { border:1px dotted #888;overflow:hidden;height:auto;}

.message_temp {float:none;font-size:11px;font-weight:bold;color:#FFF;background:#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:auto;min-height:300px;display:block;position:relative;overflow:auto;background:#F5F9FF;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #DDE;}
#fichetarif h1 {color:#00909F;font-size:18px;letter-spacing:1px}
#fichetarif h2 {display:block;clear:both;padding:2px 8px;background:#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-size:10px;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 {margin:0 0 12px 0;}
#fichetarif .leprixcomprend ul li {margin:0;margin:0 0 2px 0;padding-bottom:3px}
#fichetarif small {font-size:10px;}
#fichetarif .boiteimagefloat {}
#fichetarif .image-main {overflow:auto;}
#fichetarif .image-main { float:left;clear:none;padding:0 8px 8px 0}
#fichetarif .image-main img {width:172px; height:120px}
#fichetarif .images-list.small { display:block;overflow:visible;}
#fichetarif .images-list.small ul { display:block;margin:12px 0 0 0;padding:0;overflow:visible;}
#fichetarif .images-list.small ul li {width:66px;height:50px;float:left;clear:none;padding:0 0 4px 4px;overflow:hidden;}
#fichetarif .images-list.small ul li img.vignette {/* border:2px solid #F0F; */width:auto;height:50px;z-index:3}
.boitetarif {padding:4px;margin:2px 4px;position:relative;float:right;clear:none;color:#FFF;background:#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%}
.sticker { background:#00909F;color:#FFF;font-weight:bold;font-size:9px;display:block;position:relative;text-align:center;margin:0 0 0 2.5em;padding:1px 2px;-moz-box-shadow: 1px 1px 5px #BBC; -webkit-box-shadow: 1px 1px 5px #BBC; box-shadow: 1px 1px 5px #BBC;}
/* a finir */


.imagezoom {margin:0; border:none; overflow:visible; float:left; clear:none; margin:0 4px 0 0;-moz-box-shadow: 1px 1px 5px #AAA; -webkit-box-shadow: 1px 1px 5px #AAA; box-shadow: 1px 1px 5px #AAA;}
.imagezoom img {}
.imagezoom a {margin:0;padding:0;cursor:pointer}
.imagezoom a img {}
.imagezoom a:hover img {}
.zoom {display:none}
.zoom img {width:100%; height:auto}
.imagezoom a:hover .zoom {-moz-border-radius:6px;position:fixed;background:#FFF;width:340px;top:3%;left:2%;margin:0;padding:10px;display:block;z-index:999;border:1px solid #AAB;box-shadow:2px 2px 25px #BBC;-webkit-box-shadow:2px 2px 25px #BBC;-moz-box-shadow:2px 2px 25px #BBC}
.imagezoom a.zoom h2  {position:absolute;color:#000;margin:0;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:#F0F6FF; */margin:0;/*	padding:10px;*/}
#tabledetailprix table {background:#F6FDFF;border:2px solid #DDDCFF}
#tabledetailprix td {border-bottom:1px solid #DDDCFF;border-right:1px solid #DDDCFF;padding:2px}
#tabledetailprix + tr + td {background:#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:#666699;color:White;font-weight:bold;font-size:10px}
td.grass {color:Black}
/*  -----------------------------------------------      PAGES LIENS				 	    */
#ficheliens * {font-size:10px}
#ficheliens {padding:8px;background:#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:#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;}