body{ 
	background-image: url('../img/fond-body.jpg');	
	background-repeat: repeat-y; background-position: center; background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 12px;	
	margin-top:0px;	margin-right:0px; margin-bottom:0px; margin-left:0px;
}
html { overflow-y:scroll; overflow-x:hidden; }
div { margin:0px; padding:0px; }
h1, h2, h3, fieldset { margin: 0; padding: 0;	border-radius: 10px;	 }
a { text-decoration: none; }
table, tr, td{ margin:0px; padding:0px;	}
#support 		{ width:100%; margin-left:0px; }
	#supportTitre		{
		background-color: #1A1A1A; 
		height:35px; width:1024px;
	}	
			#supportTitre a#logo			{
				background:url('../img/nv01062011/Logo.png'); 
				background-repeat:no-repeat; 
				margin-top: 1px;
				height:30px; width:220px;
				float:left;			
			}
			
			#supportTitre a#favorie			{   
				background: url(../img/nv01062011/ongleFavories.png); 
				background-repeat:no-repeat;  
				margin-top: 3px; margin-left:20px;
				height: 30px; width: 30px;
				display: block;
				float:left;		
			}
		
			#supportTitre a#favorie:hover	{ 
				background: url(../img/nv01062011/ongleFavoriesHaut.png); 
				background-repeat:no-repeat;
			}
			
			
			#supportTitre a#accueil 		{ 
				background: url('../img/nv01062011/accueil.png'); 
				background-repeat:no-repeat; 
				color:#FFFFFF;		
				margin-top: 5px; margin-left: 20px;
				height: 30px; width: 100px;
				text-align:center;
				float:left;
			}
			#supportTitre a#accueil:hover	{ 
				background: url('../img/nv01062011/accueilBleu.png'); 
				background-repeat:no-repeat; color:#FFFFFF; 
			}
			
			#supportTitre a#abonnezVous	{ 
				background:url('../img/nv01062011/abonnezVous.png');
				background-repeat:no-repeat; 
				margin-top: 5px; margin-left: 20px;		
				width:125px; height:30px;
				text-align:center;		 
				color: #CC3366; 
				float:left;		
			}
			#supportTitre a#abonnezVous:hover	{ 
				text-transform:capitalize;
				font-weight:bolder;				
				/*
				opacity: 1.2;
				filter: alpha(opacity = 120);		 
				*/				
			}
		
			#supportTitre a#aide	{ 
				background:url("../img/new/accueil.png"); 
				background-repeat:no-repeat; 
				width:95px;	height:20px;
				margin-top: 5px; margin-left: 20px;		
				text-align:center;		 
				color: #FFFFFF; 
				float:left;		
			}
			#supportTitre a#aide:hover	{ 
				background: url('../img/nv01062011/accueilBleu.png'); 
				background-repeat:no-repeat; color:#FFFFFF; 
				font-weight:bolder;		
			}
			#supportTitre a#contacterNous { 
				background-image:url(../img/nv01062011/contacterNous.png); 
				width:125px; height:20px; 
				background-repeat:no-repeat;
				margin-top: 5px; margin-left: 20px;		
				text-align:center;		 
				color: #FFFFFF; 
				float:left;		
			}
			#supportTitre a#contacterNous:hover	{ 
				background: url('../img/nv01062011/contacterNousBleu.png'); 
				background-repeat:no-repeat; color:#FFFFFF; 
				font-weight:bolder;		
			}
			#supportTitre div#reseauSociaux {				
				margin-top: 5px; margin-left: 30px;						
				text-align:center;		 
				color: #FFFFFF; 
				float:right;			
			} 

