a:link {text-decoration:none; color: white; border:0;}
a:visited {text-decoration:none; color: white; border:0;}
a:hover {text-decoration:none; color: black; border:0;}
a:active {text-decoration:none; color: white; border:0;}

html, body {
      margin: 0px;
      padding: 0px;
}

#head {
      background-image: url("../img/menu.png");
      width: 978px;
      height: 455px;
      position: relative;
      top: 0px;
      margin-left:-489px;
      left:50%;
      z-index:10;
}


#overlay{
      display: none;
      position: fixed;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 100%;
      background-color: black;
      z-index:20;
      -moz-opacity: 0.50;
      opacity:0.5;
      filter: alpha(opacity=50); /*older IE*/
}

#head-extend {
      background: transparent url("../img/menu-extend.png") repeat-x right;
      z-index:10;
}

.logo {
      background-image: url("");
}

.BoxLog {
      position: absolute;
      top: 130px;
      right: 0px;
      z-index:12;
}

#banniere {
      position: absolute;
      top: 2px;
      right: 10px;
      z-index:12;
      border:1px #000000;
}

#titre{
      position: relative;
      top:30%;
      font-size: 28px;
      font-weight: bold;
      text-align: center;
      color: white;
}

#corp{
      background:#FADA94;;
      border: thin solid #F84303;
      z-index:11;
}
#footer{
      background: #F84303;
}

.footer {
      width: 100%;
      height: 16px;
      text-align: center;
      color: white;
      font-size: 12px;
}

#titre2{
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      text-decoration:none;
      color: white;
}

.titre1{
      width: 118px;
      background: transparent;
      position: absolute;
      top: 83px;
      left:325px;
      z-index:2;
}

.titre2{
      width: 118px;
      background: transparent;
      position: absolute;
      top: 70px;
      left:448px;
      z-index:2;
}

.titre3{
      width: 118px;
      background: transparent;
      position: absolute;
      top: 70px;
      left:571px;
      z-index:2;
}

.titre4{
      width: 118px;
      background: transparent;
      position: absolute;
      top: 70px;
      left:694px;
      z-index:2;
}

.titre5{
      width: 118px;
      background: transparent;
      position: absolute;
      top: 70px;
      left:817px;
      z-index:2;
}

.text1{
      font-weight:bold;
      color: white;
      font-size: 12px;
}

.text2{
      font-weight:bold;
      color: black;
      font-size: 14px;
}

.text3{
      font-weight:bold;
      color: red;
      font-size: 14px;
}

.text4{
      color: black;
      font-size: 12px;
}

.text5{
      font-weight:bold;
      color: white;
      font-size: 14px;
      margin-top:20px;
      margin-left:75px;
      position: relative;
}

.text6{
      font-weight:bold;
      color: #F47404;
      font-size: 14px;
}

.text7{
      font-weight:bold;
      color: #115098;
      font-size: 12px;
}

.text9{
      font-weight:bold;
      color: transparent;
      font-size: 12px;
}

.text10{
      font-weight:bold;
      color: white;
      font-size: 16px;
      position: relative;
}


.TitrePromo{
      font-weight:bold;
      color: white;
      font-size: 14px;
      margin-top:2px;
      margin-left:10px;
      position: relative;
}

.MessagePromo{
      color: black;
      font-size: 13px;
      margin-left:10px;
      margin-right:10px;
      position: relative;
}

.bouton1{
      font-weight:bold;
      color: black;
      font-size: 12px;
}

.input1{
    width: 200px;
}
.input2{
    width: 300px;
}
.input3{
    width: 400px;
    height:100px;

}
.input4{
    width: 400px;
}

.pictoStylo {
      padding-left:80px;
      background: transparent url("../img/stylo.gif") no-repeat;
}

.pictoCV {
      padding-left:80px;
      background: transparent url("../img/cv.gif") no-repeat;
}

.pictoLoupe {
      padding-left:20px;
      background: transparent url("../img/loupe.gif") no-repeat;
}

.docatelecharger {
      padding-left:20px;
      background: transparent url("../img/document.gif") no-repeat;
}

.infoparent {
      padding-left:20px;
      background: transparent url("../img/annonce.gif") no-repeat;
}

.infoam {
      padding-left:20px;
      background: transparent url("../img/document.gif") no-repeat;
}

.message {
      background-image: url("../img/message.png");
      width: 290px;
      height: 91px;
      position: absolute;
      top: 150px;
      left:40%;
      z-index:100;
}

.message2 {
      background-image: url("../img/message.png");
      width: 290px;
      height: 91px;
      position: absolute;
      top: 280px;
      left:40%;
      z-index:100;
}


.promo {
      background: transparent url("../img/promo.gif") no-repeat;
      top:170px ;
      width: 290px;
      height: 91px;
      position: absolute;
      z-index:10;
}

#erreur {
      background-image: url("../img/erreur.png");
      width: 290px;
      height: 91px;
      position: absolute;
      top: 150px;
      left:40%;
      z-index:100;
}

.detailAnnonce{
        border-width: 1px;
        border-style: solid; 
        border-color: #000000;
	position:fixed;
	display:none;
	background:red;
	top:120;
	left:370;
	width:450;
	height:400;
	overflow: auto;
	z-index:100;
}

.detailCV{
        border-width: 1px;
        border-style: solid;
        border-color: #000000;
	position:fixed;
	display:none;
	background:red;
	top:120;
	left:370;
	width:450;
	height:400;
	overflow: auto;
	z-index:101;
}

.promo {
      background: transparent url("../img/promo5.gif") no-repeat;
}

.fondpromo {
      position:absolute;
      background: transparent url("../img/sondage.gif") no-repeat;
      top:5;
      left:5;
      width:280;
      height:75;
}

.detailAnnonce{   {
	/* pour IE */
	position: absolute;
	top: expression(body.scrollTop + 270 + "px");
	voice-family: "\"}\""; /* Tantek Celik hack. */
	voice-family: inherit;
	}

.detailCV{  {
	/* pour IE */
	position: absolute;
	top: expression(body.scrollTop + 270 + "px");
	voice-family: "\"}\""; /* Tantek Celik hack. */
	voice-family: inherit;
	}
	
#overlay{  {
	/* pour IE */
	position: absolute;
	top: expression(body.scrollTop + 0 + "px");
	voice-family: "\"}\""; /* Tantek Celik hack. */
	voice-family: inherit;
	}