html, body, form {margin:0; padding:0;}
body {background:url(/medias/bg.gif) center top no-repeat #fff; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}

a {color:#666666; text-decoration:none}
h1, h2 {color:#666; font-weight:normal}
h1 {font-size:1.8em; margin:0.3em 0 1em}
h2 {font-size:1.3em; margin:0}
h4 {font-size:1.1em}
a:hover {color:#f57b20; text-decoration:underline}
ul {margin:0; padding:0; list-style-type:none}
.content {width:947px; margin:0 auto; background:url(/medias/bg_content.jpg) no-repeat #fff; min-height:500px;}
.accueil {width:273px; margin:0; float:left; padding:160px 0 0 27px;}

.accueil p {width:273px; margin:30px auto 0; text-align:justify}

a.chasse {width:273px; height:50px; display:block; text-indent:-5555px; margin:30px auto 0; background:url(/medias/chasse_ouverte.gif) no-repeat center top; }
a:hover.chasse { width:273px; height:50px; display:block; text-indent:-5555px; margin:30px auto 0; background:url(/medias/chasse_ouverte.gif) no-repeat center -50px; }

.menu {background:url(/medias/bg_menu.png) no-repeat; width:300px; position:relative; float:left; height:400px;}

.menu ul {position:absolute; top:260px; left:30px; z-index:2; width:205px; overflow:hidden; margin:0; padding:0;}

.menu ul li a {font-weight:bold}
.menu ul ul {position:relative; top:0; left:0; margin:4px 0 0}

.menu ul li {line-height:2em; background:url(/medias/separator_menu.gif) no-repeat center bottom; margin:1px 0 -1px; padding:10px 0 10px}
.menu ul li li {background:url(/medias/menu_arrow.gif) left center no-repeat; padding:0 0 4px}
.menu ul li li a {font-weight:normal; padding-left:20px;}

.contentRight {float:left; width:610px; padding-top:265px; position:relative}
.menuSec {position:absolute; top:210px; right:-10px; z-index:2; overflow:hidden; margin:0; padding:0; font-size:0.85em}
.menuSec li {float:left; margin:0 1px 0 -1px; padding:0 10px 0 10px; background:url(/medias/menu_separator.gif) no-repeat left center;}
a.ON{color:#f57b20; text-decoration:underline}

.txtContenu {margin-bottom:70px;}
.txtContenu p {text-align:justify}
.txtContenu ul {margin:0 0 0 20px}
.txtContenu ul li {background:url(/medias/puce.gif) no-repeat left 0.5em; padding-left:20px; margin:15px 0;}
.txtContenu ul li strong {font-size:0.9em}

.date, .pdf {font-size:0.85em}
.pdf {float:right}

.Box {border:1px solid #cdcdcd; background:#eeeeee; padding:20px; font-weight:bold; font-size:0.9em; line-height:1.7em}
.important {color:#c35502; border-top:1px solid #ccc;/* border-bottom:1px solid #ccc;*/ padding:1em 0; margin:2em 0 0}
.important2 {color:#c35502; border-top:1px solid #ccc; padding:1em 0; margin:3em 0 0}
.recruteBox {border:1px solid #ccc; background:#eee; padding:0 20px 10px 0; margin:2em 0;}
.recruteBox h4 {margin-left:20px;}

h4 {margin-bottom:0.2em;}
.Boxsmall {border:1px solid #cdcdcd; background:#eeeeee; padding:20px; font-weight:bold; font-size:0.8em; line-height:1.7em;}

.Offre h4 {margin:2em 0 0; border-top:1px solid #ccc; padding-top:1em}

.Liens ul li {margin-bottom:2em}
.Liens ul li a {padding-bottom:0.4em; display:block}

.longueliste li {padding-bottom:1em; text-align:justify}

.articlesImg {float:right; margin:0 0 30px 30px;}
.back {font-size:0.85em; padding-bottom:1em; display:block; float:right}

.breath {margin-top:0.4em; display:block}

.footer {text-align:right; margin-bottom:30px; font-size:0.8em; border-top:1px solid #ccc; padding-top:1em}

.descriptionPoste {margin-top:2em}

.descriptionPoste td {padding:0 1em 1em 0; line-height:1.4em}

a.postuler {/*position:absolute; z-index:2; right:-15px; top:0; */background:url(/medias/btn_postuler.gif) no-repeat; width:105px; height:35px; display:block; text-indent:-5555px}
a:hover.postuler {background:url(/medias/btn_postuler2.gif) no-repeat;}

a.btngoogle {background:url(/medias/btn_google.gif) no-repeat; float:right; display:block; text-indent:-5555px; width:207px; height:35px;}

a:hover.btngoogle {background:url(/medias/btn_google2.gif) no-repeat;}

.champ {width:300px; border:1px solid #b8b8b7}
.champfile {width:306px; border:1px solid #b8b8b7}
.champtext {width:300px; border:1px solid #b8b8b7}

.submit {background:url(/medias/btn_submit.gif) no-repeat; width:105px; height:35px; float:left; cursor:pointer}
.submit input {border:none; background:none; margin:7px 0 0 2px; cursor:pointer}
.submit:hover {background:url(/medias/btn_submit2.gif) no-repeat;}

.erase {background:url(/medias/btn_efface.gif) no-repeat; width:105px; height:35px; float:left; cursor:pointer; margin-left:10px;}
.erase input {border:none; background:none; margin:7px 0 0 -3px; cursor:pointer}
.erase:hover {background:url(/medias/btn_efface2.gif) no-repeat;}
.error {color:#FF6600}

a.btnprint {background:url(/medias/btn_print.gif) no-repeat; width:40px; height:33px; display:block; text-indent:-5555px; position:absolute; top:260px; right:0; z-index:2}
a:hover.btnprint {background:url(/medias/btn_print2.gif) no-repeat;}

.logoHigh {height:240px; width:260px; overflow:hidden}
.logoHigh img {padding-top:300px;}
.justify { text-align:justify}

h3 {margin:0; font-weight:normal}

.jobs {background:url(../medias/box_jobs.jpg) no-repeat left 260px; width:282px; min-height:300px; margin:0px 0 0 9px; padding:260px 0 70px 20px; position:relative; float:left; }
.jobs h1 {font-size:20px; padding:10px 0 0 0;}
.jobs ul {margin:0; padding:0; list-style-type:none;}
.jobs ul li {background:url(../medias/jobs_list.gif) no-repeat bottom left; padding:0 0 10px 0; margin:10px 0 0; }
.jobs ul li a {display:block; background:url(../medias/jobs_puce.gif) no-repeat left 5px; padding:0 25px 0 13px;}
a.fullList {background:url(../medias/box_jobs_bas.jpg) no-repeat; width:302px; height:62px; display:block; position:absolute; bottom:0; left:0; z-index:3;}
a.fullList span {display:block; padding:11px 12px 0 0px; text-align:right; margin-right:30px; background:url(../medias/box_jobs_bas_bout.gif) no-repeat right 19px; color:#f57b20;}

.colonneDroite { width:300px; float:left; padding:260px 0 50px 30px;}

a.bEmployeurs { background:url(../medias/b_serv_employeurs.gif) no-repeat; width:300px; height:94px; display:block;  text-decoration:none;}
a.bEmployeurs strong {display:block; font-size:20px; padding:15px 0 0 38px; font-weight:normal;}
a:hover.bEmployeurs strong { color:#333}
a.bEmployeurs span {display:block; font-size:15px; padding:7px 45px 0 0px; text-align:right}
a.bEmployeurs span em {display:inline-block; background:url(../medias/fleche_bouton.gif) no-repeat center 5px; width:11px; margin-left:5px;}

.sociaux {width:260px; height:111px; background:url(../medias/b_medias_sociaux.gif) no-repeat; padding:0 40px 0 0;}
.sociaux h6 {font-weight:normal; font-size:12px; padding:19px 0 13px 20px; margin:0; text-align:right}
.sociaux a { float:right; margin:0 0px 0 10px; width:32px; height:32px; text-indent:-7777px; outline:none;}
.sociaux a.youtube {background:url(../medias/b_youtube.gif) no-repeat;}
.sociaux a.facebook {background:url(../medias/b_facebook.gif) no-repeat;}
.sociaux a.linkin {background:url(../medias/b_linkin.gif) no-repeat;}
.sociaux a:hover.youtube {background:url(../medias/b_youtube.gif) no-repeat left -32px;}
.sociaux a:hover.facebook {background:url(../medias/b_facebook.gif) no-repeat left -32px;}
.sociaux a:hover.linkin {background:url(../medias/b_linkin.gif) no-repeat left -32px;}
.sociaux a img {border:none;}

.annonce { background:url(../medias/annonce_box.gif) no-repeat; width:250px; position:relative; padding:20px 25px 56px }
.annonce h2 { font-weight:bold; font-size:14px;}
.annonce .bas { background:url(../medias/annonce_bas.gif) no-repeat; width:300px; height:36px; position:absolute; left:0; bottom:0; z-index:3;}
.annonce p {width:260px}