/******************************************/

/*							          */

/*         Mise en forme du site creation-pouxi        */

/*  	   Cr�ateur: Leniju 			         */

/*							         */

/******************************************/

/****************************/

/*               Page en g�n�rale         */

/****************************/

body, html {

    width: 1220px;

    height: 100%;

    padding: 0;

    margin: auto;

   /* background-image: url("images/bg4.jpg");

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-position: top, center;
*/
    background-color: whitesmoke;

}

#slider {

    width: 400px; /* important to be same as image width */

    height: 500px; /* important to be same as image height */

    position: relative; /* important */

    overflow: hidden; /* important */
    padding-left: 10px;

}

#sliderContent {

    width: 370px; /* important to be same as image width or wider */

    position: absolute;

    top: 0;

    margin-left: 0;

}

.sliderImage {

    float: center;

    position: relative;

    display: none;

    /*text-align:center;*/

}

.sliderImage span {

    position: absolute;

    bottom: 0;

    left: 0;

    margin-left: 20px;

    padding-left: 2px;

    padding-right: 2px;

    /*text-align:center;*/

    font: 10px/15px Arial, Helvetica, sans-serif;

    /*padding: -50px;*/

    width: 296px;

    background-color: #000;

    filter: alpha(opacity=70);

    -moz-opacity: 0.7;

    -khtml-opacity: 0.7;

    opacity: 0.7;

    color: #fff;

    display: none;

}

.clear {

    clear: both;

}

.sliderImage span strong {

    font-size: 10px;

}

.te {

    background-image:url("images/fond.jpg");
    background-repeat: repeat;

    margin: 0;

    padding: 0;

}


#test img {
    width: 319px;
    margin : 15px;
}

.imagemenugauche {

    width: 150px;
    margin:10px;
}
.imageliste {

    max-height: 300px;
    max-width: 230px;
    margin:10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.descriptionliste {
    font-size: 16px;
    text-align: left;
    text-indent: 15px;
}
.agenda {
    color: white;
    text-align: center;
    font-size: 18px;
}

.ajoutpanier {
    text-align: center;
    margin-bottom: 0;
}
.ajoutpanier img {
    width: 160px;
}

.ajoutpanierliste {
 color: white;
    font-size:20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
}

#fulldescription hr {
    color: white;
}

.ajoutpanierliste p {
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 4px;
    padding-left: 10px;
    padding-right: 20px;
    width: 135px;
}

.ajoutpanierliste img {
width: 160px;
}

.imagepanier {
    width: 160px;
}

.descriptionproduitmenugauche {
    margin: 0 10px;
    text-align: center;
}

.imageproduit {
    width: 400px;
    float: left;
    height: 515px;
}

.texteproduit {
    float: right;
    padding-right: 20px;
    width: 325px;
    height: 515px;
}

.imageproduitgrande {
    margin: 0 0 0 20px;
    max-height: 400px;
}

.imageproduitminiature {
    height: 100px;
    padding-left: 20px;
    padding-top: 10px;
}

.imageproduitminiaturemini {
    height: 90px;
    padding-right: 15px;
}

.descriptionproduit {
    font-size: 16px;
    text-align: justify;
    text-indent: 15px;
    color: white;
    font-weight: bold;
}
/****************************/

/*               Barre du haut              */

/****************************/

#barreHaut {

    background-image: url("images/bgbarrehaut.jpg");

    width: 100%;

}

/* /////////////////////////////////////////////////////////////////////////////////////////// */

/* /////////////////////////////////         BORDURE         ///////////////////////////////// */

/* /////////////////////////////////////////////////////////////////////////////////////////// */

.tableaugeneral {

    border-collapse: collapse;

    /*background-image:url("images/bg2.jpg");

    background-repeat :  no-repeat;

        background-position: top,center;

    background-attachment: fixed;*/

    /*background-color: #4f8a09;*/

  /*  background-color: #213508;*/
    background-color: darkgrey;

    width: 1220px;

}

.bhg {

    width: 20px;

    height: 20px;

    padding: 0px;

    background-image: url("images/bhg.png");

}

/* .CHD

{

	width : 8px;

	height : 8px;

	padding : 0px;

	background-image : url("palmier2.png");

}



.CBG

{

	width : 20px;

	height : 20px;

	padding : 0px;

	background-image : url("palmier2.png");

}



.CBD

{

	width : 8px;

	height : 8px;

	padding : 0px;

	background-image : url("palmier2.png");

}



.BH

{

	background-image : url("palmier2.png");

	height : 8px;

	padding : 0px;

	background-repeat : repeat-x;

} */

.BG {

    /*background-image: url("images/cote2.png");*/

    background-image: url("images/bord.jpg");

    width: 20px;

    padding: 0px;

    background-repeat: repeat-y;

}

.BD {

   /* background-image: url("images/cote2.png");*/

    background-image: url("images/bord.jpg");

    width: 8px;

    padding: 0px;

    background-repeat: repeat-y;

}

