#boutonanim {
position : absolute ;
left : 0px ;
top : 0px ;
}
#boutonanim a img {
width : 30px ;
height : 30px ;
}

#tablecontenu {
border : 0px red solid ;
position : relative ;
left : 0px ;
top : 0px ;
padding-bottom : 300px ;
}

#bandeaubas {
position : absolute ;
bottom : 0px ;
left : 0px ;
}

#ombredroite {
position : absolute ;
right : -21px ;
  clear:left;
height : 100% ;
  background: url(../../images/ombre_vert.png)  bottom right;
  padding: 0px; 
border : 0px red solid ;
width : 20px ;
}

#ombrebas {
position : absolute ;
bottom : -21px ;
  clear:left;
width : 100% ;
  background: url(../../images/ombre_hor.png) repeat bottom right;
  padding: 0px; 
border : 0px red solid ;

height : 20px ;
}

#ombrecoin {
position : absolute ;
right : -20px ;
bottom : -20px ;
width : 20px ;
height : 20px ;
}

#referencement {
position : absolute ;
top : -3000px ;
left : 50px ;
font-size : 4px ;
width : 700px ;
margin : 0px ;
}
#referencement h1 {
font-size : 4px ;
margin : 0px ;
padding : 0px ;
}

body {     background : #FFFFFF ;  }

#all {
    background : #FFFFFF ;                   /* -----------!!!!! Couleur du fond de l'ecran  !!!!---------  */
    font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
    margin : 0px ;
    padding : 0px ;
  }

.lien {
    font-size: 12px;              /* -----------!!!!! taille des titres de page  !!!!---------  */
    font-weight: bold;
    color: #6f2828 ;
}

/* apparence des titres principaux du site  */
h1, h1 a, .Title {
    font-size: 18px;              /* -----------!!!!! taille des titres de page  !!!!---------  */
    font-weight: bold;
    color: #9b292b ; /* #2a4b10 ;  */
    margin : 0px ;
    padding : 0px ; 
    margin-top : 2px ;
    margin-bottom : 2px ;            /* -----------!!!!! couleur des titres de page  !!!!---------  */
  }

/* apparence des titres secondaire du site et des titres des articles des actualites */
h2, .surtitre,  .actutitre {
    font-size: 13px;              /* -----------!!!!! taille des titres secondaires  !!!!---------  */
    font-weight: bold;
    color:  #821416 ; 
    margin : 0px ;
    padding : 0px ; 
    margin-top : 2px ;
    margin-bottom : 5px ;              /* -----------!!!!! couleur des titres secondaires  !!!!---------  */
  }

h3 {
    font-size: 12px;              /* -----------!!!!! taille des titres secondaires  !!!!---------  */
    font-weight: bold;
    color:  #821416 ; 
    margin : 0px ;
    padding : 0px ; 
    margin-top : 2px ;
    margin-bottom : 2px ;
}

/* apparence des block de paragraphe contenant du texte */
p, .actutexte, .normal, span, body {
    font-size : 12px;  
    margin : 0px ;
    padding : 0px ; 
    margin-top : 2px ;
    margin-bottom : 2px ;
color : black ;           /* -----------!!!!! taille du texte normal  !!!!---------  */
  }


/* apparence des images du site  */
img {
    border : 0px ;             /* -----------!!!!! bordure des images du site (Y C icones)  !!!!---------  */
    -moz-border-radius : 0px ;
  }

/* apparence des tableaux du site  */
table {
    border : 0px ;
    margin: 0px ;
    padding: 0px ;
  }

.table_contenu {
width : 960px ;
    margin: 0px ;
border : 0px black solid ;
padding : 2px ;
}
.table_entete {
width : 100% ;
border-top : 4px black solid ;
border-bottom : 1px black solid ;
}
.table_question {
width : 100% ;
border : 1px solid black ;
padding : 15px ;
margin : 5px ;
}
.table_reponse {
border : 1px solid black ;
}


/* apparence des listes du site  */
ul, li  {
    list-style-type : none ;
    margin : 0px ;
    padding : 0px ;
  }

/* apparence des lignes du site  */
hr {
    color: #000000;   /* -----------!!!!! couleur des lignes du site !!!!---------  */
    height: 1px;
  }

