/***** Corps *****/
 
html, body{
	border: 0;
	margin: 0;
	padding: 0;
}
 
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	background: #fff url(../img/background.png) repeat-x;
	background-color:#FFFFFF;
}

/***** Taille du site *****/
 
#wrap{	
	/*width: 970px;*/
}

 /***** Basiques *****/

h1, h2, h3, h4{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font : 10px;
}
 
h1{
	margin-left: 49px;
	font:Verdana;
	
}
 
h2{
	font:Verdana;
	font-style:normal;
	color:#000000;
	font-size:10px;
	font-weight: bold;
}

h3{
	font:Verdana;
	font-style:normal;
	
	color:#FFFF00;
	font-size:10px;
	font-weight: bold;
} 

h4{
	font:Verdana;
	font-style:normal;
	color:#FFFFFF;
	font-size:10px;
	font-weight: bold;
} 
h5{
font:Verdana;
	font-style:normal;
	color:#000000
	
	font-size:12px;
	font-weight: bold;
}


p, ul, ol{
	margin: 0;
	padding: 0;
}
 
ul, ol{
	list-style: none;
}
 
blockquote{
	margin: 22px 40px;
	padding: 0;
}
 
small{
	font-size: 0.85em;
}
 
img{
	border: 0;
}
 
sup{
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}
 
sub{
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}
 
acronym, abbr{
	cursor: help;
	letter-spacing: 1px;
	border-bottom: 1px dashed;
}



/***** Tables *****/
 
table{
	border-collapse:collapse;
	border: 0;
	margin: 0 0 18px 0;
	padding: 0;
}
 
td{
	padding: 0;
}
/***** Squelette *****/
#header{
	height: 168px;
	position: relative;
	}


#menu{
	position: absolute;
	z-index: 5;
	top: 0;
	left: 235px;
	font-size:10px;
	}

		#menu div {
		display:block;
		text-decoration: none;
		float: left;
		width: 104px;
		height: 138px;
		margin-right: 4px;
		padding-left: 4px;
		font-weight: bold;	
		}

		#menu a{
			text-decoration: none;
			color: #fff;
			width:140px;			
		}
		
		#menu1, #menu1on{
			text-decoration: none;	
			width:137px;
			height: 112px;
			margin-right: 4px;
			padding-left: 4px;
			font-weight: bold;	
			}
	
		#menu1{
			background: url(/img/menu-bleu-fonce-off.png) no-repeat bottom;
	
		}
		#menu1on{
			background: url(/img/menu-bleu-fonce-on.png) no-repeat bottom;
		}
			
		#menu11{
			text-decoration: none;
			color:#999;
			width:137px;
			height: 112px;
			background: url(/img/menu-bleu-fonce-off.png) no-repeat bottom;
			margin-right: 4px;
			padding-left: 4px;
			font-weight: bold;	
		}
	
		/*
		#menu1:hover{	
			background: url(/img/menu-bleu-fonce-on.png) no-repeat bottom;
			
		}	*/

		#menu2, #menu2on{
			text-decoration: none;
			color: #fff;	
			width:137px;
			height: 112px;
			margin-right: 4px;
			padding-left: 4px;
			font-weight: bold;	
		}	
		
		#menu2{
			background: url(/img/menu-rose-off.png) no-repeat bottom;
		}	
		
		#menu2on{
			background: url(/img/menu-rose-on.png) no-repeat bottom ;
		}
		#menu2:hover{
			background: url(/img/menu-rose-on.png) no-repeat bottom ;	
		}
		
		#menu3, #menu3on{
			text-decoration: none;
			color: #fff;	
			width:137px;
			height: 112px;
			margin-right: 4px;
			padding-left: 4px;
			font-weight: bold;	
		}
		#menu3{	
			background: url(/img/menu-vert-off.png) no-repeat bottom;
		}
		#menu3on{
			background: url(/img/menu-vert-on.png) no-repeat bottom ;
			
		}
		#menu3:hover{
			background: url(/img/menu-vert-on.png) no-repeat bottom ;
			
		}
		
		
		#menu4, #menu4on{
			text-decoration: none;
			color: #fff;	
			width:137px;
			height: 112px;
			margin-right: 4px;
			padding-left: 4px;
			font-weight: bold;	
		}
		#menu4{
			background: url(/img/menu-jaune-off.png) no-repeat bottom;
		}
		#menu4on{
			background: url(/img/menu-jaune-on.png) no-repeat bottom;
		
		}
		#menu4:hover{
			background: url(/img/menu-jaune-on.png) no-repeat bottom;
		
		}
		
		#menu5, #menu5on{
			text-decoration: none;
			color: #fff;	
			width:137px;
			height: 112px;
			margin-right: 4px;
			padding-left: 4px;
			font-weight: bold;	
		}
		#menu5{
	
			background: url(/img/menu-vert-clair-off.png) no-repeat bottom;
		
		}
		#menu5on{
			background: url(/img/menu-vert-clair-on.png) no-repeat bottom;
		
		}
		#menu5:hover{
			background: url(/img/menu-vert-clair-on.png) no-repeat bottom;
		
		}
		
		#menu6{
			text-decoration: none;
			color: #fff;	
			width:137px;
			height: 112px;
			margin-right: 4px;
			padding-left: 4px;
			font-weight: bold;
			background: url(/img/menu-bleu-off.png) no-repeat bottom;	
		}
				

		#menu6:hover{
			background: url(/img/menu-bleu-on.png) no-repeat bottom ;
	
			}
		
