body { margin:0; padding:0; background-color:white; font-family:Verdana, Arial, sans-serif; }
#global { margin-left:auto; margin-right:auto; width:950px; }

/********************* BANDEAU *********************/

#bandeau { display:block; width:951px; height: 146px; background-image:url('../images/bandeau/bandeau-accueil.jpg'); position:relative; font-size:12px; }
#bandeau #box_header { position:absolute; right:0; top:0; width:240px; height:110px; }
#bandeau #panier_info { position: absolute; top:10px; right:0; width:100%; display:block; text-indent:30px; background:url('../images/bandeau/picto_panier.jpg') 2% 50% no-repeat; }
#bandeau #panier_info A { color:black; text-decoration:underline; }
#bandeau A:hover { text-decoration:none; }

#bandeau #loginForm { position: absolute; top:40px; }
#bandeau #loginForm P { margin:5px 0 0 10px; padding:0; font-size:11px; }
#bandeau #loginForm H3 { font-size:11px; text-indent:30px; margin:0 0 0 5px; }
#bandeau #loginForm H3.loginPuce { background:url('../images/bandeau/picto_cadenas.jpg') 2% 50% no-repeat; }
#bandeau #loginForm H3.loggedPuce { background:url('../images/bandeau/picto_user.gif') 2% 50% no-repeat; height:18px; text-indent:0; padding-left:20px; font-weight:normal; }
#bandeau #loginForm H3.loggedPuce SPAN { color:#c2141d; }
#bandeau #loginForm A { text-decoration:none; color:black; font-size:11px; }
#bandeau #loginForm A:hover { text-decoration:underline; }
#bandeau #loginForm UL { padding:0; margin:5px 0 0 40px; }
#bandeau #logConnexion, #bandeau #logCreaCompte { margin:6px 0; width:150px; list-style: none; line-height:20px; list-style-image: none; text-indent: 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-repeat: no-repeat; background-color: #F1F1F1; }
#bandeau #logConnexion { background-image:url("../images/bandeau/icone-connexion.gif"); }
#bandeau #logCreaCompte { background-image:url("../images/bandeau/icone-cree-compte.gif"); }

#bandeau #toolbar { position:absolute; bottom:5px; right:0; width:700px; }
#bandeau #toolbar *  {display:inline; }
#bandeau #toolbar FORM { margin:0; padding:0; }
#bandeau #toolbar H3 { background:url('../images/bandeau/picto_loupe.jpg') 2% 50% no-repeat; font-size:11px; margin:0; padding-left:30px; font-weight:normal; }
#bandeau #toolbar img#aideBoutonImg { position: absolute; left: 505px; top:3px; }
#bandeau #toolbar img#contactBoutonImg { position: absolute; left: 570px; top: 3px;}
#bandeau #toolbar INPUT, #bandeau #toolbar SELECT { border:1px solid #C1C1C1; background-color:white; width:140px;  margin:0 5px; }
#bandeau #toolbar INPUT.submit { width:auto; background:transparent; height:auto; border:0; margin-left:0; }
#bandeau #toolbar INPUT.submit:hover { cursor:pointer; color:black; text-decoration:underline; }
#bandeau #toolbar A { text-decoration:none; color:black; font-size:11px; margin-left:35px; }
#bandeau #toolbar a#aideBouton {position: absolute; left: 530px; margin-left: 0px; top: 4px;}
#bandeau #toolbar a#contactBouton {margin-left: 0px; top: 4px; left: 595px; position: absolute;}
#bandeau #toolbar A:hover { text-decoration:underline; }
#bandeau #toolbar SELECT * { display: block; }

#bandeau A#retourAccueil { position:absolute; display:block; width:205px; height:70px; top:15px; left:45px; }
#bandeau A#retourAccueil span { display:none; visibility:hidden; }

