@charset "utf-8";

body {
    color: #3f3d3d; 
    font-family: "times new roman"; 
    font-size: 16px;  
    background-color: white;
    margin:0;
    padding:0;
    overflow-x:hidden;
}

table {
    font-size: 16px;    /* sert par exemple intro de https://www.les-creatifs.com/decoration-interieure.php */
    
    color: #3f3d3d;  
    font-family: "times new roman",sans-serif; 
} 

div.page,div#page {  /* page complète */
    position:relative;
    margin-left:auto;
    margin-right:auto;
    z-index:90;
    width:950px;
    font-family: "times new roman",sans-serif;
    font-size: 16px;
}

div#contributeur {
    width:100px;
    float:left;
    clear:left;
    background-color: #ebe9e9;    
    margin : 0 3px 3px 0;
    padding : 3px;
    border : 4px dotted red;
}

div.page form,div.page form table td  { 
    font-size: 16px;   
}

div#menu_haut {  /* menu du haut de l'?cran*/
    position:static;
    width:100%;
    /*height:80px;*/
}
#menu_haut_texte{position:absolute;left:280px;top:22px;width:630px;height:67px;}
/*
div#menu_haut_texte {
    position:absolute;
    left:215px;
    top:4px;                                                                     
    width:550px; 
    height:100px;
    font-size: 11px;   
}                  */

#menu_haut_texte a.lien16 {
     text-decoration : none;
}

#menu_haut_texte a.lien14 {
     text-decoration : none;
}

#menu_haut_texte a.lien12 {
     text-decoration : none;
}


#menu_haut_texte a.lien11 {
     text-decoration : none;
}

div#quickliens { /* Partie des quicks liens en dessous de menu haut */
    position:static;
    
}

div#centrepub {
    width:728px;   
    text-align:center;
    margin-top: 8px;    
    background-color: white;  /* #FEE8B2;  */
    padding : 0 10px 0 10px; 
}

div#cheminement { /* cheminement des chapitres jq la page */
    width:100%; 
    padding : 4px 10px 4px 10px; 
background-image:none;
    background-color: white;
}

div#pagecontenu,div#googleSearchUnitIframe { /* Contenu r?el de la page */
    position:static;
    width:100%;
    background-color: white;
    padding : 10px;
    margin: 2px 0 0 0;
    clear:both;
}

div#pagecontenu a img {
    padding:0;
    margin:0;
    border:none;
}

div#pagecontenu a.lienpage  {
    color :#3f3d3d ;
    font-family :"times new roman",sans-serif;
    font-weight : bold;
    font-size : 14px;
    text-decoration : underline;
    cursor : hand;
}

div#pagecontenu div#gauche a.lien11 {
    color :#3f3d3d ;  
    font-family :  Times New Roman;
    font-weight : bold;   
    font-size : 14px;
    text-decoration : underline;
    cursor : hand;
}

/* Menu de cot? */
div#menu_cote { /* Menu de coté de la page*/
    width:185px;
    float:left;
    background-color: #ebe9e9;
    margin : 3px 0 3px 6px;
    padding : 1px 0 3px 4px;
    /* border : 2px inset maroon; */
}

/* Menu de l'autre cot? (pub)*/
div#menu_autre_cote { /* Menu de cot? de la page*/
    position : absolute;
    width:160px;
    height:600px;
    top:260px;
    left:2px;
    float:none;
    background-color: inherit;
    /* border : 2px inset maroon; */
    z-index: 1;
    visibility:hidden;      /*  rendu visible par le source javascript, pour publicit? visible ou pas */
}


div#menu_cote em { /* Menu de cot? de la page*/
    text-decoration :underline;
}

div#menu_cote ul { /* Menu de cot? de la page*/
    margin:0 ;
    padding: 0;
    list-style: none;
}

div#menu_cote ul ul{ /* Menu de cot? de la page*/
    margin:0 ;
    padding: 0 0 0 20px;
    list-style: none;
}
/* Fin du menu de cot?*/

div#pubthematique {
    text-align:center;
    background-color: white;
    width : 730px;
    height: 75px;
    text-align: center;
    margin-top:8px ;
    clear:both; 
}

div#footer {
    text-align: center;
    clear:both;
}

/* Plan du site */
div.plan_image {
    width:120px;
    float:left;
}

div.plan_ul {
   position:static;
}

div.clearleft {
   clear:left;
}


div.plan_ul ul.niveau1 li a {
   font-size : 14px;   
}