/*------------------------------------------------------------------------------*/
			
			
			
			#rechercheExpress{
				background-color:#eaeaea;
				height:50px; width:1024px;
				text-align:left; font-size:10px; font-weight:bolder;
				border-bottom-color:#999999; border-bottom-style:solid; border-bottom-width:1px;
			}
					
				div#monde { position: relative; width:150px; height:48px; border-width:1px; border-color: #cacaca; border-style:solid; text-align:left; float:left;  }
				div#monde #monde_titre	> input		{ width:80px; margin-left:2px; margin-top:2px; font-weight:bolder; font-size:12px; text-align:center;  }
				div#monde_contenu		{ width:130px; height:30px; position: absolute; }
				div#monde_contenu ul 	{list-style:none;margin:2px;padding:0; font-size:12px; text-align:left; background-color: #0099FF;}		
				div#monde_contenu li 	{width:150px;margin:0;padding:0;text-align: left;}			
				div#monde_contenu li > a {display:block;padding:5px 10px;height:100%;color: #FFFFFF;text-decoration:none;border-right:1px solid #FFF; border-left:3px solid #CCC; }
				div#monde_contenu li > a:hover  { color:#003399; font-weight:bolder; border-left:3px solid #FF6600;  }
				div#monde_contenu li > a:active { color:#000000; font-weight:bolder;  }
					
					
					#conteneurRE{ width:410px; height:48px; border:1px solid #cacaca; text-align:center; float:left; }			
						.titreRE { width:450px; height:15px; margin-top:-15px;   }
						.QQ{ width:50px; float:left; text-align:left; }
							.radio { border:3px; width:1em;height:1em; color:#FF9900; }
						.input{ width:350px; height:48px; float:left; }
						#labelQuoi{ width:350px; text-align: left; font-weight:100; font-size:9px; }
						#labelQui { width:350px; text-align: left; font-weight:100; font-size:9px; }
						#labelQui{ display:none; }
					
			#geoCook { margin-left:5px; float:left; }
					
			span#AZ	{ margin:0px; padding:0px; float:right; width:400px; height:48px; border:1px solid #cacaca; }
			div#AZ #AZ_contenu	{ background-color: #FF6600; width:100%; height:35px; }
			div#AZ #AZ_titre > input { width:130px; height:35px; margin-top:0px; font-weight:bolder; font-size:16px; text-align:center;  }			
			.fontLeger{ text-align: center; font-weight:100; font-size:9px; }

			
				

	table#contenuMenu{ 
		width:1000px;
		height:550px;
	}
		#contenuMenu td#supportRegionTexte	{
			border-right:2px solid #eaeaea; width:120px;
		}																			
				#contenuMenu #supportRegionTexte #supportRegionCarte	{ 
					border:0;
					border-right: 0px;
					border-style: solid; 
					border-color: #CCCCCC;
					border-radius: 10px;
					height:100px;

				}	
					#region{ 
						height:auto;  					
					}
					img#cartedefrance{
						height:100px;						
					}															
	
		#porteRegion{ width:150px;  }
		#contenuAffiche{ margin:0px; padding:0px;  }

		#contenuMenu td#boxPub	{
			height:100%;
			width:140px; 			
			border-left: 3px solid #eeeeee;
			vertical-align: top;
		}	
		
		.divPub{
			text-align:center;			
		}
		
		#pub1, #pub2, #pub3, #pub4{
			height:120px; width:140px;
			float:right; 
			border-bottom-color: #CCCCCC;
			border-bottom-width:3px;
			border-bottom-style:solid;
			color:#000000;	
			
		}																		

		#pub1:hover, #pub2:hover, #pub3:hover, #pub4:hover{
			border-bottom-color:#999999;
			border-bottom-width:2px;
			border-bottom-style:solid;
			color:#999999;
		}
	.pubImg { float:left; margin-left:2px; margin-top:5px;  }
	.pubTexte{ font-family: "Times New Roman", Times, serif; font-size:10px; font-weight:bolder; margin-top:15px; margin-left:15px; }
	.space { width:10px; float:left; height:100px; }	


div#categorie	{ 
	position:relative; 
	width:100%; 
	margin-top:-2px; 
	height:35px; 
	border:2px solid #e0e0e0; 
	border-top-width:0px;	
	}
div#categorie #categorie_titre  { height:35px; width:100%; margin-left:-20px; color: #000000; overflow: hidden;  }

div#categorie #categorie_contenu  { height:450px; width:100%;  }

