/*
	Style Sheet pour le site Web
	info@solutions-zen.com
*/
* {margin:0;padding:0;}
html {
  height : 100.1%;
  margin:0; padding:0;
} /* pour Opera qui met les marges dans le tag HTML */
body {
   background : transparent url(http://www.commerce-drummond.com/images/info_commerce/back_body.gif) repeat center 0px;
   position : relative;  
   font : 12px Verdana, Geneva, "DejaVu Sans", sans-serif; /* tahoma,helvetica,"DejaVu Sans",sans-serif;	 */
   text-align:center;
   height : 100.1%;
   margin-bottom : 1px;
   color : #000000;
}
input, select, button, textarea	{
	font : 12px tahoma,helvetica,"DejaVu Sans",sans-serif;
	padding : 2px;
}

/* ****************************  Formatage du texte  ***********************************/

h1 {
   position : relative;
   display : block;
   height : 1%;
   font : 32px "Times New Roman",Times,"Century Schoolbook L",serif;
   margin: 10px 0px;
   padding : 0px;      
   color: #000000;
   font-weight:bold;
}

h2 {
   position : relative;
   display : block;
   height : 1%;
   font : 20px tahoma,helvetica,"DejaVu Sans",sans-serif;
   margin: 6px 0px 4px 0px;
   padding : 0px;   
   color: #880029;
   font-weight:bold;
}

h3 {
   position : relative;
   display : block;
   height : 1%;
   font : 20px tahoma,helvetica,"DejaVu Sans",sans-serif;
   margin: 6px 0px 4px 0px;
   padding : 2px 4px;
   color: #ffffff;
   font-weight:bold;
   background : transparent url(http://www.commerce-drummond.com/images/bg_droite.png) repeat 0 0;
}

h4 {
   position : relative;
   display : block;
   height : 1%;
   font : 16px tahoma,helvetica,"DejaVu Sans",sans-serif;
   margin: 4px 0px;
   padding : 0px;
   color: #000000; 
   font-weight:bold;
}

p {
	margin : 0px;
	/*text-align : left;	*/
}

table {   /* équivalent à "cellspacing 0 et padding 0"*/
    border-collapse: collapse;
    margin : 4px;
	font : 15px "Times New Roman",Times,"Century Schoolbook L",serif;
   text-align : left;
}

td {
   padding: 4px;
   vertical-align : top;
}

.table_bordures {
    border : 2px solid #333333;
}
.table_bordures th {
   border : 1px solid #777777;
   padding : 4px;
   background-color : #4caed8;
   vertical-align : top;
}
.table_bordures td {
   border : 1px solid #777777;
   padding : 4px;
}

ul {
	margin:  6px 0px 4px 25px;
   list-style-type : square;
   padding: 0px;	
}
ul ul {
	margin:  4px 0px 8px 10px;
   list-style-type : circle;
   padding: 0px;
}
ol {
	margin:  6px 0px 4px 12px;
   padding: 0px;	
}

li {	
	margin : 0 0 4px 22px;
   padding: 0px;	
}		 

/* ****************** Classes offertes dans sélecteur de classe, spécialement pour les bannières ************************ */

/* ****************** Classes offertes dans sélecteur de classe, lors de l'édition ************************ */

.zen_light {
   background-color : #f3f783;
   color : #552222;
   padding : 0px 1px;
   text-decoration:underline;
}

.avertissement {
   background : #efd6cb url(http://www.commerce-drummond.com/images/Icone_avertissement_orange.gif) no-repeat 2px 2px;
   /*  background-color : #dfcfda;  */
   position : relative;   
   height: 100%;
   color: #c54f15;
   border : 1px solid #c54f15;
   font-weight: bold;
   padding:10px 4px 12px 50px;
   margin:4px 20px;
}
.note {
   background : transparent url(http://www.commerce-drummond.com/images/bg_noir.png) repeat 0 0;
   position : relative;
   height: 100%;
   color: #ffffff;
   border : 2px solid #000000;
   font-weight: bold;
   padding:4px;
   margin:4px;
}
.note_opaque {
   background : #dadfcc url(http://www.commerce-drummond.com/images/Icone_avertissement_vert.gif) no-repeat 2px 2px;;
   position : relative;
   height: 100%;
   color: #165c22;
   border : 2px solid #00720f;
   font-weight: bold;
   
   padding:10px 4px 12px 50px;
   margin:4px;
}

.petit {
   font : 11px tahoma,helvetica,"DejaVu Sans",sans-serif;
}


/* ******************************  classes pré-définies   *************************/

#overlay_filtre {
   z-index:150;
   background-color : #5f665f;
   position:absolute;
   top:0px;
   left:0px;
   display:none;
}
.clearing {
   position : relative;
   clear : both;
   height:1px;
   line-height:1px;
   font-size : 1px;
   background-color : transparent;
}

.transparent {
   position : relative;   
   height: 100%;
   background : transparent url(http://www.commerce-drummond.com/images/bg_trans.png) repeat 0 0;
   padding:4px;
   margin:0px;
}
.img_gauche {
   float : left;
   position : relative;
   margin :  4px 10px 6px 0px;
   z-index : 11;
}

.img_droite {
   float : right;
   position : relative;
   margin :  4px 0px 6px 10px;
   z-index : 11;
}
.flotte_gauche {
   float : left;
   margin :  0px 12px 10px 0px;
}
.flotte_droite {
   float : right;
   margin :  0px 0px 10px 12px;
}



/* ******************************  les LIENS   ************************************/

a {font-weight : bold; }
a:link {color:#003978;}
a:visited {color:#003978;}
a:hover {color:#504030;} /* 998866*/
a:active {color:#aa4e0f; border:none; }

/* *****************************  Formatage des images   *********************************/

img {
    margin : 0px;
    padding : 0px;
    border : none;
}

#complet {
	position:relative;	
   /*background : #0074aa url(http://www.commerce-drummond.com/images/bg_contenu.jpg) no-repeat top left;*/
   background-color : transparent;
   color : #000000;
    width : 800px;
   overflow : visible;
    margin-right:auto;
    margin-left:auto;
    margin-top:0px;
    margin-bottom : 0px;
    padding:0px;
    text-align : left;
   z-index : 10;
}

/* ******************************************************************************* */
/*                               ENTETE                                            */
/* ******************************************************************************* */

#entete {
   color : #000000;
   position : relative;
   background-color : #000000;
   text-align:center;
   padding: 0px;
   margin : 0px 0px 0px 0px;
   height :  180px;
   z-index : 45;
}


#contenu {
   position : relative;
   background : transparent url(http://www.commerce-drummond.com/images/bg_trans.png) repeat 0 0;/*test*/
   width : 800px;
   /*height: 1%;*/
   /*float : right;*/
   overflow : visible;
   margin: 0px;
   padding : 0px;
   z-index : 20;
   /*height : 100%;*/
}
#pied {
   position : relative;
   color : #ffffff;
   clear : both;
   background-color : #000000;
   text-align:center;
   padding: 0px;
   margin : 0px 0px;
   z-index : 8;   
}
#pied a { color:#ddeeff;}
#pied a:hover { color:#bbbbbb;}

#contenu_pages {   
   position : relative;
   display : block;
   clear : both;
   margin : 0px;
   padding : 0px;
   /*height : 100%;*/
   text-align : justify;
}


.titre_pages {
   position : relative;
   z-index : 10;
   color : #000000;
   height : 100%;
   font-size:30px;
   font-variant : small-caps;
  /*background-color : #8899aa;*/
   text-align: left;
   padding : 0px 6px 4px 6px;
   margin : 0px 6px;
}

.elements {
   background-color : transparent;
   z-index : 10;
   clear : both;
   height : 100%;

   position : relative;
   padding : 0px;
   margin : 0px;
}

/* *********************************************************** */
.dessus_ombre {
   position:relative;
   /*width:100%;
   height:100%;*/
   z-index:100;
   margin : 0px;
   padding: 0px;
}
.ombre_div_bg {
   border:0 none;
   height:100%;
   left:0;
   margin:0;
   padding:0;
   position:absolute;
   top:0;
   width:100%;
   z-index:70;
   background-color : transparent;
}

.ombre_bg {
   border:0 none;
   display:block;
   margin:0;
   padding:0;
   position:absolute;
   z-index:70;
}
.ombre_n {
   background:transparent url(http://www.commerce-drummond.com/images/ombre_n.png) repeat-x 0 0;
   height:18px;
   top:-18px;
   left:0px;
   width:100%;
}
.ombre_ne {
   background:transparent url(http://www.commerce-drummond.com/images/ombre_ne.png) no-repeat 0 0;
   height:18px;
   right:-13px;
   top:-18px;
   width:13px;
}
.ombre_e {
   background:transparent url(http://www.commerce-drummond.com/images/ombre_e.png) repeat-y 0 0;
   height:100%;
   right:-13px;
   top:0px;
   width:13px;
}
.ombre_se {
   background:transparent url(http://www.commerce-drummond.com/images/ombre_se.png) no-repeat 0 0;
   bottom:-18px;
   height:18px;
   right:-13px;
   width:13px;
}
.ombre_s {
   background:transparent url(http://www.commerce-drummond.com/images/ombre_s.png) repeat-x 0 0;
   bottom:-18px;
   left:0px;
   height:18px;
   width:100%;
}
.ombre_sw {
   background:transparent url(http://www.commerce-drummond.com/images/ombre_sw.png) no-repeat 0 0;
   bottom:-18px;
   height:18px;
   left:-13px;
   width:13px;
}
.ombre_w {
   background:transparent url(http://www.commerce-drummond.com/images/ombre_w.png) repeat-y 0 0;
   height:100%;
   left:-13px;
   top:0px;
   width:13px;
}
.ombre_nw {
   background:transparent url(http://www.commerce-drummond.com/images/ombre_nw.png) no-repeat 0 0;
   height:18px;
   left:-13px;
   top:-18px;
   width:13px;
}

.sommaire_articles_col {
   float:left;   
   margin : 0px;
   text-align:left;
   padding : 6px 0px;
   position:relative;
   /*height: 1%;*/
   z-index : 10;
}
.sommaire_articles {
   clear : both;
   position : relative;
   background-color : transparent;
   /* height : 1%;*/
   margin : 0px 8px 8px 8px;
   padding : 3px 5px;
   cursor : pointer;   
   overflow : hidden;
   border-bottom : 2px solid #bbafaa;
}
.sommaire_articles h4 {
    color : #ff0000;
}
.art_court {
   position : relative;
   margin : 0px 6px 0px 6px;
   padding : 5px 0px;
   font-size : 10px;
   clear:both;
   height:auto;
}
.art_complet {
     padding:8px 10px;
}
.art_complet h2 {
    color : #ff0000;
}