a, a:link, a:visited {
    text-decoration: none;
    color: #821416 ;               /* -----------!!!!! couleur des liens !!!!---------  */
  }

a:hover {
    text-decoration: none ;
    color: #9b292b ;                 /* -----------!!!!! couleur des liens au passage de la souris !!!!---------  */
  }

 /* quelques classes generiques de mise en page  */ 
.relatif { position : relative ; }
.centre {  text-align: center ; position : relative ;}
.petitcentre {  text-align: center ; }
.petit, .petitcentre { font-size: 12px; }
.separation { /* ligne de separation pour controler le flux : s'utilise avec hr  */
    clear : both ;
    visibility : hidden ;
height : 0px ;
  }
.rouge {color : #B51A1A ; }
.gras {font-weight : bold ; }

/* block fenetre generale du site  */
#fenetre {    /* -----------!!!!! Couleur du fond du site  !!!!---------  */
    width : 900px;  
    background: url(../../images/ciel-rustine.jpg) repeat top left;           /* -----------!!!!! largeur du site  !!!!---------  */
  }
#fenetre2 {    /* -----------!!!!! Couleur du fond du site  !!!!---------  */
    position : relative;
    border: 1px solid  #000000 ;
    top : 0px;
    left : 0px;
    text-align : left;
    width : 900px;  
 		 min-height:650px;      /* -----------!!!!! hauteur min de la fenetre centrale  !!!!---------  */
 		 height:auto !important;
 		 height:650px;
    background: url(../../images/fond.jpg) no-repeat bottom left;           /* -----------!!!!! largeur du site  !!!!---------  */
  }
/* l'agrandissement des cartes */
#popup {
    background-color : white ;      /* -----------!!!!! Couleur du fond du site  !!!!---------  */
    position : relative;
    top : 0px;
    left : 0px;
    text-align : center; 
}

/* block proposant les changements de feuille de style  */
#style {
    width : 50px ;
    position : absolute ;
    right : 60px ;
    top : 10px ;
    /* hierarchise la profondeur des calques entre img/head, titre du site et block de style */;
  }

/* block proposant les changements de langue  */
#drapeau {
    width : 50px ;
    position : absolute ;
    right : 60px ;
    top : 30px ;
  }
	#drapeau img {
 	   height : 15px ;
  	  border : 0px ;
  	}


/* block d'affichage des icaones acceuil contact et plan d'acces */
#acceuil_contact_acces {
    position : absolute ;
    left : 5px ;
    top : 5px ;
  }


#lecredit {
    position : relative ;
    top : 15px ;
font-size : 11px ;
    text-align : left;
    width : 900px; 
 border : 0px red solid ;
}
#lecredit, #lecredit a {color : black ; }

 #menurubriques {
padding-top : 20px ;
padding-bottom : 20px ;
color : #9b292b ;
}

  /* -----------!!!!! taille des polices des menus du site !!!!---------  */
 #menurubriques a , #menurubriques ul,  #menurubriques h1 { 
	font-size: 14px ;
	text-decoration :none ;
	color : #9b292b ;  
	padding-bottom : 0px ; 
	cursor : pointer ;        /* -----------!!!!! taille des menus du site !!!!---------  */
}

 #menuprinc {
padding-top : 250px ;
}

  /* -----------!!!!! taille des polices des menus du site !!!!---------  */
 #menuprinc a , #menuprinc ul,  #menuprinc h1  { 
    font-size: 14px ;
color : #4870a6 ;  
padding-bottom : 0px ; 
cursor : pointer ;        /* -----------!!!!! taille des menus du site !!!!---------  */
  }


span.actif {
    font-size: 14px ;
font-weight : bold ;
color : #9b292b ; 
cursor : pointer ; 
}


/* block menu de gauche  */
#menugauche {
margin-top : 150px ;
border-right :  1px solid black;
z-index : 200 ;
}
.menuhorsligne a, .menuhorsligne, .rubriquehorsligne, .categoriehorsligne {color : red ;}
#menurubriques, #menucategories, #menuintranet, #menurubriques  {
    padding-left : 10px ;
text-align : right;
z-index : 200 ;
  }
#menurubriques ul {
padding-right : 10px ;
z-index : 200 ;
	}
