/* 
* CSS for JobDating Euridis 
*/

/* Reset
--------------------------------------------------------------------------------------- */
*{margin:0;padding:0;}
html,body {height: 100%; }
ul {list-style:none; margin:0; padding:0;}
a img, fieldset{border:0;}
a{outline:none;color:#3C81B4;text-decoration:none;}
fieldset{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
abbr, acronym{border:0}
a:focus:hover{border:0}
a:hover{text-decoration:none;}
.myhr {clear:both;display:block;height:0;overflow:hidden;visibility:hidden;}

/* Top
--------------------------------------------------------------------------------------- */
html,body{ margin:0px auto 0px auto; text-align:center; font-family:Arial, Helvetica, sans-serif; background-color:#2D343E;
font-family:Arial, Helvetica, sans-serif; }
.clearboth{ clear:both; margin:0px; padding:0px; font-size:1px; height:1px; }
body{background:#2D343E;}

/* CONTENU
--------------------------------------------------------------------------------------- */
#conteneur { background: url(../_images/fond.jpg) top left repeat-x #e0dcd1; }
#contenu { /* width: 965px; */ width:100%; margin: 0 auto; }

/* HEADER
--------------------------------------------------------------------------------------- */
#entete{ width: 965px; height: 110px; margin: 0 auto;}
#logo { width:213px; height:64px; background: url(../_images/logo-euridis.jpg) top left no-repeat; margin: 30px 0 0 30px; float: left;  }
#logo h1{ font-size: 14px; }
#logo h1 a{ display: block; width:190px; height:64px; text-decoration: none; }
#logo h1 a span{ visibility: hidden;}
#entreprise { width: 193px; height: 101px; float: right; /* margin: 0 0 0 550px; */}

/* POLICE
--------------------------------------------------------------------------------------- */
.comic {font-family:"Comic Sans MS", cursive;  }
.trebuchet {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

/* CONTENU PRINCIPAL
--------------------------------------------------------------------------------------- */
#contenu-principal { width: 964px; height: 391px; margin: 0 auto; clear: both; background: url(../_images/home-main-bg_old.png) top left no-repeat; display:block; position:relative;}
.cherche, .prochain, .cherche-int {position:absolute;}
.cherche a, .prochain a, .cherche-int a {text-indent:-9999em;display:block}
.cherche {height:92px;left:230px;top:63px;width:510px;}
.cherche a{width:510px;height:92px;}
.cherche-int{width:510px;height:92px;top:30px;left:230px;}
.cherche-int a{width:510px;height:92px;}
.prochain {height:62px;left:309px;top:152px;width:333px;}
.prochain a {width:333px;height:62px;}

#jour-j{ width: 220px; float: right; height: 60px; font-size:42px; color:#585757; margin: 60px 0 0 0; }
#contenu-dyna{ width: 794px; margin: 185px 0 0 170px; height: 180px;}
#video{ width: 230px; height: 180px; float:left; margin: 21px 0 0 0px; }
#video a{display:block;width:230px;height:180px;text-indent:-9999em;}

#contenu-dyna-texte { float: left; width: 320px; height: 180px; }
#prochaine-date{ width: 220px;  font-size: 23px; color:#fff; text-align: left; margin: 20px 0 0 100px;}
#prochaine-date a{ color:#fff;text-decoration:none;}
#prochaine-date a:hover{color:#F3C632;text-decoration:none;}
#prochaine-date span{ font-size: 20px; }
#depose-cv{ position:relative;right:70px;width:320px; }
#partage{ width: 220px; float:left; margin: 100px 0 0 7px; }
.depose-cv-lien-img{ margin: 0 0 0 0; }


/* MENU
--------------------------------------------------------------------------------------- */
#fond-menu { width: 100%; height: 32px; background:url(../_images/fond-menu-x.jpg) top left repeat-x; clear:both; display:block; text-align: center;}
#menu{ width: 965px; height: 32px; line-height:68px; margin: 0 auto;} 
#top #menu{position:relative;left:-15px;} 
#menu ul{ text-align: center; margin: 0 auto; }
#menu ul li{ float:left; clear:none; list-style-type:none; color:#232931; height: 32px; line-height:32px; }
#menu ul li a{ color:#232931; text-transform:uppercase; font-size:12px; font-weight: bold; text-decoration:none; margin: 0 14px 0 0px; }
#menu ul li a:hover, #menu_entete li a:active{ color:#232931; text-decoration: underline; }

#menu-sep-haut { background:url(../_images/menu-sep-haut.jpg) top left no-repeat; width: 965px; height:20px;margin: 0 auto;}
#menu-sep-bas { background:url(../_images/menu-sep-bas.jpg) top left no-repeat; width: 965px; height:20px;margin: 0 auto;}

/* ACCROCHE
--------------------------------------------------------------------------------------- */
#contenu-secondaire{ width: 965px; height: 230px; font-size: 12px; margin: 3px auto 0 auto;  }
#accroche1{ width: 270px; height: 200px; margin: 0 0 0 20px;  float: left; background:url(../_images/separateur.jpg) top right no-repeat; text-align:left; }
#accroche2{ width: 280px; height: 200px; margin: 0 0 0 50px;  float: left; text-align: left; background:url(../_images/separateur.jpg) top right no-repeat; }
#accroche3{ width: 305px; height: 200px; margin: 0 0 0 15px;  float: left; }
#accroche1 p{ text-align: justify;}
#accroche2 ul li {}
#accroche3 ul { margin: 15px 0 0 0;}
#accroche3 ul li{ width: 305px; }
.depose-cv-lien{ background:url(../_images/fond-bouton.jpg) top left no-repeat; width:130px; height:26px; line-height:26px; padding: 0 0 0 20px; display: block;text-decoration:none; font-weight:bold; margin: 10px 0 0 0;color:#000000 !important;}
.depose-cv-lien:hover { text-decoration: underline;}
.acrroche1-titre { margin: 0 0 10px 0;}
.acrroche2-titre { margin: 0 0 10px 0;}
.acrroche3-titre { margin: 0 0 10px 0;}

/* FOOTER
--------------------------------------------------------------------------------------- */
#footer { background:url(../_images/footer.jpg) top left repeat-x; background-color: #2d343e; height: 60px; clear: both;}
#footer-contenu { margin: 0 auto; width: 730px; height: 40px; line-height:40px; }
#footer ul{ text-align: center; width: 850px;}
#footer ul li{ color:#dfdbd0;  font-size: 11px; float:left; list-style-type:none; }
#footer ul li span{float: left;  margin: 0px 15px;}
#footer ul li a{float: left; color:#dfdbd0; text-decoration: none; margin: 0px 15px; }
#footer ul li a:hover{text-decoration: underline; }


/* PAGE ARTICLE
--------------------------------------------------------------------------------------- */
#partage-haut { width: 193px; height: 101px; float: right; margin: 10px 25px 0 0; font-size:11px; text-align:right; }

#partage-haut a {color:#232931; text-decoration: none; display: block;  height: 16px; line-height: 16px; margin: 0 0 4px 0; }
#partage-haut a:hover { text-decoration: underline;}
#partage-facebook { background:url(../_images/_icones/face.jpg) top right no-repeat; padding: 0 20px 0 0; }
#partage-linkedin{ background:url(../_images/_icones/linkedin.jpg) top right no-repeat; padding: 0 20px 0 0; }
#partage-twitter { background:url(../_images/_icones/twitter.jpg) top right no-repeat; padding: 0 20px 0 0; }
#partage-viadeo { background:url(../_images/_icones/viadeo.jpg) top right no-repeat; padding: 0 20px 0 0; }

#contenu-principal-article { width: 1021px; height: 256px; clear: both; background: url(../_images/article-bg_old.jpg) top left no-repeat; margin: 0 auto;position:relative;}
#depose-cv-article{ clear: both; margin: 0px 0 0 300px; }
#depose-cv-article a img{ margin: 0px 0 0 0; }
#fil-ariane { width: 970px; clear:both; font-size: 10px; color:#696969; margin: 15px 0 0 50px; text-align: left;}
#fil-ariane a{ color:#696969; text-decoration:none; }
#fil-ariane a:hover{ text-decoration:underline; }

#contenu-principal-article h2 {background:#F0EDE6;border:1px solid #E8E5DE;color:#3C81B4;font-size:18px;height:25px;margin:14px 0 0 49px;padding:4px 0 0 11px;text-align:left;width:580px;display:inline;clear:both;float:left;}
#contenu-article-bloc  { width:1021px;  background:url(../_images/fond-article-contenu.jpg) top left repeat-y; margin: 0 auto;  }
#contenu-article{ width: 590px; margin: 0 0 0 50px;  float: left; display: block; text-align:justify; font-size: 12px; line-height:18px; color:#292f38;}
#colonne { height: 511px; width:278px;  background:url(../_images/fond-colonne.jpg) top left no-repeat; display: block; float:left; font-size: 12px; margin: 0 0 0 25px; }
#colonne a{color:}
#contenu-article p { margin: 10px 0 0 0 ;}
#contenu-article p a { color:#0d73a6;}
#contenu-article ul{margin:5px 0 5px 18px;}
#contenu-article ul li{ list-style-type:disc;line-height:1.8em;}

#outils { margin: 20px 0 0 0;}
#outils a{ color: #295f96; }
#imprimer{ background: url(../_images/_icones/imprimer.gif) top left no-repeat; padding: 0 0 0 20px; margin: 0 0 0 20px;}
#haut-page{ background:url(../_images/_icones/haut.gif) top left no-repeat; padding: 0 0 0 20px;}

#accroche1-article{ width: 260px; height: 155px; margin: 15px 0 0 10px;  text-align:left; background:url(../_images/separateur-horizontal.jpg) bottom center no-repeat; }
#accroche2-article{ width: 260px; height: 183px; margin: 7px 0 0 10px;   text-align: left; background:url(../_images/separateur-horizontal.jpg) bottom center no-repeat;}
#accroche3-article{ width: 260px; height: 140px; margin: 15px 0 0 10px;   text-align: left; }
#accroche1-article p { margin: 0 0 0 10px;}
#accroche2-article ul { margin: 0 0 0 10px;}
#accroche2-article ul li {}
#accroche3-article ul { margin: 10px 0 0 0;}
#accroche3-article ul li{ width: 260px; text-align:center;}
#fin-article { background:url(../_images/footer-article.jpg) top left no-repeat; clear: both; height: 28px; width: 1021px; margin: 0 auto 40px auto; }
#clearer{ clear: both; width: 970px; height: 5px; }

/* PAGE PLAN DU SITE
--------------------------------------------------------------------------------------- */
.plan-du-site { margin: 10px 0 0 10px;}
.plan-du-site li span { font-size: 9px;}
.plan-du-site li a { color:#0d73a6; text-decoration: none;}
.plan-du-site li a:hover{ text-decoration: underline;}


/* FORMULAIRE
--------------------------------------------------------------------------------------- */
div.spip_forms legend, .spip_form_label_details {display:none;}
div.spip_forms .spip_form_label {display:block;float:left;font-weight:bold;padding-right:24px;text-align:right;width:130px;}
div.spip_forms .spip_descriptif{display:none;}
div.spip_forms .spip_form_label_obligatoire{}
.fichier_1 input {height:24px !important;}
.spip_form_champ {height:35px;}
.spip_bouton input{background:#63AC1F; color:#ffffff;border:1px solid #787E7C;padding:2px 3px;cursor:pointer;width:89px;}
div.spip_forms .forml, div.spip_forms .fondl {background:#FFFFFF;color:#4A4336;border:1px solid #AAAAAA;height:20px;width:230px;}

/* --- Blocage --- */


div#blocage {background-color:#000000;height:100%;left:0;opacity:0.5;position:absolute;top:0;width:100%;z-index:999;}
div#blocage_encart {background-color:#FFFFFF;border:2px solid #EFA700;font-size:0.7em;height:245px;left:32%;opacity:1;padding:20px;position:absolute;top:20%;width:400px;z-index:9000;text-align:left;}
div#blocage_encart h1 {color:#5588D1;}
div#blocage_encart h2 {color:#000000;}
div#blocage_encart h2 a {color:#5588D1;}
div#blocage_encart .spip_form_label {width:auto !important;}
div#blocage_encart .spip_bouton input {margin:0 13px 0 0 !important;}