@import "/css/formulaire.css";
@import "/css/form-spe.css";
@import "/css/datepicker.css";
@import "/css/thickbox.css";

#iframe_menulat{
float:left;
clear:both;
width:187px;
/*height:280px;*/
height:215px;
margin-top:15px;
text-align:center;
padding-left:5px;
}
#iframe_menulat iframe{
width:185px;
height:280px;
border:0px !important;
overflow:hidden !important;
}
#contenu_html {
       width : 757px;
       margin : 0 0 0 -198px;/* -la largeur du menu de gauche */
       padding : 0;
       float: right;
}

#zone_modifiable{
	float:left;
	clear:both;
	width:737px;
	padding-left:15px;
	padding-right:15px;
	padding-top: 15px;
}

#menu {
       float :left;
       width:198px;
	   }
#fin_menu_redondant{
float:left;
width:197px;
height:15px;
}
#footer {
      clear : both;
}
#menu_ongletG{
float:left;
width:auto;
margin:0;
padding:0;
}
#menu_ongletD{
float:right;
margin:0;
padding:0;
/*width:185px;*/
width:auto;
position:relative;
}
#facebook, #menu_onglet #wktour{
float:left;
position:relative;
top:-2px;
}
/*-----------------------------------------------------------*/

BODY {
	margin:0px;
	padding:0px;
	background-image:url(/charte-div/fond_page.gif);
	background-repeat:repeat;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	}

/*	zone de bandeau supérieur	*/
BODY.popup{
    background-image:none;
    background-color:#FFFFFF;
    text-align:left;
    margin:10px;
}

#bandeau_corne{
float:left;
height:57px;
width:955px;
}

#malvoyant{
	margin:0;
	float:left;
	height:30px;
	width:80px;
	text-align:left;
	}
#malvoyant img{
	border:0px;
	vertical-align:top;
	}
#zone_logo {
	width:164px;
	float:left;
	text-align:right;
	}

	#bandeau IMG {
	border:0px;
	}

/*signature illicopage*/
#made_with {
	width:100%;
	margin:0;
	float:right;
	text-align:right;
	background-image:url(/charte/fondBody.gif);
	}
#made_with IMG {
	border:0px;
	vertical-align:middle;
	}
#made_with A {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	}

/*moteur de recherche*/
#moteur{
float:left;
height:65px;
width:198px;
}
#search {
	padding-left:40px;
	float:left;
	height:40px;
	width:198px;
}


.rechercher {
	background-image: url(/charte/amusez/rechercher.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/*pub*/
#pub{
float:left;
height:126px;
width:197px;
}
#menu #wktour{float:left; width:197px; margin-top:5px; text-align:center;}
#tripadvisor{float:left; margin:8px;}

/*contenu accueil*/
#actualite{
	float:left;
	width:235px;
	background-color:#F2F2F2;
	}

#pointilles {
	width:17px;
	float:left;
	height:606px;
	background-image:url(/charte-div/pointilles_verti.gif);
	background-repeat: repeat-y;
}


#coup_coeur {
	width:485px;
	float:left;
	background-color:#FEF3E5;
	text-align:left;
	}

#dossier_mois{
	float:left;
	background-image:url(/charte-div/fond_dossier_mois.gif);
	background-repeat:repeat-y;
	width:235px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
div {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}
a:hover{
text-decoration:underline;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}


li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

IMG {border: 0}

.legende{
	font-size: 10px;
}
.lien_yahoo{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
a.lien_yahoo:hover{
	color: #BA0000;
}

.album_photo{
	font-size: 10px;
	color: #006600;
}


/*illicopage*/
.lien_menu{
color:#FFFFFF;
}


a.lien_menu{
color:#FFFFFF;
}

.user_courant{
color:#FFFFFF;
}
a.menuGferme{
color:#FFFFFF;
}
/*signature illicopage*/
#made_with {
	width:300px;
	margin:0;
	float:right;
	text-align:right;
	padding-right:10px;

	}
#made_with IMG {
	border:0px;
	vertical-align:middle;
	}
#made_with A {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#D8500E;
	text-decoration:none;
	vertical-align:middle;
	}
#made_with A:hover {
	text-decoration:underline;
	}

	/*css coup de coueur etc*/
