* {
	margin:0;
	padding:0;
  }



html {
	margin:0;
	padding:0;
	}
body { 
     font-family:trebuchet,MS,arial,helvetica,sans-serif;
     font-size:14px;
     color:#2f2f2f;
     background:url(images/bg.gif) top left repeat-x;
     
     }





a {
outline:none;
}


	
#container{
    float:left;
    width:1000px;
	background-color:white;
	/*background:url(images/bgciel.jpg) top left repeat-x;*/
	margin:auto;
	margin-top:0px;
	position:relative;
	top:0px;
	left:50%;
	margin-left:-500px;
	
	}	

#header{
float:left;
background:url(images/header.jpg) top left no-repeat;
width:1000px;
height:100px;
}


/*navigation*/
#nav{
float:left;
margin-top:10px;
height: 38px;
}	
	
#nav a{
display:block;
text-decoration:none;
color:white;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
}

#nav a:hover{
color:#000000;
background-color:#96a2e7;
}


#nav ul li{
list-style-type:none;
display:block;
float:left;
width:247px;
text-align:center;
border:1px white solid;
/*background-color:#FF3333;*/
background-color:#07317e;
}



/*centre de la page de la page d'acceuil*/

#center-left,#center-center,#center-right,#center-center-candidat{
float:left;
background:url(images/carre.jpg) top left no-repeat;
width:290px;
height:350px;
margin-left:33px;
margin-top:20px;
}

#image-left{
float:left;
background:url(images/candidat.jpg) top left no-repeat;
width:86px;
height:100px;
margin-left:10px;
margin-top:10px;
}

#image-center{
float:left;
background:url(images/societe.jpg) top left no-repeat;
width:86px;
height:100px;
margin-left:10px;
margin-top:10px;
}

#image-right{
float:left;
background:url(images/place_de_marche.jpg) top left no-repeat;
width:86px;
height:100px;
margin-left:10px;
margin-top:10px;
}

#center-left p,#center-center p
{
text-align:right;
color:#444444;
padding-left:30px;
padding-right:20px;
padding-top:20px;
}

#center-right p,#center-center-candidat p
{
text-align:left;
width:400px;
color:#444444;
padding-left:30px;

padding-right:20px;
padding-top:20px;
}


#inscript
{
float:left;
width:128px;
height:128px;
margin-left:60px;
margin-top:20px;
}

#inscript a{
float:left;
text-decoration:none;
outline:none;
color:white;
}

#abonnement{
float:left;
width:128px;
height:128px;
margin-left:60px;
margin-top:20px;
}

#abonnement a{
float:left;
text-decoration:none;
outline:none;
color:white;
}

#reclame{
float:left;
background:url(images/publicite.png) top left no-repeat;
width:200px;
height:200px;
margin-left:30px;
margin-top:30px;
}


/*séction bas de page*/

#bottom{
float:left;
background:url(images/footer.gif) top left no-repeat;
width:1000px;
height:40px;
}



#footer{
float:left;
color:#8e8e8e;
height:50px;
margin-top:40px;
padding-left:50px;
}

#footer a{
text-decoration:none;
color:#8e8e8e;
}


/*section page inscription_candidat*/
#image_inscription{
float:left;
background:url(images/formulaire_candidat.jpg) top left no-repeat;
width:500px;
height:50px;
}

#formulaire_inscription_candidat{
float:left;
color:black;
margin-left:300px;
margin-top:40px;
}

#formulaire_inscription_candidat p{
padding-top:25px;
padding-bottom:10px;
}

/*section page membre candidat*/


#image_connect_candidat{
float:left;
background:url(images/espace_candidat.jpg) top left no-repeat;
width:220px;
height:196px;
margin-left:30px;
margin-top:10px;
}

#image_connect_offre{
float:left;
background:url(images/recrutement.jpg) top left no-repeat;
width:220px;
height:196px;
margin-left:30px;
margin-top:10px;
}

#center-center-candidat ul{
padding-left:25px;
padding-top:20px;
}

#compteur ul{
padding-left:25px;
padding-top:100px;
}


#center-center-candidat a,#compteur a{
text-decoration:none;
color:grey;
}

#center-center-candidat a:hover{
color:#07317E;
}

.tab1,.tab2,.tab3,.tab4,.tab5,.tab6,.tab7,.tab8,.tab10,.tab11,.tab12{
list-style-type:none;
padding-bottom:10px;
}



