*{
	margin : 0;
	padding : 0;
}

body{
	
	/*background : #cfe0f4; /*e5f3f6 url(../images/fond_body.jpg) repeat-x scroll 0 0;*/
	font-family : times New Roman,Verdana,Arial,Helvetica,sans-serif;
	font-size : 14px;
	padding-top : 20px;
	padding-bottom : 20px;
	background-color : #1d2c57;
	/*color : #04344B;*/
	/*background : transparent url(../images/vagues.jpg) repeat;*/
	/*background : transparent url(../images/fond_yo.jpg) ;*/
}


#page{
	width : 100%;
}

		#baniere{
			width : 980px;
			height : 134px;
			/*margin-left : 10%;*/
			background : transparent url(../images/baniere30.jpg) no-repeat; 
		}
		
		#info_connexion{
			width : 980px;
			height : 25px;
			padding : 5px 0px 5px 0px;
		}
			
			#gauche_barre_connexion{
				width : 17px;		
				background : transparent url(../images/gauche_barre_connexion.png)  no-repeat; 
				float : left;
				height : 25px;
			}
			
			#centre_barre_connexion{
				width : 946px;
				text-align : right;		
				background : transparent url(../images/centre_barre_connexion.png) repeat-x; 
				float : left;
				height : 25px;
			}
								
				a.deconnexion:link {
					font-size : 14px;
					text-decoration : none;
					color : #04344B;
					padding-right : 194px;
				}
				a.deconnexion:visited {
					font-size : 14px;
					text-decoration : none;
					color : #04344B;
					padding-right : 194px;
				}			
				a.deconnexion:hover {
					font-size : 14px;
					text-decoration : none;
					color : #D74600;
					padding-right : 194px;
				}
			
			#droite_barre_connexion{
				width : 17px;	
				background : transparent url(../images/droite_barre_connexion.png)  no-repeat; 
				float : left;
				height : 25px;
			}
		
		#separation_baniere{
			width : 980px;
			text-align : left;		
			height : 16px;
		}
	
		#corps_entier{
			margin-left : 1px;
			width : 980px;
		}
			#colonne_gauche{
				width : 171px;
				vertical-align : top;
				font-weight : bold;
				/*background-color:#145BD9;*/
			}	
				
				.fond_navigation{
					background-color : #04344B;
					color : #FFFFFF;					
					width : 162px;
					float : left;
				}	
				
				.image_navigation{
					border-left : 11px solid #04344B;
					border-right : 11px solid #04344B;
				}	
				
					#animation{
						margin : auto;
					}		
							
					div.div_menu{
						clear : both;
						cursor : pointer;
						margin-left : 5px;
						padding : 5px 0 2px 10px;
						margin : 0px auto 0px auto;
						width : 130px;
						font-weight : bold;				
						background : #D2E0F6 url(../images/fond_bouton_menu_bleu3.jpg) repeat-x;   /*#04344B url(../images/fond_bouton_menu.jpg) repeat-x;*/
						height : 30px;
						color : #1d2c57;/*#f6fafc;*/
					}		
									
			#colonne_centre{
				width : 612px;
				vertical-align : top;
			}		
				#contenu_centre{
					width : 607px;
					margin : 14px 5px 0px 5px;
				}		
				
					.bord_gauche_titre{
						background : #F6FAFC url(../images/coin_rond_haut_bleu.jpg) no-repeat scroll 0 0;
						width : 30px;
						height : 14px;
					}
				
					.bord_haut_titre{
						background : transparent url(../images/haut_rond.png) repeat-x scroll 0 0;
						width : 596px;
					}
				
					.bord_centre_gauche_titre{
						background : transparent url(../images/gauche_rond.png) repeat-y scroll 0 0;
						width : 30px;
					}
				
					#titre{
						float : left;
						font-size : 24px;
						font-weight : bold;
						text-align : left;
						background : #F6FAFC none repeat scroll 0 0;
						padding-bottom : 6px;
					}
					
					.fond_titre{
						background : #F6FAFC none repeat scroll 0 0
					}
					
					.bord_gauche_sous_titre{
						background : transparent url(../images/bulle01.png) no-repeat scroll 0 0;
						width : 30px;
						height : 16px;
					}
					
					.bord_sous_titre{
						background : transparent url(../images/barre_sous_titre_bleu.png) repeat-x scroll 0 0;
						height : 16px;
					}
									
					.fond_contenu_centre{
						background-color : #F6FAFC;
						width : 626px;
						border-left : 2px solid #D1E8EF;
					}
									
					.bas_fond_contenu_centre{
						width : 626px;
						height : 62px;
					}

				
					#text{
						padding : 0px 20px 0px 20px;
						clear : both;
						text-align : left;
					}	
					
					.separateur_contenu{
						height : 40px;
						clear : both;
					}	

				
					#grande_photo{
						width : 300px;
						clear : both;
						text-align : center;
						padding : 0px 0 10px 0 ;
						margin : auto;
					}

				
								
					#bandeau_vignettes{
						clear : both;
						height : 100%;
						margin : auto;
					}		
				
								
					#vignettes{
						margin : auto;
					}
					
					div.vignette {
						width : 64px;
						height : 64px ;
						float : left;
						padding : 0px 7px 0px 7px;
						cursor : pointer;
						text-align : center;
					}					
					
						td.vignette {
							width : 64px;
							height : 64px ;
							vertical-align : middle ;
						}
			
					#bandeau_photos_agrandissables{
						clear : both;
						height : 100%;
						margin : auto;
					}		
				
								
					#photos_agrandissables{
						margin : auto;
					}
					
					
					.separateur_2_photos_agrandissables{
						width : 120px;
						float : left;
					}	
					
					div.photo_agrandissable {
						width : 135px;
						height : 135px ;
						float : left;
						padding : 0px 30px 0px 30px;
						cursor : pointer;
						text-align : center;
					}					
					
						td.photo_agrandissable {
							width : 135px;
							height : 135px ;
							vertical-align : middle ;
						}			
					
							.image_loupe {
								position : relative;
							}			
						
								.loupe{
									position : absolute;
									font-size : 12px;
									color : #5D6F73;
								}
			
					#bandeau_photos_presentation{
						clear : both;
						height : 100%;
						margin : auto;
					}	
			
			
					.ligne_presentation{
						clear : both;
						margin : auto;
						width : 570px;
					}

				
					.separateur_ligne_presentation{
						height : 35px;
						width : 624px;
						clear : both;
					}	
			
						.photo_presentation{
							float : left;
							margin : auto;
							width : 135px;
							cursor : pointer;
						}
				
						.texte_presentation{
							float : left;
							margin : auto;
							width : 145px;
							padding : 5px 0px 0px 5px;
							text-align : left;
						}	
			
				
						
					.droits{
						height : 18px;
						clear : both;
						text-align : center;
						color : #d2e0f6; /*#04344b;*/
					}
						
					a.lien_droit:link {
						font-size : 14px;
						text-decoration : none;
						color : #d2e0f6; /*#04344b;*/
					}
					a.lien_droit:visited {
						font-size : 14px;
						text-decoration : none;
						color : #d2e0f6; /*#04344b;*/
					}
					a.lien_droit:hover {
						font-size : 14px;
						text-decoration : none;
						color : #D74600;
					}
				
					#pied_corps_page{
					height : 15px;
					clear : both;
					background-color : #F6FAFC;
					}	
	
			#colonne_droite{
				width : 197px;
				vertical-align : top;
				/*background-color:#145BD9;*/
			}			
			