/* CSS NEWS */
.News_titre{
	color:#000000;
	font-weight:bold;
}

.News_resume{
	color:#000000;
	font-size:11px;
}

/*CSS fiche produits */

.Fiche_prod_fond_onglets{
	background-image:url(/charte/fiche/fond_onglet.gif);
}

.Fiche_prod_cadre_gauche{
	background-image:url(/charte/fiche/cadre_A1.gif);
}

.Fiche_prod_cadre_droit{
	background-image:url(/charte/fiche/cadre_a3.gif);
}

.Fiche_prod_cadre_bas{
	background-image:url(/charte/fiche/cadre_B2.gif);
}
/*cadres coups de coeur*/
.fond_rose {
	background-color: #FEF3E5;
}
.ombre_bas {
	background-image: url(/images/charte_index_hiver/coups_coeur/ombre_h.jpg);
	background-repeat: repeat-x;
}
.ombre_cote {
	background-image: url(/images/charte_index_hiver/coups_coeur/ombre_cote.jpg);
	background-repeat: repeat-y;
}
.bandeau_lacBlanc {
	background-image: url(/images/charte_index_ete/bandeau.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.haut_menu_lat_ouvert_bleu {
	background-image: url(/images/charte_int_ete/institutionnel/haut_menu_lat_ouvert_bleu.gif);
}


/* CSS GOOGLEMAPS */
.li_gmap{

	text-align: left;
	 padding: 10;
	 margin: 0;

}


.nom_fiche_lei
{
	font-size: 10px;
}
.famille_fiche_lei
{
	font-size: 9px;
}

.gmap_choix_moteur
{
font-size:9px;

}


.LEI_nom_prod
{
	font-size: 12px;
	color:#C00705;
	font-weight:bold;
}

.LEI_souligne
{
	background-color:#A7A5AA;
}.fond_menu_h_rouge {
	background-image: url(/images/charte_index_noel/repeat_menu_horiz_fix.gif);
	background-repeat: repeat-x;
}
.fond_gris_actu {
	background-color: #F2F2F2;
}
.haut_der_col {
	background-image: url(/images/charte_index_noel/haut_der_col.gif);
	background-repeat: repeat-x;
}
.repeat_haut_col_4_5 {
	background-image: url(/images/charte_index_noel/repeat_haut_col_4_5.gif);
	background-repeat: repeat-x;
}
.BD_Photo_ligne{

	clear:both;
	text-align:center;
}
#BD_Photo_Legende{
clear:both;
width:100%;
text-align:center;
height:20px;
margin-top:5px;
font-weight:bold;

}
#BD_Photo_agrandie{
width:100%;
text-align:center;
}
#BD_Photo_agrandie img{
max-width:440px;
}
#bd_mainimage{
margin-bottom:10px;
}
img.Vignette{

margin-right:10px;
margin-bottom:10px;
width:100px;
}
/****** CSS BLOG ******/
.illicopage_blog_auteur {
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.illicopage_blog_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #666666;
}
.illicopage_blog_contenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

td.illicopage_blog_contenu{
background-color:#EFEFEF;
}
.illicopage_blog_bordure {
	background-color: #CCCCCC;
}
.illico_blog_separateur {
	background-color: #999999;
}


.illico_blog_haut {
	background-image:url(/images/degrade_blog.jpg);
	background-color:#CCCCCC;
	background-repeat: no-repeat;
	background-position: left top;
}


/* specifique calendar */
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
/*a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 5px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}*/
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
/*input.dp-applied {
    width: 140px;
    float: left;
}*/


#ui-datepicker-div{ margin-top:-25px;}


#Fiche_article, #Contenu_panier{background-color:#fff;}
#Fiche_article *, #Contenu_panier *{color:#000}

/*--- presentation liste produits ---*/
#liste_produits{
    float:left;
    width:100%;
}
.produit{
    float:left;
    width:331px;
    border:1px solid #ddd;
    padding:10px;
    font-size:11px;
    overflow-y:auto;
margin:5px;
background-color:#fff;
}

