/* CSS Document for AXYS by Lapoz, Fan2 et Pelv */
/***** Styles généraux *****/
* { margin:0; padding: 0 }
BODY { font-family: Verdana, serif; font-size: 11px; background: #FFF;
		 scrollbar-arrow-color: #484744; 
       scrollbar-3dlight-color: #FFF; 
		 scrollbar-darkshadow-color: #FFF; 
		 scrollbar-highlight-color: #FFF; 
		 scrollbar-shadow-color: #FFF; 
		 scrollbar-face-color: #E9E9E9; 
		 scrollbar-track-color: #FFF;
 }
IMG { border: none; }
#centre { position:absolute; margin: 0; padding: 0; left: 50%; width: 866px; margin-left: -433px; background: #FFF; }

/***** Styles Header *****/
#header { position: absolute; margin: 0; padding: 0; width:695px; height: 184px; padding-left: 155px; }	
#header P.titre {	text-transform: uppercase;	height: 26px; width: 605px; background: #484744; color: #FFF; font-size: 18px; text-align: right; padding : 2px 90px 0 0; margin-top: -1px;}
HTML>BODY>#header P { margin-top: 0 !important; }
#header #lien-accueil {	color: #A5A5A4;	width: auto !important;	float: right; text-align: right;	background: #FFF url(../pics/charte/bg-lien-accueil.gif) top left no-repeat !important;	padding: 0 20px 0 10px!important;	margin: 3px 0px 0 0;	height: 20px; }
#header #lien-accueil A { color: #A5A5A4;	font-size: 13px; font-weight: bold;	text-decoration: none; }

