/* ELEMNTS DIVERS */

/******************************
*** FLEX BOUTON IMAGE
******************************/
#colonne-gauche h2.lien-pratique,
h2.lien-pratique {float:left;margin:0 7px 25px 0;width:63px;}
#colonne-gauche h2.lien-pratique a,
h2.lien-pratique a {display:block;padding:66px 0 0 0;overflow:hidden;height:0px !important;background-repeat:no-repeat;background-position:left top;}

h2.lien-gauche {margin:0 0 25px 0;width:210px;}
h2.lien-gauche a {display:block;padding:55px 0 0 0;overflow:hidden;height:0px !important;background-repeat:no-repeat;background-position:left top;}

#contenu h2.lien-blog,
h2.lien-blog {float:left;margin:0 13px 25px 0;padding:0;width:245px;background-position:left top;background-repeat:no-repeat;}
#contenu h2.lien-blog a,
h2.lien-blog a {display:block;padding:125px 0 0 0;overflow:hidden;height:0px !important;}

#contenu h2.lien-dossier,
h2.lien-dossier {margin:0 0 35px 0;padding:0;width:516px;background-position:left top;background-repeat:no-repeat;}
#contenu h2.lien-dossier a,
h2.lien-dossier a {display:block;padding:241px 0 0 0;overflow:hidden;height:0px !important;}

/******************************
*** FLEX OFFRES D'EMPLOI
******************************/
#contenu .offre-demploi {padding:20px 0;background:url(../Images/bg-offre-demploi-haut.jpg) left top no-repeat;}
#contenu .offre-demploi h2 {zoom:1;margin:0 0 8px 0;padding:0 0 0 20px;}
#contenu .offre-demploi ul {float:left;margin:0 0 20px 20px;}
#contenu .offre-demploi li span {font-weight:bold;}
#contenu .offre-demploi .savoir-plus {float:right;margin:0 20px 0 0;padding:0 0 20px 20px;width:111px;height:34px;}
#contenu .offre-demploi .savoir-plus a {display:block;padding:34px 0 0 0;height:1px !important;overflow:hidden;background:url(../Images/btn-savoir-plus.gif) left top no-repeat;}
#contenu .offre-select .clear {height:2px;visibility:visible;background:url(../Images/pointilles-01.gif) left top repeat-x;}
#contenu .offre-demploi .infos {padding:20px;background:url(../Images/bg-offre-demploi-bas.jpg) right bottom no-repeat;}
#contenu .offre-demploi .infos ul {float:none;}
#contenu .offre-demploi ul.infos-suite {zoom:1;margin:0 0 20px 0;}
#contenu .offre-demploi ul.infos-suite li {background:none;margin:10px 0 0 0;}
#contenu .offre-demploi ul.infos-suite li.adresse {margin:0;padding:0;padding-left:127px;font-size:11px;color:#666;}
#contenu .offre-demploi ul.infos-suite li span {font-size:15px;}

/******************************
*** CONTACT COLONNE DE DROITE
******************************/
#colonne-droite .contact {margin:0 0 20px 0;padding:0 0 40px 34px;background:url(../Images/bg-contact.jpg) left bottom no-repeat;}
#colonne-droite .contact h2 {margin:0 0 15px 0;padding:22px 0 0 0;overflow:hidden;height:0px !important;background:url(../Images/titre-contact.gif) left top no-repeat;}
#colonne-droite .contact h3 {margin:0 0 5px 0;font-size:12px;font-weight:bold;color:#0088ad;}
#colonne-droite .contact p {margin:0 0 5px 0;font-size:12px;color:#747578;}
#colonne-droite .contact p a {color:#747578;text-decoration:underline;}
#colonne-droite .contact p a:hover {text-decoration:underline;color:#000;}

/******************************
*** NEWSLETTER COLONNE DE DROITE
******************************/
#newsletter {margin:0 0 35px 34px;width:176px;}

#newsletter h2 {display:block;margin:0 0 10px 0;padding:23px 0 0 0;overflow:hidden;height:0px !important;background:url(../Images/titre-newsletter.gif) left top no-repeat;}
#newsletter .email {float:left;padding:5px 10px 0px 10px;width:120px;height:21px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#747578;border:#e0e0e0 solid 1px;border-right:none;background:url(../Images/bg-champs.gif) left top repeat-x #f1f1f1;}
#newsletter .newsletter-button {float:left;}
#newsletter ul li {float:left;}
#newsletter ul li a {display:inline-block;margin:8px 0 0 0;padding:0 14px 0 6px;font-size:9px;text-transform:uppercase;color:#858585;text-decoration:none;background:url(../Images/picto-fleche05-gris.gif) left 3px no-repeat;}
#newsletter ul li a:hover {color:#858585;text-decoration:underline;}