/* LE CORPS DE PAGE */
/*  * {margin:0;padding:0}*/

body, body.acc {
	padding: 0px;
	background: #ECF0F4;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333;
	font: 12px;
	margin:0;padding:0;	
}
body.acc {
	background: #ECF0F4 url(images/bg-body-acc.jpg) repeat-x;
}
a,a:link,a:active,a:visited,a:hover {
	color: #006699;
	text-decoration: underline;
}
H1 {
	text-align: left;
	font-size: 20px;
	color: #3B4D5C;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 2px 0 2px 10px;
	background: #E8E8E8;
	margin: 20px 0 20px 0;
}
H2 {
	text-align: left;
	font-size: 16px;
	color: #AA0000;
	letter-spacing: -1px;
	padding: 0 0 0px 20px;
}	
H3 {
	text-align: left;
	font-size: 14px;
	color: Black;
	letter-spacing: 0px;
	padding: 10px 0 8px 30px;
}	
#general {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background: white url(images/bg-general.jpg) repeat-x 0 0;
}
#general2 {
width: 900px;
   position: relative;
	margin: 0 auto;
	padding: 0 0 6px 0;
	background: White;
}
#contenu  {
	display: block;
	position: relative;
	margin: 6px 230px 0 180px;
	padding: 0px 0px 0px 0px;
	background: none;
	border-left: 0px solid silver;
}
div#contenu {
	min-height: 335px;
	height:expression(this.scrollHeight > 335 ? "auto":"335px"); 
}

/* ---------  Les colonnes de droite et gauche  ---------  */
#col-ga, #col-ga-acc {
	display: block;
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 190px;
	width: 170px;
	margin: 0;
	min-height: 220px;
	_height: 200px;
	background: none;
}
#col-ga {
	top: 190px;
}
 #col-dr, #col-dr-acc {
 	float: right;
	width: 228px;
	margin: 6px 0 0 0;
	border-left: 0px solid silver
 }
div#col-dr, #col-dr-acc {
	min-height: 335px;
	height:expression(this.scrollHeight > 335 ? "auto":"335px"); 
}

/* ---------   POUR BANNIERE ---------   */
#banniere, #banniere-acc {
	width: 100%;
	height: 151px;
	margin: 0 0 0 0;
	/*background: url(images/bg-banniere.jpg) no-repeat;*/
}
#banniere-acc {
}
#banniere #logo {
position: absolute;
background: url(images/bg-logo.png) no-repeat;
font-size: 0em;color: #F8F8F8;
width: 253px;
height: 69px;
	top:35px;
	left:40px;
}

/*----- Les Listes ---------*/
ul, li {
margin: 0;
padding: 0;
}

#centre ul {
display: block;
	/*list-style: none;*/
	margin: 2px 10px 20px 40px;
	text-align: justify;
	color: #424242;
}
#centre ul li {
	display: block;
	padding: 0 0 0px 0px;
	margin: 0 0 0 30px;
	list-style: none;
}
#centre ul li {
	display: block;
	padding: 0 0 0px 30px;
	margin: 0 0 0 0px;
	list-style: none;
}
#centre ul li.titre {
	font-weight: bold;
	color: black;
	padding: 0 0 0px 0;
	margin: 0 0 0 0px;
	list-style: none;
}
#centre ul li.selection {
	background: url(images/bg-selection.png) no-repeat 10px -7px;
}
#centre ul li a {
	font-size: 10px;
	text-decoration: none;
}
#centre ul li.selection a {
	font-size: 10px;
	text-decoration: none;
}
#centre ul.liens li a {
	font-size: 12px;
	text-decoration: none;
}
#centre ul li a:hover {
	color: Red;
	text-decoration: underline;
}
#centre ul li ul {
		padding: 0 0 0px 0px;
		margin: 2px 0px 0px 10px;
		color: #424242;
		font-size: 11px;
}
#centre ul li ul li {
		padding: 0 0 0px 10px;
	list-style: circle inside;
}

/* ---------   IMAGES ---------   */
img.left, img.right, img.centre, img.cadre, span.right, span.left, span.centre, span.cadre {
	padding:4px;
	margin: 0 10px 2px 0;
	border: 1px solid silver;
	float: left;
	display: block;
	background: white;
}
img.right {float: right;margin: 0 0px 2px 10px;}
img.centre {margin: 20px auto 10px auto;}
img.cadre, span.cadre {margin: 0 0 10px 0;}