.left{
    clear:both;
    float:left;
}
.titre_produit{
    text-align:center;
}
.titre_produit, .titre_produit h2{
    margin:0px;
    padding:0px;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    color:#E84D17;
 margin-bottom:5px;
}
.titre_produit h1{
    font-size:16px;
    font-weight:bold;
    color:#00305F;
}
.visuel_produit{
    float:right;
    width:120px;
    text-align:right;
}
.visuel_produit img{
    max-width:100px;
    padding:3px;
    border:1px solid #ddd;
}
.reference_produit{
    font-size:11px;
    color:#666;
    margin-bottom:5px;
}
.desc_produit{
    font-family:Arial, Helvetica, sans-serif;

}

.tarif_produit, .ajout_panier, .plusdinfo{    float:left;}
.tarif_produit{
    color:#095886;
    font-weight:bold;
    font-size:11px;
}

.quantite, .ajouter, .retirer, .affiche_quantite{
    float:left;
    width:auto;
}
.quantite{
    width:75px;
    margin-left:3px;
}
div.affiche_quantite{
    border-bottom:1px solid #DFDFDF;
    border-top:1px solid #DFDFDF;
}
input.affiche_quantite{
    text-align:center;
    height:17px;
    width:28px;
    line-height:20px;
    vertical-align:middle;
    border:none;
    font-size:11px;
}
.ajout_panier{
    float:left;
    width:95%;
}
.produitseul .ajout_panier{    width:100%;}
.ajout_panier span{
    font-size:10px;
    width:70px;
    top:-2px;
}
.valider{ float:right;}


.Article_nom{clear:both};
.Article_descr{clear:both;}
.Article_photo{float:right;}
#contenu_panier_article{clear:both;}
.separateur_panier{margin:0px;padding:0px;background:#CCCCCC;}

#bouton_commande{float:left; text-align:center; width:100%; margin:10px 0;}

/*LISTE PRODUITs*/
#liste_produits .produit{ height:130px;}
#liste_produits .titre_produit h2{text-align:left;}
#liste_produits .lien_produit{float:left; clear:left;  margin-top:7px;}

/* ajout au panier */
.Panier_ajout_titre{font-weight:bold;font-size:13px;}
.Panier_ajout_ref{font-weight:bold;font-size:13px;}
.Panier_ajout_photo{float:right;}
.Panier_ajout_form{float:left; clear:both;width:100%;}
table.Panier_ajout_choix{padding:3px;margin:0px;width:100%;}
.Article_choix{float:left; clear:both;width:100%;margin-bottom:2px;}
.Article_choix label{font-weight:bold;width:100px;float:left}
.Article_choix select{width:100px;float:left}

#TB_title{float:left;clear:both;width:100%;}
#TB_title #bt_continuer_achat{float:left;}
#TB_title #bt_voir_panier .Bouton_continuer a{margin-right:14px;}
#TB_title #bt_voir_panier{float:right;}
.Bouton_continuer, .Bouton_retourner, .Bouton_neutre{ height:27px; display:block; float:left; }
.Bouton_neutre{ height:29px; display:block; float:left; }
.Bouton_continuer a, .Bouton_retourner a, .bouton_identification a, .Bouton_neutre a{
    line-height:27px; vertical-align:middle; font-weight:bold; font-size:10px; color:#000; text-decoration:none; text-align:center; display:block; float:left; }
    .Bouton_neutre a{ line-height:29px; }
    .Bouton_continuer a:hover, .Bouton_retourner a:hover,  .Bouton_neutre a:hover{ text-decoration:underline; }
    .Bouton_continuer{ background:url(/charte/boutons/btn-continuer-fin.png) no-repeat right top; }
    .Bouton_continuer a{ background:url(/charte/boutons/btn-continuer-fond.png) no-repeat left top; padding:0px 5px 0px 8px; margin-right:14px; }
    .Bouton_retourner{ background:url(/charte/boutons/btn-retourner-fin.png) no-repeat right top; padding-right:8px; }
    .Bouton_retourner a{ background:url(/charte/boutons/btn-retourner-fond.png) no-repeat left top; padding:0px 5px 0px 8px; padding-left:20px; }
     .Bouton_neutre{ background:url(/charte/boutons/btn-neutre-fin.png) no-repeat right top; padding-right:12px; }
    .Bouton_neutre a{ background:url(/charte/boutons/btn-neutre-fond.png) no-repeat left top; padding-left:10px; }