.BB {

   /* background-image: url("images/bordhaut.png");*/

    background-image: url("images/bgbarrehaut.jpg");

    height: 20px;

    padding: 0px;

    background-repeat: repeat-x;

    color:white;

}

.taille_minimale_bordure_droite {

    width: 20px;

}

.taille_minimale_bordure_gauche {

    width: 20px;

}

.texteBarreHaut {

    text-decoration: none;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: bold;

    margin-right: 20px;

    color: #522414;

    background-image: url("images/menu.png");

    height: 20px;

    padding-right: 5px;

    padding-left: 5px;

}

/****************************/

/*               Menu gauche                  */

/****************************/

#menuGauche {

    float: left;

    margin-top: 0px;

    margin-left: 1px;

    width: 180px;

}

#sousmenugauche {

    background-image: url("images/menu.png");

    border-color: #37250f;

    border-width: 3px;

    border-style: solid;

    margin-top: 10px;
    margin-bottom: 30px;

    padding-bottom: 4px;

}

.titresousmenu {

    margin-top: 0px;

    color: white;

    background-color: #37250f;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 15px;

    font-weight: bold;

    margin-bottom: 0px;

}

#sousmenugauche ul {

    text-align: left;

    list-style-type: none;

    padding-left: 8px;

    padding-right: 5px;

}

#sousmenugauche li, #sousmenugauche a:link, #sousmenugauche a:visited {

    color: black;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 12px;

}

#footer li, #footer a:link, #footer a:visited {

    color: black;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 14px;

    text-decoration: none;

}

#sousmenugauche a:hover {

    color: black;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 12px;

    text-decoration: underline;

}

.textenewsletter {

    color: black;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 12px;

    text-align: center;

}

.newsletter {

    margin-left: 5px;

}

/****************************/

/*                   Corps                         */

/****************************/

#corps {

    position: relative;

    margin-left: 200px;

    margin-top: 0px;

    width: 800px;

}

.corps {

    width: 650px;

    float: left;

}

#corpshaut {

    height: 375px;

    padding: 0 5px;

    width: 790px;

    margin-left: 0px;

    text-align: justify;

    /*background-image:url("images/bgcorps.jpg");*/

    margin-bottom: 15px;

}

#corpsgauche {

    width: 350px;
    height: 480px;

    float: left;

    margin-left: 20px;

    margin-bottom: 30px;

    text-align: justify;

    color: white;

}

#corpsgaucheindex {

    width: 350px;
    height: 240px;

    float: left;

    margin-left: 20px;

    margin-bottom: 30px;

    text-align: justify;

    color: white;

}

#corpsdroiteindex {

    float: left;

    width: 350px;
    height: 240px;

    text-align: justify;

    color: white;

    margin-left: 60px;

    margin-bottom: 30px;

}

.listeversproduit {
    height:370px;
}


.agendalampes thead tr th, td{
    color:white;
    text-align: center;
}
#corpsdroite {

    float: left;

    width: 350px;
    height: 480px;

    text-align: justify;

    color: white;

    margin-left: 60px;

    margin-bottom: 30px;

}

.soustitrecorps {

    margin-top: 0px;

    color: white;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 0px;

    border-bottom-color: white;

    border-bottom-width: 2px;

    border-bottom-style: solid;

}

/****************************/

/*               Menu droite                    */

/****************************/

#menuDroite {

    float: right;

    width: 175px;

    margin-top: 0px;

    margin-right: 10px;

}

#sousmenudroite {

    background-image: url("images/menu.png");

    border-color: #37250f;

    border-width: 3px;

    border-style: solid;

    margin-top: 10px;

    margin-bottom: 30px;

    padding-bottom: 4px;

}

.titresousmenudroite {

    margin-top: 0px;

    color: white;

    background-color: #37250f;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 15px;

    font-weight: bold;

    margin-bottom: 0px;

}

#sousmenudroite ul {

    text-align: left;

    list-style-type: none;

    padding: 5px;

    padding-left: 10px;

}

#sousmenudroite li, #sousmenudroite a {

    color: black;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 14px;

}

.recommandation label {

    color: black;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 12px;

    text-align: center;

}

.recommandation {

    margin-left: 5px;

}

/****************************/

/*                Pied de page                  */

/****************************/

#footer {

    width: 1200px;

    background-image: url("images/menu.png");

    border-color: #37250f;

    border-width: 3px;

    border-style: solid;

    clear: both;

}

#footer p {

    color: black;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 14px;

    text-align: center;

}

/* titre H1 */

h1 {

    font-family: comic sans MS, Verdana, Arial, Helvetica, sans-serif;

    font-size: 17px;

    /*color: #522414;*/

    color: white;

    font-weight: bolder;

}

h2 {

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: bolder;

    color: white;

    text-indent: 15px;

    padding: 0px;

    margin-top: -190px;

}

.texteh12 {

    color: white;

}

h13 {

    color: black;

    font-weight: bolder;

}

