/* 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; margin-left: 155px; }
#header P.titre {	text-transform: uppercase;	height: 26px; width: 564px; background: #484744; color: #FFF; font-size: 18px; font-weight: bold; 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; }
P.extranet { background: none !important; margin: 0 0 0 5px !important; padding: 3px 0 0 0 !important; font-weight: normal !important; }
/***** 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 INPUT { float: left; width: 95px; border: 1px solid #A5A5A4; font-size: 12px; margin: 5px 0 0 0; padding: 1px; color: #85858B; }
#colonne #extranet FORM { margin-top: 10px; }
.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; }
#contenu H1 { width: 600px; font-size: 15px; text-align: center; background: #BCD1E7 url(../pics/charte/bg-article-h1.gif) top left no-repeat; color: #484744; padding: 3px 0 3px 0; }
H1.bleu-vert { background: #91BBBB url(../pics/charte/bg-h1-bleu-vert.gif) top left no-repeat !important; color: #FFF !important; }
#lisere-grand { width: 578px; margin-top: 8px; border-left: 1px solid #91BBBB; border-right: 1px solid #91BBBB; border-bottom: 1px solid #91BBBB; padding: 0 10px 20px 10px; line-height: 16px;  }
H2.bleu-vert { color: #91BBBB; font-size: 18px; font-weight: normal; text-align: center; background: url(../pics/charte/bg-h2-bleu-vert.gif) bottom center no-repeat; padding: 5px 0 5px 0; margin: 5px 0 20px 0; clear: both;  }

#overflow {	width: 617px; height: 560px; overflow: auto; padding-right: 10px; }
#article { float: left; width: 600px; }
#article P { line-height: 16px; padding: 0 5px 0 5px;  }
#article A:hover{ text-decoration: underline; }
#lisere-grand A, #article A { color: #484744; }
#lisere-grand A:hover { text-decoration: underline; }
#article-colonne-gauche { margin-top: 10px; float:left; width: 280px; }
#article-colonne-droite { float:right; width: 280px; margin-top: 10px; }
#article-colonne-droite DIV{ margin-bottom: 10px; }
#article-colonne-gauche DIV{ margin-bottom: 10px; }



/***** Modules vides *****/
DIV.module-vide-gauche-bleu-vert { float: left; clear: left; width: 280px; background: url(../pics/charte/liseret-cartouche-bleu-vert.gif) bottom left no-repeat; margin-right: 10px; margin-bottom: 10px; padding-bottom: 1px; }
DIV.module-vide-gauche-jaune { float: left; clear: left; width: 280px; background: url(../pics/charte/lisere-cartouche-jaune.gif) bottom left no-repeat; margin-right: 10px; margin-bottom: 10px; }
DIV.module-plein-droite-beige { float: right; clear: right; width: 280px; background: #E6E2C0;  margin-left: 10px; margin-bottom: 10px; }

DIV.module-plein-droite-beige H2 { height: 25px; color: #000; font-size: 13px; background: #FFF url(../pics/charte/bg-article-h2-fonce-beige.gif) top left no-repeat; text-align: center; padding: 0 !important; margin: 0 !important; }
DIV.module-vide-droite-bleu { float: right; clear: right; width: 280px; background: url(../pics/charte/lisere-cartouche-bleu-marine.gif) bottom left no-repeat; margin-left: 10px; margin-bottom: 10px;}
DIV.module-vide-droite-bleu-clair { float: right; clear: right; width: 280px; background: url(../pics/charte/lisere-cartouche-bleu-clair.gif) bottom left no-repeat; margin-left: 10px; margin-bottom: 10px;}

DIV.module-vide-gauche-bleu-vert H2 { height: 25px; color: #FFF !important; font-size: 13px; background: #FFF url(../pics/charte/bg-cartouche-h2-bleu-vert.gif) top left no-repeat; text-align: center; padding: 0 !important; margin: 0 !important; }
DIV.module-vide-gauche-jaune H2 { height: 25px; color: #000; font-size: 13px; background: #FFF url(../pics/charte/bg-cartouche-h2-jaune.gif) top left no-repeat; text-align: center; padding: 0 !important; margin: 0 !important; }

DIV.module-vide-droite-bleu H2 { height: 25px; color: #FFF; font-size: 13px; background: #FFF url(../pics/charte/bg-cartouche-h2-bleu-marine.gif) top left no-repeat; text-align: center; padding: 0 !important; margin: 0 !important; }
DIV.module-vide-droite-bleu-clair H2 { height: 25px; color: #000; font-size: 13px; background: #FFF url(../pics/charte/bg-article-h2-fonce.gif) top left no-repeat; text-align: center; padding: 0 !important; margin: 0 !important; }


DIV.module-vide-gauche H2, DIV.module-vide-droite H2 { height: 25px; color: #FFF; font-size: 13px; text-align: center; padding: 0 !important; margin: 0 !important; }
DIV.module-vide-gauche-jaune P, DIV.module-vide-droite-bleu P,DIV.module-vide-droite-bleu-clair P, DIV.module-vide-droite P, DIV.module-plein-gauche P, DIV.module-plein-droite P { padding: 0 5px 0 5px; line-height: 15px; margin-left: 2px; margin-top: 8px; }
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-bleu-marine.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: #CDD4E7; margin-right: 10px; margin-bottom: 10px; }
DIV.module-plein-droite { float: right; clear: right; width: 280px; background: #CDD4E7; margin-left: 10px; margin-bottom: 10px; }

DIV.module-plein-gauche H2, DIV.module-plein-droite H2 { height: 25px; color: #000; font-size: 13px; text-align: center; padding: 0 !important; margin: 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: #5770AF !important; }
DIV.module-plein-gauche A:hover, DIV.module-plein-droite A:hover { text-decoration: underline; }

A.lien-clients { color: #336699 !important; text-decoration: none; }
A.lien-clients:hover { text-decoration: underline; }
DIV.panelClients { background: #E6EDF4; padding: 8px 0 8px 40px; }
DIV.panelClients A { font-weight: bold; }

.lisere-bleu-vert { border-left: 1px solid #91BBBB; border-right: 1px solid #91BBBB; border-bottom: 1px solid #91BBBB; margin-top: 8px; }
P.bleu-vert { padding: 10px 5px 10px 5px !important; background: #D7E7E7 url(../pics/charte/bordure-haut-bleu.gif) top center no-repeat; margin: 10px 1px 0px 1px; }
A.lire-bleu-vert { display: block; color: #91BBBB; font-weight: bold; margin-left: 200px !important; text-decoration: none; margin-top: 1px; font-size: 10px; }
H2.jaune { width: 280px; color: #484744 !important; font-size: 13px !important; background: #E6DB5C url(../pics/charte/bg-h2-jaune.gif) top left no-repeat; text-align: center; padding: 5px 0 5px 0; }
.bordure-jaune { background: #FFF url(../pics/charte/bordure-centre-jaune.gif) bottom center no-repeat; padding: 0 5px 6px 5px !important; line-height: 12px;
	margin-top: 5px;
	margin-left: 1px;
	margin-right: 1px;
}
.lisere-jaune {
	width: 278px;
	margin-top: 8px;
	border-left: 1px solid #E6DB5C;
	border-right: 1px solid #E6DB5C;
	border-bottom: 1px solid #E6DB5C;
	padding-bottom: 10px;
}

.lisere-bleu-fonce {
	border-left: 1px solid #5770AF; border-right: 1px solid #5770AF; border-bottom: 1px solid #5770AF;
	margin-top: 8px;
	padding: 0 5px 10px 5px;
}
.bordure-bleu-fonce {
	background: #FFF url(../pics/charte/bordure-centre-bleu-fonce.gif) bottom center no-repeat;
	margin-left:  7px !important;
	margin-right: 3px;
	padding: 0 !important;
	margin-top: 10px;
	line-height: 12px;
}
H2.bleu-fonce {
	width: 280px;
	color: #FFF !important;
	font-size: 13px !important;
	background: #5770AF url(../pics/charte/bg-h2-bleu-fonce.gif) top left no-repeat;
	text-align: center;
	padding: 5px 0 5px 0;
}
A.lire-bleu-fonce {
	display: block;
	color: #5770AF !important;
	font-weight: bold;
	margin-left: 200px !important;
	text-decoration: none;
	margin-top: 1px;
	font-size: 9px !important;
}
.lisere-bleu-clair {
	border-left: 1px solid #BCD1E7; border-right: 1px solid #BCD1E7; border-bottom: 1px solid #BCD1E7;
	margin-top: 8px;
	padding-bottom: 10px;
}
.lisere-bleu-clair UL {
	margin: 0 0 0 5px;
	line-height: 18px;
}
.lisere-bleu-clair LI {
	background: url(../pics/charte/bg-article-li.gif) top left no-repeat;
	padding: 0 10px 0 10px;
	list-style: none;
}
.lisere-bleu-clair A {
	text-decoration: none;
	color: #484744;
	font-size: 12px;
	font-weight: bold;
}
.bordure-bleu-clair {
	background: #FFF url(../pics/charte/bordure-centre-bleu-clair.gif) bottom center no-repeat;
	padding: 0 5px 10px 5px !important;
	line-height: 12px;
	margin-left: 2px;
	margin-right: 2px;
}
A.lire-bleu-clair {
	display: block;
	color: #BCD1E7;
	font-weight: bold;
	margin-left: 200px !important;
	text-decoration: none;
	margin-top: 1px;
	font-size: 10px !important;
	margin-bottom: 5px;
}
A.lire-bleu-fonce {
	display: block;
	color: #5770AF;
	font-weight: bold;
	margin-left: 200px !important;
	text-decoration: none;
	margin-top: 1px;
	font-size: 10px !important;
	margin-bottom: 5px;
}

H2.bleu-clair {
	width: 280px; color: #484744 !important; font-size: 13px !important; background: #FFF url(../pics/charte/bg-article-h2-fonce.gif) top left no-repeat;	text-align: center; padding: 1px 0 3px 0;
}
P.plein-bordure-haut-beige {
	padding-top: 10px !important;
	background: url(../pics/charte/bordure-haut-beige.gif) top center no-repeat;
}
.contenu-fenetre-beige {
	margin-top: 8px;
	background: #E6E2C0;
	padding-top: 5px;
	padding-bottom: 5px;
}
H2.plein-clair-beige { width: 280px; color: #484744 !important; font-size: 13px !important; background: #E6E2C0 url(../pics/charte/bg-article-h2-fonce-beige.gif) top left no-repeat;	text-align: center; padding: 5px 0 5px 0; }

/* -----  AUTRES STYLES ----- */
.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 !important; }
.center { text-align: center !important; margin: 0 !important; padding: 0 !important; }
.spacer { clear: both; }
A.lire-gris { display: block; color: #A4A8A6; font-weight: bold; margin-left: 200px !important; margin-top: 1px; text-decoration: none; font-size: 10px; margin-bottom: 5px; }
A:hover { text-decoration: underline !important; }
.flamL { padding: 5px !important; margin-bottom: 5px !important; }
.flamL P { margin: 0 0 15px 0 !important; padding: 0 !important; }
DIV.italique { display: block; font-style: italic; font-size: 10px; line-height: 11px; }
/***** Styles Footer *****/
#footer { float: right;	border-top: 2px solid #F4F2F5; padding-left: 15px;	height: 18px; }
#footer LI {  background: none !important;display: inline; color: #85858B; }
#footer A { color: #85858B; text-decoration: none; }
#footer A:hover { text-decoration: underline; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }