/******************* REDEFINITION BALISES HTML *******************/
* {margin:0; padding:0; border:none}
body {font:normal 10px Arial, Helvetica, sans-serif; background:url(../img/uk_fond1.png) no-repeat top center; color:#1b1b1b}
ul {list-style-type:none}
a {color:#000; text-decoration:none; outline:none}
a:hover {text-decoration:none; font-weight:bold;}
h1 {font-size:0; /*16px;*/  visibility:hidden;}
h2 {font-size:14px}
h3 {font-size:12px}
input, 
select, 
textarea {font-size:100%; font-family:Arial, Helvetica, sans-serif}
form, 
fieldset {display:inline}
.bold {font-weight:bold;}
.bold_bleu {font-weight:bold; color:#0095ce;}
hr {border:none; border-top:1px solid #CCC; background:none}

/******************* STRUCTURE PRINCIPALE *******************/
/*.logo_grdf{display:block; width:90px; height:65px; float:left; margin:15px 0px 0px 33px;}*/
.logo_grdf{display:block; float:left;margin-left:14px;}
#conteneur_principal_instit_home {margin:0 auto; width:955px; position:relative; padding-bottom:40px}
#conteneur_principal_instit_3colonnes {margin:0 auto; width:955px; position:relative; padding-bottom:0px}

#conteneur_contenu {padding-bottom:0px}
#contenu a.normal {color:#0095ce; text-decoration:underline}

a.btn_retour{display:block; width:173px; height:55px; margin:0 auto; background:url(../img/homepage.jpg) no-repeat top left;}

a.btn_back{display:block; width:173px; height:55px; margin:0 auto; background:url(../img/uk_btnBack.png) no-repeat top left;}

/* menu institutionnel & recherche */
#conteneur_menu_instit {margin:185px 0px 0px 213px; width:738px;}
#menu_instit {width:554px; float:left;}
#menu_instit .gauche {background:url(../img/coinGaucheFooter.png) no-repeat; width:12px; height:45px; float:left}
#menu_instit .milieu {background:url(../img/fondFooter.png) repeat-x; height:45px; float:left; padding-top:14px; width:528px}
#menu_instit .milieu ul li, 
#menu_instit .milieu ul li h3 {display:inline; padding:0 4px}
#menu_instit .milieu ul li a {color:#0095ce; font-size:12px; font-weight:normal; padding:0 11px 0 10px; position:relative}
#menu_instit .milieu ul li a:hover {color:#0095ce; font-size:12px; text-decoration:none; font-weight:bold; padding:0 11px 0 10px; position:relative}
#menu_instit .droite {background:url(../img/coinDroiteFooter.png) no-repeat; width:12px; height:45px; float:left}
#recherche_instit{float:left; width:184px; margin-top:-1px; margin-left:-7px;}
#recherche_instit .haut {background:url(../img/coinHautColonneDroite.png) no-repeat; width:184px; margin-top:0px; height:11px; overflow:hidden}
#recherche_instit .milieu {background:url(../img/fondColonneDroite.png) repeat-y; padding-left:20px; margin-top:-1px; width:170px; height:21px; overflow:hidden}
#recherche_instit .bas {background:url(../img/coinBasColonneDroite.png) no-repeat; width:184px; height:11px; overflow:hidden}
#recherche_instit input.champ {color:#9c9e9f; border:none; background:url(../img/fondChamp.png) no-repeat; width:110px; height:16px; padding:1px 0 0 3px; display:block; float:left; position:relative; margin-top:5px;}
#recherche_instit input.btn_ok {border:none; background:url(../img/fondBtnOk.png) no-repeat; width:32px; height:19px; padding-bottom:4px; color:#FFF; cursor:pointer; margin-left:-2px; margin-top:5px;}


#conteneur_secondaire{margin-top:200px;}

/* colonne de gauche */
#colonne_gauche {position:relative; width:210px; float:left; z-index:5; margin-top:-10px;}
#conteneur_menu {margin-top:10px; background:url(../img/fondMenuSousRub.png) no-repeat; width:243px; height:234px}

/* niveau 2 correspond � la sous-sous rubrique */
#menu_niveau02 li h4.on {color:#0095ce; border-bottom:1px solid #0095ce}
#menu_niveau02 li {background:#0095ce}
#menu_niveau02 .menu_niveau03 {border-left:1px solid #0095ce; border-right:1px solid #0095ce}

#conteneur_menu02 {width:235px; padding-left:8px}
#conteneur_menu02 .haut {background:url(../img/colonneGaucheSousNavHaut.png) no-repeat; width:232px; height:11px; overflow:hidden}
#conteneur_menu02 .milieu {background:url(../img/colonneGaucheSousNavFond.png) repeat-y; width:232px}
#conteneur_menu02 .bas {background:url(../img/colonneGaucheSousNavBas.png) no-repeat; width:232px; height:11px; overflow:hidden}
#menu_niveau02 {padding:0 0 0 10px; width:210px; margin-top:-4px}
#menu_niveau02 li {display:block; position:relative; padding:0 0 2px 0; margin-top:4px; zoom:1;} /* zoom:1 -> correction d'un bug IE */

/*#menu_niveau02 li h3 {font-weight:normal; font-size:11px; padding:4px 0; position:relative; zoom:1}
#menu_niveau02 li h3 a {color:#FFF; position:relative; display:block; padding-left:10px; padding-right:30px;}
#menu_niveau02 li h3 a:hover {color:#FFF; font-weight:bold; text-decoration:none; position:relative; display:block; padding-left:10px; padding-right:30px;}
#menu_niveau02 li h3 span {background:url(../img/puceFlecheBlancheOff.png) no-repeat; width:3px; height:6px; position:absolute; right:10px; bottom:6px}
#menu_niveau02 li h3.on span {background:url(../img/puceFlecheBlancheOn.png) no-repeat; width:7px; height:4px; position:absolute; right:10px; bottom:6px}*/

#menu_niveau02 li .h3 {font-weight:normal; font-size:11px; padding:4px 0; position:relative; zoom:1}
#menu_niveau02 li .h3 a {color:#FFF; position:relative; display:block; padding-left:10px; padding-right:30px;}
#menu_niveau02 li .h3 a:hover {color:#FFF; font-weight:bold; text-decoration:none; position:relative; display:block; padding-left:10px; padding-right:30px;}
#menu_niveau02 li .h3 span {background:url(../img/puceFlecheBlancheOff.png) no-repeat; width:3px; height:6px; position:absolute; right:10px; bottom:6px}
#menu_niveau02 li .h3.on span {background:url(../img/puceFlecheBlancheOn.png) no-repeat; width:7px; height:4px; position:absolute; right:10px; bottom:6px}

/*#menu_niveau02 li h4 {padding-left:8px; padding-top:4px; font-weight:normal; font-size:11px}
#menu_niveau02 li h4 a {color:#FFF; position:relative; display:block}
#menu_niveau02 li h4 a:hover {color:#0095ce; font-weight:normal; position:relative; display:block}*/

#menu_niveau02 li .h4 {padding-left:8px; padding-top:4px; font-weight:normal; font-size:11px}
#menu_niveau02 li .h4 a {color:#FFF; position:relative; display:block}
#menu_niveau02 li .h4 a:hover {color:#0095ce; font-weight:normal; position:relative; display:block}

#menu_niveau02 .coin_HG {background:url(../img/coinHGSousRub.png) no-repeat; width:3px; height:3px; overflow:hidden; position:absolute; left:0; top:0}
#menu_niveau02 .coin_HD {background:url(../img/coinHDSousRub.png) no-repeat; width:3px; height:3px; overflow:hidden; position:absolute; right:0; top:0}
#menu_niveau02 .coin_BG {background:url(../img/coinBGSousRub.png) no-repeat; width:3px; height:3px; overflow:hidden; position:absolute; left:0; bottom:0}
#menu_niveau02 .coin_BD {background:url(../img/coinBDSousRub.png) no-repeat; width:3px; height:3px; overflow:hidden; position:absolute; right:0; bottom:0}

#bibliotheque {background:url(../img/pictoBibliotheque.png) 12px 12px no-repeat; padding:12px 0 6px 10px}
#bibliotheque a {display:block; padding-left:30px; color:#9c9e9f; font-weight:bold; font-size:11px; width:76px; background:url(../img/puceFlecheGrise.png) right center no-repeat;}


/* niveau 3 correspond � la sous-sous-sous rubrique */
.menu_niveau03 {background:#FFF; padding:2px 0}
.menu_niveau03 li {display:block; padding:0; background:#FFF}

#menu_niveau02 li h4.on {margin:0 5px; padding-left:3px}
#menu_niveau02 li a {color:#FFF}
#menu_niveau02 .coin_B {background:url(../img/coinBasSousRub.png) no-repeat; width:210px; height:3px; overflow:hidden; position:absolute; bottom:0; left:0}
#menu_niveau02 .menu_niveau03 li {background:#FFF}
#menu_niveau02 .menu_niveau03 li a {color:#999}
#menu_niveau02 .menu_niveau03 {background:#FFF}

.coin_HG {background:url(../img/coinHG.png) no-repeat; width:7px; height:7px; overflow:hidden; position:absolute; left:0; top:0}
.coin_BG {background:url(../img/coinBG.png) no-repeat; width:7px; height:7px; overflow:hidden; position:absolute; bottom:0; left:0}
.coin_HD {background:url(../img/coinHD.png) no-repeat; width:7px; height:7px; overflow:hidden; position:absolute; right:0; top:0}
.coin_BD {background:url(../img/coinBD.png) no-repeat; width:7px; height:7px; overflow:hidden; position:absolute; bottom:0; right:0}

/* colonne du milieu */
#colonne_milieu.colonne_GMD {float:left; width:558px; position:relative; top:-18px} /* 3 colonnes - Gauche Milieu et Droite */
#colonne_milieu.colonne_GMD2 {float:left; width:731px; position:relative; top:-18px}
#colonne_milieu.colonne_GM {float:left; width:721px; margin-left:250px; position:relative; top:-18px} /* 2 colonnes - Gauche et Milieu */

/* pages interieures dont la taille de la colonne centrale est variable (coin_G devient l'image du haut, et coin_D l'image du bas) */
#colonne_milieu.colonne_GMD .coin_G {background:url(../img/colonneCentreHautPetit.png) no-repeat; width:558px; height:13px}
#colonne_milieu.colonne_GMD .coin_M {background:url(../img/colonneCentreFondPetit.png) repeat-y; min-height:374px; width:558px; padding-bottom:20px;}
#colonne_milieu.colonne_GMD .coin_D {background:url(../img/colonneCentreBasPetit.png) no-repeat; width:558px; height:13px; margin-bottom:-25px;}

/* colonne milieu grande, instit_interieure2 */
#colonne_milieu.colonne_GMD2 .coin_G {background:url(../img/colonneCentreHautInstit.png) no-repeat; width:731px; height:13px}
#colonne_milieu.colonne_GMD2 .coin_M {background:url(../img/colonneCentreFondInstit.png) repeat-y; width:731px; padding-bottom:20px;}
#colonne_milieu.colonne_GMD2 .coin_D {background:url(../img/colonneCentreBasInstit.png) no-repeat; width:731px; height:13px; margin-bottom:-25px;}



/* dans le contenu */
.article {padding:10px 32px 20px 32px; position:relative; text-align:justify;}
#contenu .article .imprimer {float:right; width:20px; display:block; text-decoration:none; position:relative}
.article .imprimer:hover {text-decoration:none}

.article .conteneur_visuel {position:relative; zoom:1}
/*.article .conteneur_visuel .coin {width:15px; height:15px; background:url(../img/coinVisuelBD.png) no-repeat; position:absolute; bottom:3px; right:0; display:block}*/

/* AJOUT LAURENT*/
.coin {width:15px; height:15px; background:url(../img/coinVisuelBD.png) no-repeat; position:absolute; bottom:3px; right:0; display:block}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt {float:none; position:relative; display:block; zoom:1}
dl.csc-textpic-image {position:relative; zoom:1}
div.csc-textpic div.csc-textpic-imagewrap {position:relative; zoom:1}

.article .conteneur_visuel_aligner_gauche {display:block; float:left; position:relative; margin-right:10px}
.article .conteneur_visuel_aligner_gauche .coin {width:15px; height:15px; background:url(../img/coinVisuelBD.png) no-repeat; position:absolute; bottom:3px; right:0; display:block}


#colonne_milieu .mise_en_avant .coin_HG {width:9px; height:9px; position:absolute; left:0; top:0; overflow:hidden}
#colonne_milieu .mise_en_avant .coin_HD {width:9px; height:9px; position:absolute; right:0; top:0; overflow:hidden}
#colonne_milieu .mise_en_avant .coin_MM {min-height:1px; background:none; padding-bottom:20px; zoom:1}
#colonne_milieu .mise_en_avant .coin_BG {width:9px; height:9px; position:absolute; left:0; bottom:0; overflow:hidden}
#colonne_milieu .mise_en_avant .coin_BD {width:9px; height:9px; position:absolute; right:0; bottom:0; overflow:hidden}


/* colonne de droite */
#colonne_droite.colonne_GMD {float:right; width:184px; margin-top:-18px;}
#colonne_droite.colonne_GMD .haut {background:url(../img/coinHautColonneDroite.png) no-repeat; width:184px; margin-top:0px; height:11px; overflow:hidden}
#colonne_droite.colonne_GMD .milieu {background:url(../img/fondColonneDroite.png) repeat-y; padding-left:14px; width:170px; overflow:hidden}
#colonne_droite.colonne_GMD .bas {background:url(../img/coinBasColonneDroite.png) no-repeat; width:184px; height:11px; overflow:hidden}

/* footer */
#reseau_bas1{clear:both; background:url(../img/instit_fond3.png) no-repeat top center; display:block; width:955px; height:66px; margin-left:38px;}
#reseau_bas2{clear:both; background:url(../img/instit_fond4.png) no-repeat top center; display:block; width:955px; height:66px;}
#reseau_bas3{clear:both; background:url(../img/instit_fond3.png) no-repeat top center; display:block; width:955px; height:66px;}

#footer {clear:both; text-align:center; margin-top:10px; padding-left:70px;} 
#footer ul li,
#footer ul li .h3, 
#footer ul li h3 {display:inline;}
#footer ul li a {color:#a6a6a6; font-size:10px; font-weight:normal; border-left:1px solid #a6a6a6; padding:0 6px}
#footer ul li a:hover {color:#a6a6a6; font-size:10px; font-weight:bold; border-left:1px solid #a6a6a6; padding:0 6px}
#footer ul li a.imprimer {background:url(../img/pictoImprimer.png) left center no-repeat; padding-left:10px; border-left:none}
#footer ul li a.english {background:url(../img/btnDrapeauEN.png) 45px center no-repeat; padding-right:16px}
#footer p {color:#a6a6a6; padding-top:4px; font-weight:bold}


/* FCE */

/* instit 3 colonnes */
#instit_3colonnes_centre{padding:10px 10px 0px 45px; font-size:12px;}
#instit_3colonnes_centre .titre{display:block; color:#0095ce; font-size:13px; font-weight:bold; padding-top:6px; margin-right:20px;}
#instit_3colonnes_centre p{color:#9c9e9f; margin-right:20px; font-size:12px; text-align:justify;}
#instit_3colonnes_centre .conteneur_visuel {position:relative; zoom:1}
#instit_3colonnes_centre .coin {width:15px; height:15px; background:url(../img/coinVisuelBD.png) no-repeat; position:absolute; bottom:3px; right:0; display:block}
#instit_3colonnes_centre .conteneur_visuel_aligner_gauche {display:block; float:left; position:relative; margin-right:10px}
#instit_3colonnes_centre .conteneur_visuel_aligner_gauche .coin {width:15px; height:15px; background:url(../img/coinVisuelBD.png) no-repeat; position:absolute; bottom:3px; right:0; display:block}
#instit_3colonnes_centre .conteneur_visuel_aligner_droite {display:block; float:right; position:relative; margin-left:10px}
#instit_3colonnes_centre .conteneur_visuel_aligner_droite .coin {width:15px; height:15px; background:url(../img/coinVisuelBD.png) no-repeat; position:absolute; bottom:3px; right:0; display:block}
.imprimer_bleu {float:right; width:20px; display:block; text-decoration:none; position:relative; margin:10px 20px 0px 0px;}
.imprimer_bleu:hover {text-decoration:none}

#offres{display:block; margin:20px 10px 40px 0px;}
#offres p{padding-left:20px;}
.rejoignez_nous_deplier{float:right; margin:-20px 20px 0px 0px;}
.rejoignez_nous_hr{height:1px; background:none; border-top:1px solid #0095ce; display:block; margin:10px 10px 0px 0px;}
#zone_form_offres{margin-top:10px;}
.champ2 {border:1px solid #ccc; color:#9c9e9f; float:left; margin-top:10px;}
.champ3 {border:1px solid #ccc; color:#9c9e9f; float:left; margin:10px 0px 0px 30px;}
input.btn_valider_offres {border:none; background:url(../img/fondBtnValider.png) no-repeat top left; display:block; width:76px; height:21px; float:left; margin:-22px 0px 0px 250px; cursor:pointer;}
.offres_titre_bleu{font-size:12px; color:#0095ce; padding-left:20px;}
.offres_img{float:left; margin:10px 5px 5px 20px;}

#colonne_droite.colonne_GMD .conteneur_push {margin-left:-9px}
#colonne_droite.colonne_GMD .push .haut {margin-top:4px}
#colonne_droite.colonne_GMD .push .milieu {min-height:24px}
#colonne_droite.colonne_GMD .push .contenu{display:block; width:142px; margin-left:5px;}
#colonne_droite.colonne_GMD .push p.titre {color:#58585a; font-size:11px; font-weight:bold; display:block; padding:2px 0px 4px 0px}
#colonne_droite.colonne_GMD .push p {font-size:11px; color:#58585a; width:140px; font-weight:normal;}
#colonne_droite.colonne_GMD a {color:#58585a; text-decoration:none;}
#colonne_droite.colonne_GMD a:hover {color:#58585a; text-decoration:none;}

/******************* ELEMENTS DIVERS *******************/
.hidden {display:none}
.efface {clear:both; height:0; line-height:0; border:0; zoom:1}