ul.themes{
	list-style:none;
	margin:0;
	padding:0;
}

ul.themes li{
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
}
#logo{
	background:url(../img/bandeau-accueil.png) no-repeat;
	margin-top:8px;	
	height:160px;	
	}

#recherche{

	position: absolute;
	z-index: 3;
	left:0;
	bottom: 0;
	width: 484px;
	height: 60px;
	background: url(../img/bandeau-recherche.png) no-repeat left bottom;

	}
	#search{
	font-size: 11px;
	font-weight:bold;
	/*margin-bottom:386px;*/
	padding-top:34px;
	}
 #accueil{
	position:relative;
	padding-top:15px;
	padding-left:30px;
	text-align:left;
	margin:0;

	 }
	 
	  #accueil a{
		  display: block;
		  color:#ffffff;
		  font-weight:bold; 
		  background:url(../img/btn-home.png) no-repeat;
		  padding-left: 16px;
		  text-decoration: none; 
	
	 }
	

	
#bandeaubleu{

	height:5px;
	background:url(../img/bandeau-bleu.png) repeat-x;

}

#colonneLeft{
		width: 450px;
		background:#FB8F00;
		vertical-align:top;
	}
	
	#motCle{
	
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:5px;
	margin-bottom:15px;

	
	}
		select {
		width:170px;
		
	}

option {
	width:300px;
}


#conteneur{
padding-top:10px;
}

#menuPopup{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
		/*margin-top:50px;*/
		
		}

	#menuPopup a{
		display:block;
		text-decoration: none;
		color: #fff;
		padding: 20px 0 10px 55px;
		width:140px;
		
		}
			
			
			#popup3 a{
			background: url(../img/btn-mode-emploi-on.png) no-repeat left center;
			margin-left:5px;
			}
			
			#popup3 a:hover,#popup1 a:focus{
			background: url(../img/btn-mode-emploi.png)  no-repeat left center ;
			/*margin-left:5px;*/
			font-weight: bold;
			}
			
			#popup4 a{
			background: url(../img/btn-remarques-on.png) no-repeat left center; 
			/*margin-left:5px;*/
			}
			
			#popup4 a:hover,#popup1 a:focus{
			background: url(../img/btn-remarques.png)  no-repeat left center ;
			/*margin-left:5px;*/
			font-weight: bold;
			}
			
			#popup5 a{
			background: url(../img/btn-contact-on.png) no-repeat left center;
			/*margin-left:5px;*/
			}
			
			#popup5 a:hover,#popup1 a:focus{
			background: url(../img/btn-contact.png)  no-repeat left center ;
			/*margin-left:5px;*/
			font-weight: bold;
			}
	a.info1 {
  position:relative;
  text-decoration: none; 
  font-weight: bold;
}
a:hover.info1 {
  text-decoration: none;
  background: none;
}
a.info1 span {display: none;}
a:hover.info1 span {
  display: inline;
  position: absolute; 
  /*top:2px;*/
  left:50px;
  z-index: 10;
  background:#fd9100;
  /*background: #446D87;*/
  color: #fff;
  border:0px solid #000;
  /*width:150px;*/
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  /*line-height:12px;*/
  padding:2px 4px;
}
	

	a.info {
  position:relative;
  text-decoration: none; 
  font-weight: bold;
}
a:hover.info {
  text-decoration: none;
  background: none;
}
a.info span {display: none;}
a:hover.info span {
  display: inline;
  position: absolute; 
  top:5px;
  left:0px;
 
  /*z-index: 3;*/
  /*background:#fd9100;*/
  /*background: #446D87;*/
  color: #fff;
  border:0px solid #000;
  width:auto;
  text-align:left;
  font-weight:normal;
  font-size: 10px;
  /*line-height:12px;*/
  padding-left:5px;
  padding-top:40px;

}
	
		#menuPop{
		margin-top:10px;
		
		}

	#menuPop a{
		display:block;
		text-decoration: none;
		color: #fff;
		padding: 0px 0 0 65px;
		/*width:140px;*/
		height:42px;
		
		}
		
			
			#pop3 a{
			background: url(../img/btn-mode-emploi-bleu-off.png) no-repeat left center;
			
			}
			
			#pop3 a:hover,#pop1 a:focus{
			background: url(../img/btn-mode-emploi-bleu-on.png)  no-repeat left center ;
			/*margin-left:5px;*/
			font-weight: bold;
			}
			
			#pop4 a{
			background: url(../img/btn-remarques-bleu-off.png) no-repeat left center; 
			
			}
			
			#pop4 a:hover,#pop1 a:focus{
			background: url(../img/btn-remarques-bleu-on.png)  no-repeat left center ;
		
			font-weight: bold;
			}
			
			#pop5 a{
			background: url(../img/btn-contact-bleu-off.png) no-repeat left center;
			
			}
			
			#pop5 a:hover,#pop1 a:focus{
			background: url(../img/btn-contact-bleu-on.png)  no-repeat left center ;
			
			font-weight: bold;
			}
	


	 
