/* CSS Document */

body,html
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	
}

#global
{
    width: 950px;
	margin: auto;
	text-align: left;
	margin-top: 0px;	

}

/* -----------------------EN TETE DE PAGE *----------------------- */



#topzone
{
  position:relative;
	width: 950px;
	height:100px;
}

#topzonelayer1
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   position:absolute;
   top:0px; left:0px;
   z-index:9;
   width:950px;
   font-size: 12px;
}


#topzonelayer1 h1,h2
{
    font-size: 12px;
}

#topzonelayer2
{
   position:absolute;
   top:0px; left:0px;
   z-index:10;
   width:950px;
   height:100px;
   background-image:url(../images/header.gif);
   background-repeat: no-repeat;
   font-style:italic;
}

#topzonelayer2 a 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight: normal;
	color: #333366;
	text-decoration: none;
	font-style:normal;
}

#topzonelayer2 img
{
  padding-top: 10px;
  border:0px solid #FFF;
}

/* -----------------------MENU-----------------------*/

ul.menu li ul{
  display:none;
}


ul.menu li:hover>ul{
  display:block;
}

#menu{
    float: left;
	width: 950px;
	background-color: #333366;
	margin-top: 0px;
	padding-left:0px;
}

ul.menu{
	margin:0px;
	padding-left:75px;
	list-style:none;
	line-height:50px;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

ul.menu li{
	float:left;
	display:block;
	margin-left:0px;

}
ul.menu a{


}

ul.menu a:hover{
background-color: #3366CC;

}
ul.menu li.first{
padding:0px;
}

ul.menu li.last{
 padding:0px;
}

ul.menu li a{
	display:block;
	padding-right:10px;
	padding-left:10px;
	color:#FFFFFF;
	text-decoration:none;
}

ul.menu li a:hover{
background-color: #333366;

}
ul.menu li a.active{
background-color: #3366CC;
}

ul.menu ul{
  position:absolute;
  background:#333366;
  list-style:none;
  margin:0px;
  padding:10px;
  line-height:10px;	
  width:auto;
  z-index:1;
  font-size: 12px;
}

ul.menu ul.menubig1{
  position:absolute;
  background:#333366;
  list-style:none;
  margin:0px;
  padding:10px;
  width:auto;
  z-index:1;
}


ul.menu ul.menubig2{
  position:absolute;
  background:#333366;
  list-style:none;
  margin:0px;
  padding:10px;
  width:auto;
  z-index:1;
}

ul.menu ul ul{
  top:0px;
  left:155px;
  z-index:2;
}

ul.menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;
  display:block;

}

ul.menu ul li a{
 display:block;
   margin:0px;
   padding:0px;
   width:auto;
   border:none;
}

ul.menu ul li a span{
  display:block;
  width:auto;
  padding:5px;
   margin:0px;
   border:none;
}

ul.menu ul.menubig1 li a span{
  display:block;
  width:auto;
  padding:5px;
  margin:0px;
  border:none;
}

ul.menu ul.menubig2 li a span{
  display:block;
  width:auto;
  padding-left:10px;
}

ul.menu ul li a.next span{
}

ul.menu ul.menubig1 li a.next span{
}

ul.menu ul.menubig2 li a.next span{
}

ul.menu ul li a.next:hover span{
background-position: -160px 50%;
}

ul.menu ul.menubig1 li a.next:hover span{
 background-position: -200px 50%;
}

ul.menu ul.menubig2 li a.next:hover span{
background-position: -260px 50%;

}
ul.menu ul li a:hover span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #568CF9;
	text-decoration: none;
	  background:#333366;
}

ul.menu ul li.first{
padding:0px;
}

ul.menu ul li.first a{
 padding:0px;
}

ul.menu ul li.last{
padding:0px;
}

ul.menu ul li.last a{
 padding:0px;

}

ul.menu li.test a{
 width:auto;
}

ul.menu ul li.test a span{
visibility: hidden;
display: none;
width:0px;
padding:0px 0px;
margin:0px 0px;
border:none;
}