#pagesobligatoiresvente {
    border: 1px solid black;
    padding : 5px ;
    width:200px ;
  }
#menuacces {
    border: 1px solid black;
    padding : 5px ;
    width:200px ;
  }

#menu1 {
height : 180px ;
}

#identifier {
position : relative ;
top : 40px ;
left : 190px ;
text-align : left;
padding : 0px ;
width : 200px ;
  }
#identifier, #identifier ul li, #identifier ul li a, #boutonanim a {
	text-decoration : none ;
   font-size: 12px ;
   color : #9b292b ;
   cursor : pointer ; 
 }
#identifier ul li {
padding : 0px ;
margin : 0px ;
}
.sousrubrique {
text-align : left ;
padding-left : 20px ;
font-weight : 600;
font-style : italic ;
}

/* bloc d'entete : img=images/head.png, p=titre du site  */
#entete {
    position : absolute ;
    top : 40px;
    left : 40px ;
  }

/* block d'ecriture du chemin de navigation */
#arbrecategorie, #arbrerubrique, #arbreintranet {
    position : absolute ;
    top : 150px ;
    left : 230px ;
    width : 500px ;
    font-size: 11px ;
    border-bottom: 1px solid black;
  }

/* fenetre d'affichage du contenu   */
#fenetremilieu {
    border : 0px solid blue ;
    position : relative ;
    vertical-align : top ;
    width: 500px ;              /* -----------!!!!! largeur de la fenetre centrale  !!!!---------  */
    margin-left : 0px ;
    margin-top : 30px ;
z-index : 200 ;
  }

/* bloc d'entete des rubriques et des categories : image, nom et description  */
#enteterubriques, #entetecategories,#enteteintranet {
    position : relative ;
   z-index : 0 ;
  }
	img#enteterubriques , img#entetecategories, img#enteteintranet {
  	      position : absolute ;
  	      left : -190px ;
  	      top : 0px ;
  	      border : 0px solid blue ;
z-index : 0 ;
 	 }
	h1#enteterubriques ,h1#entetecategories, h1#enteteintranet {
	    position : absolute ;
 	   font-size : 16px ;
    	   left : 10px ;
   	   top : 2px ;
	  }
	p#enteterubriques ,p#entetecategories ,p#enteteintranet {
	   position : absolute ;
 	   font-size : 11px ;
 	   left : 10px ;
 	   top : 20px ;
 	 }
/* vignettes d'affichage des sous menus d'une rubrique */
.vignettesousmenu img{
width : 100px ;
}



/* block coordonnees de la societe, en bas de site */
#adressesociete {
    font-size: 10px ;
  }

/* block corp de l'article : image, chapo, texte*/
#article {
    position : relative ;
  }
	#article img {
	    float : left ;
	    border : 0px solid blue ;
	    padding: 0px ;
	    margin : 10px;
	}
.legendeimage {
font-size : 10px ;
font-weight : bold ;
}
.surtitre { /* block de mise en page du surtitre des articles et de l'edito */
    position : relative ;
    left : 0px ;
  }

.detail, .direami {
   font-weight : normal ;
   font-style : italic ;
   text-align: left ;
   font-size : 12px ;
  }
  

#documentation {
    text-align: left ;
padding-top  : 0px ;
padding-bottom : 0px ;
  }

#signature {
padding : 5px ;
background-color : #fff ;
}

.fenetreformulaire {
position : absolute ;
   z-index : 10 ;
top : 50px ;
left : 50px ;
width : 350px ;
padding : 10px ;
border : 1px solid black ;
background : white ;
z-index : 10 ;
}


/* images secondaires du detail produit */
#produitimages {
    position : relative ;
}
	#produitimages img {
	    float : left ;
	    width : 200px;
	    padding: 0px ;
	    margin : 10px;
	    border : 1px solid blue ;
	  }
#produitinfogeneral {
    position : relative ;
}
	#produitinfogeneral h1 {
	    text-align: center ;
	}
.produitimage {
    float : right ;
    border : 0px ;
    padding-top: 0px ;
    padding-left: 10px ;
    padding-right: 10px ;
    padding-bottom: 10px ;
  }


/* PAGE D'ACCUEIL */
 #contoureditorial {
    position : relative ;
    border: 1px solid black;
    width:500px ;
    margin : 0px ;
    min-height : 0px ;
  }