/***** Styles Colonne de gauche *****/
#colonne { position: absolute; background: url(../pics/charte/bg-colonne-gauche.gif) top left no-repeat; width: 215px; height: 764px; z-index: 1; }
#colonne #logo { width: 160px; height: 60px; float: left; margin: 15px 0 0 0; }
#colonne P { background: url(../pics/charte/bg-puce-noire.gif) top left no-repeat; padding-left: 8px; font-weight: bold;	font-size: 9px !important;	color: #484744; }
#colonne .bouton { display: block; float: left; height: 15px !important; background: #A5A5A4; width: 20px !important; color: #F3F3F4 !important; margin: 5px 0 0 0 !important;	height: 17px !important; padding: 0 !important; } 
#colonne #recherche { margin: 140px 0 0 10px; width: 170px; }
#colonne #recherche INPUT { float: left; width: 140px; border: 1px solid #A5A5A4; font-size: 12px;	margin-top: 5px; padding: 1px; color: #85858B; }
#colonne #menu { float: left;	margin: 10px 0 0 7px; }
HTML>BODY>#centre>#colonne #menu { margin: 10px 0 0 15px; }
#colonne #menu LI{ list-style: none; font-size: 13px; margin: 5px 0 5px 0; }
#colonne #menu LI UL { margin: 0 0 10px 15px; }
#colonne #menu LI UL LI{ font-size: 11px !important; width: 150px; }
#colonne #menu .english { background: url(../pics/charte/bg-english.gif) top left no-repeat; padding: 1px 0 0 25px; font-size: 10px; margin-left: 2px; margin-bottom: 10px; height: 15px; display: none; }
#colonne #menu LI A { font-weight: bold; text-decoration: none; color: #85858B; }
#colonne #menu LI UL LI A { font-weight: normal; text-decoration: none; color: #85858B; }
#colonne #menu A:hover { color: #004491; }
#colonne #extranet { float: left; margin: 50px 0 0 10px;  width: 200px; }
#colonne #extranet FORM { margin-top: 15px; }
#colonne #extranet INPUT { float: left; width: 95px; border: 1px solid #A5A5A4; font-size: 12px; margin: 5px 0 0 0; padding: 1px; color: #85858B; }
P.extranet { background: none !important; margin: 0 0 0 5px !important; padding: 3px 0 0 0 !important; font-weight: normal !important; }
.mentions { clear: both; margin-left: 5px; padding-top: 40px; background: none !important; }
.mentions A { color:  #85858B; text-decoration: none;  }
/***** Styles zone Contenu *****/
#contenu { clear: both; width: 617px; height: 555px; padding: 192px 0 0 250px; }
#overflow {	width: 617px; height: 540px; overflow: auto; padding-right: 10px; }

H1 { width: 600px; font-size: 15px; text-align: center; background: #9B6842 url(../pics/charte/bg-h1-marron.gif) top left no-repeat !important; color: #FFF !important;	padding: 2px 0 2px 0; margin-bottom: 10px; }
H2 { color: #9B6842; font-size: 18px; font-weight: normal; text-align: center; background: url(../pics/charte/bg-h2-marron.gif) bottom center no-repeat; padding: 5px 0 5px 0; margin: 5px 0 20px 0; clear: both; }
H3 { text-align: center; text-transform: uppercase; color: #9B6842; margin: 10px 0 5px 0; font-size: 12px; clear: both; }
H4 { background: url(../pics/charte/puce-noir.gif) top left no-repeat; padding-left: 10px; color: #484744 !important; font-size: 15px;	border-bottom: 1px solid #9B6842; width: 555px; padding-bottom: 2px; margin-bottom: 10px; margin-top: 10px; clear: both; }

#article { width: 600px; color: #484744; padding: 0 0 20px 0; line-height: 16px; }
#lisere-grand { width: 578px; margin-top: 8px; border-left: 1px solid #9B6842; border-right: 1px solid #9B6842; border-bottom: 1px solid #9B6842; padding: 0 10px 20px 10px; line-height: 16px; }

#article P, #lisere-grand P { line-height: 16px; margin-bottom: 10px; }
#article UL, #lisere-grand UL { margin: 10px 0 10px 50px; list-style: none; line-height: 16px; }
#article OL, #lisere-grand OL { margin: 10px 0 10px 50px; line-height: 16px; }
#article OL LI, #lisere-grand OL LI { margin: 5px 0 5px 0; padding: 0 5px 0 10px; }
#article UL LI, #lisere-grand UL LI { margin: 5px 0 5px 0; padding: 0 5px 0 10px; background: url(../pics/charte/puce-p-marron.gif) top left no-repeat; }
#article A, #lisere-grand A { text-decoration: none; color: #9B6842; }
#article A:hover, #lisere-grand A:hover { text-decoration: underline; }

#article-colonne-gauche { float:left; width: 280px; }
#article-colonne-droite { float: right; width: 280px; }

#article-footer { height: 60px; width: 600px; background: #E6DA5B; }
#article-footer P { padding-top: 15px !important; }
#article-footer A { font-size: 10px !important; text-decoration: none; color: #000; }
#article-footer A:hover { text-decoration: underline; }

/***** Modules vides *****/
DIV.module-vide-gauche { float: left; clear: left; width: 280px; background: url(../pics/charte/lisere-cartouche-marron.gif) bottom left no-repeat; margin-right: 10px; margin-bottom: 10px; }
DIV.module-vide-droite { float: right; clear: right; width: 280px; background: url(../pics/charte/lisere-cartouche-marron.gif) bottom left no-repeat; margin-left: 10px; margin-bottom: 10px;}

DIV.module-vide-gauche H2, DIV.module-vide-droite H2{ height: 25px; color: #000; font-size: 13px; background: #FFF url(../pics/charte/bg-cartouche-h2-marron.gif) top left no-repeat; text-align: center; margin: 0 !important; padding: 0 !important; }
DIV.module-vide-gauche P, DIV.module-vide-droite P, DIV.module-plein-gauche P, DIV.module-plein-droite P { padding: 0 5px 0 5px; line-height: 15px; }
DIV.module-vide-gauche UL, DIV.module-vide-droite UL { line-height: 15px; margin: 5px 0 5px 20px !important; }
DIV.module-vide-gauche UL LI, DIV.module-vide-droite UL LI { padding: 0 0 0 8px !important; margin-right: 5px !important; margin-bottom: 8px !important; background: #FFF url(../pics/charte/puce-marron.gif) top left no-repeat !important; }
DIV.module-vide-gauche OL, DIV.module-vide-droite OL { line-height: 15px; }
DIV.module-vide-gauche OL LI, DIV.module-vide-droite OL LI { margin-right: 5px !important; margin-bottom: 8px !important; }
DIV.module-vide-gauche A, DIV.module-vide-droite A { text-decoration: underline; color: #000 !important; }
DIV.module-vide-gauche A:hover,  DIV.module-vide-droite A:hover { text-decoration: none; }

/***** Modules pleins *****/
DIV.module-plein-gauche { float: left; clear: left; width: 280px; background: #9B6842; margin-right: 10px; margin-bottom: 10px; }
DIV.module-plein-droite { float: right; clear: right; width: 280px; background: #9B6842; margin-left: 10px; margin-bottom: 10px; }

DIV.module-plein-gauche H2, DIV.module-plein-droite H2 { height: 25px; color: #000; font-size: 13px; background: #FFF url(../pics/charte/bg-cartouche-h2-marron.gif) top left no-repeat; text-align: center; margin: 0 !important; padding: 0 !important; }
DIV.module-plein-gauche UL , DIV.module-plein-droite UL { line-height: 15px; margin: 5px 0 5px 20px !important }
DIV.module-plein-gauche UL LI, DIV.module-plein-droite UL LI { padding: 0 0 0 8px !important;  margin-right: 5px !important; background: url(../pics/charte/puce-blanc.gif) top left no-repeat !important; }
DIV.module-plein-gauche OL, DIV.module-plein-droite OL { line-height: 15px; }
DIV.module-plein-gauche OL LI, DIV.module-plein-droite OL LI {  margin-right: 5px !important; margin-bottom: 8px !important; }
DIV.module-plein-gauche A, DIV.module-plein-droite A { text-decoration: none; color: #FFF !important; }
DIV.module-plein-gauche A:hover, DIV.module-plein-droite A:hover { text-decoration: underline; }

/**** Autres modules ****/
DIV.module-gauche { float: left; clear: left; width: 280px; }
DIV.module-droite { float: right; clear: right; width: 280px; }

.flamL { margin-bottom: 5px !important; line-height: 16px }

DIV.module-vide-gauche DIV.flamL UL, DIV.module-vide-droite DIV.flamL UL, DIV.module-plein-gauche DIV.flamL UL, 
DIV.module-plein-droite DIV.flamL UL { margin: 0 0 0  !important; padding: 0 !important; }

UL.sous-menu { font-weight: bold; }
UL.sous-menu LI { margin-bottom: 10px !important;  }
UL.sous-menu A { text-decoration: none !important; color: #000; font-size: 12px !important;}
UL.sous-menu A:hover {text-decoration: underline !important; }

/*---- Autres styles ----*/
A.suite { display: block; color: #6CA15B; font-weight: bold; margin: 2px 0 0 210px !important; text-decoration: none; font-size: 9px; }
.retour { margin-top: 20px !important; text-align: center; }
.retour A { color: #484744;	font-weight: bold; text-decoration: none; }	
SPAN.italique { display: block; font-style: italic; font-size: 10px; line-height: 11px; }
P.italique { font-style: italic; font-size: 10px; line-height: 11px; margin: 0 5px 5px 5px !important; }
.spacer { clear: both; }
.illustrationDroite { float: right; margin: 25px 30px 0 0; }
.illustrationCentre { margin : 0 0 0 0; }
.illustrationGauche { float: left; margin: 10px 20px 10px 0; }
.pdf-droite { float: right; margin: 10px 5px 0 0 !important; }
.photoGauche { float: left; border: 2px solid #E6E2C0; margin: 5px 10px 0 10px; }
.photoGaucheBeige { float: left; border: 2px solid #FFF; margin: 5px 10px 0 10px; }

.center { text-align: center !important; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }


/***** Autres Styles Spécifique *****/

TABLE { margin-top: 10px; width: 100%; padding: 0 !important; background: url(../pics/charte/bg-partenaires.gif) top center repeat-y; }

TABLE H3.violet { background: url(../pics/charte/puce-p-violet.gif) top  left no-repeat; text-align: left !important; padding: 0 0 0 10px; }
TABLE H2.violet { text-align: center !important; color: #A48F99 !important; text-transform: uppercase !important; font-size: 13px !important; font-weight: bold !important; margin-top: 10px; }
TABLE H3.violet A { color: #A48F99; font-size: 12px; text-decoration: none; }
TABLE H3.violet A:hover { text-decoration: underline; }
TABLE P { margin: 0!important; padding: 0 10px 0 0 !important; text-align: left !important; font-size: 10px !important; font-style: italic; width: 172px !important;	line-height: 11px !important; }
TABLE TD { margin: 0 !important; width: 25% !important; }
TABLE TD.border-left { border-left: 1px solid #A48F99 !important; text-align: center !important; }
TABLE TD.border-right { border-right: 1px solid #A48F99 !important; }
TABLE TD { text-align: center; padding: 0 0 10px 0; }
TABLE #partenaires-header { height: 12px; background: #FFF url(../pics/charte/bg-partenaires-header.gif) top left no-repeat; }
TABLE #partenaires-footer { height: 12px; background: #FFF url(../pics/charte/bg-partenaires-footer.gif) top left no-repeat; }
.titre-centre { text-align: center; text-transform: uppercase; color: #A48F99; margin: 10px 0 5px 0; font-size: 12px; }
.photos-direction { width: 100px !important; float: left; line-height: 14px; margin: 10px 10px 10px 0; font-size: 10px; line-height: 10px; }
#comite { margin-left:auto; margin-right:auto; width:560px; }

.nom { margin: 0!important; color: #9B6842; line-height: inherit !important; text-transform: uppercase; }
.fonction { margin-top: 4px !important; color: #9B6842; font-size: 9px; line-height: 9px !important; text-transform: uppercase; }
.photos-direction IMG { border: 1px solid #9B6842 !important; }
/* MODIF */

.temoignage-fiche { width: 520px; height: 212px; margin: 10px auto 0 auto !important; color: #484744; background: url(../pics/charte/bg-temoignage.gif) center right no-repeat; }
.temoignage-fiche .temoignage-infos { height: 140px; width: 330px; }
.temoignage-fiche P { margin: 50px 0 0 10px !important; float: left !important; font-size: 11px !important; width: 100px; line-height: 18px; }
.temoignage-fiche H4 { clear: none; margin: 50px 0 0 20px; !important; float: left !important; font-size: 14px !important; width: 200px !important; line-height: 18px; font-weight: normal;	border-bottom: 2px solid #FFF; }

.temoignage-fiche .reponse { float: right; width: 230px !important; margin: 10px 0 0 20px !important; padding: 0 10px 0 0 !important; }
.temoignage-fiche IMG { border: 2px solid #E6DA5B; float: left; }

/* fin del modif */

.identite { width: 520px; height: 210px; margin: 10px auto 0 auto !important; color: #484744; background: url(../pics/charte/bg-comite.gif) center right no-repeat; }
.identite .identite-infos { float:left; margin-top: 15px; background: #E9DDD5; width: 380px; height: 100px; }
.identite P {  margin: 55px 0 0 10px !important; float: left !important; font-size: 11px !important; width: 100px; line-height: 18px; }
.identite IMG { float: left; border: 2px solid #9B6842; }
.identite UL { float: right; width: 220px !important; list-style: disc !important; padding: 0 10px 0 15px; border-left: 3px solid #FFFFFF; margin: 55px 0 0 25px !important; line-height: 11px !important; }
.identite UL LI { background: none !important; padding: 0 !important; font-weight: normal !important; margin-left: 5px !important; }
A.marron { color: #9B6842 !important; }