html, body 
{
	height:auto !important;
	width:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
	
}

#Main_fake 
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	height:100%;
	background:url(/images/background/repete.jpg) repeat-x;
}

#Main
{
	clear:both;
	width:960px;
	height:800px;
	background:url(/images/background/back.jpg) no-repeat;
	margin-left:auto;
	margin-right:auto;
}

.indication
{
	float:left;
	display:inline;
	clear:both;
	background:url(/images/divers/indication.jpg);
	height:35px;
	width:290px;
}

/********************************  Menu *********************************************/
#Menu
{
	clear:both;
	float:left;
	width:960px;
	display:inline;
	height:42px;
	margin-top:134px;
}

#Menu .accueil a
{	
	float:left;
	display:inline;
	width:62px;
	height:42px;
	margin-left:82px;
	background:url(/images/menu/accueil-off.jpg);
}

#Menu .accueil a:hover
{
	background:url(/images/menu/accueil-on.jpg);
}

#Menu .demarche a
{	
	float:left;
	display:inline;
	width:132px;
	height:42px;
	margin-left:38px;
	background:url(/images/menu/demarche-off.jpg);
}

#Menu .demarche a:hover
{
	background:url(/images/menu/demarche-on.jpg);
}

#Menu .emploi a
{	
	float:left;
	display:inline;
	width:119px;
	height:42px;
	margin-left:38px;
	background:url(/images/menu/emploi-off.jpg);
}

#Menu .emploi a:hover
{
	background:url(/images/menu/emploi-on.jpg);
}

#Menu .tarifs a
{	
	float:left;
	display:inline;
	width:46px;
	height:42px;
	margin-left:38px;
	background:url(/images/menu/tarifs-off.jpg);
}

#Menu .tarifs a:hover
{
	background:url(/images/menu/tarifs-on.jpg);
}

/*****************************************************************************************************/


#Titre
{
	float:left;
	clear:both;
	display:inline;
	width:140px;
	height:37px;
	margin-left:230px;
	margin-top:22px;
}

#Content
{
	float:left;
	display:inline;
	clear:both;
	width:960px;
	height:514px;
}

/***** Accueil *******************************/
#Accueil
{
	float:left;
	clear:both;
	display:inline;
	margin-left:95px;
}

#Accueil .top
{
	float:left;
	display:inline;
	font-family:Verdana;
	font-size:25px;
	margin-left:70px;
	margin-top:20px;
	width:450px;
}
#Accueil .explo
{
	float:left;
	display:inline;
	width:100px;
	height:100px;
	margin-top:15px;
}

#Accueil .middle
{
	float:left;
	display:inline;
	clear:both;
	width:730px;
}

#Accueil .middle .col_gauche
{
	float:left;
	display:inline;
	width:370px;
}

#Accueil .middle .col_droite
{
	float:left;
	display:inline;
	width:360px;
}

#Accueil .middle .flash
{
	float:left;
	display:inline;
	width:228px;
	height:187px;
	margin-left:85px;
	margin-top:20px;
}

#Accueil .middle .dock
{
	float:left;
	clear:both;
	display:inline;
	width:330px;
	height:100px;
	margin-left:35px;
	margin-top:20px;
}

#Accueil .middle .texte
{
	float:left;
	display:inline;
	width:355px;
}


#Accueil .middle .texte .titre
{
	float:left;
	display:inline;
	clear:both;
	width:300px;
	font-family:Verdana;
	font-size:11px;
	margin-top:20px;
	margin-left:30px;
}

#Accueil .middle .texte .formulaire
{
	float:left;
	clear:both;
	display:inline;
	width:355px;
	font-family:verdana;
	font-size:11px;
	color:Gray;
}

#Accueil .middle .texte .formulaire .champs
{
	float:left;
	display:inline;
	width:90px;
}

#Accueil .middle .texte .formulaire .champs .item
{
	float:right;
	display:inline;
	clear:both;
	margin-top:20px;
}

#Accueil .middle .texte .formulaire .input
{
	float:left;
	display:inline;
	width:175px;
	margin-top:15px;
	margin-left:10px;
}

#Accueil .middle .texte .formulaire .input .item
{
	float:left;
	display:inline;
}


#Accueil .middle .texte .bouton
{
	float:left;
	display:inline;
	clear:both;
	margin-left:129px;
	margin-top:7px;
	width:143px;
	height:30px;
}

.btn
{
	background:white;
	border:1px solid gray; 
	width:143px;
	height:20px;
	cursor:pointer;
	font-family:Verdana;
	font-size:10px;
	color:gray;
}

.btn:hover
{
	color:gray;
	border:1px solid black; 
}



/***** Demarche *******************************/

#Demarche
{
	float:left;
	clear:both;
	display:inline;
	margin-left:95px;
}

#Demarche .top
{
	float:left;
	clear:both;
	display:inline;
	font-family:Verdana;
	font-size:11px;
	margin-left:60px;
	margin-top:20px;
	width:600px;
	text-align:justify;
	line-height:1.5em;
}

#Demarche .middle
{
	float:left;
	display:inline;
	clear:both;
	width:730px;
}


#Demarche .middle .flash
{
	float:left;
	display:inline;
	width:350px;
	height:287px;
	margin-left:25px;
	margin-top:5px;
}