#editorial {
    padding : 5px ;
  }
	h1#editorial {
	    border: 1px solid blue;
	    position : absolute ;
	    left : 0px ;
	    top : -20px ;
	}
	img#editorial {
	    float : left ;
	    width : 200px ;
	    border : 0px ;
	    padding: 10px ;
	  }
.optionedition { /* block proposant les options d'edition : apparait quand privilege = edit */
    border: 1px solid black;
    margin : 5px ;
    padding : 5px ;
  }
.actu { /* block d'affichage des actualites en page d'acceuil */
    border: 1px solid black;
    -moz-border-radius : 10px ;
    width : 200px ;
    position : relative ;
    left : 0px ;
    padding : 5px ;
}
.actudate {
    font-size: 10px;
    color: blue ;
}

/* PAGE ACCES.PHP */
#map {
border : 1px solid black ;
}
#cadremap{
padding-bottom : 10px ;
}
#cadremap a {
position : relative ;
top : -2px ;
right : 0px ;
}
#cartepopup{
position : relative ;
}
#cartepopup a {
position : relative;
right : 0px ;
top : 0px ;
}

/* block de mise en page de la reference des produits */
.reference {
    text-align: center ;
}
/* block d'affichage du produit en page d'acceuil */
.ongletproduit {
    text-align: center ;
}
	img.ongletproduit {
	    width: 100px ;
	}
/* block d'affichage de l'article dans lire/index.php */
.chapoarticle {
    position : relative ;
width : 440px ;
left : 30px ;
}
.chapoarticle h1 {
padding-bottom : 2px ;
color : #9b292b ;
 }
.chapo {
padding-bottom : 0px ;
padding-top : 0px ;
border : 0px red solid ;
}
.chapophoto {
text-align : center ;
border : 0px red solid ;
    position : relative ;
}
.imgchapophoto{
/*     position : relative ; */
border : 0px red solid ;
background-color : white ;
padding-bottom : 5px ;
margin-bottom : 5px ;
padding : 10px  ;
}
.imgchapophoto h1 {
padding-bottom : 0px ;
margin : 0px ;
color : #998064 ;
 }
.imagechapophoto{

}

#droitedition {
	Position : absolute ;
	top : 2px ;
	left : -10px ;
}

.imgchapoarticle {
	float : left ;
  margin: 0px 10px 10px 10px ;
  position : relative ; 
   border : 0px ;
}
.imgchapoarticle img {
	Position : relative ;
	top : 0px ;
	left : 0px ;
  }
.modifimage {
	Position : absolute ;
	top : 2px ;
	left : 2px ;
}


#diapo {
text-align : center ;
}

.forumpost {
padding-bottom : 5px ;

}
.titreforumpost {
background-color : #84add6 ;
padding-bottom : 5px ;
width : 100% ;
}

.lavignette {
width : 85px ;
border : 3px white solid ;
}

#lesvignettes {
width : 660px ;
overflow-x : auto ;
padding-bottom : 10px ;
padding-top : 20px ;
margin-top : 10px ;
}


/* block div d'affichage de ref, nom du produit, image et descriptif dans achat/index.php */
.produit {
    position : relative ;
}
.produitinfogeneral {
    position : relative ; 
}
	img.produitinfogeneral {/* image du block d'affichage des produits dans achat/index.php*/
	    float : right ;
	    width : 200px ;
	    border : 0px ;
	    padding: 10px ;
	}


/* PAGE PRODUIT DETAIL */
.produit { /* block d'affichage des infos produit dans lire/modele/produit_detail.php*/
    position : relative ;
  }

/* block d'affichage du prix du produit dans lire/modele/produit_detail.php*/

.prix {
    text-align: center ;
  }

/* block d'affichage des produits associes au produit dans lire/modele/produit_detail.php*/

.produitassocie {
    text-align: center ;
  }

/* block d'affichage des options d'achat du produit dans lire/modele/produit_detail.php*/

.articleachat {
    text-align: center ;
  }

/* block d'affichage des pages suivantes et precedantes : div-a div-span*/

.pages {
    text-align: center ;
  }

