/*
Style Sheet, site Web NORTEAU
info@solutions-zen.com
*/
/* ******************************************************************************************* */	
/* *******************                    RÈGLES GÉNÉRALES                  ********************/
/* ******************************************************************************************* */

* {margin:0;padding:0;}
html {margin:0; padding:0;} /* pour Opera qui met les marges dans le tag HTML */

body {
   background-color : #000000;
   /* background : #000000 url(images/Fond_texture.jpg) repeat 0px 0px;	*/
   height: 100%;  /* nécéssaire pour le sz_filtre_bg  */
   width : 100%;  /* nécéssaire pour le sz_filtre_bg  */
   margin : 0;   /* nécéssaire pour le sz_filtre_bg  */
   padding : 0;  /* nécéssaire pour le sz_filtre_bg  */

   text-align : center;
   font    : 0.8em arial,verdana,tahoma,sans-serif;
   color   : #000000;

}


/* Les couleurs du site */ 
.blanc {color:rgb(255,255,255);} /* #ffffff */
.gris {color:rgb(192,192,192);}  /*  #c0c0c0   */
.vert {color:rgb(2,154,77);}  /* #029a4d  */
.jauneor {color:rgb(181,138,33);}  /* #b58a21  */
.beigefond {color:rgb(218,194,153);}  /* #dac299  */
.bleu {color:rgb(1,100,168);}  /* #0164a8  */ 

.orangenote {color:#DB9D00;}
.vertlettrage {color:rgb(0,114,55);}  /* #007237  */
.brunlettrage {color:rgb(173,129,93);}  /*  #ad815d	   */
.rougemessage {color:#a4363b;}

/* Formatage des images */
img {
   border  : none;
}

/* Formatage des liens (autres que ceux du  menu) */
a {color :#0164a8;}
a:visited {color:#58a4d6;} 
a:active {color:#0164a8;}
a:hover {color:#b58a21;}


table {     /* équivalent à mettre toutes les table à "cellspacing 0 et padding 0"*/    
   border-collapse: collapse;   
}
td {
   vertical-align : top;
}

h1 { 
   font-size : 2.0em;
   color :  #007237;
   margin : 8px 0 12px 0;
   text-decoration : none; /* pour éviter qu'un lien sur un titre soit souligné dans IE et pas dans FF.*/  
}
h2 {
   font-size : 1.6em;
   color : #235091;
   margin : 6px 0 10px 0;
   text-decoration : none; /* pour éviter qu'un lien sur un titre soit souligné dans IE et pas dans FF.*/   
}
h3 {
   font-size : 1.4em;
   color : #6a9ecc;
   margin : 6px 0 10px 0;
   text-decoration : none; /* pour éviter qu'un lien sur un titre soit souligné dans IE et pas dans FF.*/ 
}
h4 {
   font-size : 1.2em;
   color : #b58a21;
   margin : 6px 0 8px 0;
   text-decoration : none; /* pour éviter qu'un lien sur un titre soit souligné dans IE et pas dans FF.*/   
}

input,textarea, select, button, p, td, th, div {
   font : 12px arial,verdana,tahoma,sans-serif;

}

/* ******************************************************************************************* */	
/* *******************                  DIVs de structure                   ********************/
/* *******************************jnm************************************************************ */

#complet {
   position : relative;

   background : #e6d9c9 url(images/Fond_repetition.jpg) repeat-y 0px 0px;
   margin : auto;
   margin-top : 0px;
   text-align : left;

   width  : 880px;
   /*
   border : 1px solid #000000;
   */
}

#entete {
   position : relative;
   background-color : transparent;
   margin : 0;
   padding : 0;
}

#recherche {
   position : absolute;
   top : 154px;  /*  154px;	  */
   right : 20px;  /*  250px;	  */
}

#gauche {
   width : 197px;
   margin : 0px;
   padding : 0px;
   vertical-align : top;
   /*
   border:1px solid #00ff00;
   */
}
#droite {
   vertical-align : top;
   padding : 28px 36px 8px 32px;
   /*
   border:1px solid #ff0000;
   */
}

/* *******************   formattage du menu   ******************* */
#menu { 
   background : transparent url(images/Fond_menu2.jpg) no-repeat 0px 0px;
   width : 197px;
   height : 310px; /*252px; hauteur de l'image.. - (padding-top) +- ajustements... ! */
   /* ajuster le height pour monter ou descendre le panier ! */

   margin  : 0;
   padding : 18px 0px 0px 0px;
   
   /*
   border: 1px solid #ff0000;
   */
}
#menu a {
   display : block;
   margin : 0px 15px 0px 12px;
   padding : 0 0px 0px 12px;
   /* line-height : 20px;  */
   height : 22px;  /* hauteur à utiliser pour l'image de fond éventuelle*/
   /* largeur : 160px = (total-margins) = 197-15-22 */

	font   : 500 18px arial,tahoma,sans-serif;
	/* font   : bold 12px "arial narrow",arial,tahoma,sans-serif;  */

   color : #225a88;
   text-decoration : none;
   /*
   border : 1px solid #ffff00;
   */
}
#menu a:visited {color:#225a88;} 
#menu a:active {color:#225a88;}
#menu a:hover {color:#2288aa;}