/* -----------------------FONT TEXTE-----------------------*/

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: normal;
	color: #333366;
	 margin:0px;
 	padding:0px;
}

#candidat h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: normal;
	color: #333366;
	 margin:0px;
 	padding:0px;
}
#devis h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: normal;
	color: #333366;
	 margin:0px;
 	padding:0px;
}
#cabinet h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: normal;
	color: #333366;
	 margin:0px;
 	padding:0px;
}
#expert h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: normal;
	color: #333366;
	 margin:0px;
 	padding:0px;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
	color: #3366CC;


}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #3366CC;
	height:8px;


}
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #CCCCCC;
	height:8px;


}
h3.ash1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: normal;
	color: #333366;
	 margin:0px;
 	padding:0px;
}

p {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #333366;

}

/* LIENS*/
/* Texte 14px*/
.grand {
	list-style-image: url(../images/puce1.gif);
	list-style-position: outside;
	margin-left: -20px;
	padding-left: 35px;
	color: #333366;
}

.grand a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #333366;
	text-decoration: none;
}

.grand a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3366CC;
}

/* Texte 12px*/
.moyen {
	list-style-image: url(../images/puce2.gif);
	list-style-position: outside;
	margin-left: -20px;
	padding-left: 35px;
	text-align:justify;
	color: #333366;

}

.moyen a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #333366;
	text-decoration: none;

}

.moyen a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3366CC;
}

/* Texte 11px*/
.petit {
	list-style-image: url(../images/puce2.gif);
	list-style-position: outside;
	margin-left: -20px;
	padding-left: 35px;
		font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.petit a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color: #333366;
	text-decoration: none;
}

.petit a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3366CC;
}


a.lien{

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333366;
	line-height:130%;
		padding-right:5px;
	padding-left:5px;

}

a:hover.lien  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3366CC;
		padding-right:5px;
	padding-left:5px;
}


p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #333366;
	text-align:justify;
}
.vert{
	color: #009900;
	font-weight: bold;
}
.textesmall{
	font-size:9px;
}	
.red{
	color: #FF0000;
}
.bold {
   font-weight: bold;
}


/* -----------------------CONTENU PAGE----------------------- */

#contenu{
	float: left;
	width: 950px;
	padding-top:0px;
	padding-bottom:20px;


}


/* -----------------------CONTENU ANNONCE----------------------- */


#centre{
	width: 800px;
	height: auto;
	padding-left:10px;
	padding-right:10px;
  margin-left: auto;
  margin-right: auto;


}

#fondgriscentre{
	width: 600px;
	height: auto;
	padding-top:20px;
	padding-bottom:20px;
  padding-left:20px;
	padding-right:20px;
  margin-left: auto;
  margin-right: auto;

  background-color: #E7E7E7;

}

#fondgriscentre div.ligne {
 padding-top:10px;
 padding-bottom:20px;
 font-size: 12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
}

#fondgriscentre div.elems{
  float: left;
	font-weight: bold;
	width: 160px;
	text-align: right;  
}

#fondgriscentre div.texte{
  float: left;
	font-weight: normal;
	margin-left: 20px;
	width: 280px;
	text-align: left;  
}

#fondgriscentre div.texteleft{
  float: left;
	font-weight: normal;
	margin-left: 20px;  
	width: 320px;
	text-align: right;  
}

#fondgriscentre div.lienright{
  float: left;
	font-weight: normal;
	margin-left: 20px;
	width: 240px;
	text-align: left;  
}

#fondgriscentre h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
	color: #3366CC;

	margin-bottom:0px;
	padding-bottom:0px;
}


#fondminigriscentre{
	width: 460px;
	height: auto;
	padding-top:10px;
	padding-bottom:10px;
  padding-left:10px;
	padding-right:10px;
  margin-left: auto;
  margin-right: auto;

  background-color: #E7E7E7;

}


