*{margin:0;padding:0}
html, body {
  height: 100%;
  

  }


/* CSS Document */
#contentgeneral{Height:100%;width:100%}
#blocnoir{height: 191px;width:100%; background-color: #000000;z-index:1;position:relative;margin-top:70px}
#blocnoir2{height: 191px;width:100%; background-color: #000000;z-index:1;position:relative;margin-top:70px}
#blocnoir3{height: 190px;width:100%; background-color: #000000;z-index:1;position:relative;margin-top:70px}
#footer {margin-top:30px;width:800px;height: 40px;margin-left: auto; margin-right: auto; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px }
#footer a{color:#000000;text-decoration:none }
#footer a:hover{color:#000000;text-decoration:underline}
#footer a:visite{color:#000000;text-decoration:none}


/* menuhautgauche */

#menuhautgauche{display:block;z-index:3;padding-top:135px;padding-left:36px; color:#FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:14px;}
#menuhautgauche li{background-image: url(/conception/img/puce.gif); background-repeat: no-repeat; background-position: left center; list-style-type: none; padding-left: 19px; line-height:16px}
#menuhautgauche a{color:#FFFFFF;text-decoration:none }
#menuhautgauche a:hover{color:#FFFFFF;text-decoration:underline}

#menuhautgauche2{display:block;z-index:3;padding-top:153px;padding-left:36px; color:#FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:14px;}
#menuhautgauche2 li{background-image: url(/conception/img/puce.gif); background-repeat: no-repeat; background-position: left center; list-style-type: none; padding-left: 19px; line-height:16px}
#menuhautgauche2 a{color:#FFFFFF;text-decoration:none }
#menuhautgauche2 a:hover{color:#FFFFFF;text-decoration:underline}

#menuhautgauche3{display:block;z-index:3;padding-top:153px;padding-left:40px; color:#FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:14px;}
#menuhautgauche3 li{background-image: url(/conception/img/puce.gif); background-repeat: no-repeat; background-position: left center; list-style-type: none; padding-left: 19px; line-height:16px}
#menuhautgauche3 a{color:#FFFFFF;text-decoration:none }
#menuhautgauche3 a:hover{color:#FFFFFF;text-decoration:underline}
/* index */

#home{width:800px;margin-top:-243px;height:551px;z-index:2;position:relative; background-image:url(/conception/img/pagesgeneriques/sans/sitehomedepart.jpg); background-repeat:no-repeat;margin-left: auto; margin-right: auto; }
#goodies{width:800px;margin-top:-231px;height:555px;z-index:2;position:relative; background-image:url(/conception/img/pagesgeneriques/sans/goodies.jpg); background-repeat:no-repeat;margin-left: auto; margin-right: auto; }
#goodiescontenu{width:800px;margin-top:295px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px;margin-left: auto; margin-right: auto; text-align:center}
#goodiescontenu a{color:#000000;text-decoration:none }
#goodiescontenu a:hover{color:#000000;text-decoration:underline}
/* index */
/* contact */

#contact{ width:800px;margin-top:-250px;z-index:3;height:581px;display:block;position:relative; background-image:url(/conception/img/pagesgeneriques/sans/sitecontact.jpg); background-repeat:no-repeat;margin-left: auto; margin-right: auto; }

/* philo */

#philo{ width:799px;margin-top:-231px;height:555px;z-index:3;position:relative;display:block; background-image:url(/conception/img/pagesgeneriques/sans/sitephilo.jpg); background-repeat:no-repeat;margin-left: auto; margin-right: auto; }

/* menuetudedecas */

#menuetudecas{padding-top:30px;padding-left:145px; color:#FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:14px;}
#menuetudecas li{list-style-type: none; background-color:#000000; background-repeat:no-repeat;display:inline;margin:0 5px 0 10px;line-height:16px}
#menuetudecas a{color:#FFFFFF;text-decoration:none }
#menuetudecas a:hover{color:#FFFFFF;text-decoration:underline}

/* etudedecas */
#epf{width:800px;margin-top:-231px;height:555px;z-index:3;position:relative;height:574px;display:block; background-image:url(/conception/etude-de-cas/img/sitecaepf.jpg); background-repeat:no-repeat;margin-left: auto; margin-right: auto; }

