#bloc-entete {text-align:left;font:18px Elbaris;color:#FFF;width:100%;height:40px;-moz-border-radius : 10px;-webkit-border-radius: 10px;border-radius : 10px;border:1px solid #efefef;}
#bloc-contents {z-index:101;background:#fff;width:100%;height:100%;position:relative;top:-2px;border:1px solid #efefef;font:Bold 14px Open Sans;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:0;}
#descriptif {position:relative;width:520px;height:385px;margin-top:20px;}
#competences {position:relative;width:410px;height:385px;margin-top:20px;}
#conditions {position:relative;width:520px;height:515px;margin-top:20px;}
#reglesdebase {position:relative;width:630px;height:300px;margin-top:20px;}
#reglesdebase a {font:12px Open Sans;color:#00a0b1;}
#offrelancement {position:relative;width:300px;height:300px;margin-top:20px;}
.cadretype {height:100%;}
#contacts {position:relative;width:410px;height:365px;margin-top:20px;}
#publier {position:relative;width:410px;height:92px;margin-top:55px;}
#images {position:relative;width:960px;height:170px;top:80px;}
#projet  .auto-hint {font:Italic 12px Open Sans;-moz-border-radius : 8px;-webkit-border-radius: 8px;border-radius : 8px;background-image:url(/images/fond-input.png);color:#6f6a5b;border: 1px solid #dddddd;padding:2px;margin:3px 0px;padding-left:10px;text-align :left;}
#projet  .formaffaire {font: 12px Open Sans; -moz-border-radius : 8px;-webkit-border-radius: 8px;border-radius : 8px;background-image:url(/images/fond-input.png);border: 1px solid #dddddd;padding:2px;margin:3px 0px;padding-left:10px;text-align :left;color:black;}
#bloc-contents fieldset { padding:12px 12px 0px 12px;border:0;text-align:left;font:Bold 12px Open Sans;}
#projet .menudomaine {vertical-align:top;font:11px Open Sans;width:187px;background-image:url(/images/fond-gris.png);-moz-border-radius : 5px;-webkit-border-radius: 5px;border-radius : 5px;text-align:center;}
#projet .menudomaine a {color:black;}
.metierbox {
   position:relative;
   display:inline-block;
   background:#EEEEFF;
   padding:1px;
   top:5px; 
   margin:5px;
   border: solid 1px #DDDDDD;
   -moz-border-radius : 4px;
   -webkit-border-radius: 4px;
   border-radius : 4px;
}
.carre {list-style-type:square;margin-left:20px;padding-left:0px;}
.recap {background-image:url(/images/fond-grisclair.png);-moz-border-radius : 5px;-webkit-border-radius: 5px;border-radius : 5px;font:13px Open Sans;color:#444444;border:1px solid #d0d0d0;padding:5px;width:500px;}
#boutoncommencer { background-image:url(/images/commencer-over.png);width:142px;height:34px;background-size:142px 34px;}
#boutoncommencer:hover img {visibility:hidden;}

.boutondemarrer {z-index:1;position:relative; background-image:url(/images/commencer.png);width:142px;height:34px;background-size:142px 34px;cursor:pointer;}
.boutondemarrer:hover {background-image:url(/images/commencer-over.png);background-size:142px 34px;}

.label {font:13px Open Sans;}
.labelgras {font:bold 13px Open Sans;}
.titregras {font:bold 16px Open Sans;}

.boutonconfirmer { background-image:url(/images/confirmer.png);border:0;}
.boutonconfirmer:hover {background-image:url(/images/confirmer-over.png);border:0;}
.navigateur {background-image:url(/images/navigateur.png);background-repeat:no-repeat;background-size:440px 40px;margin:0px 10px 0px 10px;text-align:left;bottom:10px;}
#flechegauche, #flechedroite,  #flechedroitebis {text-decoration:none;color:#444444;font:19px Elbaris;}
#flechegauche:hover, #flechedroite:hover,  #flechedroitebis :hover {text-decoration:none;color:#000;font:19px Elbaris;}
#flechecentre {text-decoration:none;color:#ce303b;font:19px Elbaris;}
#flechecentresaved {color:#999999;font:Italic 19px Elbaris;}
#flechecentre:hover {text-decoration:none;color:#000;font:19px Elbaris;}
#projet .menudomaine2 {vertical-align:top;font:13px Open Sans;width:250px;background-image:url(/images/fond-gris.png);-moz-border-radius : 5px;-webkit-border-radius: 5px;border-radius : 5px;text-align:center;}
#projet .menudomaine2 a {color:black;}
#listemetier {border:1px solid #dddddd;border-radius:8px;padding-top:5px;}
.labelnc {font:12px Open Sans;}
.linked { font:11px Open Sans;color:00F;}
.confirmer { background-image:url(/images/confirmer.png);background-size:106px 26px;width:106px;height:26px;}
.confirmer:hover {background-image:url(/images/confirmer-over.png);background-size:106px 26px;}
.boutonnon {background-image:url(/images/bouton-gris.png);background-size:84px 26px;font:19px Elbaris;padding:2px;color:#ffffff;width:80px;height:22px;text-align:center;}
.boutonnon:hover {background-image:url(/images/bouton-gris-over.png);width:80px;height:22px;}

/* page tester avant d'acheter */
#principe {text-align:justify;font:13px open sans;position:relative;}
#principe h2 { margin:0px;  padding-bottom:0px;  text-align:left;  font: 28px Elbaris;  color:#3b3f40;  }
#principe p { margin:4px 0px; }
#testbandeaudroit {position:relative;width:960px;height:510px;margin-top:20px;}
#testregledebase {float:left;width:340px;height:390px;font: 13px open sans;text-align:justify;background-color:#FFF;border-radius:10px;color:#444444;padding:5px 15px 5px 5px;margin:0px;margin-bottom:10px;}
#testregledebase h2, #testoffrelancement h2, #testlisteprestataires h2 {font:28px Elbaris;text-align:center; margin:0px;  padding-bottom:0px;  color:#3b3f40;  }
#testoffrelancement {float:left;width:280px;height:390px;font: 13px open sans;background-color:#FFF;border-radius:10px;color:#444444;padding:5px 15px 5px 5px;;margin-left:10px;}
#payant {display:none;position:absolute;left:370px;font:11px open sans;background:url(/images/fond-gris.png);border-radius:10px;width:290px;height:120px;padding:5px;text-align:justify;}
#payant li {list-style-type:square;margin-left:20px;padding-left:0px;text-align:justify;}
#testlisteprestataires {float:left;width:270px;height:390px;font: 12px open sans;background-color:#FFF;border-radius:10px;color:#444444;padding:5px;margin-left:10px;}
.spgras {font:bold 14px open sans;color:#ce303b;}

/* page tester avant d'acheter projet */
#formulairetest .formaffaire {font: 12px Open Sans; -moz-border-radius : 8px;-webkit-border-radius: 8px;border-radius : 8px;background-image:url(../../images/fond-input.png);border: 1px solid #dddddd;padding:3px;margin:2px 0px;padding-left:10px;text-align :left;color:black;}
#formulairetest .formatselect {width:200px;overflow:hidden;background-size:205px 34px;-webkit-appearance: none; font: 12px Open Sans;  -moz-border-radius : 8px; -webkit-border-radius: 8px; border-radius : 8px; background-image:url(/images/fond-input.png); border: 1px solid #dbdad8; padding:2px;text-align :left;color:#444444;}

#formulairetest .label {font:13px Open Sans;}
#formulairetest .bloc-entete-rouge {text-align:left;font:18px Elbaris;color:#FFF;width:100%;height:35px;border-top-right-radius : 10px;border-top-left-radius : 10px;border:1px solid #efefef;background-image:url(../../images/bouton-rouge.png);background-size:1100px 35px;background-position:-50px;}
#formulairetest .bloc-entete-rouge:hover {background-image:url(../../images/bouton-rouge-over.png);background-size:1100px 35px;background-position:-50px;}
#formulairetest {width:960px;height:auto;padding-bottom:100px;margin:auto;text-align:center;}
#formulairetest  .titre{font: 18px Open Sans;font-weight: 800;text-align: left;color: #444444;}

#formulairetest .placeholder {font: 12px Open Sans; -moz-border-radius : 8px;-webkit-border-radius: 8px;border-radius : 8px;background-image:url(../../images/fond-input.png);border: 1px solid #dddddd;padding:3px;margin:2px 0px;padding-left:10px;text-align :left;color:#9f9a8b;} 
#formulairetest .placeholderfocus {color:#bbbbbb;font: 12px Open Sans; -moz-border-radius : 8px;-webkit-border-radius: 8px;border-radius : 8px;background-image:url(../../images/fond-input.png);border: 1px solid #dddddd;padding:3px;margin:2px 0px;padding-left:10px;text-align :left;}