body { 
    width: 800px;
    margin: auto;
	 text-align: center; /* correction d'un bogue IE */
	 font-family: helvetica,"trebuchet MS",verdana,sans-serif;
    }
    
    
  #conteneur { 
  	margin: 20px 0;
	text-align: left; /* correction d'un bogue IE */
	font-size: 0.9em;
   }
    
/* ------------------------------------------------------------------
--------------------------- SQUELETTE ------------------------------
-------------------------------------------------------------------*/

/* Styles liés à l'EN-TETE */

  #entete { 
    height: 83px;
    background: url(../images/bandeau.jpg);
    }

/* le MENU DEROULANT est inséré à l'en-tête */

  #menu { 
   position: absolute;
   width: 800px;
   margin-top: 58px;
	height: 20px;
   text-align: center;
	font-size: 0.85em; 
    }

  #menu dl { 
    float: right;
    width: 111px; 
	 height: 20px;
	 padding: 2px;
	 background: url(../images/fond_menu_dl.png) no-repeat;

    }
	 
	
  #menu dl:hover {
    background: url(../images/fond_menu_dl_hover.png) no-repeat;
	 }

  #menu dt { 
   height: 20px;
	cursor: pointer;
   text-align: center;
   font-weight: bold;
	color: #6699cc;
	line-height: 150%;
	    }

  #menu dd { 
    display: none;
    background-color: #f4f9fd;
	 border-top: 1px solid #fff;
	 border: 1px solid #d0d9e9;
	    }

  #menu li { 
    text-align: center;
	 list-style: none;
    }
    
  #menu li a, #menu dt a { 
    display: block;
    text-decoration: none;
    color: #4682B4;
	     }

  #menu li a:hover, #menu dt a:hover { 
     text-decoration: underline;
     }
    
  #menu dl, #menu dt, #menu dd, #menu ul, #menu li { 
    margin: 0pt;
    padding: 0pt;
    }

/* Fin de l'EN-TETE */

/* CENTRE DU SITE */

  #site { 
    margin-top: 25px;
    text-align: justify;
	 list-style: inside url(../images/puce_fleche_bleue.png);
    }

	
  #accueil { 
    float: left;
    width: 600px;
	 height: 300px;   
  /*  background: url(../images/fond_bandeau_accueil.png) no-repeat;
	 list-style: inside url(../images/puce_fleche_bleue.png);*/
    }
	 
  #centre /* texte principal pour toute autre page que celle d'accueil */ { 
  	 float: left;
    width: 580px;
	 border-left: thin dotted #bcdbf3;
	 border-right: thin dotted #bcdbf3;
	 padding: 0 10px;
    }


 #page /* bloc général */ 
{float:left;
	width:500px;
	text-align: left;
    font-size:8.5pt;
	font-family:verdana;
	background-color:#ffffff;
    padding-top : 20px ; padding-right : 3px ; padding-bottom : 3px ;
	padding-left : 3px;
margin-top : 40px ; margin-right : 15px ; margin-bottom : 15px;
      margin-left : 40px ;

	}

  .encart_gauche { 
    float:left;
    width : 250px;
    margin-left: 20px;
background-color:#ffffff;

    }
 
  .encart_droit  { 
    margin-left: 270px;
	 padding-right: 1em;
background-color:#ffffff;

    } 


	div#contenu_1 /*page accueil filet gauche*/ {
	float:left;
	width:800px;
	background-color:#ffffff;
padding-top : 30px ; padding-right : 3px ; padding-bottom : 3px ;
	padding-left : 3px;
	border-left: 4px dotted ;
	border-color:#ECE8F4;
	}


	div#contenu {
	float:left;
	width:800px;
	text-align: left;
    font-size:8.5pt;
	font-family:verdana;
	background-color:#ffffff;
padding-top : 30px ; padding-right : 3px ; padding-bottom : 3px ;
	padding-left : 3px;
	}

div#bloc_droit_1 {
	float:right;
	width:250px;
      text-align: center;
	background-color:#ffffff;
	margin-top : 40px ; margin-right : 15px ; margin-bottom : 15px;
      margin-left : 55px ;
	padding-top : 3px ; padding-right : 3px;
     padding-bottom : 3px ;
	padding-left : 3px;
	}

div#bloc_droit_2 {
	float:right;
	width:400px;
	background-color: #ECE8F4;
		border-top: 2px dotted ;
	border-bottom: 2px dotted ;
	border-left: 2px dotted ;
	border-right: 2px dotted ;
	border-color:#6699ff;
	margin-top : 15px ; margin-right : 15px ; margin-bottom : 15px ;
	margin-left : 15px ;
