*{
	margin : 0;
	padding : 0;
}

body{
	
	background-color : white; 
	font-family : Century,times New Roman,Verdana,Arial,Helvetica,sans-serif;
	font-size : 14px;
	padding-top : 20px;
	padding-bottom : 20px;
	color : #11255d;
}


#page{
	width : 100%;
}

		#baniere{
			width : 1000px;
			height : 240px;
			background : #fcfefe url(../images/baniere.jpg) no-repeat; 
		}
		
		#corps_entier{
			width : 1000px;
			height :650px;
			background : #ecf3f9 url(../images/fond_body.jpg) no-repeat scroll 0 0; 
			padding-top:42px;
		}
		
		#bas_corps_herbe{
			clear : both;
			width : 1000px;
			height : 136px;
			background : #ecf3f9 url(../images/bas_corps_herbe.png) no-repeat scroll 0 0; 
		}
		
			#colonne_gauche{
				width : 255px;
				vertical-align : top;
				font-weight : bold;
			}	
				
				#navigation{
					color : #FFFFFF;					
					width : 235px;
					padding : 35px 0px 0px 20px;
					cursor : default;
				}	
				
				.bouton_categorie_principale{
					width : 235px;
					height : 42px;
					background : transparent url(../images/bouton_categorie_principale.png) no-repeat scroll 0 0; 
				}
				
				.bouton_categorie_principale_actif{
					width : 235px;
					height : 42px;
					background : transparent url(../images/bouton_categorie_principale_actif.png) no-repeat scroll 0 0; 
				}	
				
					.texte_categorie_principale{
						width : 162px;
						height : 38px;
						padding : 4px 0px 0px 53px;
						font-size : 19px;
					}	
				
				.bouton_sous_categorie{
					width : 235px;
					height : 42px;
					background : transparent url(../images/bouton_sous_categorie.png) no-repeat scroll 0 0; 
				}	
				
				.bouton_sous_categorie_actif{
					width : 235px;
					height : 42px;
					background : transparent url(../images/bouton_sous_categorie_actif.png) no-repeat scroll 0 0; 
				}	
				
					.texte_sous_categorie{
						width : 182px;
						height : 38px;
						padding : 0px 0px 0px 53px;
						font-size : 18px;
					}	
					
			#colonne_centre{
				width : 745px;
				vertical-align : top;
			}		
				#contenu_centre{ 
					width : 745px;
				}		
									
					#contenu_titre{
						padding-left : 55px;
						width : 586px;
						height : 80px;
						background-color : white;
					}
				
						#titre{
							float : left;
							font-size : 24px;
							font-weight : bold;
							text-align : left;
							background : transparent url(../images/fond_titre.png) no-repeat ;
							padding : 40px 0 0 64px;
							width : 514px;
							height : 40px;
						}
				
					#droite_titre{
						width : 92px;
						height : 80px;
						background : transparent url(../images/droite_titre.png) no-repeat scroll 0 0;
					}
									
					#fond_contenu_centre{
						background-color : white;
						width : 721px;
					}
					
					.ombre_droite_contenu{
						width : 12px;
						background : transparent url(../images/ombre_droite_contenu.png) repeat-y scroll 0 0;
					}
					
					#bas_contenu{
						height : 85px;
						width : 733px;
						background : transparent url(../images/bas_contenu.png) no-repeat scroll 0 0;
					}
					

					.contenant_carousel_container {
						padding : 0px 60px 0px 60px;
						height : 280px;
						overflow : hidden;
						position : relative;
					}
					
						.carousel_container {
							position : absolute;
							top:-40px;
							left:60px;
}
						}
					
					a{
						color : #4B79EF;
					}
					a:link {
						color : #4B79EF;
					}
					a:visited {
						color : #4B79EF;
					}
					a:hover {
						color : #1348D2;
					}
					
					.droits{
						height : 18px;
						clear : both;
						text-align : center;
						color : #04344b;
					}
						
					a.lien_droit:link {
						text-decoration : none;
						color : #11255d;
					}
					a.lien_droit:visited {
						text-decoration : none;
						color : #11255d;
					}
					a.lien_droit:hover {
						text-decoration:underline;
						color : #2756AD;
					}
				
					.separateur_contenu{
						height : 40px;
						background-color:white;
						clear : both;
					}	
				
					#text{
						padding : 0px 40px 0px 55px;
						clear : both;
						text-align : left;
					}	

					
					
					
					
					
					
					
				
				.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 : #04344B url(../images/fond_bouton_menu.jpg) repeat-x;
						height : 30px;
						color : #f6fafc;
					}		
									
				
					.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;
					}
					
					.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.png) repeat-x scroll 0 0;
						height : 16px;
					}
									
					.bas_fond_contenu_centre{
						width : 626px;
						height : 62px;
					}
					

				
					#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;
					}
										
					div.photo_agrandissable {
						width : 200px;
						height : 200px ;
						float : left;
						padding : 0px 30px 0px 30px;
						cursor : pointer;
						text-align : center;
					}					
					
						td.photo_agrandissable {
							width : 200px;
							height : 200px ;
							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;
						}	
			
				
					#pied_corps_page{
					height : 15px;
					clear : both;
					background-color : #F6FAFC;
					}	
	
			#colonne_droite{
				width : 12px;
			}			
			
/*  LES BOXS  */
				
							
				.contenu_box_gauche{
					width : 171px;
				}	
							
				.contenu_box_droite{
					padding-bottom : 2px;
					width : 197px;
				}	
				
					.entete_box_gauche{
						background : transparent url(../images/entete_box_gauche.png) no-repeat ;
						height : 16px;
					}
				
					.entete_box_droite{
						background : transparent url(../images/entete_box_droite.png) no-repeat ;
						height : 16px;
					}					
		
					.titre_box_droite{
						height : 16px;
						background-color : #04344B;
						color : #F6FAFC;
						text-align : center;
						font-weight : bold;
						width : 188px;
						float : left;
						height : 17px;
						padding-bottom : 2px;
					}	
						
					.centre_corps_box_gauche_marge{
						background-color : #F6FAFC;
						border-left : 11px solid #04344B;
						border-right : 11px solid #04344B;
						border-top : 4px solid #04344B;
						width : 140px;
					}	
						
					.centre_corps_box_droite_marge{
						background-color : #F6FAFC;
						border-left : 9px solid #04344B;
						border-right : 9px solid #04344B;
						border-top : 4px solid #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.png) no-repeat;
						height : 24px;
					}		
					
					.bas_box_droite{
						background : transparent url(../images/bas_box_droite.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: #11255D; 
		font-size:8pt;
		border : 1px solid #11255D;
		padding : 0 5px 0 5px;
		cursor : pointer;
	}
								
	.petit_bouton:hover{
		background : #E9D0A7 url(../images/fond_bouton_survol.gif) repeat ;	
	}
					
												
	.bouton{
		background : #E9D0A7 url(../images/fond_bouton.gif) repeat ;
		color: #11255D; 
		font-size:11pt;
		border : 1px solid #11255D;
		padding : 0 5px 0 5px;
		cursor : pointer;
	}
						
	.bouton:hover{
		background : #E9D0A7 url(../images/fond_bouton_survol.gif) repeat ;	
	}
	
	
/* 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;
		font-size : 14px;
	}
				
		#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 : 11255D;
			background-color : #A6C6E5;
			text-align : center;
			padding : 5px 0 5px 0;
			font-weight : bold;
			font-size : 16px;
		}		
		
		.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 : 11255D;
			background-color : #A6C6E5;
			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;
		}