/* -----------------------ACCUEIL----------------------- */
/* Espace candidat*/
#candidat {
	float: left;
	width: 330px;
	height: 270px;
	padding-left:280px;
	padding-top:40px;
	margin-top: 30px;
	background-image:url(../images/espace-candidat.jpg);
	background-repeat: no-repeat;
} 

/* Espace devis*/
#devis {
	float: left;
	width: 290px;
	height: 290px;
	padding-top:70px;
	padding-left:50px;
	margin-top: 0px;
	background-image:url(../images/espace-devis.jpg);
	background-repeat: no-repeat;
	background-position: left;
} 


/* Annuaire coaching */
#annucoaching {
	float: left;
	width: 950px;
	height: 340px;
	background-image:url(../images/fond-annuaire.gif);
	background-repeat: no-repeat;
	background-position: bottom;	
} 

#lieucoaching {
	float: left;
	width: 950px;
	height: auto;
}

/* Formulaire annuaire coaching*/
#annuairecoaching {
	float: left;
	width: 560px;
	height: 90px;
	padding-left:0px;
	padding-top:20px;
	margin-top:20px;
	background-image: url(../images/formulaire.gif);
	background-repeat: no-repeat;

} 



/* Annuaire recrutement*/
#annu {
	float: left;
	width: 950px;
	height: 340px;
	background-image:url(../images/fond-annuaire.gif);
	background-repeat: no-repeat;
	background-position: bottom;	
} 

#region {
	float: left;
	width: 475px;
	height: auto;
} 

#secteur {
	float: left;
	width: 475px;
	height: auto;
} 

.colonne {
	float: left;
	width: 237px;
	height: auto;
}
/* Espace cabinet*/

#cabinet {
	float: left;
	width: 475px;
	height: auto;
	padding-top:10px;
} 
.colonne2 {
	float: left;
	width: 475px;
}

/* Expert*/
#expert {
	float: left;
	width: 475px;
	height: auto;
	padding-top:10px;
} 

/* -----------------------ANNUAIRE CABINETS RECRUTEMENT----------------------- */
/* Formulaire annuaire recrutement*/
#annuaire {
	float: left;
	width: 560px;
	height: 220px;
	padding-left:0px;
	padding-top:20px;
	margin-top:20px;
	background-image: url(../images/formulaire.gif);
	background-repeat: no-repeat;

} 

/* Espace devis*/
#devisgratuit {
	float: right;
	width: 290px;
	height: 290px;
	padding-top:80px;
	padding-left:50px;
	margin-top:-50px;
	background-image:url(../images/espace-devis.jpg);
	background-repeat: no-repeat;
	background-position: left;
} 

/* ListeAnnuaire*/
.listeA {
	float: left;
	width: 940px;
	height: auto;
	padding:0px;
   border-top: 1px dotted #999999; 

} 
hr {
	border-top: 1px dotted #999999; 
} 
.listeA:hover {
background-color:#D4D4D4;

} 

.colonne3 {
	float: left;
	width: 280px;
	height: auto;
	padding-right:20px;
	margin-top: 10px;
	padding-left:10px;

}
.colonne4 {
float: left;
	width: 630px;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #333366;
	text-align:justify;	
	margin-top: 10px;
}

.colonne4 img {
	border: 1px solid #CCCCCC;
	margin-right:0px;
	margin-left: 20px;	
	margin-top: 0px;	
	margin-bottom: 10px;	
	
}
	
.colonne4 ul {
	list-style:none;
	padding-left:0px;
	margin-left:0px;


}	
.colonne4 li {
	display:inline;

}

.colonne5 {
float: left;
	width: 630px;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	text-align:justify;	

	text-align:center;

}

.colonne5 img {
	margin-bottom:10px;
	margin-top:10px;

	
}

.colonne5 a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
	color: #3366CC;
	text-decoration: none;
	line-height: 20px;
}

.colonne5 a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3366CC;
}

.colonne5 a.arrow:hover{
background-color:#D4D4D4;

} 