#colonneRight{
	width: 100%;
	padding-bottom:300px;
	padding-left:20px;
	font-size:12px;

	
	
	}

	
	
	
	
	#colonneR{
	padding-left:5px;
	/*width: 100%;*/
	background:url(../img/bandeau.png) no-repeat;
}
#contenu{
margin-bottom:60px;

}

#right{
background:url(../img/ressources.png) no-repeat;
height:177px;
width:308px;

}
#liste{
margin-left:50px;
list-style-position:outside;
width:240px;
}
#left{
background:url(../img/guide-social.png) no-repeat;
height:177px;
width:308px;

}
#listeg{
margin-left:50px;
list-style-position:outside;
width:240px;


}

hr.themes{
	height:1px;
	color:#FFFFFF;
	border-top:#FFFFFF 1px solid;
	border-left:0;
	border-right:0;
	border-bottom:0;
	padding:0;
	margin:4px 0 4px 0;
	width:75px;
}

ul.menuTheme{
	list-style:none;
	margin:5px 0 0 13px;
	padding:0;
}

ul.menuTheme li{
	padding:0;
	/*color:#FFFFFF;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-image:url('/images_menu/puce-menu-theme.gif');
	font-size:10px;
	font-weight:lighter;
}



ul.menuGauche{
	list-style:none;
	margin:0;
	padding:0;
}

ul.menuGauche li{
	padding:0;
	margin:0;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url('/images_menu/menu_ferme_grand.gif') repeat-y;
	min-height:50px; /*IE6*/
	font-size:12px;
	font-weight:lighter;
	border-top:1px solid #eafcff;
	vertical-align:middle;	
}


ul.sousMenuGauche{
	list-style:none;
	margin:0;
	padding:0;
	background:#3c9bf3;
}

ul.sousMenuGauche li{
	padding:1px 5px 1px 0;
	margin-left:30px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-image:url('/images_menu/puce_ronde.gif');	
	min-height:15px; /*IE6*/
	font-size:10px;
	font-weight:lighter;
	border:0px;
	background:#3c9bf3;
}

ul.sousMenuGauche li a{
	color:#000000;
	text-decoration:none;
	font-size:10px;
}

ul.sousMenuGauche li a:hover{
	color:#ffffff;
	text-decoration:none;
}
#bandeaupoint{
padding-top:0;
background:url(../img/bandeau-point.png) repeat-x;
height:9px;
}

#pointille{
margin-bottom:1px;
padding-top:0;
background:url(../img/pointille.png) repeat-x;
height:10px;
}

#tableau
{
display:block;


}

#cadrebleu{

color:#FFFFFF;
font-size:12px;

}

#cadreblanc{
vertical-align:top;
padding-top:0px;
color:#000000;
font-size:12px;
}
	
		 		

	
	
#conteneur{
width:100%;



}

#colonneg{

	margin-left:100px;
	padding-left:100px;
		width: 350px;
		background:#029ce4;
		font-size:14px;
		
		
	}
	
	
#authent{
	
background:url(../img/identification.png) no-repeat;
height:163px;	
}
	
#position{

padding-top:35px;

}


#colonned{


width: 100%;
background:#029ce4;
padding-left:0px;
}

#fondbleu{

background:url(../img/bandeau-bleu-logo.png) no-repeat left top;
height:323px;


}
	
#logom{

height:118px;
width:251px;
margin-left:230px;
padding-top:50px;


}


#colonneL{
	width: 100px;
	background:#029CE4;
}

/***** Global Classes *****/
 
.clear{ clear: both;}
 
.float-left{ float: left; }
.float-right{ float: right; }
 
.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-center{ text-align: center; }
.text-justify{ text-align: justify; }
 
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.underline{ border-bottom: 1px solid; }
.highlight{ background: #ffc; }
 
.img-left{ float: left; margin: 4px 10px 4px 0; }
.img-right{ float: right; margin: 4px 0 4px 10px; }
 
.nopadding{ padding: 0;}
.noindent{ margin-left: 0; padding-left: 0; }
.nobullet{ list-style: none; list-style-image: none; }