.texteh14 {

    font-family: comic sans MS, Verdana, Arial, Helvetica, sans-serif;

    color: white;

    font-weight: bolder;

}

h5 {

    width: 100%;

    color: white;

}

a {

    text-decoration: none;

    color: white;
}

.lien_panier:hover {

    text-decoration: underline;

}

/* autre textes */

.erreur {

    color: red;

    font-weight: bolder;

}

#corps ul {

    text-align: left;

    list-style-type: none;

    padding: 5px;

    padding-left: 10px;

}

#corps li {

    color: black;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 12px;

    padding-left: 20px;

}

#corps li a:hover {

    color: black;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 12px;

    text-decoration: underline;

}

.pb {

    text-decoration: underline;

}

/*  autre exemple */

.boiteFormulaire {

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: bolder;

    color: black;

    border: 1px solid #c5c7cb;

    background-color: #ffffff;

    margin-bottom: 5px;

}

.boiteFormulaireBouton {

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: bolder;

    color: black;

    border: 1px solid #c5c7cb;

    background-color: #ffffff;

    margin-bottom: 5px;

}


.formulaire {

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: bolder;

    color: black;

    margin: 0 0 0 0;

    padding: 0 0 0 2px;

}
.formulairecontact {

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: bolder;

    color: black;

    margin-top:190px;

    padding: 0 0 0 2px;

}
.formu {

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: bolder;

    color: white;
}

.panier table /* Le tableau en lui-m�me */

 {

    margin: auto; /* Centre le tableau */

    border: 4px outset black; /* Bordure du tableau avec effet 3D (outset) */

    border-collapse: collapse; /* Colle les bordures entre elles */

}

#corps table {

    border-collapse: collapse; /* Colle les bordures entre elles */

    empty-cells: hide;

}

.panier th /* Les cellules d'en-t�te */

 {
    border-top: 5px solid white;

    text-align: center; /* Tous les textes des cellules seront centr�s*/

    color: white;

    font-size: 16px;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    border-collapse: collapse; /* Colle les bordures entre elles */

    empty-cells: hide;

    padding: 10px;

}

.panier tr /* Les cellules d'en-t�te */

 {
    /*border: 2px solid black;*/

    text-align: center; /* Tous les textes des cellules seront centr�s*/

    color: white;

    font-size: 16px;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    border-collapse: collapse; /* Colle les bordures entre elles */

    empty-cells: hide;

}

.panier td /* Les cellules normales */

 {
    border-bottom: 3px solid white;

    empty-cells: hide;

    border-collapse: collapse; /* Colle les bordures entre elles */

    font-size: 14px;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    text-align: center; /* Tous les textes des cellules seront centr�s*/

    padding: 5px; /* Petite marge int�rieure aux cellules pour �viter que le texte touche les bordures */

    color: black;

    padding: 10px;

}

.agenda table /* Le tableau en lui-m�me */

 {

    margin: auto; /* Centre le tableau */

    border: 4px outset black; /* Bordure du tableau avec effet 3D (outset) */

    border-collapse: collapse; /* Colle les bordures entre elles */

}

.agenda th /* Les cellules d'en-t�te */

 {
    border-top: 5px solid white;

    border-bottom: 5px solid white;

    text-align: center; /* Tous les textes des cellules seront centr�s*/

    color: white;

    font-size: 16px;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    border-collapse: collapse; /* Colle les bordures entre elles */

    empty-cells: hide;

    padding: 10px;

}

.agenda tr /* Les cellules d'en-t�te */

 {
    /*border: 2px solid black;*/

    text-align: center; /* Tous les textes des cellules seront centr�s*/

    color: white;

    font-size: 16px;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    border-collapse: collapse; /* Colle les bordures entre elles */

    empty-cells: hide;

}

.agenda td /* Les cellules normales */

 {
    border-bottom: 3px solid white;

    empty-cells: hide;

    border-collapse: collapse; /* Colle les bordures entre elles */

    font-size: 14px;

    font-family: Arial, comic sans MS, Verdana, Helvetica, sans-serif;

    text-align: center; /* Tous les textes des cellules seront centr�s*/

    padding: 5px; /* Petite marge int�rieure aux cellules pour �viter que le texte touche les bordures */

    color: black;

    padding: 10px;

}

.disponible {

    color: white;

    background-color: green;

}

.depot-vente {

    color: orange;

}

.reserve {

    color: white;

    background-color: red;

}

.prix {

    background-color: #eefe95;

    padding: 5px;

    color: red;

    text-decoration: line-through;

}

.textedescription {

    background-color: white;

    background-image: url("images/menu.png");

    text-align: justify;

    padding: 15px;

    font-size: 13px;

}

.textedescription2 {

    background-color: #eefe95;

    padding: 5px;

}

.textereservation {

    background-image: url("images/test.jpg");

    text-align: center;

    background-repeat: repeat-x;

    font-weight: bold;

    background-position: center;

    color: white;

    padding: 5px;

    border-color: white;

    border-width: 3px;

    border-style: solid;
}

.cgu {

    color: white;

}