/* CSS Document */

* {margin:0;padding:0;}

body {background:#fff;font-size:0.625em;font-family:Arial, Helvetica, sans-serif;color:#333333;}
a {color:#333333;text-decoration:none;}
a:hover {text-decoration:underline;}
.masquer {position:absolute;text-indent:-99999em;font-size:0;border:0;}
.clearboth {clear:both;overflow:hidden;font-size:0;height:0;line-height:0;}
#conteneur {width:982px;margin:0 auto;height:auto;padding:30px 10px;background:#fff;}
h1#logo {display:block;width:281px;height:54px;text-indent:-99999em; background:url(../images/logo.gif) no-repeat;float:left;}
h1#logo a {display:block;width:281px;height:54px;}
#navigation {float:right;width:701px;overflow:hidden;}
#navigation ul {display:block;float:right;padding-right:10px;}
#navigation ul li {float:left; padding:0 10px;display:block;border-left:solid 1px #666666;font-size:1.2em;height:13px;line-height:13px;}
#navigation a {color:#666666;}
#navigation li.first {border-left:0;}
#navigation li#uk {padding-right:0}
#navigation li#uk a {background: url(../images/drapeau-uk.gif) no-repeat right center;padding-right:23px;}

button {height:21px;border:solid 1px #ec8516;background:url(../images/bg_bouton.gif) repeat-x;color:#002867;font-size:1.2em;font-weight:bold;line-height:19px;text-align:center;padding:0;cursor:pointer;}
input, label {display:block;float:left;vertical-align:middle;}
input {color:#666666;cursor:text;}
label {color:#002867;margin-right:10px}
#header input {padding:2px 10px;margin-right:6px;border:0;font-size:1.5em;height:19px;margin-top:3px;}
#header label {font-weight:bold;font-size:1.5em;line-height:23px;}

/* Moteur de recherche */
#recherche {float:right;display:block;padding-right:6px;margin-top:20px; }
#recherche label {margin-top:4px; background:url(../images/puce-fleche.gif) no-repeat 0 center;padding-left:18px;}
input#rechercher {width:206px;background:url(../images/bg_input.gif) no-repeat;}
#header button { background:url(../images/bt_ok.png) no-repeat;width:35px;height:29px;border:0;line-height:29px;display:inline-block;text-indent:-99999em;}
#header button span {display:block;width:35px;height:29px;}

/* Menu principal */
#menu {background:url(../images/bg_menu.gif) repeat-x bottom;position:relative;margin-top:20px;}
#menu ul li {font-size:1.6em;font-weight:bold;display:block;float:left;padding:10px;color:#ff8100;border-right:solid 1px #cccccc;}
#menu ul li.masquer {border:0;}
#menu ul li a {color:#002867;}
#menu ul li a:hover {color:#ff8100;text-decoration:none;}
#menu p {text-align:right;margin-right:10px;color:#002867;font-weight:bold;}
#menu p a {margin-left:10px;}

#connexion {padding-right:6px;padding-top:3px;float:right;width:337px;}
#connexion fieldset {position:relative;}
#connexion legend span {display:block;position:absolute;top:9px;left:0;font-size:1.2em;color:#002867;font-weight:bold;}
#connexion input.first {margin-left:70px;}
#connexion input#email {background:url(../images/bg_email.png) no-repeat;width:81px;}
#connexion input#motdepasse {background:url(../images/bg_motdepasse.png) no-repeat;width:99px;}

.encadre {margin-top:10px;}
.encadre .inner {border-left: solid 5px #fff;border-right:solid 5px #fff;width:auto;position:relative;zoom:1;}
.encadre .top, .encadre .bottom {height:10px;}

#contenu h3 {color:#002867;font-weight:bold;text-transform:uppercase;padding-bottom:5px;}
#contenu h4 {color:#002867;font-weight:bold;margin-top:20px;}

p {padding-top:10px;font-size:1.2em;line-height:1.3em;}
#actu p, #emploi p, #contacts p {padding-top:5px;}
p em {color:#ff6600;font-style:normal;font-weight:bold;}
p a {color:#ff8100;text-decoration:underline;}

p.bouton {position:absolute;bottom:12px;display:block;text-align:center;}
.encadre#contacts p.bouton {left:0;}
p.bouton a {background: url(../images/bg_bouton.gif) repeat-x;padding:0 8px;border-top:solid 1px #f4b42f;border-bottom: solid 1px #f3b32e;height:21px;line-height:21px;font-weight:bold;display:inline-block;	color:#002867;text-decoration:none;margin:0 1px;}
p.bouton a:hover {text-decoration:underline;}

/* Colonne gauche */
#colonneG {float:left;margin-top:55px;}
#colonneG .encadre {width:157px;position:relative;margin-left:-5px;background:#e5e5f0 url(../images/bg_degrade-blanc.png) repeat-x 0 30px;}
#colonneG .encadre .inner {padding:0 10px 10px;min-height:200px;}
#colonneG .encadre .top {background:#002b6a url(../images/bg_cadre157_top.png) no-repeat;font-size:0;width:157px;}
#colonneG .encadre .middle {background:url(../images/bg_cadre157_middle.gif) repeat-y;width:147px;padding:0 5px;overflow-x:hidden;}
#colonneG .encadre .bottom {background:#fff url(../images/bg_cadre157_bottom.png) no-repeat;font-size:0;width:157px;}
#colonneG .encadre h2 {background:#002b6a url(../images/bg_ttl-menu-gauche.gif) repeat-x bottom;color:#fff;font-size:1.2em;font-weight:bold;margin:0 -15px;padding:5px 15px 15px;position:relative;}
#colonneG ul li {margin:0 -15px;font-size:1.2em;font-weight:bold;position:relative;}
#colonneG ul li a {padding:10px 15px;display:block;position:relative;}
#colonneG ul li a:hover { background:#ff7a00 url(../images/bg_lien-menu-gauche.gif) repeat-x;color:#fff;text-decoration:none;}

h2#entry-title {font-weight:bold;text-transform:uppercase;font-size:1.8em;color:#002867;margin-top:45px;margin-left:12px; background:url(../images/ttl_fleche.gif) no-repeat 0 5px;padding-left:17px;margin-bottom:-7px;}