padding-top : 5px ; padding-right : 10px ; padding-bottom : 5px ;
	padding-left : 10px;
	}
div#bloc_droit_3 {
	float:right;
	width:200px;
	background-color: #ECE8F4;
		border-top: 2px dotted ;
	border-bottom: 2px dotted ;
	border-left: 2px dotted ;
	border-right: 2px dotted ;
	border-color:#6699ff;
	margin-top : 15px ; margin-right : 15px ; margin-bottom : 15px ;	margin-left : 15px ;
padding-top : 5px ; padding-right : 10px ; padding-bottom : 5px ;
	padding-left : 10px;
text-align: center;
	}

div#bloc_4 /*pour image centrée dans div et fond bleuté*/ {
	float:left;
	width:200px;
	background-color: #f4f9fd;
		border-top: 2px dotted ;
	border-bottom: 2px dotted ;
	border-left: 2px dotted ;
	border-right: 2px dotted ;
	border-color:#6699ff;
	margin-top : 15px ; margin-right : 15px ; margin-bottom : 15px ;	margin-left : 15px ;
padding-top : 5px ; padding-right : 10px ; padding-bottom : 5px ;
	padding-left : 10px;
    text-align: center;
	}


div#bloc_5 /*pour image centrée dans div et fond bleuté et marge importante à gauche*/ {
	float:right;
	width:200px;
	background-color: #f4f9fd;
		border-top: 2px dotted ;
	border-bottom: 2px dotted ;
	border-left: 2px dotted ;
	border-right: 2px dotted ;
	border-color:#6699ff;
	margin-top : 15px ; margin-right : 15px ; margin-bottom : 15px ;	margin-left 15px;
padding-top : 5px ; padding-right : 10px ; padding-bottom : 5px ;
	padding-left : 10px;
    text-align: center;
	}

div#bloc_img /*pour couverture livre*/ {
	float:right;
   	background-color:#ECE8F4;
	padding-top : 15px ; padding-right : 15px ; padding-bottom : 15px ; padding-left : 15px;


	}


div#bloc_gauche {
	float:left;
	width:200px;
	background-color:#ffffff;
		border-top: 1px dotted ;
	border-bottom: 1px dotted ;
	border-left: 1px dotted ;
	border-right: 1px dotted ;
	border-color:#6699ff;
	margin-top : 15px ; margin-right : 15px ; margin-bottom : 15px ;
	margin-left : 15px ;
	padding-top : 5px ; padding-right : 10px ; padding-bottom : 5px ;
	padding-left : 10px ;
	}
div#bloc_gauche_2 {
	float:left;
	width:200px;
	background-color:#ECE8F4;
		border-top: 2px dotted ;
	border-bottom: 2px dotted ;
	border-left: 2px dotted ;
	border-right: 2px dotted ;
	border-color:#6699ff;
	margin-top : 10px ; margin-right : 10px ; margin-bottom : 10px ;
	margin-left : 10px ;
	padding-top : 5px ; padding-right : 10px ; padding-bottom : 5px ;
	padding-left : 10px ;
	}

div#bloc_gauche_3 {
	float:left;
	width:150px;
	background-color:#ECE8F4;
		border-top: 2px dotted ;
	border-bottom: 2px dotted ;
	border-left: 2px dotted ;
	border-right: 2px dotted ;
	border-color:#6699ff;
	margin-top : 10px ; margin-right : 10px ; margin-bottom : 10px ;
	margin-left : 10px ;
	padding-top : 5px ; padding-right : 10px ; padding-bottom : 5px ;
	padding-left : 10px ;
	}

div#bloc_gauche_4 /*pas de marge externe gauche*/ {
	float:left;
	width:170px;
	background-color:#ECE8F4;
	border-top: 3px dotted ;
	border-bottom: 3px dotted ;
	border-left: 3px dotted ;
	border-right: 3px dotted ;
	border-color:#ECE8F4;
	margin-top : 10px ; margin-right : 10px ; margin-bottom : 10px ;	

	padding-top : 5px ; padding-right : 10px ; padding-bottom : 5px ;
	padding-left : 10px ;
	}