div.plan_ul ul.niveausuiv li a {
   font-size : 14px;
}

div.plan_ul a {
    color :#3f3d3d ;
    font-family :  "Times New Roman";    
    font-weight : bold;   
    font-size : 14px;   
    text-decoration : underline;   
    cursor : hand;

}

div.plan_ul a:Hover {
    color : #a6652a;
}

div#encadretitre,span.encadretitre {
     background-image: url("https://www.les-creatifs.com/graphismes/fd_1.gif"); 
    width:580px;
    height:6px;
}

/* tables en petits caract?res */
table#tabletext11 td {
    font-family :  "Times New Roman";
    font-size : 14px; 
    border-style: solid; 
    border-width: thin;
}  

/* fond noir pour pages Halloween */
#fondnoir,.fondnoir {  /* menu du haut de l'?cran*/
    background-color: black;
    color:#fbd791;   
}

div.publicitegalerie {
    background-color: #FFF3CA;
    text-align: center;
    margin: 0 15px 0 15px;
    
}

/* page index */
div#quatrepoles { 
    width:100%;
   text-align: center;  
   
  }

div#pole1, div#pole2, div#pole3, div#pole4 { 
    position:absolute;
    text-align: center;     
    padding:0 1px 10px 1px;   
  }   
div#pole1 {
    left:90px;
}
div#pole2 {
    left:290px;
}
div#pole3 {
    left:490px;
}
div#pole4 {
    left:680px;
}

div#themes-saison { 
   width:270px;
   text-align: center;  
   border: 1px ridge;
   padding : 3px; 
   margin : 3px 15px 3px 5px;
   border-color : #5B2A17;
   background-color: #FFF5DF;
   /* background : url('graphismes/fd_1.gif');*/
   float:left;
  }

 div#gauche { 
  float:left;
  clear:left;
  width:270px; 
  margin : 3px 10px 3px 15px; 
}
  
div#galeries { 
  margin : 5px 1px 5px 5px; 
  padding : 2px;
  float:right;
  clear:none;
  width:330px;
}

div#boutiquesdeco { 
  margin : 5px; 
  padding : 2px;
}

div#centregalerie,div#centregalerie tr td {
    font-family :  "Times New Roman";   
    font-size : 14px;
}


div#nouvboutique { 
   width:60%;
   text-align: center;  
   border: 1px ridge;
   padding : 3px; 
   margin : 3px 15px 3px 5px;
   border-color : #5B2A17;
   background-color: #FFF5DF;
   /* background : url('graphismes/fd_1.gif');*/
   float:left;
  }
.vignetteNouv{width:150px;float:left;display:inline-block;height:200px}
  
div#promoboutique { 
   text-align: center;  
   border: 1px ridge;
   padding : 3px; 
   margin : 3px 15px 3px 5px;
   border-color : #5B2A17;
   background-color: #FFF5DF;
   float:left;
   /* background : url('graphismes/fd_1.gif');*/
  }
 
 
div#actunouveau { 
   width:230px;
   text-align: center;  
   border: 0px ;
   padding : 3px; 
   margin : 3px 15px 3px 5px;
   
   background-color: #ebe9e9;
   /* background : url('graphismes/fd_1.gif');*/
   float:left;
  }
   
 
  
div#actutop { 
   width:400px;
   text-align: center;  
   border: 0px ;
   padding : 3px; 
   margin : 3px 15px 3px 5px;
   
   background-color: #ebe9e9;
   /* background : url('graphismes/fd_1.gif');*/
   float:left;
  }

  div#artcommente { 
   width:230px;
   text-align: center;  
   border: 0px ;
   padding : 3px; 
   margin : 3px 15px 3px 5px;

   background-color: #ebe9e9;
   /* background : url('graphismes/fd_1.gif');*/
   float:left;
  }
  
  

 div#actupromo { 
   width:916px;
   text-align: center;  
   border: 0px ;
   padding : 3px; 
   margin : 3px 15px 3px 5px;
   
   background-color: #ebe9e9;
   /* background : url('graphismes/fd_1.gif');*/
   clear:left; 
   
  } 
  
  
  
  
  
div#preferes { /* Menu de cot? de la page*/
    position : absolute;
    width:130px;
    top:30px;
    left:100%;
    float:none;
    background-color: white;
    border : 2px inset maroon;
    z-index: 1;
    visibility:visible;      /*  rendu visible par le source javascript*/
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