/*  ---------  MENU VERTICAL ---------   */
#menu-vertical {
	padding: 0px;
}
#menu-vertical a.acc, #menu-vertical a.all {
	display: block;
	margin: 0 0 4px 0;
	padding: 3px 0px 2px 16px;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: #4C4C4C;
	border-bottom: 1px dotted silver;
	text-decoration: none; /*background: White url(images/bg-menus.png) no-repeat  152px -29px;*/
}
#menu-vertical  a.acc:hover {
	border-bottom: 1px solid #AC0000;
	color: Black;
	background: White url(images/bg-menus5.png)  -6px -1px no-repeat;
}
#menu-vertical  a.all {
	/*background: White url(images/bg-menus.png) no-repeat  152px -29px;*/
}
#menu-vertical  a.all:hover {
	color: black;
	border-bottom: 1px dotted black;
	background: White url(images/bg-menus5.png) -6px -1px no-repeat;
}
#menu-vertical #menu_actif {
	background: url(images/bg-menus5.png) no-repeat -6px -2px;
	color: black;
	margin-bottom: 0px;
	font-weight: bold;
	border-bottom: 1px dotted black;
}
#menu-vertical  p.ssmenu {
	display: block;
	font-size: 11px;
	padding: 4px 0px 4px 20px;
	text-align: left;
	margin: 0 0 0px 0;
}
#menu-vertical  p.ssmenu a {
	display: block;
	color: #DD0000;
	text-decoration: none;
	padding: 2px 0px 2px 20px;
	font-weight: normal;
	background: url(images/bg-menus3.png) no-repeat 500px -4px;
}
#menu-vertical  p.ssmenu a:hover { 
	background: none; 
	color: #840000;	
	background: url(images/bg-menus3.png) no-repeat 0px -4px;
	}
#menu-vertical #ssmenu_actif{
	color: #840000;
	font-weight: bold;
	padding: 2px 0px 2px 20px;
	background: url(images/bg-menus3.png) no-repeat 0px -4px;
}

.haccp a {
	display: block;
	width: 170px;
	height: 66px;
	border: none;
	background: url(images/bg-haccp.jpg) no-repeat 0 0;
	font-size: 0em;
	color: white;
	margin: 20px 0 0 0;
}
.haccp a:hover {
	background: url(images/bg-haccp.jpg) no-repeat 0 -115px;
}
/*   ----------- Div Navig  -------------  */
#path {
	position: absolute;
	padding: 0 0 6px 0;
	left: 190px;
	top: 161px;
	width: 460px;
	border-bottom: 1px solid #DDDDDD;
	z-index: 9999;
}
#navig {
	border-top: 1px solid silver;
	text-align: center;
	margin: 20px 20px 0 20px;
	padding: 4px 0 2px 0;
}

/*  ---------  DIV Centre ---------   */

#centre {
	margin: 0;
	padding: 0;
}
#centre p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ---------  PAGE ACCUEIL ---------  */
div#accueil{
	min-height: 395px;
	height:expression(this.scrollHeight > 395 ? "auto":"395px"); 
}
#centre #accueil {
	display: block;
	padding: 10px 20px 0px 20px;
	margin: 10px 0px 0 0;
	border-right: 1px solid #D1DBE7;
	border-left: 1px solid #D1DBE7;
	background: white;
}
#centre #accueil .intro {
	display: block;
	padding: 10px;
	margin: 0px 0 10px 0;
	border-top: 0px solid silver;
	border-bottom: 0px solid silver;
}
#centre #accueil .intro p {
	display: block;
	color: #005784;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 0px 0 0px 0px;
}
#centre #accueil .bloc-bas {
	display: block;
	padding: 10px 10px 34px 10px;
	margin: 0px 0 16px 0;
	background: url(images/bg-bloc-bas-acc.jpg) no-repeat right bottom;
}
#centre #accueil .bloc-bas h2 {
	font-size: 18px;
	border-bottom: 1px dotted silver;
	color: #942323;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px 0;
}
#centre #accueil .bloc-bas p {
	display: block;
	padding: 10px 0 0 20px;
}
#centre #accueil .bloc-bas a {
	color: #494949;
	text-decoration: none;
}
#centre #accueil .bloc-bas a:hover {
	color: black;
	text-decoration: underline;
}
/* ----------- PAGES ACCUEIL & NORMALES  --------------- */

