/*************Sous menu*************/

.rubrique_menu{
position:absolute;
top:285px;
left:-12px;
z-index:1000;
width:244px;
}

.rubrique_menu_top{
background:transparent url(images/rubrique_menu_top.png) top left no-repeat;
min-height:200px;
padding:10px 10px 10px 10px;
}

.rubrique_menu_bottom{
background:transparent url(images/rubrique_menu_bottom.png) top left no-repeat;
height:20px;
line-height:10px;
font-size:10px;
}

.rubrique_menu h2{
text-align:center;
font-size:1.375em;
}

.rubrique_menu h2 span{
display:block;
margin-left:auto;
margin-right:auto;
font-size:110%;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

.rubrique_menu ul{
margin-top:24px;
margin-bottom:10px;
padding-left:14px;
}

.rubrique_menu li{
font-size:1em;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
margin-top:12px;
margin-bottom:12px;
font-weight:bold;
}

.rubrique_menu_de li{
font-size:0.875em;
}


.rubrique_menu a{
text-decoration:none;
display:inline-block;
height:29px;
text-decoration:none;
width:auto;
}

.rubrique_menu .menu_left{
display:inline-block;
padding-left:10px;
width:auto;
height:29px;
}

.rubrique_menu .menu_right{
display:inline-block;
padding:3px 10px 3px 0px;
width:auto;
height:23px;
}

.rubrique_menu .on .menu_left,.rubrique_menu a:hover .menu_left{
background:transparent url(images/rubrique_menu_on_left.png) top left no-repeat;
}

.rubrique_menu .on .menu_right,.rubrique_menu a:hover .menu_right{
background:transparent url(images/rubrique_menu_on_right.png) top right no-repeat;
}

/*************Fin sous menu*************/

/*************Contenu*************/

.rubrique_contenu{
width:710px;
float:right;
}

/*************Fin contenu*************/

/*************Photos*************/

.photo{
margin-top:14px;
margin-bottom:14px;
}

.grande_photo{
float:left;
clear:left;
width:630px;
}

.petite_photo{
width:290px;
}

.moyenne_photo{
width:392px;
margin-left:15px;
margin-right:15px;
}

.moyenne_photo p{
text-align:center;
margin-top:4px;
}

.petite_photo_gauche{
float:left;
clear:left;
}

.petite_photo_droite{
float:right;
clear:right;
}

.photo h2{
font-size:1.375em;
border-bottom:2px solid #f1c13e;
margin-bottom:15px;
margin-top:0px;
}

.photo p{
font-size:0.8125em;
margin-bottom:0px;
}

/*************Fin photo*************/

/*********Fancy box*************/

#fancybox-content {
	/*border: 1px solid #C9BA50;*/
}

#fancybox-loading {
	z-index: 9104;
}

#fancybox-overlay {
	z-index: 9100;
}

#fancybox-wrap {
	z-index: 9101;
}

#fancybox-content {
	z-index: 9102;
}

#fancybox-hide-sel-frame {
	z-index: 9101;
}

#fancybox-close {
	z-index: 9103;
}

#fancybox-left, #fancybox-right {
	z-index: 9102;
}

#fancybox-left-ico, #fancybox-right-ico {
	z-index: 9102;
}

.fancybox-bg {
	z-index: 9001;
}

#fancybox-title {
	z-index: 9102;
}

/*********Fin fancy box*********/

/*************Calendrier des disponibilité*************/

div.calendrier{
width:auto;
margin-left:auto;
margin-right:auto;
}

div.contenu a.calendrier_disponibilite{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.875em;
color:#2A2311;
}

div.contenu a.calendrier_disponibilite{
-webkit-transition: color 200ms ease-out 0ms; 
-moz-transition: color 200ms ease-out 0ms;
-o-transition: color 200ms ease-out 0ms;
transition: color 200ms ease-out 0ms;
}

div.contenu a.calendrier_disponibilite:hover{
color:#D19500;
}

div.contenu td.calendrier_disponibilite_suivant{
background:transparent url(images/li_puce.png) right center no-repeat;
padding-right:20px;
text-align:right;
font-size:1.25em;
}


div.contenu td.calendrier_disponibilite_precedent{
background:transparent url(images/li_puce2.png) left center no-repeat;
padding-left:20px;
text-align:left;
font-size:1.25em;
}


div.contenu .calendrier_disponibilite_annee .mois{
padding:0px 15px 10px 15px;
display:block;
float:left;
width:262px;
margin-bottom:14px;
background:#FFF7D6;
}

.mois_1,.mois_3,.mois_5,.mois_7,.mois_9,.mois_11{
margin-right:15px;
margin-left:10px;
}

div.contenu .calendrier_disponibilite_annee h3{
font-size:0.8125em;
text-align:center;
margin-bottom:4px;
}

div.contenu .calendrier_disponibilite{
margin:0;
border-collapse:collapse;
border-spacing:0;
}

div.contenu .calendrier_disponibilite td{
font-size:0.75em;
padding:0;
}