.tab1{
background:url(images/rechercher.png) top left no-repeat;
height:32px;
padding-left:40px;
}

.tab2{
background:url(images/enregistrer.png) top left no-repeat;
height:32px;
padding-left:40px;
}

.tab3{
background:url(images/supprimer.png) top left no-repeat;
height:32px;
padding-left:40px;
}

.tab4{
background:url(images/mail.png) top left no-repeat;
height:32px;
padding-left:40px;
}

.tab8{
background:url(images/eraser.png) top left no-repeat;
height:32px;
padding-left:40px;
}
.tab10{
background:url(images/histo.png) top left no-repeat;
height:32px;
padding-left:40px;
}




.tab11{
background:url(images/nettoyer.png) top left no-repeat;
height:32px;
padding-left:40px;
}

.tab12{
background:url(images/crediter.png) top left no-repeat;
height:32px;
padding-left:40px;
}

.tab15{
background:url(images/support.png) top left no-repeat;
height:32px;
padding-left:35px;
margin-left:20px;
list-style-type:none;
}

.tab15 a{
text-decoration:none;
font-size:10px;
color:grey;
padding-top:20px;
}

#images_statistique{
float:left;
background:url(images/statistiques.png) top left no-repeat;
height:32px;
width:32px;
margin-left:30px;
margin-right:15px;
margin-top:10px;
}


#vue_cv{
width:200px;
margin-left:25px;
margin-right:10px;
margin-top:15px;
font-size:11px;
}

/*page enregistrement CV*/
#center-right-cv{
float:left;
}

#form1{
float:left;
border: 1px solid grey;
margin-top:15px;
margin-bottom:15px;
margin-left:40px;
}

/*pages modification CV*/


#modif_cv{
float:left;
margin-top:30px;
margin-left:100px;
}




/*pages suppression des offres d'emploi*/
#ano,#an1o{
border:1px solid silver;
background-color:#e5e5e5;
color:black;
margin-left:5px;
margin-right:5px;
}

#an1o{
margin-bottom:15px;
}

#an1o a{
color:#377c08;
text-decoration:none;
font-weight:bold;
}


/*pages suppression des CV*/

#cv{
float:left;
padding-left:20px;
padding-top:20px;
}

#an,#an1{
border:1px solid silver;
background-color:#FFFFFF;
padding:3px;
}

#an1{
margin-bottom:10px;
}

#alert_delete1{
font-size:12px;
margin-right:10px;
color:red;
}

/*section page membre entreprise*/

#image_tableau_de_bord{
float:left;
background:url(images/tableau.png) top left no-repeat;
height:32px;
width:32px;
margin-left:30px;
margin-right:10px;

margin-top:10px;
}

#image_outil{
float:left;
background:url(images/outil.png) top left no-repeat;
height:32px;
width:32px;
margin-left:30px;
margin-right:10px;

margin-top:10px;
}

.tab5{
background:url(images/achat.png) top left no-repeat;
height:32px;
padding-left:40px;
list-style-type:none;
}

.tab6{
background:url(images/logos.png) top left no-repeat;
height:32px;
padding-left:40px;
}

.tab7{
background:url(images/modifier.png) top left no-repeat;
height:32px;
padding-left:40px;
}
#vue_entreprise,#vue_entreprise2{
float:left;
width:300px;
margin-left:20px;
margin-right:10px;
margin-top:10px;
font-size:12px;
color:#444444;
}

#vue_entreprise2{

margin-top:40px;

}

#center-left-reponse p{
padding-left:70px;
}

#reponse{
float:left;
}

.reps{
background:url(images/warning.png) top left no-repeat;
height:32px;
padding-left:40px;
padding-top:8px;
margin-left:350px;
color:black;
font-size:20px;
}

.reps2{

padding-left:40px;
padding-top:10px;
padding-bottom:10px;
margin-left:380px;
color:black;
}

.reps2 a{
text-decoration:none;
}

/*pages cvtheque*/

#center-center-cvtheque,#center-right-cvtheque{
float:left;

width:295px;
height:550px;
margin-left:33px;
margin-top:20px;
margin-bottom:20px;
border:1px solid grey;
}

#center-center-cvtheque p,#center-right-cvtheque p{
text-align:left;
color:#444444;
padding-left:10px;
padding-right:20px;
padding-top:10px;
}

#listcv{
margin-top:20px;
float:left;
width:295px;
overflow:auto;
max-height: 450px;
}