#fermentis{ width:800px;margin-top:-231px;height:555px;z-index:3;position:relative;height:574px;display:block; background-image:url(/conception/etude-de-cas/img/sitecasfermentis.jpg); background-repeat:no-repeat;margin-left: auto; margin-right: auto; }
#autre { padding: 165px 0 0 130px}
#autre a{color:#000000;text-decoration:underline ;font-family: Geneva, Arial, Helvetica, sans-serif; font-size:11px;}
#autre a:hover{color:#000000;text-decoration:none;font-family: Geneva, Arial, Helvetica, sans-serif; font-size:11px; }
#autre a:visite{color:#000000;text-decoration:none;font-family: Geneva, Arial, Helvetica, sans-serif; font-size:11px;}

#autre2 { padding: 195px 0 0 130px}
#autre2 a{color:#000000;text-decoration:underline ;font-family: Geneva, Arial, Helvetica, sans-serif; font-size:11px;}
#autre2 a:hover{color:#000000;text-decoration:none;font-family: Geneva, Arial, Helvetica, sans-serif; font-size:11px; }
#autre2 a:visite{color:#000000;text-decoration:none;font-family: Geneva, Arial, Helvetica, sans-serif; font-size:11px;}

/* realisation */
#indexcharte{ margin-top:-249px;z-index:3;position:relative;width:801px;height:600px;display:block; background-image: url(/conception/realisation/logotype/img/vide2.jpg); background-repeat:no-repeat;margin-left: auto; margin-right: auto; }
#footerlogo{width:800px;margin-top:231px;margin-left:12px}
/* menulogotype */

#menuecharte{padding-top:30px;padding-left:145px; color:#FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:14px;margin-bottom:231px}
#menuecharte li{list-style-type: none; background-color:#000000; background-repeat:no-repeat;display:inline;margin-right:5px;line-height:16px;padding: 0 5px 0 5px}
#menuecharte a{color:#FFFFFF;text-decoration:none }
#menuecharte a:hover{color:#FFFFFF;text-decoration:underline}

#menuecharte2{padding-top:28px;padding-left:145px; color:#FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:14px;margin-bottom:231px}
#menuecharte2 li{list-style-type: none; background-color:#000000; background-repeat:no-repeat;display:inline;margin-right:5px;line-height:16px;padding: 0 5px 0 5px}
#menuecharte2 a{color:#FFFFFF;text-decoration:none }
#menuecharte2 a:hover{color:#FFFFFF;text-decoration:underline}
/* menulogotypebas */

#menuechartebas{ width:774px;display:inline;padding-top:431px;margin-left:12px}
#menuechartebas li{list-style-type: none;display:inline;margin:0;padding:0}
#menuechartebas img{margin:0;padding:0}
#attention {padding-top:30px;font-size:11px}


/* editions */

#asp{ width:804px;height:574px;display:block; background-image:url(/conception/img/editions/sanstext/seditionsasp.jpg); background-repeat:no-repeat;margin-left: auto; margin-right: auto; }

/* charte graphique*/

#menucentre{margin-top:-200px;padding-left:34px; color:#000000; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:11px;}
#menucentre li{list-style-type: none; padding-left: 5px; line-height:16px}
#menucentre a{color:#000000;text-decoration:none }
#menucentre a:hover{color:#000000;text-decoration:underline}
#menucentre a:visite{color:#000000;text-decoration:none}

#charte-epf{ width:804px;height:574px;display:block; background-image:url(/conception/realisation/charte-graphique/img/epf.jpg); background-repeat:no-repeat;margin-left: auto; margin-right: auto; }
#charte-gaston{ width:804px;height:574px;display:block; background-image:url(/conception/realisation/charte-graphique/img/gb.jpg); background-repeat:no-repeat;margin-left: auto; margin-right: auto; }
#credit2{ margin-top:-246px;z-index:3;position:relative;width:800px;height:574px;display:block; background-image: url(/conception/realisation/evenementiel/img/siteevenemencredit2.jpg); background-repeat:no-repeat;margin-left: auto; margin-right: auto; }