/********** GLOBAL **********/
* { margin: 0; padding: 0; }
HTML { height: 100%; }
BODY { height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #446FA9; background:url(../pics/charte/bg-body.png) repeat; }
#conteneur { position: relative; width:100%; background:url(../pics/charte/bg-conteneur.png) repeat-x; padding-top:15px; }
#global { position: relative; left: 50%; margin-left: -384px; width: 768px; background-color: #fff; }

/********** EN-TETE + MENU **********/
#header { height: 126px; padding:1px;  }
#header OBJECT {  }

#menu { height: 40px; list-style: none; padding:0 1px 0 1px; z-index:2000; position:relative; }
#menu LI { float: left; height: 40px; position:relative; }
#menu LI A { display: block; float:left; height: 100%; text-indent:-9000px; font-size:0; text-decoration: none; }
#menu LI A:hover { background-position: bottom; }
#menu LI A.active { background-position: bottom; }
#item1 { width:98px; background:url(../pics/charte/bg-menu-item1.jpg) top left no-repeat; }
#item2 { width:160px; background:url(../pics/charte/bg-menu-item2.jpg) top left no-repeat; }
#item3 { width:104px; background:url(../pics/charte/bg-menu-item3.jpg) top left no-repeat; }
#item4 { width:147px; background:url(../pics/charte/bg-menu-item4.jpg) top left no-repeat; }
#item5 { width:128px; background:url(../pics/charte/bg-menu-item5.jpg) top left no-repeat; }
#item6 { width:129px; background:url(../pics/charte/bg-menu-item6.jpg) top left no-repeat; }

.subMenu { display:none; left:0; top:40px; background:url(../pics/charte/bg-ssmenutop.png) bottom left no-repeat; position:absolute; padding:0 6px 4px 0; margin:0; width:200px; z-index:1000; }
.subMenu LI { display:block; float:none!important; height:16px!important; border-top:1px solid #fff; line-height:14px; }
HTML>BODY>#conteneur>#global>#menu>LI>.subMenu>LI { min-height:16px!important; height:auto!important; }
.subMenu lI A { display:inline; float:none!important; font-size:12px!important; color:#fff; text-indent:0px!important; height:16px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../pics/charte/puce-ssmenu.gif) center left no-repeat; padding:6px 4px 6px 20px; }
HTML>BODY>#conteneur>#global>#menu>LI>.subMenu>LI>A { min-height:16px; height:auto; }
.subMenu lI A:hover { background: #76A973 url(../pics/charte/bg-ss-menu-hover.jpg) center no-repeat!important; }
.subMenu lI A.active { background: #76A973 url(../pics/charte/bg-ss-menu-hover.jpg) center no-repeat!important; }

/********** CONTENU **********/
#contenu { padding:0 16px 30px 16px; }
#article { float: left; width: 415px; height: 300px; background:#83A7D6; color:#fff; padding:20px; }
HTML>BODY>#conteneur>#global>#contenu #article { height: auto; min-height: 300px; }
#intro { text-align:center; padding-top:25px; }
#colonne { float: right; width: 260px; }
#spacer { clear: both; }

#article H1, #colonne H2{ margin: 0px 0 10px 0; font-size: 12px; }
#article H2, #colonne H3 { font-size: 12px; margin-bottom: 10px; }
#article H2 { margin-top: 15px; }
#article H3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; }
#colonne P { margin-bottom: 10px; }
#article UL, #article OL, #colonne UL, #colonne OL { margin-left: 20px; }
#article P, #article LI { line-height: 17px; margin-bottom: 10px; }
#colonne P, #colonne LI { margin-bottom: 10px; text-align: justify; }
#article A { color:#17447F; text-decoration: underline; }
#colonne A { color:#446FA9; text-decoration: underline; }
A:hover { text-decoration: none !important; }
P.alerte { font-weight: bold; color: #036; text-align: center !important; }
TABLE.vp { width: 100%; margin: 15px 0 15px 0; }
TABLE.vp TD { vertical-align: middle; }
TABLE.vp TD.photo { width: 115px; }
DIV.membre { float: left; width: 200px; height: 200px; margin-bottom: 15px; }
HTML>BODY>#conteneur>#global>#contenu>#article DIV.membre { height: auto; min-height: 200px; }

/********** FORMULAIRES **********/
LABEL.legende { float: left; display: inline; width: 130px; font-weight: bold; }
LABEL.legende2 { float: left; display: inline; width: 160px; font-weight: bold; }
INPUT { width: 160px; height: 16px; border: 1px solid #CBD7E5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #446FA9; }
TEXTAREA { border: 1px solid #CBD7E5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #446FA9; }
P.bouton { padding-left: 120px; }
INPUT.bouton { width:60px; height:20px; background:url(../pics/charte/bg-submit-small.jpg) top left no-repeat; border:none; font-size:9px; padding: 0 0 2px 0; color: #FFF; vertical-align:middle; cursor:pointer; }
INPUT.bouton.small { width:60px; height:20px; background:url(../pics/charte/bg-submit-small.jpg) top left no-repeat; border:none; font-size:9px; padding: 0 0 2px 0; }
INPUT.bouton.large { width:200px; height:20px; background:url(../pics/charte/bg-submit-large.jpg) top left no-repeat; border:none; font-size:9px; padding: 0 0 2px 0; }
INPUT.chk { width: auto; border: 0px; background-color: transparent; vertical-align: middle; }

#colonne INPUT { width: 110px;  }
#colonne LABEL { margin-left: 10px; }

#login { height:90px; background:url(../pics/charte/bg-login.jpg) top left no-repeat; margin-bottom:15px; color:#fff; padding:5px 12px 5px 12px; }
#login P { margin-bottom:4px; }
#login A { color:#fff; }
#login LABEL { font-size: 10px; }
#login INPUT { border:1px solid #2F4D2D; border-right:1px solid #C4DCC2; border-bottom:1px solid #C4DCC2; color:#000; width:108px; height:14px; font-size:10px; padding:0 0 0 2px; width:120px; }
#login .petitsLiens { float: left; font-size: 10px; margin-top:5px; }
#login INPUT.login { width: 74px; height:22px; border: 0; margin-top:2px; background:url(../pics/charte/bg-login-submit.png) top left no-repeat; cursor:pointer; }

#liste_competences { width:410px; height:200px; padding:5px; }
#liste_competences OPTION { margin-bottom:2px; font-size:11px; }

/********** TABLEAUX **********/
TABLE.resultats { width: 99%; border: 0; }
#contenu TD { height: 25px; }
#contenu TD.entete { padding-left: 5px; border-bottom: 1px solid #999; }
#contenu TD.entete A { color: #446FA9 !important; }
#contenu TD.res { padding-left: 5px; border-bottom: 1px solid #999; vertical-align: middle; }

/********** DIVERS **********/
/*  Module Actualités / Evénements */
#actusEvents { width:260px; height:115px; background:#C4D3EC url(../pics/charte/bg-h2-actusevents.jpg) top left no-repeat; line-height:17px; overflow:hidden; margin-bottom:15px; }
#actusEvents.events { background:#C4D3EC url(../pics/charte/bg-h2-actusevents-alt.jpg) top left no-repeat; }
#actusEvents H2 { height:25px; width:130px; float:left; margin-bottom:0; }
#actusEvents H2 A { display:block; height:25px; width:100%; color:#fff; text-decoration:none; text-align:center; line-height:25px; outline:none; }
#actusEvents H2.inactive A { color:#C1CDDD; }
#list-events { display:none; }
#actusEvents DIV { padding:10px 10px 10px 10px; clear:both; }
#actusEvents DIV P { text-align:left!important; height:70px; margin-bottom:0; }
#actusEvents DIV A { color:#446FA9; text-decoration:none; }
#actusEvents DIV A:hover { text-decoration:underline!important; }

/* Module Questionnaires / Forum */
#questForum { width:260px; height:130px; background:#C4D3EC url(../pics/charte/bg-h2-actusevents.jpg) top left no-repeat; line-height:17px; overflow:hidden; margin-bottom:15px;  position:relative; }
#questForum.questionnaire { background:#C4D3EC url(../pics/charte/bg-h2-actusevents-alt.jpg) top left no-repeat; }
#questForum H2 { height:25px; width:130px; float:left; margin-bottom:0; z-index:1000; position:relative; }
#questForum H2 A { display:block; height:25px; width:100%; color:#fff; text-decoration:none; text-align:center; line-height:25px; outline:none; }
#questForum H2.inactive A { color:#C1CDDD; }
#list-questionnaires { display:none; }
#questForum DIV { width:240px; padding:35px 10px 10px 10px; clear:both; top:0; position:absolute; z-index:0; }
#questForum DIV P { text-align:left!important; margin-bottom:5px; }
#questForum DIV A { color:#446FA9; text-decoration:none; }
#questForum DIV A:hover { text-decoration:underline!important; }

/* Module Communiqués de presse */
#communiquesPresse { width:260px; height:130px; background:#C4D3EC url(../pics/charte/bg-h2-communiques.jpg) top left repeat-x; line-height:17px; overflow:hidden; margin-bottom:15px;  position:relative; }
#communiquesPresse H2 { height:25px; margin-bottom:0; z-index:1000; position:relative; text-align:left; padding-left:10px; }
#communiquesPresse H2 A { display:block; height:25px; width:100%; color:#fff; text-decoration:none; line-height:25px; outline:none; }
#list-questionnaires { display:none; }
#communiquesPresse DIV { width:240px; padding:35px 10px 10px 10px; clear:both; top:0; position:absolute; z-index:0; }
#communiquesPresse DIV P { text-align:left!important; margin-bottom:5px; }
#communiquesPresse DIV A { color:#446FA9; text-decoration:none; }
#communiquesPresse DIV A:hover { text-decoration:underline!important; }

/* Arborescence documents */
UL#arbo_documents { list-style:none; margin:20px 0 0 0; }
UL#arbo_documents LI { margin:0 0 10px 0; }
UL#arbo_documents A { outline:none; }
.deplie  { display:block; text-indent:20px; background: url(../pics/charte/deplie.gif) center left no-repeat; font-weight:bold; text-decoration:none; }
.replie { display:block; text-indent:20px; background: url(../pics/charte/replie.gif) center left no-repeat; font-weight:bold; text-decoration:none; }
UL.documents { list-style:none; background:none; margin:5px 0 0 20px!important; }
UL.documents LI { line-height:14px!important; margin:0 0 10px 0!important; }
UL.ferme { display:none; }
UL.ouvert { display:block; }
UL.documents A { display:inline; text-indent:0; background:none; color:#5E9A5A; }
UL.documents A:hover { text-decoration:underline!important; }

/********** PIED-DE-PAGE **********/
#footer { height: 30px; padding: 8px 0 0 0; font-size: 10px; background:url(../pics/charte/bg-footer.jpg) top left no-repeat; }
#footer P { padding:0 8px 0 8px; }
#footer A { color: #446FA9; text-decoration: none; }
#footer A:hover { text-decoration: underline !important; }

/********** STYLES GENERAUX **********/
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align:center !important; }
.justify { text-align: justify !important; }
.gauche { float: left; margin: 5px 5px 5px 0; }
.droite { float: right; margin: 5px 0 5px 5px;}
.souligne { text-decoration: underline; }
.clear { clear: both; }
IMG { border: none; }