/******************* REDEFINITION BALISES HTML *******************/
* {margin:0; padding:0; border:none}
body {font:normal 11px 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:underline}
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;}
.hidden {display:none}
.efface {clear:both; height:0; line-height:0; border:0; zoom:1}

/******************* STRUCTURE PRINCIPALE *******************/
#conteneur_principal{width:743px; margin:0 auto; padding-left:215px;}
#conteneur_principal_interieure{width:945px; margin:0 auto;}

.logo_grdf{display:block; width:90px; height:65px; float:left; margin:0px 0px 0px -200px;}

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

#conteneur_secondaire{margin-top:200px;}

/* blocs home */
.bloc_uk{width:236px; margin:0px 5px; display:block; float:left;}
.bloc_uk .haut1{background:url(../img/uk_visuel01_off.png) no-repeat; width:236px; height:156px;}
.bloc_uk .haut1_on{background:url(../img/uk_visuel01_on.png) no-repeat; width:236px; height:156px;}
.bloc_uk .haut2{background:url(../img/uk_visuel02_off.png) no-repeat; width:236px; height:156px;}
.bloc_uk .haut2_on{background:url(../img/uk_visuel02_on.png) no-repeat; width:236px; height:156px;}
.bloc_uk .haut3{background:url(../img/uk_visuel03_off.png) no-repeat; width:236px; height:156px;}
.bloc_uk .haut3_on{background:url(../img/uk_visuel03_on.png) no-repeat; width:236px; height:156px;}
.bloc_uk .milieu{background:url(../img/uk_fondMilieu.png) repeat-y; width:236px; min-height:180px;}
.bloc_uk .milieu .titre{display:block; background:#0095ce; width:226px; min-height:50px; margin-left:5px; text-align:left;}
.bloc_uk .milieu .titre a{padding:9px 20px 8px 20px;  font-size:14px; color:#fff; display:block; text-decoration:none;}
.bloc_uk .milieu .titre a:hover{text-decoration:none; font-weight:normal;}
.bloc_uk .milieu p{text-align:left; display:block; color:#808080; padding:10px 20px 5px 27px;}
.bloc_uk .milieu .hr{height:1px; background:none; border-top:1px solid #0095ce;; display:block; margin:0px 20px 0px 27px;}
.bloc_uk .milieu a.knowmore{color:#58585a; font-weight:bold; text-decoration:none; display:block; padding:8px 20px 5px 27px;}
.bloc_uk .milieu a.knowmore{font-weight:bold; text-decoration:none;}
.bloc_uk .bas{background:url(../img/uk_fondBas.png) no-repeat; width:236px; height:12px; margin-bottom:-5px;}


/* page interieure */
/* 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 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 milieu */
#colonne_milieu.colonne_GMD2 {float:left; width:731px; position:relative; top:-18px}
#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;}

#uk_contenu{padding:10px 30px 10px 45px; font-size:12px;}
#uk_contenu p{color:#9c9e9f; display:block; font-size:12px; text-align:justify;}

/* footer */
#background_footer{clear:both; background:url(../img/uk_fond2.png) no-repeat top left; display:block; width:693px; height:77px; margin-left:30px;} 
#footer {clear:both; text-align:center;} 
#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.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}