/* CSS Document */

*{margin:0; padding:0}
body{color:#4a084a/*333399*/; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; padding:10px; background-color:#efefef}
#global {background-color:#efefdc;width:1048px;margin: 0 auto;}

h1 {text-indent:-5000px;margin:0; line-height:0; }
/*nom rubrique*/
h2 {margin-bottom:20px; font-size:18px; font-family: "Times New Roman", Times, serif; text-transform:uppercase; color:#4a084a}
.sejour h2, .giftbox h2 {margin-bottom:10px;}

/*nom séjour*/
h3 {margin :20px 0; color:#4a084a; font-size:16px; font-family: "Times New Roman", Times, serif;text-transform:uppercase; font-weight:bold }
.standard{text-transform:none; font-family:Verdana, Arial, Helvetica, sans-serif}
.colonneliste h3 {margin:2px}
h3.clear {clear:both; margin-top:10px; margin-bottom:10px; text-transform:none; font-size:18px}
h4 {margin :10px 0 5px 0;color:#637d29/*339933*/ ; font-size:14px; font-family: "Times New Roman", Times, serif}
p{ margin:10px 0}
blockquote{margin:10px 0; font-style:italic; }
.auteur {font-family: "Times New Roman", Times, serif; font-weight:bold; font-style:italic;font-size:1.1em }
.clear{clear:both;}

/*==============images=======================*/
img {border:none; } 
img.right {float:right; margin:60px 40px 10px 20px; border:1px solid #4a084a/*a5b231*/;}
.giftbox img.right {margin:20px 40px 10px 20px;}

/*==============liens et menus =======================*/
a {text-decoration:none;color:#4a084a; outline:0 none;}
a.bouton_texte{font-weight:bold; font-size:0.9em; margin-left:650px}
a.bouton_texte:hover{text-decoration:underline}

ul { margin-left:40px}
/*bandeau haut*/
#bandeauhaut {
	height:129px;
	/*background:url(../img/bandeau_fond.jpg) repeat-x #a5a416;*/
	background-color:#a5a416;
	color:white;
	position: relative;
}
/*menus*/
.menu li{display:inline;list-style-type:none;font-size:15px; }

#menulangue {position:absolute; top:10px; right:20px; clear:right }
#menulangue a {margin-right:5px; color:white}

#panier {position:absolute; top:30px; right:20px; clear:right; text-align:center; font-size:10px; width:22px;color:white}

#mainmenu{clear:both; height:29px;width:1048px; background:url(../img/barre_menu.gif) repeat-x #5d1353; }
#mainmenu ul.menu  {margin-left:20px; line-height:29px}
#mainmenu li {position:relative; padding:5px; margin:0px;margin-right:30px;color:#CBB7D0;} 
#mainmenu a {  /*font-weight:bold;*/ color:#CBB7D0;}

#mainmenu ul ul{display:none; position:absolute;left:0px;top:28px;width:200px;padding:0; margin:0;border:#5d1353 1px solid; border-bottom:none; line-height: normal;background-color:#ab84a6;}
#mainmenu li:hover a{color:white;}
#mainmenu li:hover ul.niveau2, #mainmenu li li:hover ul.niveau3 {display: block; z-index:20}
#mainmenu li:hover ul.niveau2 li, #mainmenu li li:hover ul.niveau3 li{display:block; margin:0; padding:0; border-bottom:#5d1353 1px solid}
#mainmenu ul.niveau2 a {color:#E6DBE8;display:block; /*width:212px;*/ padding:5px; font-size:14px }
ul.niveau2 li:hover{background-color:#5d1353;background:url(../img/barre_menu.gif) repeat-x }
#mainmenu ul.niveau2 li a:hover {color:white;}  

/*menu de la rubrique active*/
body.giftbox #mainmenu a.giftbox, body.sejour #mainmenu a.sejour, #excursions #mainmenu a.excursions, #homepage a.homepage,#contact a.contact, #groupe a.groupe{color:white;}

#contenu{padding:30px 50px;background-color:/*#efefdc*/#F2F2E3; border:1px solid #999; border-bottom:none; border-top:none}
.colgauche {float:left}
.coldroite {float:right;}

/* =========== page d'accueil ================= */
#homepage #contenu{padding:0;background:url(../img/fond_gauche.jpg) top left repeat-y; 
border:1px solid #999; border-bottom:none; border-top:none}
#flashpanorama {height:183px;border:none; background:#5d1353  }/*url(../img/loire.jpg) no-repeat;*/
#homepage .colgauche {width:195px;text-align:center;}
#homepage .coldroite {margin-left:195px; width:845px;float:none; }

#homepage .colgauche .boutonimg {
position:relative;
width:160px; margin:30px auto; 
color:#ebebeb; 
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:14px;
font-weight:bold;
}
#homepage .colgauche #button_contact{margin-bottom:10px}
#trophee{margin:15px 0}
.titrebouton {position:absolute; top:0;left:0; width:160px;  text-align:center; color:#efefef}
.titrebouton a {color:#EEEEEE}
.titrebouton a:hover {color:white}
#bouton_agenda, #bouton_meteo .titrebouton {line-height:26px; letter-spacing:1px}

.blocthemes {margin-left:80px; }
.bloc_theme{float:left; text-align:left;margin-bottom:20px; margin-right:10px }
.boutononglet {position:relative;margin-bottom:5px; height:25px; line-height:25px; width:217px; text-align: center; color:white }
.bloc_theme .titrebouton {width:217px;}

#intro {padding:20px 0;margin-left:80px;width:680px; text-align:justify; font-size:0.9em}
#intro span{color:#62620D; font-size:1.04em; }

.boutonimgproduit{width:222px; height:86px; margin-bottom:5px; position:relative;}
.titreproduit {position:absolute; top:66px;left:2px; font-size:9px; font-weight:bold; text-align:center}

#blocphoto .titreproduit,#blocgourmand .titreproduit {color:#a5a416}
#blocpaint .titreproduit,#blocoenolo .titreproduit{color:#8D04C8}
#blocgolf .titreproduit,#blocsport .titreproduit{color:#5d1353}

/* =========== rub produits (séjour, coffret, excursion) ================= */
#discover #contenu{/*background:url(img/fonddiscover.jpg) left top repeat-y;background-color:#E9EAF5;*/}/*valeur la + foncée:#848ece */
#photo #contenu{/*background:url(img/fondphoto.jpg) left top repeat-y; background-color:#efefef;*/}/*valeur la + foncée:#7b4573 */
#painting #contenu{/*background:url(img/fondpeinture.jpg) left top repeat-y;background-color:#FCF9E4;*/}/*valeur la + foncée:#efcf10 */
#golf #contenu{/*background:url(img/fondgolf.jpg) left top repeat-y;background-color:#EEF7D7;*/}/*valeur la plus foncée:#9cd310 */
body.giftbox #contenu{ }
#excursions #contenu {padding-bottom:110px}/*pour IE <=7, le calendrier de la dernière ligne passe en sous du bandeau pied de page*/

.introrubrique{margin-bottom:30px;text-align:justify }
.photorubrique {float:left; margin-right:10px; border:1px solid #75750F;}

/*bloc produit dans la liste par rubrique */
.colonneliste {margin-bottom: 5px; }
#excursions .colonneliste {margin-bottom: 20px; margin-top:10px }
.vignette {height:80px; float:left; margin-right:10px; border:1px solid #5d1353}
.bloctext{height:80px; padding-top:10px }

/*affichage fiche produit */
.lienliste {float:right; margin-right:40px; font-size:0.9em; text-decoration:underline}
#lientopos {color: #637d29; font-size:0.9em}
table#prix {margin :10px 0 5px 0;}
.infos_comp{width:600px; padding:10px; margin:10px; margin-left:0; border:1px solid #637d29;; color:#637d29;;font-size:0.85em; background-color:#efefef}
.infos_prix{width:600px; padding:10px; margin:10px; margin-left:0; border:1px solid #4a084a;background-color: #efefef; font-size:0.85em;}
.smallfont{font-size:0.85em;}
.green{color:#405506}
#book {color:#4a084a; font-size:1.2em; text-decoration:underline; float:left; margin-right:100px }


/*bloc intervenant (séjour photo & peinture)*/
#intervenants{float:right; margin:0 0 10px 10px; border:1px dotted #ab84a6; width:310px; padding:10px;color:#94658E; font-size:11px;}
#intervenants h3{width:100%;  text-align:center; margin-bottom:10px; margin-top:0; color:#94658E; }
#intervenants .blocartiste{}
#intervenants .clear{padding-bottom:15px;}
#intervenants h5{font-weight:bold; margin:0; font-size:1em;}
#intervenants p{text-align:justify;margin:2px 0}
#intervenants img{float:left; margin-right:5px; margin-bottom:1px; margin-top:0; border:1px solid #94658E}
#intervenants a{float:right;color:#94658E}

/* =========== rub Qui sommes nous ================= */
#about_us #contenu {padding:30px 60px; }
#about_us h2{color:#931E84;}
#about_us p{text-align:justify}
#about_us ol{margin:5px 20px; padding:0 20px}
#about_us ol li {font-weight:bold;color:#931E84}
#about_us .misenavant{color:#a5a416;font-weight:bold;}
#about_us .misenavant2{color:#637d29;font-weight:bold;}/*vert clair*/

/* =========== rub météo ================= */
#meteo h4 {text-transform:uppercase; margin:10px 0}
#meteo table {font-size:0.9em; margin-bottom:5px }
#meteo caption {margin:10px 0;font-size:0.9em}
#meteo td {width:45px;  }
#meteo td.titre {font-size:0.95em;padding:4px;}
#meteo .colgauche {width:170px; text-align:center; padding-top:10px }
#meteo .coldroite {text-align:justify; width:750px}
#meteo span.source {font-size:0.7em; float:right}
#cont_f057bbe7dcdd34c73340870717c58a86 { position:relative}
#tameteo {position:absolute; top:2px; left:0; width: 170px; background-color:#efefd6; font-size:12px}
#meteo #bloc_weekday {position:absolute; top:85px; padding-top:5px;padding-left:5px; width:73px; height:120px; background-color:#efefd6; font-size:12px}
#meteo #bloc_weekday p {margin-top:0; margin-bottom:15px}

/*fiche descriptif lieu (body id:topos)*/
body#topos {padding:0; }
#topos #global{width:480px; padding:10px; background-color:#efefef; font-size:13px; margin:0 /*border:1px solid #5d1353;*/  }
#topos h2{font-style:italic; margin:5px auto; font-size:22px; letter-spacing:1px; text-align:center}
#topos p{text-align:justify}
#topos ul{margin-left:20px; list-style-type:square}
#topos li{padding-left:0; margin:10px 0; font-weight:bold; clear:both}
#topos a:hover{text-decoration:underline}
#topos li a:hover{color:#a5a416; text-decoration:none}
#topos #mainimg{width:300px; height:200px; margin-bottom:5px; position:relative;float:left;  margin:0 10px 10px 0}
#topos #titremonum {width:300px;position:absolute; bottom: 2px; left:0;
font-family:"Times New Roman", Times, serif;font-size:18px; font-style:italic; font-weight:bold;
text-align:center}

/*communes à  Val de Loire et fiche descriptif*/
ul#liensgolf, ul#liensmonum{margin:0; margin-left:8px;padding-bottom:5px;;font-size:0.88em;}
ul#liensmonum.serre{margin-left:0;}

ul#liensmonum{padding-bottom:10px; border-bottom:1px solid #999;margin-bottom:10px;}
ul#liensmonum a {color:#931E84;}
ul#liensmonum a:hover {color:#D948CB;}
ul#liensgolf a{color:#637d29;}
/*ul#liensgolf a:hover{color:#;}*/
ul#liensgolf .golf {margin-right:10px; font-weight:bold;color:#637d29;}
ul#liensmonum li, ul#liensgolf li {display:inline; margin-right:2px; padding-left:0; margin-left:0; font-weight:normal;}
/*ul.serre li{margin-right:0;}*/

ul#liensmonum .separator, ul#liensgolf .separator {margin:0 1px; color:#999; font-size:0.75em}

/*rub carte Val de Loire*/
#valdeloire #contenu{padding:10px 0;}
#valdeloire #carte {text-align:center; margin-bottom:20px; margin-top:10px}
#valdeloire h2{margin:0; margin-left:50px; margin-top:10px}
#valdeloire #liensmonum{padding-bottom:0; border-bottom:none;margin-bottom:5px;}
#valdeloire #list_lieux{margin:10px 50px}
/*====================================== Tables =========================================== */
#basket table{font-size:0.8em; width:90%; margin:auto; text-align:center}
td, th {padding:5px}
.fixedwidth td {width:120px}

/*====================================== Formulaires =========================================== */
#contact .colgauche {width:195px; padding-top:100px; }
.hidden{display:none}
.bloc_inline{ display:inline;margin-left:20px; }
.bloc_bloc{margin-left:0; margin-bottom:20px; display:block;  }


input, select, textarea {border:1px solid #999;margin:0 10px}
input[type="checkbox"], input[type="radio"] {border:none}
.bloc_bloc form{ display:inline; border:1px dotted #999; padding:10px; /*background-color:#efefef*/}
.resa_excursion form {display:block; width:420px; padding:5px 0 5px 10px; margin:15px 0 50px 140px; font-size:11px;  border:1px dotted #999; }

.bloc_bloc form{display:block; padding:2px 5px; margin:10px 0; font-size:11px; border:none }
.bloc_bloc form input{margin:5px;}

.bloc_resa_coffret{display:block;width:280px; margin-top:20px; padding:5px; text-align:center;border:2px dotted #a5a416; }

/*.bloc_booking {display:block; margin:10px 0;border:1px solid #999; padding:10px}*/

form.contact {border:1px dotted #999; padding:10px;}

form.contact p{
width: 400px;
clear: both;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 235px; /*width of left column containing the label elements*/
}
form.contact p.checkbox {width:100%; padding:0; margin:10px 0}

form.contact label{
font-weight: bold;
float: left;
margin-left: -235px; /*width of left column*/
width: 230px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

form.contact p.checkbox label{padding:0; margin-left:10px; font-weight:normal; float:none;width:100%}
form.contact input[type="text"], form.contact select, form.contact textarea {width: 180px;}
.bouton {width: 80px; background-color:white; padding:2px; }
.bouton_resa {width: 90px; background-color:white; padding:1px}


form.contact input.bouton {width: 100px; background-color:#E9E9E9}
form.contact textarea{width: 300px; margin-left:10px;}
p.messageenvoiformulaire {font-weight:bold;}
.messageerreur{color:red; font-weight:bold}
/* =========== pied de page ================= */
#footer {background-color:#4a084a; padding:4px; text-align:center; position:relative; height:13px; line-height:13px}
#footer #logo {position:absolute; top: -10px; left:75px}
#footer a {margin-right:20px; font-size:12px; color:#CBB7D0; }
#footer a:hover {color:white;}
#footerbis {background-color:#F2F2E3; padding:5px 0 10px 130px; border:1px solid #999;
font-size:9px; color:#999999; text-transform: uppercase; 
}