div#bloc_gauche_5 /*pas d'encadré*/ {
	float:left;
	width:400px;
	background-color:#fffff;
	margin-top : 10px ; margin-right : 10px ; margin-bottom : 10px ;	}
	 
  #menu2 /* menu de droite */ { 
	 float: right;
	 width: 184px;
	 font-size: 0.85em;
     background-color:#ffffff;
		border-top: 2x dotted ;
	border-bottom: 2x dotted ;
	border-left: 2x dotted ;
	border-right: 2x dotted ;
	border-color:#F36A00;;
	padding-top : 3px ; padding-right : 3px ; padding-bottom : 3px ;
	padding-left : 3px 


	 }
	 
    #menu2 dl {
	background: url(../images/fond_menu_bas.png) bottom left no-repeat;
	margin: 0;
	padding-bottom: 5px;
  }
  
  #menu2  dt, dd {
  	margin: 0;
	padding: 0;
  }
   #menu2 dt {
	height: 25px;
	background: url(../images/fond_menu_haut.png) top left no-repeat;
	text-align: center;
	line-height: 200%;
  }	 
    #menu2 dd {
  	padding: 0 20px 0 10px;
	background: url(../images/fond_menu_milieu.png) top left repeat-y;
  }

  #menu2 li {
  	list-style: inside url(../images/btn_fleche.png);
	text-align: left;
  }
	 
  #boitier  /* boitier de navigation page précédente / en haut / page suivante */ {
 	width: 580px;
	padding: 0 10px;
	margin: 20px 0;
	border-left: thin dotted #bcdbf3;
	border-right: thin dotted #bcdbf3;
	text-align: center;
 } 
	/* fin du bloc site */ 
	/* deuxième niveau de la page d'accueil, en dessous de la div site : actualités = alertes + alire */
	 
  #actualites /* bloc général où sont insérées les div alertes et alire */ {
   padding-top: 5px;
	clear: both;
	list-style: inside url(../images/puce_fleche_bleue.png);
	    font-size:8.5pt;
	font-family:verdana;
	} 
 
 		#actualites h5 {
 			font-size: 1em;
 		}
		
		#actualites .telecharger {
			font-size: 0.9em;
		}
		
		#actualites ul {
			text-align: left;
		}
		

	  	  .col_g {
			float: left;
			width: 280px;
		}

		  	  .col_g_bis {
			float: left;
			width:400px;
		}
 
		.col_d {
			float: right;
			width: 500px;

		}
		.col_d_bis {
			float: right;
			width: 400px;

		}

 
	/* PIED DE PAGE */

  #pied { 
    clear: both;
   margin-top : 30px ;
	 text-align: center;
	 font-size: 0.8em;
	 color: #6b6b7f;
	 
    }
	 	#pied ul {
	 		margin: 0;
			padding: 0;
	 	}
	 
	 	#pied li{
			display:inline;
			list-style: none;
			line-height: 50px;
			margin: 0;
			padding: 0;
		}
	 	#pied img {
	 		vertical-align: middle;
	 	}
		
		#pied p {
			margin: 0;
			font-size: 0.75em;
			line-height: 50px;
		}
		
			.lang {
				width: 30%;
				float: left;
			}
		  .langages {
  	background-color: #ECE8F4;
	border: 1px solid #d0d9e9;
	padding: 1px;
	color: #808080;
		} 
		.liens {
		  /*background: url(../images/fond_pied2.png) top left no-repeat;*/
			width: 270px;
			float: left;
			
		}
  		.filiale {
  			width: 30%;
			float: right;
  		}
/* ------------------------------------------------------------------
-------------------- STYLES DE TEXTE PONCTUELS ----------------------
-------------------------------------------------------------------*/

	/* ------------ alignement et effets de police ------------  */ 
.texte_1{ 
    font-size:8.5pt;
	font-family:verdana;
 text-align: left;

    } 