/* 2 colonnes de texte centrales */
#centre #page p.gauche , #centre #page p.droite {
	display: block;
	color: gray;
	text-align: justify;
	padding: 0px 0 0px 0px;
	margin: 0 25px 0 30px;
	width: 186px;
	border: 0;
	float: left;
}
#centre #page p.droite {
	margin: 0 0px 0 25px;
	padding: 0px 0 0px 0px;
}
#centre #page p.gauche span, #centre #page p.droite span {
display: block;
	padding: 0px;
}
#centre #page p.gauche span.titre, #centre #page p.droite span.titre {
	padding: 0 0px 0px 0px;
	color: red;
	font-size: 13px;
	font-weight: bold;text-align: center;
	
	
}

/* ---------  PAGES NORMALES ---------- */
#centre #page {
	display: block;
	padding: 30px 20px 0px 10px;
	margin: 0;
}
#centre #page p {
	display: block;
	color: #424242;
	font-size: 11px;
	text-align: justify;
	padding: 0px 0 20px 30px;
}
#centre #page p span.centre-bas {
	border-top: 0px solid #DEDEDE;
	padding: 10px 0 0 0;
	display: block;
	text-align: left;
	font-weight: 14px;
}
#centre #page #formation h1 {
	text-align: left;
	font-size: 20px;
	color: #3B4D5C;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 2px 0 2px 10px;
	background: #E8E8E8;
	margin: 20px 0 20px 0;
}
#centre #page #formation h2 {
	font-size: 16px;
	padding: 0 0 0px 0px;
	margin: 0 10px 20px 10px;
	border-bottom: 1px solid silver;
}
#centre #page #formation h3 {
	display: block;
	margin: 10px 0 4px 20px;
	padding: 0 0 0 0;
	font-size: 15px;
	border-bottom: 1px dotted silver;
}
#centre #page #formation h4 {
	margin: 10px 0 2px 30px;
	padding: 0;
	font-size: 12px;
}
#centre #page #formation {
	font-size:0px;
	/*line-height:0px;*/
}
#centre #page #formation p {
	display: block;
	color: #424242;
	font-size: 12px;
	text-align: justify;
	padding: 0px 20px 0px 40px;
	margin: 0 0 0 0;
}
/* ---------------- MODULE INFOS COMPLEMENTAIRE -------------------- */
#col-dr #infos {
	display: block;
	padding: 30px 10px 10px 14px;
	background: none;
	border-left: 1px solid silver
}
#col-dr #infos h1 {
	display: block;
	font-size: 14px;
	color: Black;
	text-align: left;
	letter-spacing: -1px;
	font-weight: bold;
	border-bottom: 1px solid silver;
	margin: 0 0 0 4px;
	padding: 5px 0 4px 0;
	background: none;
}
#col-dr #infos p {
	display: block;
	margin: 0;
	padding: 10px 5px 0 5px;
	font-style: normal;
	text-align: left;
	color: #48688E;
}
#col-dr a.lien2, #col-dr a.lien3 {
	display: block;
	padding: 4px 0 5px 26px;
	color: #B22222;
	font-weight: bold;
	background: url(images/bg-lien3.png) no-repeat 0 0;
}
#col-dr a.lien2 {
	background: url(images/bg-lien2.png) no-repeat 0px 10px;	
}
#col-dr a {
	color: #B22222;
	font-weight: normal;
}
#col-dr a.lien4 {
	font-weight: bold;
}
#col-dr #infos span {
	display: block;
	font-size: 12px;
	padding: 4px 10px 4px 10px;
}
#col-dr #infos .titre {
	font-size: 14px;
	font-weight: bold;
	letter-spacing:-1px;
	color: red;
	text-decoration: none;
	padding: 4px 0px 0px 00px;
}
#col-dr #infos .ss-titre {
	font-weight: bold;
	padding: 4px 10px 0px 20px;
}
#col-dr #infos .date {
	text-align: right;
	font-size: 10px;color: gray;
	padding: 0;
}
#col-dr #info a {
	display: block;
	text-align: left;
	color: #4169E1;
	text-decoration: underline;
}