#menu .menu_sous_cat {
   font-size : 12px;
   font-weight : 500;
   /* line-height : 14px;	*/
   height : 16px;
   text-indent : 16px;
}
/* ************************************************************** */	

#panier {
   /*** pour monter ou descendre le panier par rapport au menu, ajuster le HEIGHT du menu ! */
   background : transparent url(images/Panier_repetition.jpg) repeat-y 0px 0px;
   /*** Le background est répété dans le IFRAME... il n'est pas nécessaire ici dans le fond*/

   margin  : 0;
   padding : 0;
   width : 197px;
   /*
   border : 1px solid #ff0000;
   */
}

/*
#panier p {
padding: 20px 10px 20px 30px;
margin:0;
border:1px solid #ffff00;
}
*/ 

#pied {
   position : relative;
   margin : 0;
   padding : 0;
   clear : both;
   /* border:1px solid #ffff00;*/
} 
#pied a {color:#000000;}

/* ******************************************************************************************* */	
/* *******************                   formattage du contenu             ******************* */
/* ******************************************************************************************* */

#contenu {
   background : transparent url(images/Contenu_haut.jpg) no-repeat 0px 0px;
   margin  : 0;
   padding : 0;

   width  : 880px;
   /*
   border:1px solid #ff0000;
   */
}

#contenu p {
   font-size:0.9em;
   margin:0 0 8px 0;
}
#contenu ul	{
   margin:0;
}
#contenu ul	ul {
   list-style-type:circle;
}
#contenu li	{
   font-size:0.9em;
   margin:0 0 0.2em 50px;
}	
#contenu  td {font-size:0.9em;}

#contenu hr {
   color:#007237;
   margin : 6px 0 6px 0;
   border-style : solid;
   height : 2px;
   padding : 0px;
}
#contenu .asterix {
   color :	#a4363b;
   font-size:2.0em;
}
#contenu .boite {
   background-color: #ffffff;
   padding: 5px;
   border : 3px double #d8b35c;
   font-size: 0.8em;
}
#contenu .boite td {
   padding:10px;
   text-align:left;
}
#contenu .tableau th {
   border: 1px solid #000000;
   font-weight:bold;
   font-size: 0.9em;
   padding: 3px;
   vertical-align: top;
}
#contenu .tableau td {
   border: 1px solid #000000;
   font-size: 0.9em;
   padding: 3px;
   vertical-align: top;
}
#contenu .infos td {
	padding : 5px;
   font-size:0.8em;
}

/* ******************************************************************************************* */	
/* *******************                formattage plus spécifiques          ******************* */
/* ******************************************************************************************* */

.fiches {
   float:left;
   width:190px;
   height:164px;
   border-top : 2px solid #ffffff;
   border-left : 2px solid #ddddff;
   border-right : 1px solid #aaaadd;
   border-bottom : 1px solid #9999aa;
   /*border : 1px solid #ffffff;*/
   padding : 3px;
   margin : 3px;
   margin-bottom : 6px;
   overflow : hidden;
}

.fiches_nom {
   font-weight:bold;
   font-size : 12px;
   height: 48px;/*limitera sur 3 lignes.. */
   overflow:hidden;
}
.fiches_prix {
   color : #720037;
   font-size : 12px;
}
.fiches_delai {
   font-style : italic;
   font-size : 12px;
}
.fiches_lien {
   font-size : 12px;
}

.titre_sous_cat {
   height : 76px;
	/* border-top : 3px solid #ffffff; */
   /* border-left : 3px solid #aaaaff;	*/
   /* border-right : 2px solid #c9e6fb;	 */
   /* border-bottom : 2px solid #c9e6fb; */
   background : transparent url(images/Fond_titre_sous_cat.gif) no-repeat top left;
   color : #225a88;
   clear : both;
   padding : 4px;
   margin : 0px;
}
.titre_sous_cat h2 {
	color : #ffffff;
}

#id_menu_cat h1 {
   color : rgb(20,42,160);
   padding : 4px;
   border-bottom : 3px solid rgb(20,42,160);
}
.menu_cat_fiches {
   float : left;
   height : 200px;
   width : 140px;
   padding : 2px;
   margin : 2px;
   text-align : center;
   overflow : hidden;
   vertical-align : top;

   border-right : 2px solid #c9e6fb;
   border-bottom : 2px solid #c9e6fb;

   color : #225a88;
   cursor : pointer;
}

/* ******************************************************************************************* */
.msg_important {
   color : #dd5533;
   font-weight : bold;
}

.msg_important_titre {
   color : #ee4433;
   text-decoration : underline;
}
/* ******************************************************************************************* */

#sz_filtre_bg {
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    margin : 0;
    padding : 0;
    background-color : #222255;
    visibility : hidden;
    z-index : 50;
}