/*  LES BOXS  */
				
							
				.contenu_box_gauche{
					width : 171px;
					/*margin-left : 2%;*/
				}	
							
				.contenu_box_droite{
					padding-bottom : 2px;
					width : 197px;
					/*margin-left : 2%;*/
				}	
				
					.entete_box_gauche{
						background : transparent url(../images/entete_box_gauche_bleu2.png) no-repeat ;
						height : 16px;
					}
				
					.entete_box_droite{
						background : transparent url(../images/entete_box_droite_bleu2.png) no-repeat ;
						height : 16px;
					}					
		
					.titre_box_droite{
						height : 16px;
						background-color : #d2e0f6; /*#1d2b58;#04344B;*/
						color : #000000;/*#F6FAFC;*/
						text-align : center;
						font-weight : bold;
						width : 188px;
						float : left;
						height : 17px;
						padding-bottom : 2px;
					}	
						
					.centre_corps_box_gauche_marge{
						background-color : #d2e0f6; /*#1d2c57; #F6FAFC;*/
						border-left : 11px solid #d2e0f6; /*#1d2c57; /*#04344B;*/
						border-right : 11px solid #d2e0f6; /*#1d2c57; /*#04344B;*/
						border-top : 4px solid #d2e0f6; /*#1d2c57; /*#04344B;*/
						width : 140px;
					}	
						
					.centre_corps_box_droite_marge{
						background-color : #d2e0f6;/*#F6FAFC;*/
						border-left : 9px solid #d2e0f6; /*#04344B;*/
						border-right : 9px solid #d2e0f6; /*#04344B;*/
						border-top : 4px solid #d2e0f6; /*#04344B;*/
						padding : 4px 5px 6px 5px;
						width : 160px;
					}	
					
					.centre_corps_box_droite_sans_marge{
						float : left;
					}	
					
					.centre_image{
						text-align : center;
						margin-top : 2px;
					}		
					
					.gif_anime{
						width : 188px;
						height : 110px;
					}		
					
					.bas_box_gauche{
						background : transparent url(../images/bas_box_gauche_bleu2.png) no-repeat;
						height : 24px;
					}		
					
					.bas_box_droite{
						background : transparent url(../images/bas_box_droite_bleu2.png) no-repeat;
						height : 24px;
					}	
					
					.ombre_droite_box{
						background : transparent url(../images/ombre_droite_box.png) repeat-y;
						width : 9px;
					}		
					
					.ombre_entete_centre{
						background : transparent url(../images/ombre_entete_centre.png) no-repeat;
						width : 9px;
						height : 14px;
					}		
					
					.ombre_bas_centre_gauche{
						background : transparent url(../images/ombre_bas_centre_gauche.png) no-repeat;
						height : 9px;
						width : 14px;
					}		
					
					.ombre_bas_centre_milieu{
						background : transparent url(../images/ombre_bas_centre_milieu.png) repeat-x;
						height : 9px;
					}		
					
					.ombre_bas_centre_droite{
						background : transparent url(../images/ombre_bas_centre_droite.png) no-repeat;
						height : 9px;
						width : 9px;
					}		
					
					.div_menu_box{
						clear : both;
						cursor : pointer;
						padding : 0px 0px 0px 15px; 
						margin : 5px 0px 0px 18px;
						width : 104px;
						position : relative;
						font-weight : bold;
						text-align : left;			
						background : #04344B url(../images/fond_bouton_menu_box.png) repeat-x;
					} 
				
				.separateur_box{
					height : 16px;
				}	


