@charset "utf-8";
/* CSS Document */

body {
	width: 900px;
    margin: auto; /* Pour centrer notre page */
    margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. */
    margin-bottom: 20px;    /* Idem pour le bas du navigateur */
    font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	color: #8B4513;
	text-decoration: none;
	background-color: #A9A9A9;
}
/* ----------- Header ----------- */
/* bannière */

#ban_header
{
   width: 900px;
   height: 239px;
   background-image: url("img/bantitre.png");
   background-repeat: no-repeat;
   padding: 0px;
   margin-bottom: 10px;
}

/* ----------- Menu Navigation haut ----------- */
/* menu haut */

#menu_header
{
   width: 900px; /* taille au menu */
   background-color: #B0C4DE;
   text-align: center;
   font-weight: bold;
   font-size: 18px;
   padding: 0px;
   margin: 0px;
   margin-bottom: 20px;
}

#menu_header a /* Tous les liens se trouvant dans un menu */
{
   color: #8b4513;
   text-decoration: none;
   padding-bottom: 0px;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 0px;
   margin: 0px;
}

#menu_header a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #EAEAEA;
   color: #CD853F;
   text-decoration: none;
   padding-bottom: 0px;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 0px;
   margin: 0px;
}
#header_search
{
   float: right;
   width: 330px;
   height: 30px;
   padding: 0px;
   margin: 0px;
   margin-top: 202px;
}

/* ----------- Menu Navigation Gauche ----------- */
/* menu gauche */

#menu
{
   float: left; 
   width: 230px; 
   background-color: #DEB887;
}

.element_menu
{
   background-color: #DEB887;
   width: 230px;
   border: none;
   margin-bottom: 5px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

/* effets sur les menus */

.element_menu h1 /* Tous les titres de menus */
{    
   background-image: url("img/hus230x50.png"); /* fond sur les titres h1 */
   background-repeat: no-repeat;
   background-color: #CD853F;
   width: 215px; height: 30px;
   font-size: 20px; color: #8B4513; font-weight: bold;
   padding-bottom: 10px;
   padding-left: 15px;
   padding-right: 0px;
   padding-top: 10px;
   margin: 0px;   
   margin-bottom: 5px; 
}

.button
{
   float: inherit;
   border: 0px;
   text-decoration: none;
   padding: 0px;
   margin: 0px;
   margin-bottom: 2px;
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #8b4513;
   font-weight: bold;
   text-decoration: none;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #EAEAEA;
   color: #CD853F;
   text-decoration: none;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; 
   margin-bottom: 5px; 
}

.element_menu ul a /* Tous les liens se trouvant dans un menu */
{
   color: #8b4513;
   font-weight: bold;
   text-decoration: none;
}

.element_menu ul a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #EAEAEA;
   color: #CD853F;
   font-weight: bold;
   text-decoration: none;
   padding: 0px;
   padding-left: 10px;
   padding-right: 10px;
}

.pub /* pub */
{    
   width: 160px; height: 600px;
   border: none;
   padding: 0px;
   margin: 0px;
   margin-left: 35px;
}

#sign /* pied du menu */
{    
   float: inherit;
   background-color: #CD853F;
   width: 230px; height: 20px;
   font-size: 12px; color: #8B4513; font-style: italic; font-weight: bold;
   text-align: center;
   padding: 0px;
   padding-top: 2px;
   margin: 0px;
}

/* ----------- Corps principal ----------- */
/* Le corps de la page */

.corps
{
   margin-left: 240px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   color: #8B4513;
   background-color: #FFE4C4; /* Une couleur de fond pour le corps */
   text-decoration : none;
   border: none;
}

.corps h2 /* Titre accueil présentation site */
{    
   background-color: #CD853F;
   width: 645px; height: 30px;
   font-size: 20px; color: #8B4513; font-weight: bold;
   padding-bottom: 10px;
   padding-left: 15px;
   padding-right: 0px;
   padding-top: 10px;
   margin: 0px;
   background-image: url("img/aut660x50.png");
   background-repeat: no-repeat;
}