#Demarche .middle .texte
{
	float:left;
	display:inline;
	width:355px;
	font-family:Verdana;
	font-size:11px;
	line-height:1.5em;
	margin-top:25px;
}


#Demarche .middle .texte li
{
	margin-top:10px;
}

#Demarche .middle .texte .haut
{
	float:left;
	display:inline;
	clear:both;
	width:345px;
	margin-left:10px;
	margin-top:35px;
}

#Demarche .middle .texte .haut .animapix
{
	float:left;
	display:inline;
	width:86px;
	height:23px;
}

#Demarche .middle .texte .haut .phrase
{
	float:left;
	display:inline;
	width:250px;
	margin-top:7px;
	margin-left:8px;
}

#Demarche .middle .texte .contenu
{
	float:left;
	display:inline;
	clear:both;
	width:355px;
	margin-left:10px;
}

/***** mode d'emploi *******************************/

#Emploi
{
	float:left;
	clear:both;
	display:inline;
	margin-left:95px;
	font-size:11px;
	width:730px;
}

#Emploi .top
{
	float:left;
	clear:both;
	display:inline;
	font-family:Verdana;
	margin-left:60px;
	margin-top:20px;
	width:600px;
	height:150px;
}

#Emploi .top .haut
{
	float:left;
	clear:both;
	display:inline;
	width:400px;
	margin-left:20px;
}

#Emploi .top .haut .animapix
{
	float:left;
	display:inline;
	width:86px;
	height:23px;
	background:url(/images/divers/animapix.jpg);
}

#Emploi .top .haut .phrase
{
	float:left;
	display:inline;
	width:300px;
	margin-top:7px;
	margin-left:5px;
}

#Emploi .top .texte
{
	float:left;
	clear:both;
	display:inline;
	width:580px;
	margin-top:10px;
	margin-left:20px;
	text-align:justify;
}

#Emploi .top .texte .ligne
{
	float:left;
	clear:both;
	display:inline;
	width:100%;
	margin-top:5px;
}

#Emploi .top .texte .ligne .num
{
	float:left;
	display:inline;
	width:30px;
	height:30px;
}

#Emploi .top .texte .ligne .text
{
	display:inline;
	float:left;
	margin-left:10px;
	margin-top:7px;
	width:500px;
}

#Emploi .intermediaire
{
	float:left;
	display:inline;
	clear:both;
	width:620px;
	font-family:Verdana;
	margin-left:55px;
	margin-top:2px;
}

#Emploi .middle
{
	float:left;
	display:inline;
	clear:both;
	width:730px;
}


#Emploi .middle .flash
{
	float:left;
	display:inline;
	width:350px;
	height:287px;
	margin-left:25px;
}


#Emploi .middle .texte
{
	float:left;
	display:inline;
	width:335px;
	font-family:Verdana;
	font-size:11px;
	line-height:1.5em;
	margin-top:15px;
}

#Emploi .middle .texte li
{
	margin-top:10px;
}

#Emploi .middle .texte .haut
{
	float:left;
	display:inline;
	clear:both;
	width:345px;
	margin-left:10px;
	margin-top:20px;
}

#Emploi .middle .texte .haut .animapix
{
	float:left;
	display:inline;
	width:86px;
	height:23px;
}

#Emploi .middle .texte .haut .phrase
{
	float:left;
	display:inline;
	width:250px;
	margin-top:7px;
	margin-left:8px;
}

#Emploi .middle .texte .contenu
{
	float:left;
	display:inline;
	clear:both;
	width:355px;
	margin-left:10px;
}


/***** tarifs *******************************/

#Tarifs
{
	float:left;
	clear:both;
	display:inline;
	margin-left:95px;
	font-family:Verdana;
	font-size:11px;
	line-height:1.5em;
}

#Tarifs .top
{
	float:left;
	clear:both;
	display:inline;
	font-family:Verdana;
	margin-left:60px;
	margin-top:20px;
	width:610px;
}

#Tarifs .top a
{
	color:#000000;
	text-decoration:underline;
}

#Tarifs .top a:hover
{
	font-weight:bold;
}

#Tarifs .middle
{
	float:left;
	display:inline;
	clear:both;
	width:730px;
}


#Tarifs .middle .flash
{
	float:left;
	display:inline;
	width:350px;
	height:287px;
	margin-left:25px;
	margin-top:20px;
}


#Tarifs .middle .texte
{
	float:left;
	display:inline;
	width:300px;
	font-family:Verdana;
	margin-left:20px;
	margin-top:25px;
	line-height:1.5em;
}

#Tarifs .middle .texte li
{
	margin-top:10px;
}

/********************** Footer ********************************************/

#Foot
{
	float:left;
	display:inline;
	clear:both;
	width:960px
}

#Foot .liens
{
	float:left;
	display:inline;
	width:723px;
}

#Foot .lien a
{
	float:left;
	display:inline;
	text-decoration:none;
	font-size:12px;
	color:#707070;
	margin-top:22px;
	font-family:Arial;
	font-weight:bold;
	margin-left:20px;
}

#Foot .lien a:hover
{
	color:black
}

#Foot .starsolr a
{
	float:left;
	display:inline;
	height:51px;
	width:237px;
	background:url(/images/background/starsolr.jpg);
}