#cvt{
color:#444444;
margin-left:10px;
margin-right:10px;
margin-top:15px;

border:1px solid black;
background-color:#DAE3F3;
/*background:url(images/bg-col3.gif) top left repeat-y;*/
}

#cvt2{
color:#444444;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
border:1px solid black;
background-color:#DAE3F3;
/*background:url(images/bg-col3.gif) top left repeat-y;*/
}

#cvt a{
text-decoration:none;
color:blue;
}

#print_cv{
float:left;
margin-top:30px;
color:#000000;
margin-left:100px;
margin-right:100px;
margin-bottom:10px;
}

#print_cv p{
padding-left:20px;
padding-bottom:10px;
}


#an4,#an5,#an6{
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
border:1px solid grey;

}

#an5{
background-color:#dae3f3;
}

#an6{
/*background-color:#f6f6f6;*/
background:url(images/bg-col.gif) top left repeat-y;
}

#an6 a{
text-decoration:none;
color:blue;
}


#retour{
float:left;
padding-left:15px;
color:red;
}

#retour a{
font-weight:bold;
color;blue;
}

/* relatif à l'affichage de la loi informatique et liberté*/

#loi_informatique{
float:left;
margin-top:10px;
margin-left:40px;
margin-right:40px;
font-size:12px;
}

/*relatif à la page d'achat de packs*/

#image_carte_credit{
float:left;
background:url(images/carte_credit.jpg) top left no-repeat;
width:240px;
height:38px;
margin-top:20px;
margin-left:20px;
}

.tab0,.tab02,.tab03{
background:url(images/star.png) top left no-repeat;
height:32px;
padding-left:30px;
margin-left: 30px;
list-style-type:none;
padding-bottom:50px;
}

.tab0 a{

font-weight:bold;
border:1px solid grey;
margin-left:42px;
background-color:#b3ea5c;
}

.tab02 a{

font-weight:bold;
border:1px solid grey;
margin-left:35px;
background-color:#f4d00c;
}

.tab03 a{

font-weight:bold;
border:1px solid grey;
margin-left:36px;
background-color:#ec9229;
}

/*relatif à l'envoi automatique des mails*/

#center-center-mail{
float:left;
color:#2f2f2f;
}

#center-center-mail p{
margin-top:30px;
margin-left:50px;
}

/*relatif à mentions légales*/



#image-left-legale{
float:left;
background:url(images/mention_legale.png) top left no-repeat;
width:86px;
height:100px;
margin-left:10px;
margin-top:10px;
}


/*relatif à la page contact*/
#image_contact{
float:left;
background:url(images/formulaire_contact.jpg) top left no-repeat;
width:500px;
height:50px;
}


/*autres*/

#message{
float:left;
margin-left:100px;
margin-top:30px;
margin-bottom:30px;
}

#message2{
float:left;
margin-left:50px;
margin-top:60px;
margin-bottom:30px;
}

/*pages mot de passe oublié*/
#image_oubli_mdp{
float:left;
background:url(images/mdp_perdu.jpg) top left no-repeat;
width:500px;
height:50px;
}




/*administration*/

#header2{
float:left;
background:url(images/header_admin.jpg) top left no-repeat;
width:1000px;
height:100px;
}


#bottom2{
float:left;
background:url(images/footer_admin.gif) top left no-repeat;
width:1000px;
height:40px;
}

#image_admin{
float:left;
background:url(images/cadenas_admin.png) top left no-repeat;
width:150px;
height:150px;
margin-left:30px;
}

#pack{
float:left;
margin-top:20px;
margin-left:30px;
border:silver solid 1px;
padding:5px;
}


/*divers*/

#pubpub{
float:left;
background:url(images/pubpub.jpg) top left no-repeat;
width:200px;
height:132px;
margin-top:20px;
margin-left:45px;
}

#espro{
float:left;
background:url(images/espace_pro2.gif) top left no-repeat;
width:100px;
height:40px;
margin-top:6px;
margin-left:160px;

}

#bcommande{
float:center;
width:700px;
margin:grey solid 1px;
margin-left:20px;
margin-right:20px;
padding-top:150px;

}

#bcommande h1{
font-size:16px;
padding-left:350px;
}

#bcommande p{
font-size:14px;
padding-left:200px;
padding-top:20px;
padding-bottom:15px;

}


#img404{
float:left;
background:url(images/404.gif) top left no-repeat;
width:400px;
height:400px;
margin-left:300px;
}