/* Les polices kuoni */
@font-face {  
    font-family: "kuoita";  
    src: url(../font/kuoita.eot); /* IE */
    src: local("kuoita"), url(../font/kuoita.ttf) format("truetype");
}
@font-face {  
    font-family: "kuonifeijoa";  
    src: url(../font/Feijoa-Medium.eot) format("opentype"); /* IE */
    src: local("kuonifeijoa"), url(../font/feijoa.ttf) format("truetype");
}

/* Style generique */
html{height: 100%;width:100%;padding:0;}
body{margin:0;padding:0;font-family:"kuonifeijoa", Arial;font-size:12px; height:100%;width:100%;}
a{text-decoration:none;}
a:hover{ cursor:pointer;}
hr{padding:0;margin:0;}
.clear{clear:both;}
.small{ font-size:10px;}
.medium{ font-size:14px;}
.italic{font-family: kuoita;color:#555555;}
.left{ float:left;}
.right{ float:right;margin-right:15px;}
.center{ text-align:center;}


/* structure de la page */
#global{width:100px; height:600px;position:absolute;margin-top:64px;z-index:100;}
#flash{ padding:0; margin:0;height:100%; width:100%;z-index:1; position:relative;}


/* Side bar */
#side{position:absolute;width:300px;margin-left:80px;padding:0; background:none;}
/*#content_side {border-left:1px solid #dbc38b;border-right:1px solid #dbc38b;border-top:1px solid #dbc38b;width:278px;height:354px;padding:15px 10px 0 10px;background-image:url(../img/test_trans.png); overflow:hidden;}*/
#content_side {border-top:1px solid #dbc38b;border-bottom:1px solid #dbc38b;width:280px;height:353px;padding:15px 10px 0 10px;background-image:url(../img/test_trans.png); overflow:hidden;}
#footer_side{width:300px; height: 140px;}
#footer_infos{color:#555555;padding:2px 10px 0 0; text-align:right; letter-spacing:0.02em;}
.input_newsletter{ border:none; background-color:#d7d7d7; font-style:italic; color:#000; font-size:10px; width:120px; height:15px;margin:4px 0 0 0;}
.div_newsletter{ display:inline;}
.input_fleche{padding: 0 0 0 5px; vertical-align:middle;}
.infos_groom{width:80px; text-align:center; background-color:#d7d7d7; padding:2px; margin:-4px 0 0 0;color:#555555; font-size:10px;}
.infos_groom a {color:#555555;}
.img_groom{padding:0; margin:-5px 0 0 0; z-index:1000; position:relative;}
.tel{ font-size:18px; font-family:kuoita, Arial, Verdana, Geneva, sans-serif;}


 /* Integration du menu */
		#menu {padding:8px 0 0 0;margin:0;background-color:#FFF;}
		#menu_side{background:none;padding:10px 0 0 19px;margin:0 0 0 0; height:82px;}
		#menu_side img{padding: 0 0 0 10px;}
		#menu_side li img{padding: 0 0 0 0px;}
		#menu li{ list-style:none; float:left; text-align:left;}
		/*#menu li:hover{ background-image:url(../img/fleche-p.gif); background-repeat:no-repeat; background-position:0px 5px;}
		#menu li a{ text-decoration:none; font-size:12px; color:#637881; font-family:kuoita, Arial, Geneva, sans-serif;}
		#menu li a:hover{color:#dbc38b; cursor:pointer;}*/
		#menu li.selected{ background-image:url(../img/fleche-p.gif); background-repeat:no-repeat; background-position:0px 5px;}
		#menu li.selected a{color:#dbc38b;} 
 
 /* Contenu */
 #content{border-bottom:1px solid #dbc38b;border-top:1px solid #dbc38b;position:absolute; height:368px; width:670px;margin:92px 0 0 380px; overflow:hidden; background-image:url(../img/test_trans.png);}
 #conteneur{margin-left:40px;width:550px;padding:26px 0 0 0;}
 #conteneur h2{font-size:14px; color:#dbc38b; font-family:kuoita, Arial, Geneva, sans-serif;padding:0;margin:0;display: inline;}
 #conteneur .date_edito{font-size:11px; color:#555555; font-family:kuoita, Verdana, Geneva, sans-serif; float:right;}
 #conteneur .titre_content{ width:450px; float:left;padding:0 0 5px 0;}
 #conteneur .contenu{ padding:15px 0 15px 0; font-size:11px;}
 #conteneur .chapeau_content{ font-weight:bold;}
 #conteneur	#info_editeur{ float:right;margin:0;}
 #conteneur .nom_editeur{ font-size:12px; font-style:italic;}	
 #conteneur	.titre_editeur{ font-size:11px;}
 /* Pagination jquery */
  #Pagination{float:right;margin:0 20px 0 0; position:absolute;top:345px;left:575px;}
  #Pagination a {text-decoration: none;border: solid 1px #858585;color: #858585;margin-right: 5px;margin-bottom: 5px;font-size:9px;padding:2px 5px;}
  #Pagination .current {text-decoration: none;border: solid 1px #858585;color: #858585;background-color:#c1c1c1;margin-right: 5px;margin-bottom: 5px;padding:2px 5px;font-size:9px;}
  
  
  /* Footer */
  
  #footer{margin:0 auto; background:none; width:970px; padding:0; text-align:center; overflow:hidden; color:#637881;}
  #footer a{ text-decoration:none; font-size:10px; color:#637881; font-family:kuoita, Arial, Geneva, sans-serif;} 
  #footer a:hover{color:#dbc38b; cursor:pointer;}

/* Template //////// EDITO ///////// */
#edito_list{ padding:0; margin:0;}
#edito_list li{ padding:0 0 0 0px; margin:0 0 6px 10px; list-style:none;}
#edito_list li a{padding:0 0 0 10px;}
#edito_list li.selected a{ background-image:url(../img/fleche-g.gif); background-repeat:no-repeat;padding:0 0 0 10px; background-position:left center;}
#edito_list li a:hover{ background-image:url(../img/fleche-g.gif); background-repeat:no-repeat;padding:0 0 0 10px; background-position:left center;}


.edito_titre{ font-size:11px;font-family:kuoita, Arial, Geneva, sans-serif; color:#555555; margin:0 0 0 10px; display:block;}
.edito_mois{ text-decoration:none;}
.edito_lbl a{ font-family:kuoita, Arial, Geneva, sans-serif;font-size:15px;color:#637881;padding:0 10px 0 0;}
.edito_first a{ font-family:kuoita, Arial, Geneva, sans-serif; float:left;}
.sepa_mois{margin:10px 0;text-decoration:none;width:260px;color: #c8c9ca;background-color: #c8c9ca;height: 1px;border: 0;}
.sepa_titre{text-decoration:none;width:550px;color: #c8c9ca;background-color: #c8c9ca;height: 1px;border: 0;display:block; margin: -7px 0;}
.left_edito{float:left;padding:0 10px 10px 0;}	

/* Template ///////// CONCEPT ////// */
 #concept_content{ padding:0 20px 0 18px; position:relative; font-size:11px;}
 #concept_content #Pagination{margin:0 20px 0 0; position:absolute;top:325px;left:105px; float:none;}
 #content_side h2{font-family: kuoita, Arial;padding:0; margin:0; font-size:15px;color:#637881; font-weight:normal;}
 
 /* Template //////// VOYAGES ///////// */
#voyages_list{ padding:0; margin:-8px 0 0 0;}
#voyages_list li{ padding:0; margin:0 0 2px 10px; list-style:none;}
#voyages_list li a{padding:0 0 0 10px;}
#voyages_list li.selected a{ background-image:url(../img/fleche-g.gif); background-repeat:no-repeat;padding:0 0 0 10px; background-position:left center;}
#voyages_list li a:hover{ background-image:url(../img/fleche-g.gif); background-repeat:no-repeat;padding:0 0 0 10px; background-position:left center;}




.voyages_titre{ font-size:11px;color:#555555;font-family:kuoita, Arial; margin:0 0 0 10px;}
.voyages_lbl a{ font-family:kuoita, Arial ,Verdana, Geneva, sans-serif;font-size:15px;color:#637881;padding:0 10px 0 0;}
#carto_flash{ margin:0 0 0 -8px;}

/* template ////// brochures ///// */
.sepa_brochure{margin: 5px 0;text-decoration:none;width:250px;color: #c8c9ca;background-color: #c8c9ca;height: 1px;border: 0;}
#brochures_list{ padding:0; margin:0;}
#brochures_list li{ padding:0; margin:0 0 2px 28px; list-style:none;font-size:13px;color:#555555;}
#brochures_list li a{color:#555555; font-family:kuoita, Arial;}
#brochures_list li.selected{ list-style-image:url(../img/fleche-g.gif);}
#brochures_list li.brochure_une{ padding:0; margin:0 0 2px 16px; list-style-image:url(/emotions/img/fleche-g.gif);}
#brochures_list li.brochure_une .brochures_lbl { font-family:kuoita, Arial, Verdana, Geneva, sans-serif;font-size:17px;color:#838383;padding:0 10px 0 0;}

#brochures_list .reve_list{ padding:0 0 8px 0px;}
/*#brochures_list .reve_list:hover{ list-style-image:url(../img/fleche-g.gif);}*/
#brochures_list .reve_list a{padding:0 0 0 10px;}
#brochures_list .reve_list.selected a{ background-image:url(../img/fleche-g.gif); background-repeat:no-repeat;padding:0 0 0 10px; background-position:left center;}
#brochures_list .reve_list a:hover{ background-image:url(../img/fleche-g.gif); background-repeat:no-repeat;background-position:left center;}
#brochures_list .reve_list .brochures_lbl a{ padding:0 0 0 10px;}


#brochures_list li .brochures_lbl{ font-family:kuoita, Arial, Verdana, Geneva, sans-serif;font-size:12px;color:#555555;padding:0 10px 0 0;}
#brochures_list li .brochures_lbl a{ font-family:kuoita, Arial, Verdana, Geneva, sans-serif;font-size:17px;color:#637882;padding:0 10px 0 0;}

#brochures_list .optionsb-list{margin:0 0 8px 16px;}
#brochures_list li .optionsb{ font-size:13px;color:#555555;}
#brochures_list li .optionsb a{ font-size:13px;color:#555555;}
#brochures_list li .optionsb a:hover{color:#dfa555;}
#brochures_list li .date_brochure{font-size:13px;color:#555555;}
#brochures_list li .date_brochure:hover{color:#dfa555;}

.ville_contact{ float:left;margin:15px 120px 0 0;color:#555555;font-style:italic;}
.brochures_titre{ font-size:11px;color:#555555;font-family:kuoita, Arial; padding:0 0 0 10px;}
.col2{ margin:15px 0px 0 0;}
.ville_contact h3{ padding:0; margin:0;}
.ville_contact a{ text-decoration:none; color:#555555;}

/* template ////// contact ///// */
#contact_list{ padding:0; margin:0; color:#555555;}
#contact_list li a{color:#555555; font-family:kuoita, Arial;}
#contact_list li{ padding:0; margin:15px 10px 2px 10px; list-style:none;}


/*#contact_list li:hover{ list-style-image:url(../img/fleche-g.gif);}
#contact_list li.selected{ list-style-image:url(../img/fleche-g.gif);}*/
#contact_list .li_contact_newsletter:hover{ list-style-image:none;}

#contact_list li a{padding:0 0 0 10px;}
#contact_list li.selected a{ background-image:url(../img/fleche-g.gif); background-repeat:no-repeat;background-position:left center;}
#contact_list li a:hover{ background-image:url(../img/fleche-g.gif); background-repeat:no-repeat;background-position:left center;}




#contact_list li .contact_lbl { font-family:kuoita, Arial, Geneva, sans-serif;font-size:15px;color:#555555;padding:0 10px 0 0;}
#contact_list li .contact_lbl a{ font-family:kuoita, Arial, Geneva, sans-serif;font-size:15px;color:#637881;padding:0 10px 0 10px; margin:0 0 0 -11px;}
 .input_contact_newsletter{ border:none; background-color:#d7d7d7; font-style:italic; color:#000; font-size:10px; width:170px; height:15px;margin:4px 0 0 0;}
#form_infos_sup label{ float: left; width:80px; padding:5px; font-style:italic;}
#form_infos_sup input{ float: left; width:200px; background-color:#CCC;padding:3px; margin:2px 0 0 0; border:none;}
#form_infos_sup .checkbox{ float: left; width:15px;padding:0; margin: 10px 0 10px 0; border:none; background-color:#CCC;}
#form_infos_sup .span-check{ margin: 10px 0 10px 0; float:left; padding:0 0 0 5px;}
#form_infos_sup .formsubmit{ width:80px; cursor:pointer;}



/* Panier brochures */
.a_left{ text-align:left;}
.a_right{ text-align:right;}

#brochures_panier{ height:200px; overflow:auto; padding:0; margin:0;}
#panier_brochures { width:520px; margin:5px 0 0 0; border:1px solid #606060; }
#panier_brochures th{ font-size:11px; color:#808080; font-style:italic; font-weight:normal;padding: 3px 3px 3px 3px;}
#panier_brochures td{font-size:12px; color:#5e5e5e; padding: 0px 6px 0px 6px;}
#etape_panier li{ list-style:none; float:left; text-align:left;padding:0 26px 0 10px;}
#etape_panier li a:hover{ background-image:url(../img/fleche-g.gif); background-repeat:no-repeat; background-position:0px 5px;}
#etape_panier li a{ text-decoration:none; font-size:12px; color:#606060; font-family:kuo, Verdana, Geneva, sans-serif; font-weight:bold;padding: 0 0 0 10px;}
#etape_panier li a:hover{color:#dbc38b;}
#etape_panier li.selected a{ background-image:url(../img/fleche-g.gif); background-repeat:no-repeat; background-position:0px 5px;}
.bold{ font-weight:bold;}
.brochure_epuise{ background-color:#dcdcdc; font-size:8px; padding:2px;}
.form_brochure_submit{ border:none; background-color:#dcdcdc; font-style:italic; padding:3px 2px 3px 2px; cursor:pointer; margin: 5px 30px 5px 0; float:right;}