#bandeau.esperi { background-image:url('../images/bandeau/bandeau-esperi.jpg'); }
#bandeau.equipaedia { background-image:url('../images/bandeau/bandeau-equipaedia.jpg'); }
#bandeau.particuliers { background:url(../images/bandeau/bandeau-particuliers.jpg); }
#bandeau.professionnels { background:url(../images/bandeau/bandeau-professionnels.jpg); }
#bandeau.collectivites { background:url(../images/bandeau/bandeau-collectivites.jpg); }
#bandeau.jeunes { background:url(../images/bandeau/bandeau-jeunes.jpg); }
#bandeau.journalistes { background:url(../images/bandeau/bandeau-journalistes.jpg); }
#bandeau.fournisseurs { background:url(../images/bandeau/bandeau-fournisseurs.jpg); }
#bandeau.mieuxnousconnaitre { background:url(../images/bandeau/bandeau-mieuxnousconnaitre.jpg); }
#bandeau.international { background:url(../images/bandeau/bandeau-international.jpg); }
#bandeau.elearning { background:url(../images/bandeau/bandeau-elearning.jpg); }
#bandeau.librairie { background:url(../images/bandeau/bandeau-librairie.jpg); }
#bandeau.english { background:url(../images/bandeau/bandeau-accueil.jpg); }
#bandeau.petites_annonces { background:url(../images/bandeau/bandeau-annonces.jpg); }
#bandeau.equidoc { background:url(../images/bandeau/bandeau-equidoc.jpg); }
#bandeau.argus { background:url(../images/bandeau/bandeau-argus.jpg); }
#bandeau.formations { background:url(../images/bandeau/bandeau-formations.jpg); }
#bandeau.hntv { background:url(../images/bandeau/bandeau-hntv.jpg); }
#bandeau.moteur-recherche { background:url(../images/bandeau/bandeau-rechercher.jpg); }

#bandeauFlash { position: absolute; top: 0; left: 312px; }

/********************* CONTENEUR *********************/

#conteneur { min-height:500px; width:100%; margin:0 0 15px 0; background-image:url("../images/background-conteneur.gif"); overflow:hidden; }
#conteneur.col-droite { background-image:url("../images/background-conteneur-col-droite.gif"); }

#conteneur.hntv { margin:0; padding:0; min-height:0; }
#conteneur.hntv #colCentre { padding:0; }
#conteneur.hntv #nosServicesButton { border-bottom:0; }
#conteneur.hntv #iframe_hntv { float:none; }

#colGauche { width:200px; float:left; position:relative; z-index:1000; }
#nosServicesButton { display:block; width:200px; height:51px !important; height:55px; border-bottom:5px solid white; background-image:url("../images/nosServicesButton.jpg"); cursor:pointer; padding:0; margin:0; }
#nosServicesButton:hover { background-image:url("../images/nosServicesButton_hover.jpg"); }
#CA-menu { overflow:hidden; width:100%; margin:10px 0 30px 0; }

#colCentre { width:730px; border-left:20px solid white; float:left; padding-bottom:50px; }
#filariane { color:black; font-size:11px; margin:10px 0 20px 0;}
#filariane A { color:black; font-size:11px; text-decoration:none; float:none; }
#filariane A:hover { text-decoration:underline; }

/* contenu simple */
#CA-haut { overflow:hidden; width:100%; margin:0 0 20px 0; }
#CA-gauche { overflow:hidden; width:350px; float:left; }
#CA-droite { overflow:hidden; width:350px; float:right; border-left:25px solid white; }
#CA-bas { overflow:hidden; width:100%; margin:20px 0 0 0; }

/* pages cibles */
#colCentre.cible { width:540px; float:left; border-left:10px solid white; }
#CA-cible-col-droite { width:190px; float:right; }
#CA-cible-haut { width:100%;margin-bottom: 10px; }
#CA-cible-gauche { width:200px; float:left; }
#CA-cible-droite { width:310px; float:right; border-left:30px solid white; }

/* accueil */
#colCentre.accueil { width:540px; float:left; border-left:10px solid white; }
#CA-accueil-col-droite { width:190px; float:right; }
#CA-accueil-bas { width:720px; margin-left:230px; background-color:white; border-top:10px solid white; }
#CA-accueil-haut { width:100%;margin-bottom: 10px; }
#CA-accueil-gauche { width:200px; float:left; }
#CA-accueil-droite { width:310px; float:right; border-left:30px solid white; }

/* footer */
#footer, #footer A { color:#666; font-size:11px; text-decoration:none; float:none; }
#footer A:hover { text-decoration:overline underline; }

#footer { background-color:#FFF; padding:5px; border-top:5px double #ECEEED; position:relative; color:#666; }
#footer .fcol { float:left; width:235px; }
#footer .fcol H6 { font-size:10px; margin:5px; padding:0; }
#footer .fcol UL { margin:5px 0 20px 20px; padding:5px; }
#footer .fcol IMG { vertical-align:top; }

