body { margin: 0; padding: 0; font: 0.8em Verdana,Arial,Helvetica,Tahoma,sans-serif; letter-spacing: 0.05em; background: #888; color: #000; text-align: center }
#page { display: block; position: absolute; top: 0; left: 50%; width: 748px; margin-left: -379px; padding: 5px; background: #fff; float: left }
#header { display: block; width: 100%; height: 93px; background: #87AEC5 url(images/haut2.gif) no-repeat top left; float: left }
#main { margin-top: 1px; background: #fff url(images/menu.gif) repeat-y top left; text-align: left; float: left }

#content { font: 0.8em Verdana,Arial,Helvetica,Tahoma,sans-serif; display:block; width: 602px; margin-left: 145px; }
#menu {	position: absolute;	width:138px; left:6px; margin-top: 10px;}
#arrondi {	position: absolute;	width:144px; height:16px; background:url(images/arrondi.gif); left:5px;}
#arrondi2 {	position: absolute;	width:144px; height:15px; background:url(images/arrondi2.gif); left:5px; bottom:0px; margin-bottom:0px}

#menu ul { margin: 6px 0 0 0px;padding-left: 0;list-style-type: none;font-size: 0.8em;letter-spacing: 0.05em;text-decoration: none }
#menu a { display: block; padding: 1px; margin:3px; width: 136px; }
#menu a:link, .top a:visited, .bottom a:visited { color: #F1F1F1; text-decoration: none; }
#menu a:hover { background-color: #7D9BBD ; color: #F1F1F1; }
#menu img { border:0; margin:0px 2px 0px 2px; }

#ligne  { width:140px; height:1px; margin-top:6px; line-height: 1px; margin-left:2px; background: url(images/ligne3.gif)  }
.pied {   position: relative; margin-top:1px;height: 15px; background-color:#25548A; text-align:right; color:white;  padding-right:5px; vertical-align:bottom; padding-right:20px;}

.image_coin1 { position: absolute; top:0px; }
.image_coin2 { position: absolute; top:0px; right:0px; z-index:2; }
.image_coin3 { position: absolute; bottom:0px; }
.image_coin4 { position: absolute; bottom:0px; right:0px; z-index:1; }

.image_basg { position: absolute; top:0px; left:0px;}
.image_basd { position: absolute; top:0px; right:0px; }

#hautgauche, #hautdroit, #basgauche, #basdroit {height: 13px; width: 13px; background-repeat: no-repeat; font-size:1px;}
#hautgauche {background: url(images/coin1.gif);}
#hautdroit {float: right; background: url(images/coin2.gif);}
#basgauche {background: url(images/coin3.gif);}
#basdroit {float: right; background: url(images/coin4.gif);}


#hautgauche_h, #hautdroit_h, #basgauche_h, #basdroit_h, #basgauche_h2, #basdroit_h2 {height: 9px; width: 9px; background-repeat: no-repeat; font-size:1px;}
#hautgauche_h {background: url(images/coin1h.gif);}
#hautdroit_h {float: right; background: url(images/coin2h.gif);}
#basgauche_h {background: url(images/coin4h.gif); margin-top:134px}
#basdroit_h {float: right; background: url(images/coin3h.gif); margin-top:134px}
#basgauche_h2 {background: url(images/coin4h.gif); margin-top:182px}
#basdroit_h2 {float: right; background: url(images/coin3h.gif); margin-top:182px}


.gras {	color: #526A79; }

.selectionne { background-color: #7D9BBD  ; color: #68899C; }

.lien { color: #68899C; text-decoration: none; border-bottom-style: dashed; border-bottom-width: 1px; }

	
#accueil_titre { width:578px; height:200px;	margin-left:14px; margin-top:5px; }



#accueil_titre_vusine  { position:absolute; left:164px; top:305px;	font-weight: bold; }
#qualite_titre_leader  { position:absolute; left:164px; top:430px; width:200px; font-weight: bold; }
#accueil_titre_actu    { position:absolute; left:560px; top:305px; width:200px; font-weight: bold; }



/*-----  ACCUEIL  ----- */
#accueil_carre1 { position: absolute; background-color: #F1F1F1; top: 321px; left:164px; width : 386px; height:104px;}
#accueil_carre1 #texte1 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 0 138px; }
#accueil_carre1 #image1 { position: absolute; left:6px; top:6px; }

#accueil_carre2 { position: absolute; background-color: #F1F1F1; top: 445px; left:164px; width : 578px; }
#accueil_carre2 #texte1 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 0 138px; }
#accueil_carre2 #texte2 { position: relative; text-align: justify; z-index:2; padding: 8px 6px 10px 6px; }
#accueil_carre2 #image1 { position: absolute; left:6px; top:6px; align:left }

#accueil_carre3 { position: absolute; background-color: #F1F1F1; top: 321px; left:560px; width : 182px; height:104px }
#accueil_carre3 #texte1 { position: relative; text-align: justify; z-index:2; margin: 6px 6px 10px 6px; }
#accueil_carre3 a:link, a:visited, a:visited { color: #68899C; text-decoration: none; }

/*-----  QUALITE ET HYGIENE  ----- */
#qualite_titre_qualite { position:relative; left:14px; top:6px;	font-weight: bold; }

#qualite_carre1 { position: relative; background-color: #F1F1F1; top: 10px; left:14px; width : 376px; height:78px }
#qualite_carre1 #texte1 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 0 58px;  }
#qualite_carre1 #image1 { position: absolute; left:6px; top:6px; }

#qualite_carre2 { position: relative; background-color: #F1F1F1; top: 20px; left:14px; width : 376px; height:250px ;margin-bottom:20px  }
#qualite_carre2 #texte1 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 0 144px }
#qualite_carre2 #texte2 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 6px 6px }
#qualite_carre2 #image1 { position: absolute; left:6px; top:6px; }
#qualite_carre2 #image2 { position: relative; float:right; padding-left:6px}

#qualite_carre3 { position: relative; background-color: #F1F1F1; width : 192px; float:right; height:348px; margin:10px 6px; }
#qualite_carre3 #texte1 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 0 6px  }
#qualite_carre3 #image1 { position: relative; margin:5px 0 5px 0 }
#qualite_carre3 a:link, a:visited, a:visited { color: #68899C; text-decoration: none; }

#qualite_carre4 { position: relative; background-color: #F1F1F1; top: 10px; left:14px; width : 578px; margin-bottom:20px }
#qualite_carre4 #texte1  { position: relative; text-align: justify; z-index:2; padding: 6px 6px 10px 6px;}

/*-----  CONTACT  ----- */
#contact_titre { width:578px; height:200px;	background-image: url(images/contact_titre.jpg); margin-left:14px; margin-top:5px; }
#authentification_titre { width:578px; height:200px;	background-image: url(images/authentification_titre.jpg); margin-left:14px; margin-top:5px; }

#contact_carre1 { position: relative; background-color: #F1F1F1; top: 10px; left:14px; width : 578px; margin-bottom:20px }

#contact_carre1 #image1 { position: absolute; left:185px; top:6px;  }
#contact_carre1 #texte1 { position: relative; color: #626262; text-align: center; z-index:2;padding-top:6px;  }

#contact_carre1 #texte2 { position: relative; color: #626262; text-align: center; padding-top:6px;margin-left: 35px;}
#contact_carre1 #image2 { position: absolute; left:214px; top:87px; }

#contact_carre1 #texte3 { position: relative; color: #626262; text-align: center; padding-top:6px; padding-bottom:6px;}

#contact_carre1 a:link, a:visited, a:visited { color: #68899C; text-decoration: none; }

/*-----  REPERAGE  ----- */
#reperage_titre_mada  { position:relative; left:14px; top:6px;	font-weight: bold; }
#reperage_titre_zone  { position:absolute; left:440px; top:262px; width:200px; font-weight: bold; }
#reperage_titre_zonep { position:absolute; left:164px; top:556px; width:200px; font-weight: bold; }

#reperage_carre1 { position: relative; background-color: #F1F1F1; top: 10px; left:14px; width : 262px; height:260px; margin-bottom:96px}
#reperage_carre1 #texte1 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 0 6px }
#reperage_carre1 #image1 { position: relative; left:6px; top:6px; z-index:2;}

#reperage_carre2 { position: absolute; background-color: #F1F1F1; top: 278px; left:440px; width : 302px; height:260px }
#reperage_carre2 #texte1 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 0 139px }
#reperage_carre2 #image1 { position: absolute; left:6px; top:6px; z-index:2;}

#reperage_carre3 { position: absolute; background-color: #F1F1F1; top: 572px; left:164px; width : 578px;}
#reperage_carre3 #texte1 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 10px 6px; }

#reperage_carre4 { position: relative; background-color: #F1F1F1; top: 10px; left:14px; width : 578px; margin-bottom:20px; }
#reperage_carre4 #texte1 { position: relative; text-align: justify; z-index:2; padding: 0 6px 0px 6px; }
#reperage_carre4 #image1 { position: relative; left:115px; }


/*-----  ESPACE CLIENT  ----- */
#espacecli_titre { width:578px; height:200px; background-image: url(images/espacecli_titre.jpg);margin-left:14px; margin-top:5px; }

#espacecli_carre1 { position: relative; background-color: #F1F1F1; top: 10px; left:14px; width : 572px; padding:6px 6px 6px 0px;margin-bottom:12px}
#espacecli_carre1 #texte1 { position: relative; text-align: justify; z-index:2; margin-left:6px; top:6px; margin-right:6px; margin-left:8px; margin-bottom:6px; letter-spacing: 0em;}
#espacecli_carre1 a:link, a:visited, a:visited { color: #68899C; text-decoration: none; }

#espacecli_carre2 { position: relative; background-color: #F1F1F1; top: 10px; left:14px; width : 572px; padding:6px 6px 6px 0px;}
#espacecli_carre2 #texte1 { position: relative; text-align: justify; z-index:2; margin-left:6px; top:0px; margin-right:6px; margin-left:8px; margin-bottom:0px}
#espacecli_carre2 a:link, a:visited, a:visited { color: #68899C; text-decoration: none; }
.input_text { border: 1px solid #CCCCCC; }

#espacecli_titre1  { position:relative; left:14px; top:6px;	font-weight: bold; }
#espacecli_titre2  { position:relative; left:14px; top:6px; font-weight: bold; }


/*-----  les titres  ----- */

#historique_titre, #reperage2_titre, #peche_titre, #devdurable_titre, #actionhum1_titre,
#actionhum2_titre, #actionhum3_titre, #ateliceph_titre, #andavadoak_titre, #qualite_titre, #reperage_titre,
#collecte_titre, #collecte2_titre, #produits_titre
{ width:578px; height:152px;margin-left:14px; margin-top:5px; }

#historique_titre  { background-image: url(images/historique_titre.jpg);}
#reperage2_titre   { background-image: url(images/reperage2_titre.jpg);}
#peche_titre       { background-image: url(images/peche_titre.jpg);}
#devdurable_titre  { background-image: url(images/devdurable_titre.jpg);}
#actionhum1_titre  { background-image: url(images/actionhum_titre.jpg);}
#actionhum2_titre  { background-image: url(images/actionhum_titre.jpg);}
#actionhum3_titre  { background-image: url(images/actionhum_titre.jpg);}
#ateliceph_titre   { background-image: url(images/devdurable_titre.jpg);}
#andavadoak_titre  { background-image: url(images/devdurable_titre.jpg);}
#qualite_titre     { background-image: url(images/qualite_titre.jpg);}
#reperage_titre    { background-image: url(images/reperage_titre.jpg);}
#collecte_titre    { background-image: url(images/collecte_titre.jpg)}
#collecte2_titre   { background-image: url(images/collecte2_titre.jpg);}
#produits_titre    { background-image: url(images/produits_titre.jpg);}





#historique_titre_hist  { position:relative; left:14px; top:6px; font-weight: bold; }

#historique_carre { position: relative; background-color: #F1F1F1; top: 10px; left:14px; width : 578px; margin-bottom:20px}
#historique_carre #texte1 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 10px 6px;}
#historique_carre #image1 { position: absolute; left:6px; top:6px; }
#historique_carre #image2 { position: relative; left:25px; }
#historique_carre #image3 { position: relative; float:left; padding: 0 6px 0 0; }

#historique_carre a:link, a:visited, a:visited { color: #68899C; text-decoration: none; }


/*-----  COLLECTE  ----- */

#collecte_titre_act  { position:relative; left:14px; top:6px; font-weight: bold; }

#collecte_carre { position: relative; background-color: #F1F1F1; top: 10px; left:14px; width : 578px; margin-bottom:20px}
#collecte_carre #texte1 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 0 6px; height:230px}
#collecte_carre #texte2 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 0 6px; height:200px}
#collecte_carre #texte3 { position: relative; text-align: justify; z-index:2; padding: 0px 6px 0 6px; height:440px}
#collecte_carre #image1 { position: relative; float:left; padding: 0 6px 0 0; }
#collecte_carre #image2 { position: relative; float:right; padding: 0 0 0 6px; }

/*-----  L'USINE  ----- */
#lusine_titre { width:578px; height:200px; background-image: url(images/lusine_titre.jpg);margin-left:14px; margin-top:5px; }

#lusine_titre_lusine  { position:relative; left:14px; top:6px; font-weight: bold; }

#lusine_carre { position: relative; background-color: #F1F1F1; top: 10px; left:14px; width : 578px; height:210px; margin-bottom:20px }
#lusine_carre #texte1 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 0 6px; }
#lusine_carre #image1 { position: relative; float:left; padding: 0 6px 0 0; }
#lusine_carre #image2 { position: relative; float:right; padding: 0 0 0 6px; }

/*-----  PRODUITS  ----- */

#produits_titre_lusine  { position:relative; left:14px; top:6px; font-weight: bold; }

#produits_carre { position: relative; background-color: #F1F1F1; top: 10px; left:14px; width : 578px; margin-bottom:20px }
#produits_carre a:link, a:visited, a:visited { color: #68899C; text-decoration: none; }
#produits_carre #texte1 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 10px 6px; }
#produits_carre #texte1 img { border:0 ;}
#produits_carre #texte1 #image1 { position: relative; float:left; padding: 12px 6px 0 0; }
#produits_carre .titre {
	font-weight: bold;
	line-height: 14px;
}
#produits_carre .titrepro {
	font-weight: bold;
	text-align:center;
	font-size: 12px;
}


/*----- ACTION HUMANITAIRE */
#actionhum_carre { position: relative; background-color: #F1F1F1; top: 10px; left:14px; width : 578px; margin-bottom:20px;}
#actionhum_carre #texte1 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 0 6px; }

#actionhum_carre a:link, a:visited, a:visited { color: #68899C; text-decoration: none; }
#actionhum_carre #image1 { position: relative; float:left; padding: 0 6px 0 0; }
#actionhum_carre #image2 { position: relative; padding: 6px 6px 0 70px; }
#actionhum_carre #image3 { position: relative; float:right; padding: 0 0 0 6px }

#actionhum_carre2 { position: relative; background-color: #F1F1F1; top: 10px; left:14px; width : 578px; margin-bottom:20px; height:178px}
#actionhum_carre2 #texte2 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 0 6px; }
#actionhum_carre2 #texte3 { position: relative; text-align: justify; z-index:2; height:150px }
#actionhum_carre2 a:link, a:visited, a:visited { color: #68899C; text-decoration: none; }
#actionhum_carre2 #image3 { position: relative; float:right; padding: 0 0 0 6px; }


#peche_carre { position: relative; background-color: #F1F1F1; top: 10px; left:14px; width : 578px; margin-bottom:20px}
#peche_carre #texte1 { position: relative; text-align: justify; z-index:2; padding: 6px 6px 10px 6px;}
#peche_carre ul { margin: 4px 0 4px 12px; padding-left: 4px; list-style-type: none; font-size: 1em;	text-decoration: none; }