/********************************************/
/*   										*/		
/*		Gestion du menu de navigation		*/		
/*											*/
/********************************************/

#menu {
	border : 1px solid #CCCCCC;
	padding :5px;
	width : 98%;
	margin-right: auto;
	margin-left: auto; 
	margin-bottom : 20px;
}

.menu_precedent
{
	text-decoration : none;
	color : green;
	font-family: arial;
	font-size: 11px;
	text-align : center;
}
	
.menu_en_cour
{
	text-decoration : none;
	color : red;
	font-family: arial;
	font-size: 11px;
	text-align : center;
}

.menu_inactif
{
	text-decoration : none;
	color : #BFBFBF;
	font-family: arial;
	font-size: 11px;
	text-align : center;
}

#tab_menu td{
	text-align: center;
}

/********************************************/
/*   										*/		
/*		Formulaire sur index.php			*/		
/*											*/
/********************************************/

label.error {
	padding : 5px;
	height : auto; width : 219px; 
	border: 1px solid #c24949;
	background: #ffbcbc;
	font-family: arial;
	font-size: 11px;
	margin-right : auto;
	margin-left : 15px;
}
#nom.error,#prenom.error,#adresse_1.error,#code_postal.error,#ville.error,#telephone.error,#email.error,#mdp.error,#mdp_2.error,#site_web.error{
	border: 1px solid #c24949;
	background: #ffbcbc;
}

#formulaire {
	height : auto;
	width : 700px;
	padding : 10px;
}

.inscription { 
	border : 1px solid #CCCCCC;
	padding :15px;
	width : auto;
	text-align : center;
}


/********************************************/
/*   										*/		
/*		Commun à toute les pages			*/		
/*											*/
/********************************************/
.texte {
	font-family: Arial;
	font-size: 11px;
	color: #356AA0;
 	font-weight: bold;
 	text-align : center;
}
.texte2 {
	font-family: Arial;
	font-size: 12px;
	color: black;
 	font-weight: bold;
 	text-align : center;
}
.alerte {
 	text-align : center;
 	border: 1px solid #c24949;
	background: #ffbcbc;
	font-family: arial;
	font-size: 11px;
	padding : 5px;
	margin : 5px;
}
input{
	
	font-family: arial;
	font-size: 12px;
	color: #000;
	border : 1px solid #cfcfcf;
}
/********************************************/
/*   										*/		
/*		Menu de droite liste.ville.php		*/		
/*											*/
/********************************************/
#corp {
	font-family: Arial;
	font-size: 12px;	 
	padding : 15px;
}
#liste_villes{
	margin-left : 40px;
	width : 320px;
	height : auto;		
	float : left;
}	
.liste_villes_selec{
	border : 1px solid #CCCCCC;
	width : 320px;
	height : auto;
	padding : 15px;
	margin-top : 0px;
}
.ville{
	font-family: Arial;
	font-size: 12px;
	color: #000;
}	
.prix_total {
	border : 1px solid #CCCCCC;
	height : auto;
	padding : 15px;
	width : 320px;
}		
.erreur {
	border : 1px solid #CCCCCC; 
	width : 320px;
	height : auto;
	padding : 15px;		
}		

/********************************************/
/*   										*/		
/*		Menu de gauche liste.ville.php		*/		
/*											*/
/********************************************/

#recherche_ville_pays {
	width : 300px;
	height : auto;
	float : left;
}	
.recherche_ville {
	border : 1px solid #CCCCCC;	
	width : auto;	
	padding : 15px;
	font-family: arial;
	font-size: 12px;
}

.suggestionsBox {
	position: absolute;
	margin-left : 220px;
	margin-top : 10px;
	width: 200px;
	background-color: #212427;
	border: 2px solid #000;		
	color: #fff;
	}	
.suggestionList {	
	font-family: arial;
	font-size: 12px;
	}
.suggestionList li {		
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;		
	}	
.suggestionList li:hover {
	background-color: #659CD8;
	}	
		
.selec_picto {
	border : 1px solid #CCCCCC;
	padding : 15px;
	width : 300px;
	font-family: arial;
	font-size: 12px;
}

h3{
	border : 1px solid #7D7D7D;
	color : white;
	background-color :#999999;
	text-align : center;
	font-family: arial;
	font-size: 14px;
	padding : 5px;		
}
h4{
	border : 1px solid #EFEFEF;
	color : #EFEFEF;
	background-color :#5C6AA0;
	text-align : center;
	font-family: arial;
	font-size: 14px;
	padding : 5px;	
	margin-left : 150px;
	margin-right : 150px; 
}

/********************************************/
/*   										*/		
/*				Module.php					*/		
/*											*/
/********************************************/
#palette { 
	border : 1px solid #CCCCCC;
	font-family: Arial;
	padding :15px;
	width : 330;
	float : left;
}
#module_meteo { 
	width : 290px;
	padding :15px;
	height : 500px;
	float : left;
	border : 1px solid #CCCCCC;
	margin-left : 5px;
}
.explication_module{
	margin-top : 10px;
	float : left;
	height : auto;
	width : auto;
}

.apercu_module{
	margin-top : 10px;
	margin-left : 5px;
	float : left;
	height : auto;
	width : auto;
}


.palette td{	
	font-family: Arial;
	font-size: 12px;
	color: #000;
}
.palette td a{	
	font-family: Arial;
	font-size: 12px;
	color: black;
}	
.palette input{	
	font-family: Arial;
	font-size: 12px;
	color: #000;
	border : 1px solid #CFCFCF;
	padding-left : 5px;
}
table#tabmodule th{
	border : 1px solid #cfcfcf;
	background-color :#DCDCDC;
	text-align : center;
	font-family: arial;
	font-size: 11px;
	color : black;
	padding : 5px;
	width : auto;
}
table#tabmodule td{
	border : 1px solid #cfcfcf;
	background-color :#EFEFEF;
	font-family: arial;
	font-size: 12px;
	color : black;
	width : auto; 
}


#editer_client{
	border : 1px solid #D3D3D3;		
	padding : 10px;
	font-family: arial;
	font-size: 12px;
	width : 300px;
	height:auto;
	float : left;
}	

#editer_client2{
	border : 1px solid #D3D3D3;		
	padding : 15px;
	font-family: arial;
	font-size: 12px;
	margin-left : auto;
	margin-right : auto;
	width : 300px;
	height:auto;
	margin-bottom : 20px;
	margin-left : 53%;
}	

#liste_villes_selec{
	border : 1px solid #D3D3D3;		
	width : 300px;
	height : auto;
	padding : 15px;
	font-family: arial;
	font-size: 12px;
	margin-left : 53%;
}
#liste_dpt{
	border : 1px solid #D3D3D3;		
	width : auto;
	height : auto;	
	margin-top : 170px;
	text-align : center;
	padding : 15px;
	font-family: arial;
	font-size: 12px;
}