#footer #facebookButton { position:absolute; top:40px; right:10px; display:none; }
#footer #twitterButton { position:absolute; top:80px; right:10px; display:none; }

/********************* EQUIPAEDIA & ESPERI *********************/

#colCentre.fiche-equipaedia #CA-haut .csc-default { width:auto; overflow:auto; }
#colDroiteFlotante { float:right; width:200px !important; margin-left:20px; }
.esperi #colDroiteFlotante .csc-default { width:inherit; overflow:inherit; }

/********************* MENU *********************/

#menu { list-style:none;/*ie5.5*/ margin:0 0 20px 0; padding:0; font-size:12px; width:auto; font-size:11px; border-bottom:1px dotted #474747; }
#menu LI { margin:0; cursor:pointer; padding:0; border-top:1px dotted #474747; }
#menu LI IMG { vertical-align:middle; }
#menu A { display:block; height:100%; text-decoration:none; color:#474747; margin:0; font-weight:bold; padding:5px 10px !important; cursor:pointer; }
#menu A.current { background-color:#C1C1C1; color:#C1131E; }
#menu A.bleu { background:#0495d7;color:white; }
#menu A.rouge { background:#e30f17;color:white; }
#menu A.gris { background:#959595;color:white; }
#menu A:hover { background-color:#FFF; color:#C1171D; }

#menu.espacePerso .current { background-color:#C1C1C1; }
#menu.espacePerso .current A { color:#C1131E; }
#menu.espacePerso .current UL { background-color:#E9EBEB; padding:0; margin:0; list-style:none; }
#menu.espacePerso .current UL LI { text-indent:20px; border:0; font-weight:normal; }
#menu.espacePerso .current UL LI A { font-weight:normal; color:black; }
#menu.espacePerso .current UL .current { background-color:white; }