/*  LES  INPUT */

	.conteneur_txt{
		color : #04344B;
		background-color : #E4F1F6;
		border-color : -moz-use-text-color;
		border-style : ridge none none ridge;
		border-width : thin;
		height : 18px;
	}
	
	.conteneur_txtarea{
		overflow-y : auto;
		color : #04344B;
		background-color : #E4F1F6;
		border-color : -moz-use-text-color;
		border-style : ridge none none ridge;
		border-width : thin;
	}
				
	.conteneur_select{
		color : #04344B;
		background-color : #E4F1F6;
		border-color : -moz-use-text-color;
		border-style : ridge none none ridge;
		border-width : thin;
		height : 20px;
	} 
												
	.petit_bouton{
		background : #E9D0A7 url(../images/fond_bouton.gif) repeat ;
		color : #F6FAFC; 
		font-size : 8pt;
		border : 0;
		padding : 0 5px 0 5px;
	}
						
	.petit_bouton:hover{
		background : #E9D0A7 url(../images/fond_bouton_survol.gif) repeat ;	
		color : #FFFFFF; 			
	}
												
	.bouton{
		background : #E9D0A7 url(../images/fond_bouton.gif) repeat ;
		color : #F6FAFC; 
		font-size : 11pt;
		border : 0;
		padding : 0 5px 0 5px;
	}
						
	.bouton:hover{
		background : #E9D0A7 url(../images/fond_bouton_survol.gif) repeat ;	
		color : #FFFFFF; 			
	}
	
	