.corps h3 /* Titre accueil dernières news */
{   
   background-color: #CD853F;
   width: 645px; height: 30px;
   font-size: 20px; color: #8B4513; font-weight: bold;
   padding-bottom: 10px;
   padding-left: 15px;
   padding-right: 0px;
   padding-top: 10px;
   margin: 0px;
   background-image: url("img/fra660x50.png");
   background-repeat: no-repeat; 
}

.corps h4 /* Titre accueil ajouts planches */
{   
   background-color: #CD853F;
   width: 645px; height: 30px;
   font-size: 20px; color: #8B4513; font-weight: bold;
   padding-bottom: 10px;
   padding-left: 15px;
   padding-right: 0px;
   padding-top: 10px;
   margin: 0px;
   background-image: url("img/gb660x50.png"); 
   background-repeat: no-repeat;
}

.corps h6 /* pied du menu */
{    
   background-color: #CD853F;
   width: 660px; height: 18px;
   font-size: 12px; color: #8B4513; font-style: italic;
   text-align: center;
   padding: 0px;
   padding-top: 2px;
   margin: 0px;
}

.titre8 /* Titre CGV  */
{    
   background-color: #CD853F;
   width: 630px; height: 30px;
   font-size: 20px; color: #8B4513; font-weight: bold;
   padding-bottom: 10px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 10px;
   margin: 0px;
   background-image: url("img/was660x50.png");
   background-repeat: no-repeat;
}

.cadre /* cadre texte corps */
{  
   padding: 8px;
   margin: 8px;
   border: dotted #CD853F 1px;
}

.corps a /* Tous les liens se trouvant dans un menu */
{
   color: #8b4513;
   font-weight: bold;
   text-decoration: none;
}

.corps a:hover /* Quand on pointe sur un lien du menu */
{
   color: #CD853F;
   font-weight: bold;
   text-decoration: none;
}

.cadremenu /* cadre menu vignette centré */
{  
   padding: 8px;
   margin: 8px;
   border: dotted #CD853F 1px;
   text-align: center;
} 

.traducteur /* module de traduction google */
{    
   position: inherit;
   float: right;
   width: 164px; height: 90px;
   border: dotted #CD853F 1px;
   padding: 0px;
   margin: 0px;
   margin-bottom: 8px;
   margin-left: 8px;
}

/* début vignette */
.titrerub /* titre rubrique */
{  
   text-align: center;
   background-color: #CD853F;
   width: 624px; height: 26px;
   font-size: 20px; color: #8B4513; font-weight: bold;
   padding: 0px;
   margin: 0px;
   border: solid #8B4513 1px;
}

.titrefigurine /* titre figurine AJ */
{  
   text-align: center;
   background-color: #CD853F;
   width: 624px; height: 26px;
   font-size: 20px; color: #8B4513; font-weight: bold;
   padding: 0px;
   margin: 0px;
   margin-top: 5px;
   border: solid #8B4513 1px;
}

.cadrevig /* cadre vignette */
{  
   width: 622px
   padding: 0px;
   margin: 0px;
   margin-top: 5px;
}

.cadrevig a /* Tous les liens se trouvant dans les cadres vignettes */
{
   color: #8b4513;
   font-weight: bold;
   text-decoration: none;
}