/* block d'affichage des boutons du site*/
.bouton {
    -moz-border-radius : 5px ;
    cursor: pointer;
    border: 1px solid #000099;
    background: #eee;
    font-size: 11px;
  }
a.bouton {
    color : black ;
    padding : 1px ;
}

/* block d'affichage des formulaires du site*/

.formulaire1 {
    -moz-border-radius : 5px ;
    cursor: pointer;
    font-size: 11px;
    margin : 2px ;
    padding: 2px;
    color: #000000;
    border: 1px solid #000099;
    background: #eeeeee;
z-index : 0 ;
  }

.article_formulaire {
border : 1px solid white ;
padding : 5px ;
 background : #e1e4ff ; 
color : black ; 
}

.article_formulaire h2 {
color : black ; 
}

#onglet_formulaire {height : 25px ; }
.onglet {float : left ; padding-right : 5px ; height : 25px ; position : relative ;}
.onglet a   {
position : absolute ;
top : 0 ;
left : 0 ;
padding-top : 8px ;
text-align : center ;
width : 100px ;
color : white ;
cursor : pointer ;
font-size: 12px;
font-weight : bold ;
}

/* block ancien PEEL : titre des pages. Il en rest epeut etre */

.tetiere {
    line-height: 20px;
    /* forcer la hauteur des liens sous IE pour afficher correctement les bordures */font-size: 11px;
    font-weight: bold;
    padding: 2px 8px;
    text-decoration: none;
    text-transform:uppercase;
    text-transform:uppercase;
    color: #000099;
    border-top: 0px solid #C1DFF9;
    border-right: 0px solid #777;
    border-bottom: 0px solid #777;
    border-left: 0px solid #C1DFF9;
    background: #eee;
z-index : 0 ;
  }

/* block ancien PEEL*/

.titre {
    font-size: 14px;
    font-weight: bold;
  }

/* block PEEL intitule des tableaux de commande*/

.label {
    font-size: 13px;
    font-weight: bold;
  }

/* apparence des intitules des tableaux des commandes */
.menu {
	color: #fff; 
	font-size: 10px;
	text-decoration: none; 
	background-color: blue; 
	text-align: center;
}

input:focus, select:focus, textarea:focus {
    background-color: #eeeeee;
    color: #000;
  }

#article_option_rub {
border : 1px solid black ;
padding : 5px ;
}

.afficheoptionedition {
position : absolute ;
top : 0px ;
left : -3px ;
border : 0px solid red;
z-index : 300 ;
}
.lesmenu {
position : relative ;
top : 0px ;
left : 0px ;
}

.lesoptions_edition{
position : absolute ;
border : 0px solid black ;
padding : 10px ;
bottom : -15px ;
left : -5px ;
width : 80px ;
z-index : 300 ;
text-align : left ;
background:url(../../images/blank.gif) repeat;
}
div.boutonedition {
padding : 0px ;
margin : 0px ;
z-index : 300 ;
}
div.boutonedition a {
padding : 0px ;
margin : 0px ;
margin-top : 0px ;
z-index : 300 ;
}

div.boutonedition a img {
padding : 0px ;
margin : 0px ;
z-index : 300 ;
}

.afficheoptioneditioncontenu {
position : absolute ;
top : 0px ;
left : 0px ;
border : 0px solid red;
z-index : 300 ;
z-index : 300 ;
}

.lesoptions_editioncontenu{
position : absolute ;
border : 0px solid black ;
padding : 20px ;
top : -20px ;
left : -10px ;
width : 80px ;
z-index : 300 ;
	background:url(../../images/blank.gif) repeat;
}

.lesoptions_edition_titre{
position : absolute ;
background-color: white ;
border : 1px solid black ;
padding : 10px ;
top : 10px ;
left : 10px ;
width : 500px ;
font-size : 10px ;
height : 180px ;
overflow :  auto  ;
z-index : 300 ;
}

.declare_droits {
border : 1px 0px  1px 0px solid black ;
background-color: #9b1515;
font-size : 11px ;
text-align : left ;
color : white ;
padding : 2px ;
}

#produitshorsligne {
border : 2px solid #9b1515 ;
background-color: #E8BFBF;
padding : 5px ;
}

.menueditionproduit {
position : absolute ;
top : 10px ;
left : 10px ;
}