.menu_popup { display:none; overflow:auto; padding:5px; position:absolute; width:700px; height:400px; top:5px; left:215px; background-color:#FFFFFF; border:1px solid #c1131d; color:white; font-size:11px; z-index:1100; }
.menu_popup h4 { background-color:#c1131d; font-size:16px; width:100%; margin:0px 0 10px 0; color:white; text-indent:15px; padding:3px 0 3px 0; }
#menuNosServices h4 { background-color:#F78F1E; }
#menuNosServices { border:1px solid #F78F1E; }
.menu_popup h4 A { color:white; text-decoration:none; margin:0; display:block; }
.menu_popup P { float:none; width:100%; }
.menu_popup A:hover { text-decoration:underline; }
.menu_popup DIV.niv2 { width:320px; margin:10px 20px 0 0; float:left; }
.menu_popup DIV.niv2 P { margin:0; padding:0; text-indent:0; }
.menu_popup DIV.niv2 A { color:black; text-decoration:none; font-size:11px; font-weight:bold; }
.menu_popup DIV.niv2 A:hover { text-decoration:underline; }
.menu_popup DIV.niv2 DIV.niv3 { color:#c1131d; font-weight:normal; margin:0; padding:0; }
.menu_popup DIV.niv2 DIV.niv3 A { color:#c1131d; font-weight:normal; margin:0; }
.menu_popup DIV.niv2 DIV.niv4 { font-size:10px; margin:0 0 5px 15px; padding:0; font-weight:normal; color:#A1A1A1; }
.menu_popup DIV.niv2 DIV.niv4 A { font-size:10px; padding:0; font-weight:normal; color:#A1A1A1; }
.menu_popup A.fermer { position:absolute; right:25px; top:10px; color:white; font-size:10px; } 

/************** Accueil et Cibles :block droite *************************/

DL.vignette { display:block; width:100%; height:57px !important; height:67px; margin:0; padding:5px 0px 5px 0px; border-bottom:1px dotted black; position:relative; }
DL.vignette.blanc { background-color:white; }
DL.vignette DT.titre { display:block; position:absolute; top:7px; left:55px; font-size:13px; font-weight:bold; width:130px; }
DL.vignette DT A { text-decoration:none; }
DL.vignette DT A:hover { text-decoration:underline; }
DL.vignette DT.image { display:block; position:absolute; top:15px; left:10px; }
DL.vignette DD { display:block; position:absolute; top:24px; left:55px; width:128px; height:35px; font-size:10px; margin:0; padding:0; }
DL.vignette DT A.bleu-fonce { color:#006E65; }
DL.vignette DT A.rouge-fonce { color:#C1171D; }
DL.vignette DT A.violet { color:#97378D; }
DL.vignette DT A.vert-fonce { color:#548C00; }
DL.vignette DT A.marron { color:#761D09; }
DL.vignette DT A.orange { color:#FF7700; }
DL.vignette DT A.vert-clair { color:#678b13; }
DL.vignette DT A.rouge { color:#FF0610; }
DL.vignette DT A.rose { color:#FF05F8; }
DL.vignette DT A.bleu-clair { color:#0092EC; }
DL.vignette DT A.kaki { color:#9B7800; }
DL.vignette DT A.turquoise { color:#006d66; }
DL.vignette DT A SPAN:hover { text-decoration:underline; }

DL.vignetteNI, DL.vignetteNIT { height: auto !important; background-color:white; }
DL.vignetteNI DT.titre, DL.vignetteNIT DT.titre { position: static; margin-left:10px; font-size:12px; width: auto !important; }
DL.vignetteNI DT.titre A, DL.vignetteNIT DT.titre A { color:#C1171D; }
DL.vignetteNI DD { position: static; width: auto !important; height:auto; margin-left:10px; }

* html .vignette { height: 1px; }

/************** Accueil contenu central *************************/

#newsbox { background-color:#f2eff1; margin:0; padding:0; }
#newsbox .naf { overflow:hidden; padding:5px; border-bottom:1px dotted black; background-color:#f2eff1; }
#newsbox .naf-image { float:left; display:block; width:120px; height:110px; text-align:center; vertical-align:middle; margin-top: 5px; }
#newsbox .naf-content { float:right; width: 390px; }
#newsbox .naf-content .naf-infos { background-color:#d7d7d7; width:100%; font-size:10px; width:100%; line-height: 15px; text-indent: 5px; }
#newsbox .naf-content H3 { color:#d7d7d7; margin: 5px 0 5px 0; padding:0; font-size:14px; }
#newsbox .naf-content H3 A { color:#e00e0e; text-decoration: none; }
#newsbox .naf-content H3 A:hover { text-decoration: underline; }
#newsbox .naf-content P { font-size: 10px; margin: 5px 0 5px 0; padding: 0; text-align:justify; }
#newsbox .naf-suite { text-align:right; padding:0; margin:0 5px 0 0; font-size:10px; }
#newsbox .naf-suite A { color:#e00e0e; font-size:10px; text-decoration:none; margin:0; padding:0; }
#newsbox #nag H4 { margin:0 0 0 5px; padding:3px; font-size:11px; color:#e00e0e; }
#newsbox #nag H4 A { color:#e00e0e; text-decoration:none; }
#newsbox #nag H4 A:hover { text-decoration: underline; }
#newsbox #nag .nag-infos { background-color:#d7d7d7; width:100%; font-size:10px; line-height: 15px; text-indent: 5px; margin-left:5px; width:95%; }
#newsbox #nag P { font-size:10px; padding: 0; margin:5px; }
#newsbox #nag, #newsbox #nad { float:left; width: 265px; margin:5px 0px; padding:0; position: relative; }
#newsbox UL { list-style: square; padding:0; list-style-image:none; margin:0 0 0 5px; list-style-position: inside; width:100%; }
#newsbox LI { background-color:#d7d7d7; padding: 0 0 0 5px; margin: 0 0 3px 0; }
#newsbox LI:hover { background:white; }
#newsbox LI A { color: black; text-decoration:none; font-size: 10px; }
#newsbox H2 span { text-align:right; margin:0; padding: 0 10px 0 0; color:#e00e0e; font-size:10px; position: absolute; right: 0px; }
#newsbox H2 span A { color:#e00e0e; font-size:10px; text-decoration:none; }

/************** Page region *************************/
DIV#reg_col_gauche { float: left; width: 300px;  margin-right: 25px; z-index: 10; }
DIV#reg_col_gauche H1 { color:#C1131D; font-size:15px; text-indent:5px; text-transform:uppercase; font-weight:bold; font-family: Tahoma,Geneva,Kalimati,sans-serif; }
DIV#reg_col_gauche H2 { margin:3px 0px; background-color:white; color:#C1131D; font-size:11px; text-transform:uppercase; }
DIV#reg_col_gauche .bloc_gris_fonce P { color:#C1131D; font-size:10px; margin:5px 5px 25px 20px; }
DIV#reg_col_gauche H5 { background-image:url('../images/boutons/puce_rouge.gif'); background-repeat:no-repeat; background-position:2% 50%; margin:5px 0px; background-color:white; color:#C1131D; font-size:10px; font-weight:normal; text-indent:5%; }
DIV#reg_col_gauche H5 IMG { float:right; margin:2px 3px; }
DIV#reg_col_gauche #reponses-projets { display:none; }
DIV#reg_col_gauche #dossiers-suivis { display:none; }

DIV#reg_col_droite { float: left; width: 380px !important; width: 370px; z-index: 10; margin: 0; padding: 0; }
DIV#reg_col_droite H1 { color:white; background-color:#C1131D; text-align:right; font-size:16px; padding:3px 10px 3px 3px; font-weight:bold; font-family: Tahoma,Geneva,Kalimati,sans-serif; text-transform:uppercase; }
DIV#reg_col_droite .reg-newsbox { overflow:hidden; border:1px solid #FE7D19; }
DIV#reg_col_droite .reg-image { float:left; width:120px;}
DIV#reg_col_droite .reg-image IMG { margin:5px; }
DIV#reg_col_droite .reg-content { float:left; width:250px; }
DIV#reg_col_droite .reg-content H3 { margin:5px 0; padding:0; font-size:13px; color:#FE7D19; text-transform:uppercase; }
DIV#reg_col_droite .reg-content P { margin: 3px 0; padding:0; }
DIV#reg_col_droite .reg-content P A { color:#C1131D; font-weight:bold; text-decoration:none; text-transform:none; border-bottom:1px dotted #C1131D; }
DIV#reg_col_droite .reg-content H3 A:hover { color:#C1131D; }
DIV#reg_col_droite .reg-content I { font-size:9px; font-weight:normal; }
DIV#reg_col_droite .reg-content { font-size:10px; }
DIV#reg_col_droite .lien-cal-event, DIV#reg_col_droite .lien-cal-concours { font-size:11px; background-color:#FE7D19; color:white; font-weight:bold; text-decoration:none; text-transform:uppercase; width:100%; display:block; margin:5px 0; text-indent:10px; }
DIV#reg_col_droite H2 { vertical-align:middle; font-size:11px; background-color:#FE7D19; color:white; font-weight:bold; text-decoration:none; text-transform:uppercase; width:100%; display:block; margin:5px 0 0 0; text-indent:10px; position:relative;}
DIV#reg_col_droite UL { background-color:#ECEEEE; margin:0; padding:0; list-style-type:none; padding:5px 0; margin: 0 0 5px 0; list-style:none; }
DIV#reg_col_droite UL LI { font-size:10px; color:#FE7D19; height:14px; position:relative; margin:5px 10px; list-style:none; }
DIV#reg_col_droite UL LI A { color:#FE7D19; text-decoration:none; }
DIV#reg_col_droite UL LI A:hover { text-decoration:underline; }
DIV#reg_col_droite UL LI .title { display:block; width:300px; height:14px; overflow:hidden; font-size:11px;}
DIV#reg_col_droite UL LI IMG { position:absolute; right:0; top:0; }
DIV#reg_col_droite .tx-dlcubedocuments-pi1 { font-size: 90%; }
DIV#reg_col_droite .tx-dlcubedocuments-pi1 .fichiers dl dt { margin:3px 10px 3px 10px; }
DIV#reg_col_droite .tx-dlcubedocuments-pi1 .fichiers dl dd { margin-left:20; }
DIV#reg_col_droite .fichiers dl dt .infos { right:5px; }
DIV#reg_col_droite .plus-news, DIV#reg_col_droite .plus-doc { position:absolute; right:30px; cursor:pointer; margin-top:3px !important; margin-top:2px; }
DIV#reg_col_droite .moins-news, DIV#reg_col_droite .moins-doc { position:absolute; right:10px; cursor:pointer; margin-top:3px !important; margin-top:2px; }