.cadrevig a:hover /* Quand on pointe sur un lien du menu cadre vignette */
{
   color: #CD853F;
   font-weight: bold;
   text-decoration: none;
}
/* Cadre meilleures ventes */
.cadrebestsellers /* cadre menu vignettes bestsellers */
{  
   height: 296px; /* temporaire */
   padding: 8px; margin: 8px;
   border: dotted #CD853F 1px;
   text-align: center;
} 
.cadrebestsellers a 
{ color: #8b4513; font-weight: bold; text-decoration: none; }
.cadrebestsellers a:hover 
{ color: #CD853F; font-weight: bold; text-decoration: none; }
/* Cadre 9 derniers ajouts */
.cadre9plates /* cadre menu vignettes 9 dernières planches */
{  
   height: 770px; /* A modifier */
   padding: 8px; margin: 8px;
   border: dotted #CD853F 1px;
   text-align: center;
} 
/* Nouveau pack */
.cadrenewpack /* cadre menu vignettes bestsellers */
{  
   height: 296px; /* temporaire */
   padding: 8px; margin: 8px;
   border: dotted #CD853F 1px;
   text-align: center;
} 
.cadrenewpack a 
{ color: #8b4513; font-weight: bold; text-decoration: none; }
.cadrenewpack a:hover 
{ color: #CD853F; font-weight: bold; text-decoration: none; }

.galerie_vignette /* news news news******************* */
{
   float: left;
   width: 200px; height: 230px;
   padding: 0px;
   margin-left: 5px;
   margin-right: 0px;
   margin-top: 5px;
   margin-bottom: 0px;
   border: solid #8B4513 1px;
   background-color: #DEB887; 
   font-size: 12px; color: #8B4513; font-weight: bold;
	}
.textvigpackx20 
{
   font-size: 12px; color: #800000; font-weight: bold;
   width: 100px;
   height: 74px;
   background-image: url("http://imagesdesoldats.com/img/packx20.png");
   background-repeat: no-repeat;
   padding: 0px;
   margin: 0px;
   margin-left: 46px;
   margin-right: 46px;
   border: solid #8B4513 1px;
}
.textvigpackx10 
{
   font-size: 12px; color: #800000; font-weight: bold;
   width: 100px;
   height: 74px;
   background-image: url("http://imagesdesoldats.com/img/packx10.png");
   background-repeat: no-repeat;
   padding: 0px;
   margin: 0px;
   margin-left: 46px;
   margin-right: 46px;
   border: solid #8B4513 1px;
}
.lienrub /* titre rubrique */
{  
   float: left;
   text-align: center;
   text-decoration: none;
   background-color: #B0C4DE;
   background-image: url("http://www.imagesdesoldats.com/img/lienrub2.png");
   background-repeat: no-repeat;
   width: 624px; height: 24px;
   font-size: 16px; color: #8B4513; font-weight: bold;
   padding: 0px;
   margin: 0px;
   margin-top: 5px;
   border: solid #8B4513 1px;
}
.titredispo /* titre rubrique */
{  
   float: left; 
   text-align: center;
   background-color: #DEB887;
   width: 624px; height: 24px;
   font-size: 16px; color: #8B4513; font-weight: bold;
   padding: 0px;
   margin: 0px;
   margin-top: 5px;
   border: solid #8B4513 1px;
}

.textvigpack
{
   font-size: 12px; color: #800000; font-weight: bold;
   width: 100px;
   height: 74px;
   background-image: url("http://imagesdesoldats.com/img/packx20.png");
   background-repeat: no-repeat;
   padding: 0px;
   margin: 0px;
   margin-left: 46px;
   margin-right: 46px;
   border: solid #8B4513 1px;
}

.numeropack
{
   position: relative;
   left: 20px;
   bottom: 0px;
   right: 0px;
   top: 35px;
   font-size: 16px; color: #CC0000; font-weight: bold;
   width: 60px;
   height: 18px;
   background-color: #FFF;
   border: solid #8B4513 1px;
}

.cadrevig1 /* cadre vignette gauche --- A SUPPRIMER BIENTOT */
{  
   float: left;
   width: 200px; height: 230px;
   padding: 0px;
   margin: 0px;
   margin-right: 10px;
   border: solid #8B4513 1px;
   background-color: #DEB887; 
   font-size: 12px; color: #8B4513; font-weight: bold;
}

.cadrevig2 /* cadre vignette droit --- A SUPPRIMER BIENTOT */
{  
   float: right;
   width: 200px; height: 230px;
   padding: 0px;
   margin: 0px;
   margin-left: 10px;
   border: solid #8B4513 1px;
   background-color: #DEB887; 
   font-size: 12px; color: #8B4513; font-weight: bold;
}

.cadrevig3 /* cadre vignette centre --- A SUPPRIMER BIENTOT */
{
	position: relative;
	left: 0px;
	right: 0px;
	float: inherit;
	width: 200px; height: 230px;
	overflow: hidden;
	border: solid #8B4513 1px;
	background-color: #DEB887; 
    font-size: 12px; color: #8B4513; font-weight: bold;
}

.titrevig /* titre vignette */
{  
   text-align: center;
   background-color: #CD853F;
   width: 200px; height: 38px;
   font-size: 14px; color: #FFFFFF; font-weight: bold;
   padding: 0px;
   margin: 0px;
   margin-bottom: 5px;
   border-bottom: solid #8B4513 1px; 
}

.titrebuy /* titre achat */
{  
   text-align: center;
   background-color: #B0C4DE;
   width: 150px; height: 38px;
   font-size: 14px; color: #8B4513; font-weight: bold;
   margin: 0px;
   margin-bottom: 5px;
      margin-left: 25px;
	  margin-right: 25px;
   margin-top: 2px;
   border: solid #8B4513 1px; 
}


.titredispo /* titre disponible immédiatement --- AJOUTER FLOAT LEFT */
{  
   text-align: center;
   background-color: #DEB887;
   width: 624px; height: 24px;
   font-size: 16px; color: #8B4513; font-weight: bold;
   padding: 0px;
   margin: 0px;
   margin-top: 5px;
   border: solid #8B4513 1px;
}
/* fin vignette */

/* Vignette Oeuvre André Jouineau */
.cadrevig1aj /* cadre vignette gauche */
{  
   float: left;
   width: 200px; height: 250px;
   padding: 0px;
   margin: 0px;
   margin-right: 10px;
   border: solid #8B4513 1px;
   background-color: #DEB887; 
   font-size: 12px; color: #8B4513; font-weight: bold;
}

.cadrevig2aj /* cadre vignette droit */
{  
   float: right;
   width: 200px; height: 250px;
   padding: 0px;
   margin: 0px;
   margin-left: 10px;
   border: solid #8B4513 1px;
   background-color: #DEB887; 
   font-size: 12px; color: #8B4513; font-weight: bold;
}

.cadrevig3aj /* cadre vignette centre */
{
	position: relative;
	left: 0px;
	right: 0px;
	float: inherit;
	width: 200px; height: 250px;
	overflow: hidden;
	border: solid #8B4513 1px;
	background-color: #DEB887; 
    font-size: 12px; color: #8B4513; font-weight: bold;
}
/* Fin oeuvre André Jouineau */
/* -----------------  Début menu promo noel --------------------- */
#promo_pack6 /* cadre menu promo x6*/
{  
   width: 624px;
   height: 346px; /* temporaire */
   padding: 8px; margin: 8px; margin-bottom: 0px;
   border: dotted #CD853F 1px; border-bottom-width: 0px;
   text-align: center;
} 
#column_left /* cadre menu avertissement */
{  
   float: left;
   background-image: url("http://www.imagesdesoldats.com/packspromo/img/column-left.png");
   background-repeat: no-repeat;
   width: 312px;
   height: 276px; /* temporaire */
   padding: 0px; margin: 0px; 
} 
#cadre_right
{
   float: left;
   width: 312px;
   height: auto;
   background-image: url("http://www.imagesdesoldats.com/packspromo/img/fondnoel.png");
   background-repeat: repeat;
   }
.column_right /* cadre menu droit */
{  
   float: left;
   background-image: url("http://www.imagesdesoldats.com/packspromo/img/column-right.png");
   background-repeat: no-repeat;
   width: 312px;
   height: 92px; /* temporaire */
   padding: 0px; margin: 0px;
   color: #0b2403;
   text-align: left;
} 
.avertis /* cadre menu avertissement */
{  
   float: left;
   background-image: url("http://www.imagesdesoldats.com/packspromo/img/avertis.png");
   background-repeat: no-repeat;
   width: 624px;
   height: 40px; /* temporaire */
   padding: 0px; margin: 0px;
} 
/* -----------------  fin menu promo noel --------------------- */
/* -----------------  début menu pack à la demande --------------------- */
.reservation_pack /* cadre menu pack à la demande */
{  
   width: 624px;
   height: 346px; /* temporaire */
   padding: 8px; padding-top: 0px; margin: 8px; margin-top: 0px;
   border: dotted #CD853F 1px; border-top-width: 0px;
   text-align: center;
} 
#pack_demande /* cadre menu avertissement */
{  
   float: left;
   background-image: url("http://www.imagesdesoldats.com/packs-a-la-demande/img/encartpub1.png");
   background-repeat: no-repeat;
   width: 312px;
   height: 276px; /* temporaire */
   padding: 0px; margin: 0px; 
} 
#carte_offrir
{
   float: left;
   width: 312px;
   height: 276px;
   background-image: url("http://www.imagesdesoldats.com/packs-a-la-demande/img/cartesaoffrir.png");
   background-repeat: repeat;
   }
.titrerub1 /* titre rubrique */
{  
   text-align: center;
   background-image: url("http://www.imagesdesoldats.com/packs-a-la-demande/img/titrerubnoel1.png");
   background-repeat: repeat;
   background-color: #CD853F;
   width: 622px; height: 26px;
   font-size: 20px; color: #8B4513; font-weight: bold;
   padding: 0px;
   margin: 0px;
   border: solid #8B4513 1px;
}
/* -----------------  fin menu pack à la demande --------------------- */
/* -----------------  début menu planche gratuite --------------------- */
.offre_decouverte /* cadre menu planche gratuite */
{  
   width: 624px;
   height: 346px; /* temporaire */
   padding: 8px; padding-top: 8px; margin: 8px; margin-top: 8px;
   border: dotted #CD853F 1px;
   text-align: center;
} 
#planche_offerte 
{  
   float: left;
   background-image: url("http://www.imagesdesoldats.com/packspromo/img/gratuit-nouvel-an1.png");
   background-repeat: no-repeat;
   width: 624px;
   height: 276px; /* temporaire */
   padding: 0px; margin: 0px; 
} 
.avertis2 /* cadre menu avertissement */
{  
   float: left;
   background-image: url("http://www.imagesdesoldats.com/promotion/gratuit/img/barre-red.png");
   background-repeat: no-repeat;
   width: 624px;
   height: 40px; /* temporaire */
   padding: 0px; margin: 0px;
}
/* -----------------  fin menu planche gratuite --------------------- */

/* Fin encart noel */

/* ----------- Pied de page ----------- */

#pied_de_page
{
   width: 900px; height: 18px;
   padding: 0px;
   margin: 0px;
   text-align: center; 
   color: #8B4513;
   background-color: #B0C4DE;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: none;
}
#pied_de_page h7 /* texte pied de page */
{    
   background-color: #A9A9A9;
   font-size: 14px; color: #8B4513; font-weight: bold;
   padding-bottom: 2px;
   padding-left: 5px; 
   padding-right: 5px;
   padding-top: 2px;
   margin: 0px;
}
#annuaire
{ background-color: #B0C4DE; border: 1px; border-style: dotted; border-color: #B0C4DE; margin: 0px; padding: 5px; color: #8b4513; font-size: 16px; text-align: center; font-weight: normal; }
#annuaire a:link 
{ color: #8b4513; font-weight: normal; text-decoration: none; }
#annuaire a:visited
{ color: #8b4513; font-weight: normal; text-decoration: none; }
#annuaire a:hover 
{ color: #CD853F; font-weight: normal; text-decoration: none; }
#annuaire a:active 
{ color: #8b4513; font-weight: normal; text-decoration: none; }