/* ---------------- MODULE ACTUALITES -------------------- */

#col-dr #actus {
	display: block;
	padding: 30px 10px 10px 0px;
	background: none;
}
#col-dr #actus h1, #col-dr #actus h1.contact {
	display: block;
	font-size: 0em;
	color: white;
	text-align: center;
	height: 21px;
	font-weight: normal;
	background: url(images/bg-actus-h1.png) no-repeat;
	border-bottom: 1px solid silver;
	margin: 0 0 0 4px;
	padding: 0px;
}
#col-dr #actus h1.contact {
	background: url(images/bg-contacts-h1.png) no-repeat;
}
#col-dr #actus p {
	display: block;
	margin: 0;
	padding: 10px 5px 0 5px;
	font-style: normal;
	text-align: justify;
	color: #48688E;
}
#col-dr #actus span {
	display: block;
	font-size: 12px;
	padding: 4px 10px 4px 20px;
}
#col-dr #actus .titre {
	font-size: 17px;
	font-weight: bold;
	color: red;
	text-decoration: none;
	padding: 4px 10px 0px 10px;
}
#col-dr #actus .ss-titre {
	font-weight: bold;
	padding: 4px 10px 0px 20px;
}
#col-dr #actus .date {
	text-align: right;
	font-size: 10px;color: gray;
	padding: 0;
}
#col-dr #actus a {
	display: block;
	text-align: left;
}

/* --------- FORMULAIRE DE CONTACTS ----------- */

#centre form {
	padding: 0px 0px 5px 0px;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
}	
#centre #page form span.titre{
	display: block;
	width: 72px;	
	float: left;
        text-align: right;
        font-weight: bold;
        padding-right: 5px;
}	
#centre input, #centre textarea, select {
	padding: 0px 0px 0px 2px;
	border: 1px inset #9BA9B9;
	margin: 2px 0 1px 0;
	background: #E8E8E8;
	color: Black;

}

#centre select.formation {
	font-size: 9px;
	*font-size: 9px;
	padding: 0;
	width: 380px
}

#centre input.bouton {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 4px 0 0 250px;
	border: 1px outset #9BA9B9;
	background: #4884B3;
	color: #FFFFFF;
	width: 70px;
	cursor: pointer;
}
.note {
	display: block;
	font-size: 9px;
	text-align: justify;
	padding: 20px 20px 5px 60px;
	color: #ABABAB;
}

/* ------------- PIED DE PAGE -------------- */
#pied {
	width: 100%;
	clear: both;
	margin: 0;
	padding: 16px 0 32px 0;
	background: #ECF0F4 url(images/bg-pied.jpg) no-repeat center top;
}
#pied a, #pied a:link, #pied a:visited, #pied a:hover {
	color: #8597A7;
}
#pied p {
	font-size: 9px;
	display: block;
	text-align: center;
	padding: 0 0 0 0px;
	color: #8597A7;
}

/* ------------- Les classes paragraphes divers ---------- */
#centre #page p.type, #centre #page p.sommaire {
	text-align: right;
	padding: 0 0 10px 10px;
	margin-top: 0px;
	color: black;
	font-weight: bold;
        font-size: 1.5em;
}
#centre #page p.sommaire {
	text-align: left;
}
#centre #page p.adresse {
	display: block;
	float: right;
	margin: 20px 0 0 0px;
	padding: 0 0 0 10px;
	font-size: 12px;
	border-left: 1px solid silver;
	color: #385551;
}
#centre #page .plan {
	display: block;
	width: 340px;
	height: 292px;
	_height: 282px;
	float: left;
	margin: 0 0px 0 10px;
	background: white;
	border: 1px solid silver;
}
#centre #page #map {
	margin: 2px
}
#centre #page-acces #plan {
	border: 1px solid silver;
	position: absolute;
	padding: 2px;
	background: white;
	top: 100px;
	left: 6px;
	margin-left: 10px;
}
#centre #page p.signature {
	display: block;
	width: 249px;
	margin: 0 0 0 260px;;
	padding: 0;
}
.clic {
	display: block;
	margin-top: 1px;
	text-align: center;
	margin-left: 1px;
	padding: 1px 3px 1px 3px;
	font-size: 9px;
	color: Silver;
}

/* -------------- DIVERS --------------- */
.clear {
	clear: both;
	font-size:0px;
}