.titre {
	list-style-image: url(../images/puce.gif);
	padding-left:10px;
	margin:0px;
}


.titre a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: normal;
	color: #333366;
	text-decoration: none;

}

.titre a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3366CC;
}

.gris{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999999;
	text-align:justify;
}


/* -----------------------OFFRES D'EMPLOI----------------------- */
/* formulaire Offre d'emploi*/
#emploi1 {
	float: left;
	width: 560px;
	height: auto;
	padding-left:0px;
	padding-top:30px;
	margin-top:0px;
	background-image: url(../images/formulaire-emploi.gif);
	background-repeat: no-repeat;
	

} 


/* Espace devis emploi*/
#devisemploi {
	float: right;
	width: 290px;
	height: 250px;
	padding-top:40px;
	padding-left:50px;
	margin-top: -75px;
	background-image:url(../images/espace-devis.jpg);
	background-repeat: no-repeat;
	background-position: left;
	
} 
#listeO {
	float: left;
	width: 940px;
		height: auto;
   border-top: 1px dotted #999999; 

} 
#listeO:hover{
background-color:#DBDBDB;
} 
.colonne6 {
	float: left;
	width: 560px;

}

.colonne7 {
float: left;
	width: 200px;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #333366;	
	margin-right:20px;
	padding-top:5px;


}

.colonne8 {
float: left;
	width: 160px;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #333366;
	padding-top:5px;
}

.colonne9 {
  float: left;
	width: 920px;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #333366;
	padding-top:5px;
}

.emploi {

	list-style-image: url(../images/puce1.gif);
color: #333366;
	list-style-position: outside;
		padding-left:15px;
		padding-bottom:0px;
		padding-top:0px;
	margin:0px;
}
.emploi li{

	padding:0px;
	margin:0px;
}


.emploi a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #333366;
	text-decoration: none;
margin-top:-10px;
	
}

.emploi a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3366CC;
}

.colonne9 {
	float: left;
	width: 950px;

}
.colonne9 ul {
	list-style:none;
	padding-left:0px;
	margin-left:0px;

}
.colonne9 li {
	display:inline;


}
.colonne9 a{
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color: #cccccc;
	text-decoration: none;


}
.colonne9 a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3366CC;
}

/* -----------------------DEVIS----------------------- */
#form1 {

	float: left;
	width: 295px;
	height: 300px;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;

}
#form2 {

	float: left;
	width: 560px;
	height: 750px;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
	background-image: url(../images/formulaire-devis2.gif);
	background-repeat: no-repeat;
}
#form4 {

	float: left;
	width: 700px;
	height: auto;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:20px;
	background-color: #E7E7E7;
}
#gauche {

	float: right;
	width: 350px;
	height: 600px;
	padding-left:0px;
	padding-top:30px;
	margin-top:-30px;
}
#gauche h1 {


	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #333366;
	 margin:0px;
 	padding:10px;
}
#gauche ul {

	list-style-image: url(../images/puce2.gif);
	list-style-position: outside;
	margin-left: -20px;
	padding-left: 35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333366;
	text-decoration: none;
}


#form3 {

	float: left;
	width: 560px;
	height: 750px;
	padding-left:0px;
	padding-top:30px;
	margin-top:10px;
	background-image: url(../images/formulaire-devis2.gif);
	background-repeat: no-repeat;
}



#cvdisplay {
	float: left;
	width: 560px;
	height: auto;
	background-color: #FFFFFF;
}



#cvdisplaysub1 {
	height: auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	margin-top:20px;
	background-color: #FFFFFF;
}

#cvdisplaysub2 {
	height: auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	margin-top:20px;
	margin-bottom:20px;
	background-color: #E7E7E7;
}

#cvdisplaysub3 {
	height: auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	margin-top:20px;
	margin-bottom:20px;
}


#cvdisplayliens
{
	float:left;
	width: 930px;
	height:auto;
	margin-top:20px;
	padding:0px 0px 0px 0px;
}
#cvdisplayliens p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #333366;		
	font-weight: normal;
	text-align:justify;
}