.texte { 
    font-size:8.5pt;
	font-family:verdana;
 text-align: justify;

    } 
	

  .droite { 
    text-align: right;
    }
    
  .gauche { 
    text-align: left;
    }
    
  .centre { 
    text-align: center;
    }
    
  .italique { 
    font-style: italic;
    }

  .gras { 
    font-weight: bold;
    }

  .client { 
    font-weight: bold;
    color: #6699ff;  
    } 
    
  .ever { 
    font-variant: small-caps;
    }
   
  .lire {
  	color: #808080;
	border-bottom: 1px #808080 dotted;
	cursor: pointer;
  }
 
  .produit { 
    font-weight: bold;
    color: #469FDF;
    }
	 
 .telecharger /* pour les mentions "télécharger la brochure..." */ {
 	color: #F88020;
	font-size: 0.8em;
	text-align: right;
 }

	/* ------------ liens ------------ */
    
  a { 
   line-height: 150%;
	color: #6699cc;
	text-decoration: none; 
font-size:8.5pt;
	font-family:verdana;
font-weight: bold;
    }

  a:visited {  
    color: #818B9E;
    }
	 
  a:hover { 
   text-decoration: underline;
   }
	 
  a.site_externe:after 
  	/* style de lien propre aux liens externes, menant sur une page hors du site Ezida. Il insère, pour les navigateurs respectueux des standards, l'icône "site externe". Le fait que IE ignore cette propriété ne trouble pas la lecture.*/ 
   {content: url(../images/puce_site_externe.png);
    }
	 
  a.mail:after 
    /* style de lien propre aux liens de type mailto. Il insère, pour les navigateurs respectueux des standards, l'icône "mail". Le fait que IE ignore cette propriété ne trouble pas la lecture.*/ 
  { content: url(../images/puce_mail.png);
  }

  a.pdf:after 
    /* style de lien propre aux liens vers un PDF. Il insère, pour les navigateurs respectueux des standards, l'icône "PDF". Le fait que IE ignore cette propriété ne trouble pas la lecture.*/ 
  { content: url(../images/puce_pdf.png);
  }
	 
  a img { 
    border: none; /* cette propriété enlève la bordure par défaut autour des images servant de lien */
	 vertical-align: middle;
	 }
	 
  a.infobulle span { /* définition de la balise <span> inclue dans <a>. Les infobulles ne sont pas lues par IE */
 	display: none;
	
   }
	
  a:hover.infobulle {
 	text-decoration: none;
	}
 
 a:hover.infobulle span /* définition de l'info-bulle */ {
 	position: absolute;
	display: inline;
	max-width: 200px;
	padding: 5px;
 	background-color: #f4f9fd;
	border: thin dotted #bcdbf3;
 	text-align: center;
	color: #000;
	font-size: 0.8em;
	font-variant: normal;
	
   }
  
	/* ------------  listes ------------ */
 
  .ul_cliquable /* ce style de liste vaut pour les listes de lien, où le texte est cliquable */{
  	list-style: inside url(../images/btn_fleche.png);
	padding: 0;
   margin: 0;
	}
 
  .ul_actualite /* ce style donne un fond bleuté à la liste, utilisé pour la section "actualités" de la page d'accueil */{
   background-color: #f4f9fd;
   list-style-position: inside;
	padding: 10px;
   margin: 2px;
	text-align: justify;
   }
  .ul_actualite2 /* ce style donne un fond mauve à la liste, utilisé pour la section "actualités" de la page d'accueil */{
   background-color: #ECE8F4;
   list-style-position: inside;
	padding: 10px;
   margin: 2px;
	text-align: justify;
   }
 

  .ul_page /* */{
  
   list-style-position: inside;
	padding: 10px;
   margin: 2px;
	text-align: justify;
   }

  li { 
    line-height: 150%;
    }
	 
	ol /* concerne les listes numérotées */ {
	list-style: inside decimal;
	}

	/* ------------  paragraphes ------------ */
    
  p { 
    margin: 10px 0;
    text-align: justify;
    }
	 
	/* images */
  .img_a_droite /* pour aligner l'image à droite du texte */
    {
	 float: right;
    }

	/* ------------ titres ------------  */
  h1 { 
  font-size: 0.95em;
    color: #3b8eba; 
    }

  h2 { 
  font-size: 0.95em;
  color: #F88020;  
  border-bottom: 1px solid #d0d9e9;
    }

  h3 { 
  text-align: right;
  color: #ccccff
    }
    
  h4 { 
 font-size:9pt;
	font-family:verdana;
color: #6699ff;
	text-align: left;
	border-bottom: 1px solid #d0d9e9;
    }
  
  h5 {
  	color: #6699ff;
	text-align: right;
	border-bottom: 1px solid #d0d9e9;
   }  
	 
 .menus_titre	 /* réservés au menu de navigation de droite */  { 
    font-weight: bold;
    color: #3b8eba;
    }

 .menus_sous_titre  /* réservés au menu de navigation de droite */  { 
    border-bottom: 1px solid #d0d9e9;
	 line-height: 30px;
    font-weight: bold;
    color: #F88020;
	 text-align: left;
    }