/* PAGE MON_COMPTE.PHP  et AFFICHE_STAT_CLIENTS.PHP  */

					
	#se_connecter{
		width : 120px;
		text-align : center;
		margin : auto;
		font-size : 18px;
		padding-bottom : 5px;
	}	

	#saisie_connexion{
		margin : auto;
		width : 300px;
		height:110px;
	}	

	#titre_log{
		width : 90px;
		float : left;
		text-align : left;
		padding : 5px;
	}	

	#contenu_log{
		width : 180px;
		float : left;
		text-align : left;
		padding-left : 20px;
		padding : 5px;
	}	
	
	#contenu_bouton_ok{
		padding:10px 38px 0 0;
		text-align:right;
	}	
				
	#titre_corps_stat{
		font-size : 20px;
		font-weight : bold;
		text-align : center;
	}
				
	#utilisateur_connecte{
		padding-left : 30px;
		text-align : left;
		color : #5D6F73;
	}
				
	#lien_admin_site{
		padding-top : 20px;
		color : #FF5522;
	}
					
		#lien_admin{
			width : 50%;
			float : left;
			text-align : center;
		}
					
		#lien_site{
			width : 50%;
			float : left;
			text-align : center;			
		}
						
			a.lien_mon_comte:link {
				color : #04344B;
				font-weight : bold;
			}
			a.lien_mon_comte:visited {
				color : #04344B;
				font-weight : bold;
			}
			a.lien_mon_comte:hover {
				color : #D74600;
				font-weight : bold;
			}
				
	#contenu_stats{
		padding-top : 20px;
		clear : both;
		text-align : center;
	}
		
		
/* FORMUALIRES*/

#formulaire{
	padding : 10px 0px 20px 0px;
}
				
	#corps_formulaire{
		width : 502px;
		margin : auto;
		border : 1px solid #04344B;
		background-color : #F6FAFC;
		text-align : left;
	}
				
		#mess_email_ok{
			text-align : center;
			margin : 0px 200px 20px 200px;
			padding : 5px 0px 5px 0px;
			background-color : #5A9926;
			color : white;
			font-size : 16px;
			font-weight : bold;
			width : 222px;
			border : 1px solid #008000;
		}
				
		#mess_email_echec{
			text-align : center;
			margin : 0px 130px 20px 130px;
			padding : 5px 0px 5px 0px;
			background-color : #FFC0CB;
			color : white;
			font-size : 16px;
			font-weight : bold;
			width : 362px;
			border : 1px solid red;
		}
				
		#demande_devis{
			margin : auto;
			text-align : left;
			width : 502px;
			font-size : 14px;
			font-weight : bold;
		}
				
		#choix_demande_devis{
			margin : auto;
			text-align : left;
			width : 502px;
			font-size : 14px;
			padding-top : 10px;
		}
				
		#message_entete{
			width : 100%;
			margin : auto;
			color : white;
			background-color : #04344B;
			text-align : center;
			padding : 5px 0 5px 0;
			font-weight : bold;
		}		
		
		.ligne{
			width : 100%;
			padding : 5px 0px 0px 5px;
			clear : both;
			overflow : auto;
		}
		
		.titre_groupe_champs{
			width : 488px;
			padding : 5px 0px 0px 5px;
			font-weight : bold
		}
				
		.titre_ligne{
			width : 440px;
			padding : 10px 0 0 20px;
		}
				
		.titre_champ{
			width : 140px;
			float : left;
			padding : 10px 0 0 20px;
		}
				
		.bouton_radio{
			width : 420px;
			clear : both;
			padding : 0px 0 0 40px;
		}	
		
		.champ_saisie{
			width : 330px;
			float : left;
			padding : 10px 0 0 10px;
		}
		
		#ligne_checkbox{
			width : 100%;
			padding : 10px 0px 0px 25px;
			clear : both;
		}
		
		.champ_checkbox{
			width : 20px;
			float : left;
		}
		
		.titre_checkbox{
			width : 146px;
			float : left;
		}
		
		#ligne_bas{
			width : 100%;
			margin-top : 1.5em;
			color : white;
			background-color : #04344B;
			text-align : center;
			padding : 5px 0 5px 0;
			font-weight : bold;
			clear : both;
			height : 3em;
		}
		
		#info_champs{
			width : 200px;
			float : left;
			text-align : left;
			padding-top : 8px;
		}
		
		.champs_bouton{
			width : 150px;
			float : left;
			margin-top : 0.9em;
		}