#cvdisplayliens a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333366;	
}


/* -----------------------PIED DE PAGE----------------------- */
/* Pied de page */


#pied-page
{
	float:left;
	width: 930px;
	height:auto;

	margin-top:20px;
	padding:10px 10px 10px 20px;
	background-image:url(../images/pied-page.gif);
	background-repeat: repeat-x;
}
#pied-page p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333366;		
	font-weight: normal;
		text-align:center;
}

#pied-page a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
		color: #333366;	
		text-decoration: none;
}
#pied-page a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3366CC;	
}

/* -----------------------FORMULAIRE DEVIS etape1----------------------- */

/* colonne droite */

.cssetap1 p{
	width: auto;
	clear: left;
	padding-left: 140px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	
}

	

/* colonne gauche */
.cssetap1 label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	float: left;
	margin-left: -90px;
	width: 200px;
	text-align: left;
	


}

.cssetap1 input[type="text"]{ 
width: 223px;
height: 13px;
}
.cssetap1 input[type="image"]{ 
padding-left:115px;
}

.cssetap1 textarea{
width: 250px;
height: 200px;

}
.cssetap1 h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
	color: #3366CC;
	padding-left:50px;
	margin-top:0px;


}


/* -----------------------FORMULAIRE DEVIS etape2----------------------- */

/* colonne droite */

.cssetap2 p{
	width: auto;
	clear: left;
	padding-left: 140px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	
}

.cssetap2 span{
display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	padding-left:50px;
	padding-right:30px;
	text-align:justify;
	
}

	
.cssetap2 h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
	color: #3366CC;
	padding-left:50px;


}

/* colonne gauche */
.cssetap2 label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	float: left;
	margin-left: -90px;
	width: 200px;
	text-align: left;
	


}

.cssetap2 input[type="text"]{ 
width: 223px;
height: 13px;
}
.cssetap2 input[type="image"]{ 
padding-left:115px;
}

.cssetap2 textarea{
width: 250px;
height: 100px;

}


/* colonne gauche depot CV*/

.cssetap3 p{
	width: auto;
	clear: left;
	padding-left: 140px;
	padding-right: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	
}

.cssetap3 p.warning{
	padding-left: 70px;
	padding-right: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
  color:green;
  font-weight: bold;
}


.cssetap3 p.commentaire{
	width: auto;
	padding-left: 250px;
	padding-right: 50px;
	margin-top: -10px;
	margin-bottom: 10px;
	text-align: left;
	font-size:9px;
	
}

.cssetap3 label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	float: left;
	margin-left: -90px;   
	width: 200px;
	text-align: left;
	


}

.cssetap3 input[type="text"]{ 
width: 280px;
height: 13px;
}
.cssetap3 input[type="image"]{ 
margin-top: 10px;
padding-left:200px;
}

.cssetap3 textarea{
width: 280px;

}
.cssetap3 h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
	color: #3366CC;
	padding-left:50px;
	margin-top:0px;
}


/* -----------------------FORMULAIRE OFFRE D'EMPLOI----------------------- */

/* colonne droite */

.cssform p{
	width: auto;
	clear: left;
	padding-left: 130px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 100px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	text-align: left;
	
}
/* colonne gauche */
.cssform label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	float: left;
	margin-left: -100px;
	width: 100px;
	text-align: left;


}

.cssform input[type="text"]{ 
width: 187px;
height: 13px;
}

.cssform textarea{
width: 250px;
height: 100px;

}


* html .threepxfix{
margin-left: 3px;

}
.formdevis {
	width: 260px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	margin-top: 4px;
	margin-bottom: 4px;
	height: 18px;
}


.erreur
{
font-weight: bold;
color:red;
}



/* ------------- COMPATIBILITE ----------------- */
td.annonceTexte

{

font-size:10pt;

color:black;

font-family: sans-serif, arial, helvetica;

text-align: left;
}