div.contenu .calendrier_disponibilite_header{
margin-bottom:10px;
}

div.contenu .calendrier_disponibilite td{
text-align:center;
}

div.contenu tr.calendrier_disponibilite_jour td{
font-weight:bold;
}

div.contenu h3.calendrier_disponibilite{
margin-top:5px;
}

div.contenu .calendrier_disponibilite tr{
display:table-row;
}

div.contenu .calendrier_disponibilite td{
padding:2px 2px 2px 2px;
width:14%;
height:auto;
}

div.contenu .calendrier_disponibilite td span{
padding:2px 2px 2px 2px;
display:block;
}

div.contenu .calendrier_disponibilite td span.vert{
background-color:#8ADF6F;
color:#0B2F09;
}

div.contenu .calendrier_disponibilite td span.orange{
background-color:#FFC45F;
color:#3F2904;
}

div.contenu .calendrier_disponibilite td span.rouge{
background-color:#FF7F7F;
color:#2F0909;
}

div.contenu .calendrier_disponibilite td span.gris{
background-color:#EFE3A4;
color:#6F6637;
}

div.contenu ul.calendrier_legende{
display:block;
width:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:0px;
padding-bottom:10px;
}

div.contenu ul.calendrier_legende li{
display:inline;
background:none;
background-color:transparent;
background-repeat:no-repeat;
background-position:left center;
padding:0;
margin:0;
padding-left:22px;
padding-right:15px;
}

div.contenu ul.calendrier_legende li.vert{
background-image:url(images/vert.gif);
}

div.contenu ul.calendrier_legende li.orange{
background-image:url(images/orange.gif);
}

div.contenu ul.calendrier_legende li.rouge{
background-image:url(images/rouge.gif);
padding-right:0px;
}

/********Fin calendrier disponibilité**********/

/********Plan**********/

.plan{
width:510px;
margin-right:40px;
float:right;
border-top:1px solid white;
padding-top:10px;
padding-bottom:10px;
}

#map_canvas{
width:620px;
height:460px;
}

/*********Fin plan*******/

/********Formulaire********/

h1.formulaire_contact{
margin-top:30px;
}

#formulaire_contact{
display:block;
}

.element_formulaire table{
margin:0;
}

.element_formulaire{
padding-top:0px;
padding-bottom:10px;
text-align:left;
}

.element_formulaire h3{
margin-top:10px;
}

.element_formulaire td{
border:none;
padding:0;
padding-top:2px;
padding-bottom:2px;
text-align:left;
font-size:0.875em;
background:none;
}

.separation td{
padding-top:10px;
}

.element_formulaire strong{
font-weight:normal;
}

.element_formulaire strong.obligatoire{
font-weight:bold;
}

.element_formulaire input.champs_erreur{
border:1px solid #d6002d;
background:#fceef1 url(images/input_bg2.png) top left repeat-x;
}

#div_submit{
padding-bottom:8px;
padding-top:8px;
text-align:right;
padding-right:0px;
}


#bouton_submit{
background:transparent url(images/bouton_envoyer.png) top left no-repeat;
width:161px;
height:45px;
cursor:pointer;
border:none;
padding:0;
}

#bouton_submit:hover{
background:transparent url(images/bouton_envoyer.png) bottom left no-repeat;
}

.formulaire_de #bouton_submit{
background:transparent url(images/bouton_senden.png) top left no-repeat;
}

.formulaire_de #bouton_submit:hover{
background:transparent url(images/bouton_senden.png) bottom left no-repeat;
}

form .remarque{
text-align:right;
padding-bottom:15px;
text-transform:lowercase;
font-weight:bold;
font-size:0.75em;
padding-right:10px;
}

.element_formulaire h4{
margin:0;
padding:0;
font-weight:bold;
font-size:0.9375em;
margin-bottom:6px;
margin-top:12px;
}

#txt_securite{
text-transform:uppercase;
font-size:1.4em;
margin-left:5px;
}

.antispam table table,.antispam table table td,.antispam td{
margin:0;
padding:0;
vertical-align:middle;
}

td.antispam{
padding-right:20px;
background:transparent url(images/txt_securite_puce.png) center right no-repeat;
}

table.antispam{
}

.antispam .consigne{
font-size:0.75em;
}

.antispam img{
margin-right:5px;
margin-bottom:0px;
margin-top:0px;
}

#erreur{
padding:15px 15px 15px 15px;
margin-top:15px;
margin-bottom:30px;
width:75%;
margin-right:auto;
margin-left:auto;
background:white;
font-size:0.875em;
line-height:180%;
background:#fceef1;
color:#d6002d;
}

div.erreur span{
color:#d6002d;
font-weight:bold;
}

#envoi{
padding:15px 15px 15px 15px;
margin-top:30px;
margin-bottom:45px;
width:75%;
margin-left:auto;
margin-right:auto;
background:white;
font-size:0.9375em;
line-height:180%;
background:#FFFADA;
color:#d6002d;
}

div.ok{
font-weight:normal;
text-align:center;
}
/*******Fin formulaire*********/