.h4 {color: #36624b; font-size: 1.2em;font-variant:small-caps;}/*menu*/
.h4 a {color: #36624b; text-decoration:none; font-weight:bold;}
.h4 a:hover{color: #ce1a47; font-weight: bolder;}
.textvert {color: #36624b; font-size:13px; font-weight:bold;}
.here {font-size: 15px; font-variant:small-caps; color:#E9A02F; text-decoration:none; font-weight:bolder;}
.here a {font-size: 15px; font-variant:small-caps; color:#E9A02F; text-decoration:none; font-weight:bolder;}
.theway {color: #e9a02f; font-size: 15px; font-variant:small-caps;}
.tel {background-color:#ce1a47; height: 1px; border: 0;}

.vertical li {color:#a8a92a; font-size:16px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #ce1a47; font-weight:bold; list-style-type: none; width:190px; padding-bottom:15px; height:10px; margin:-8px 0 0 0;}
.vertical2 {color:#a8a92a; font-size:16px; border-bottom: 2px solid #ce1a47; font-weight:bold; padding-bottom:5px; }
.ancre0 {color: #e9a02f; font-size: 15px; font-variant:small-caps; text-decoration:none; font-weight:bold;}
.ancre {color: #36624b; font-size: 15px; font-variant:small-caps; text-decoration:none; font-weight:bold;}
.ancre a {color: #36624b; text-decoration:none; font-weight:bold;}
.ancre2 {color: #36624b; font-size: 15px; font-variant:small-caps; text-decoration:none; font-weight:bold;}
.ancre2 a {color: #36624b; text-decoration:none; font-weight:bold;}
.textvert a {color: #052D18; text-decoration:none; font-weight:bold; letter-spacing:-0.05em }
.textvert a:hover{color: #ce1a47;}
.artistes {font-size:13px; font-weight:bold; color: #a8a92a; text-decoration:none; font-weight:bold;}
.artistes a {color: #a8a92a; text-decoration:none; font-weight:bold; font-style:normal;}
.artistes a:hover{color: #E9A02F; font-weight: bolder;}
.liens {color: #36624b; font-size:12px; line-height:18px; margin: 0; padding:2px 0; margin-left:20px;     text-align: left;}
.titre {font-size: 15px; font-variant:small-caps; color:#36624b; text-decoration:none; font-weight:bolder;}

.formulaire {font-weight: lighter; font-size:12px; line-height:15px; color: #e9a02f; font-variant:small-caps; font-weight:bolder; text-align:left; }
.fieldset {background-color:#36624B;}
/*************************************************************************************/
body {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:1em; background-color:#36624b!important;}
p {margin:5px;}
 a:hover {color: #052D18}

img {max-width:100%; height:auto}
p.img { vertical-align: middle; margin:0}
#page {margin:0 auto; padding: 1%; width:95%; max-width:1400px;}
#left {margin:0; padding:1%; width:25%;float:left; text-align:center; }
#content {float: right; display: inline; width: 65%; box-shadow: 4px 4px 8px #213a2d; border-radius: 3px; padding:10px 0;}
#main {margin:0; padding:0 1%; background-color:#36624b!important;}
}
.aquarelle {max-width:600px;}

#footer {margin:0; padding:1%; text-align:right;     clear: both; font-size:90%}
#menuf  {width: 50%;; margin: 0 auto;font-variant: small-caps; min-width: 150px;}
#menuf ul {padding:0;     margin: 0;}
#menuf li {background-color: rgb(168, 169, 42);list-style: none;margin: 8px auto; padding:1px 0}
#menuf li a {color: #36624b; text-decoration:none; font-weight:bold;}
#menuf li a:hover, #menufm li a:hover, #menua li a:hover, #menuam li a:hover,
#menuf li:hover a, #menufm li:hover a, #menua li:hover a, #menuam li:hover a {color: #e9a02f;}
#menuf li:hover, #menufm li:hover, #menua li:hover, #menuam li:hover { background:rgb(206, 26, 71);}

li.ici, li.here{ text-decoration:none; font-weight:bolder; background:#36624b!important }
li.ici a, li.here a{color:#a8a92a  !important;  }

#menua, #menuam  {width:100%; margin: 0 auto 20px auto;font-variant: small-caps; text-align:center;}
#menua ul, #menuam ul {padding:0; margin:0;}
#menua li, #menuam li {background-color: rgb(233, 160, 47);list-style: none;margin: 0 5px;padding: 1px 5px;display: inline-block; margin: 5px;}
#menua li a, #menuam li a {color: #36624b; text-decoration:none; font-weight:bold;}


.via {background:rgb(206, 26, 71);text-align:center; color:#e9a02f; padding:10px}
.via a {color:white}
.via a:hover {color: #052D18}

h1, .h1 {color: #a8a92a; font-size: 100%;font-weight: lighter; margin: 0;}
h1 a, .h1 a{color: #a8a92a; font-size:13px;font-weight:bold; text-decoration:none;}

h2 {color: #e9a02f; font-size:95%; font-weight:lighter}
h2 a {color: #FFC}
h2 a:hover {color: #052D18}
h3 {color: #E9A02F; font-size:95%; font-style:italic;     margin: 0;font-weight: lighter; }

h5 {margin: 0;color: #e9a02f;font-variant: small-caps; font-weight: bolder; font-size: 100%;}
h5 a {color: #e9a02f; text-decoration:none;}/*présentation*/
h5 a:hover { color:#a8a92a;}
.tarifs, .tarifs a {color: #a8a92a; font-size:90%; margin-bottom:25px; text-decoration:none}

table.tarifs td {border-bottom:1px solid #a8a92a; vertical-align:middle; padding: 5px;    text-align: left;}
table.tarifs td.month {width:70px;padding-right: 10px!important; border-right: 1px dashed rgb(168, 169, 42); text-align:right}

.mail {color: #d7d6b3; text-decoration:none; font-style:italic;}
.mail a {color: #d7d6b3; text-decoration:none;}
.mail a:hover {color: #a8a92a;}
.contact {color: #a8a92a; font-size: 12px; text-decoration:none; font-style:italic;}
.contact a {color: #e9a02f; text-decoration:none;}
.contact a:hover {color: #a8a92a;}
.signature {font-family: Verdana, Arial, Helvetica, sans-serif; color: #a8a92a; font-size: 12px;  }
.signature a {color: #e9a02f;}
.signature a:hover {color: #a8a92a;color: rgb(206, 26, 71);}

#top,.contactm, #menufm {display:none;}
table.links, table.legal {display:block; }
table.linksmob, table.legalmob, .phonea {display:none}


#tophaut {margin: 0 auto;text-align:center; padding:10px}
#tophaut a{color:white}
#tophaut a:hover{color:rgb(233, 160, 47)}


.leftb {margin: 0; text-align:right;padding: 0 1% 0 2%;width: 47%;float: left;}
.rightb {    padding:0 2% 0 1%; text-align:left;width: 47%;float: right;} 
.links   { border-spacing: 25px; width:90%;margin:15% auto 5% auto}
.legal   { border-spacing: 25px; width:90%;margin:0 auto}
table.links td{width:33%}
.tableright {float: right;width: 100%; max-width: 350px; margin-bottom: 25px;}
.tableright td{  text-align: right;}
td {padding: 1%;}
#menua ul { padding: 0; margin: 0;}

.contactb {margin:15px auto;}

span.charm a:hover {opacity: 0.8;}
a.tobook {
	color:#CCF
}
a.tobook:hover{
	color:#C9F
}