div#preferes h2{
    text-decoration : bold;
    background-color: #FEDE95;
}
div#preferes td.text11 {
    text-align: center;
    font-size: 14px;
}

#bandeau {text-align:center;padding-left:20%;padding-right:0}
#bandeau li a {color:#281111;text-decoration:none;font-size:1em;font-weight:bold;font-style:italic}
#bandeau li a:hover {text-decoration:underline;font-size:1.2em}
#liens_haut {height:2em;margin-bottom:12px;position:absolute;left:280px;top:8px;}
#liens_haut ul,#bandeau ul {list-style-type:none; margin:0px; padding:0; width:100%;}
#liens_haut li,#bandeau li {float:left; padding:0; margin-left:20px ; position:relative; height:1em; z-index:200;}

#quickliens {height:2em;}
#quickliens ul {list-style-type:none; margin:0px; padding:0; width:100%;}
#quickliens li {float:left; padding:0; margin:0 ; position:relative; width:23%; height:1em; z-index:200;}
#quickliens li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#quickliens li dd {display:none;padding:0 0 0 2px;}
#quickliens li a:hover {border:0;}
#quickliens li:hover dd, #quickliens li:hover span  {display:block;}
#quickliens li:hover dl {padding-bottom:1px;}
#quickliens dl {width: 100%; margin: 0; padding: 0; background: transparent; }
#quickliens dt {margin:0; padding: 0;}
#quickliens dd {margin:0; padding:0; text-align:left; background:#FFFFFF;border-left:1px solid black; border-right:1px solid black;}
#quickliens dt a, #menu dt a:visited {background: transparent;display:block; text-align:left;}
#quickliens dd a, #menu dd a:visited {background:#FFFFFF; padding:0.5em 0; text-decoration:none; display:block; text-align:left;}


div#evenementiel {
    border:2px inset black;
    background-color:white;
    background-color: #FEDE95;
    margin:0;
    padding:0;
/*    background-image:url(https://www.les-creatifs.com/graphismes/fd_jaun1.jpg);         */
    position:absolute;
    left:220px; top:220px; width:610px; height:194px;
    z-index:130; 
}
div.evebarre {
/*    position:absolute;   */
    background-color:#FEDE95;
    width:100%;
    height:20px;
    top:0;
    left:0;
    z-index:130; 
}
div.evebarre a.lien12 {
    color:black;
}
.inputimage{
    background-color:transparent;
}

div.surlenet {
    color : #5B2A17;   font-family :  Times New Roman;   font-size : 14px;   font-style : italic;
}

div.surlenet li{
    color : #5B2A17;   font-family :  Times New Roman;   font-size : 14px;   text-decoration : none; font-style : normal ; line-height: 1.8em;
    
}
div.surlenet li a {
    color : #5B2A17;   font-family :  Times New Roman;   font-size : 14px;   text-decoration : underline;  
    
}
div#nouvellespages {
     position : absolute ;   top:320px; left:430px;width:310px;height:380px; border: 1px ridge;
     border-color : #5B2A17;
     background-color: #FFF5DF;
     padding:6px; 
}

div#nouveautesboutiques { 
   width:900px;
   text-align: center;  
   border: 1px #5B2A17 ridge;
   padding : 3px; 
   margin : 3px 15px 3px 5px;
   background-color: #FFF5DF;
   /* background : url('graphismes/fd_1.gif');*/
  }
  
#gal_slide{float:right;width:600px;visibility:hidden}


@media (max-width: 1000px) {
    div.page,div#page {width:90%;}
    div#menu_haut {width:50%;}
    div#gal_slide {width:60%;}
}

@media (max-width: 830px) {
    div#menu_haut_texte {display:none;line-height:1.5}
}
@media (max-width: 1024px) {
    div.page,div#page {width:90%;line-height:2}
    div#menu_haut {width:50%;}
    #quickliens ul {width:80%;}
    #quickliens li {width:100%;}
    #quickliens {height:100%}
    #quickliens li dd {display:none;padding:0 0 0 2px;}
    #quickliens li {height:100%;}
    #quickliens li dl {position:relative;}
    div#menu_cote {float:none;font-size:1.2em;width:90%}
    div#cheminement {clear:both;width:100%;padding : 8px 10px 4px 10px;font-size:1.4em }
    #liens_haut,#addthisPartager{display:none}
    div#menu_cote a,div#cheminement a,div#footer a {font-size:1.1em;}
}