td.annonceTexteGras

{

font-size:10pt;

font-weight: bold;

color:black;

font-family: sans-serif, arial, helvetica;

}



a.annonce

{

font-size:10pt;

color:blue;

font-family: sans-serif, arial, helvetica;

text-decoration: underline;

}


td.soustitre

{

font-family: arial, helvetica, sans-serif;

font-size:11pt;

font-weight: bold;

color:black;

}

td.textenormalplus

{

font-size:11pt;

color:black;

}



td.textenormalgras

{

font-size:10pt;

font-weight: bold;

color:black;

}



td.codenormal

{

font-family: arial, helvetica, sans-serif;

font-size:10pt;

background:#EEEEEE;

color:black;

}


table.degradeBleuMiLong3

{

background:#DDDDDD;

}

td.white

{

background:#FFFFFF;

}

td.annonce

{

font-family: arial, helvetica, sans-serif;

font-size:10pt;

}

#backcompatible{
	padding-top:10px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
  text-align: left;

}

div#backcompatible a {
font-family: arial, helvetica, sans-serif;
font-size:10pt;
}


/* ------------- LIVRE ----------------- */
/* Espace devis*/
#livre {
}

#citationlivre {
  width : 400px;
  margin-top: 10px;
  margin-left: 135px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight: normal;
	font-style : italic; 
	text-align : right;
	color: #000000;
}

#ideefortelivredroite {
	float: right;
	width: 300px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
  background-color: #E7E7E7;
  font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:16px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}

#ideefortelivregauche {
	float: left;
	width: 300px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
  background-color: #E7E7E7;
  font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:16px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}

#conclusioncentree {
    width: 460px;
    margin-top: 0px;
	  margin-bottom: 0px;
	  margin-left: 70px;
  	margin-right: 70px;
  	padding-top: 10px;
	  padding-bottom: 10px;
	  padding-left: 10px;
	  padding-right: 10px;
	  background-color: #E7E7E7;
	  font-family:Helvetica, Arial, Verdana, sans-serif;
	  font-size:16px;
	  font-weight: normal;
	  color: #000000;
}

#contenulivre {
	float: left;
	width: 510px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#sommairelivre {
  float: left;
	width: 270px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
  background-image:url(../images/fondSommaire.png);
	background-repeat: repeat-y;
}

#livreADroite {
  float: left;
	width: 120px;
	height: 800px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#sommairelivrein {
	width: 250px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

#sommairefillerlivre {
	width: 230px;
	height: 100%;
  
}


#sommairelivrein h3 {
  margin-left: 45px;
  margin-top: 0px;
  padding-top: 0px;
  font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:24px;
	color: #00387F;
}

#sommairelivrein a.chapitre {
  font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	text-decoration: none;
	color: #00387F;
}

#sommairelivrein a.chapitre:hover{
  font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	text-decoration: none;
	color: #00387F;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3366CC;
}

#sommairelivrein p.center
{
		text-align:center;
}

#sommairelivrein p.mini
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	font-weight: normal;
	color: #333366;
}

#sommairelivre p.presentationLivre
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align:center;
}


#contenulivre p.paragraphe {
	
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:16px;
	font-weight: normal;
	color: #000000;

}

#contenulivre p.paragrapheitalic {
	
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:16px;
	font-weight: normal;
	font-style : italic;
	color: #000000;

}

#contenulivre p.paragraphecentre {
	
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:16px;
	font-weight: normal;
	text-align: center;
	color: #000000;

}

#contenulivre p.note {
	
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:10px;
	font-weight: normal;
	color: #000000;
  padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#contenulivre h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight: normal;
	color: #333366;
	 margin:0px;
 	padding:0px;
}
#contenulivre h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
	color: #333366
}

#contenulivre h2.big {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	color: #333366
}


#pageprecsuivante {
	float: left;
	width: 156px;
}
#pagepliens {
	float: left;
	width: 198px;
	text-align: center;
}