.contenuCategorie { width:100%;  text-align:left; float:left; background-color:#CCCCCC;  }
.titreCategorie { width:80px; font-size:11px; margin-top:18px; text-align:left; float:left; color:#999999;   }
.alignCategorie { text-align: left; }

div#AaZ	{ position:relative; }
div#AaZ #AaZ_contenu  { position:absolute;   }


.boxMonde{ width:250px; height:190px; color: #0099FF;	font-size:14px;		}
.boxMonde legend{ 	color: #0099FF;	font-size:14px;	}
.boxMonde legend:hover{ color: #6633CC;	cursor:pointer;	}



.boxMonde:hover{ color: #FFFFFF;	font-size:14px;		}


#footer{ height:15px; width:1010px; text-align:right; border:0px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:xx-small; }


div.up {
	display: block;
	background: url('../img/menu/up.png') 0 0 no-repeat;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	height: 32px;
	width: 32px;
	position: absolute;
	top: 2px;
	right: 0px;
}

div.down {
	display: block;
	background: url('../img/menu/down.png') 0 0 no-repeat;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	height: 32px;
	width: 32px;
	position: absolute;
	top: 2px;
	right: 0px; 
}

.marge10{
	width:2%;
	float:left;
}



/* Suivi de l'avancement */
.active { color: #FFF; text-shadow: 1px 1px 2px #333; }
.voir	{ display:block; }
.cacher { display: none; }

.actif { border: 1px solid #6094f4; background-color: #6fa1fb; margin: 1px; padding: 5px; display: block; color: #fff; width: 200px; text-align: center; float: left; }
.attente { border: 1px solid #6fa1fb; display: block; margin: 1px; padding: 5px; color: #7b8391; width: 200px; text-align: center; float: left; }
/* -------------- */
/* Boite de dialogue */

input#form_metier { width: 300px; }

#inscription_etape1  input[type="submit"],input.submit, #inscription_etape1 input[type="reset"],input.reset {
	-webkit-box-shadow: inset 0px 0px 0px #999;
	-moz-box-shadow: inset 0px 0px 0px #999;
	box-shadow: inset 0px 0px 0px #999;
	border: 0;
}

/*Chargement des mondes*/
	.metier{
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#eeeeee;
	}
	.spacer{clear:both;}
	.marge2 { height:2px; }	
	a.actionA {
		margin:0px; padding:0px;
		 float:left;		
		margin-top:5px; margin-left:1%;	
		color: #666666;			
	}
	
	a.actionA :hover{
		color: #000000;  			
	}
	a.actionA div{
		position:relative;
		background-image:url(../img/nv01062011/card/card.gif);
		background-repeat:no-repeat;
		height:145px;	width:230px;		
	}
	a.actionA div.gratuit{
		position:relative;
		background-image:url(../img/nv01062011/card/card75.gif);
		background-repeat:no-repeat;
		height:101px;	width:160px;		
	}

	div.carte .adresse{
	font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:bolder; 	
	position: absolute;	top:5px; width:99%; text-align: right; margin-left:-8px; 
	}

	div.carte .nom {
	font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:bolder; 	
	position: absolute;	top:17px; margin-left:8px; width:210px; text-align:left;
	}
	div.carte .logo {
	position: absolute;	left:5px; top:39px;
	}
	div.carte .texteAnnonce {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;	font-size:11px; font-weight:normal;
	top:41px; left:65px; width:160px;
	text-align:left;
	}
	div.carte .responsable {
	font-family: Arial, Helvetica, sans-serif; font-weight:bolder; font-size:10px;
	position: absolute;
	top:98px; width:100%; 	
	text-align: right; margin-left:-8px;	
	}
	div.carte .tel {
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	position:absolute;
	top:110px;	width:98%;		
	text-align: right;
	}

	.gratuit > .nom {
	font-family: Arial, Helvetica, sans-serif; font-size:9px; font-weight:bolder; position: absolute; top:10px; left:10px; width:98%; text-align:left;
	}
	.gratuit > .adresse{
	font-family: Arial, Helvetica, sans-serif; font-size:9px; position: absolute; top:35px; width:98%; text-align: center;
	}
	.gratuit > .cpVille{
	font-family: Arial, Helvetica, sans-serif; font-size:9px; position: absolute; top:55px; width:98%; text-align:right;
	}
	.gratuit > .abonnez-vous{
	font-family: "Chaparral Pro" ; font-size:12px; color:#0066FF; position: absolute; top:65px; left:10px; text-align: left;
	}
	.gratuit > .abonnez-vous:hover{
		color: #FF9933; 
	}

	.gratuit > .tel {
	font-family: Arial, Helvetica, sans-serif; font-size:10px;
	position:absolute;
	top:80px;	width:98%;		
	text-align: right;
	}


	.boxMondeEve{ position:relative; height:600px; width:180px; overflow:auto;		}
	.boxMondeEve > legend{	color: #0099FF;	font-size:14px; }
 	.boxMondeEve > legend:hover{ color: #6633CC;	cursor:pointer;	}
	#diapoEve { height:550px; overflow:auto; position:relative;  }
	
	
	.boxMondeEve > #diapoEve > div.evenement  { margin:0px; padding:0px; height:100px; width:160px; position:relative; }	
	.boxMondeEve > #diapoEve > div.evenement > a.actionEve { color: #666666; 	}
	.boxMondeEve > #diapoEve > div.evenement > a.actionEve:hover{	color: #000000; cursor:pointer;			}  

	.boxMondeEve > #diapoEve > div.evenement > a.actionEve > .adresse {
		font-family: "Times New Roman", Times, serif; font-weight:bolder; font-size:8px;
		position: absolute;	top:10px; width:100%; text-align: right;
	}	
	.boxMondeEve > #diapoEve > div.evenement > a.actionEve > .nom {
		font-family: "Times New Roman", Times, serif;  font-weight:bolder; font-size:9px;
		position: absolute;	top:23px; width:100%; text-align:left;
	}
	.boxMondeEve > #diapoEve > div.evenement > a.actionEve > .logo {
		position: absolute;	left:2px; top:35px;
	}
	.boxMondeEve > #diapoEve > div.evenement > a.actionEve > .texteAnnonce {		
		font-family: Arial, Helvetica, sans-serif;	font-size:9px; font-weight:normal;
		position:absolute; left:55px; top:35px; width:100px; text-align:left;
	}