



body
		{
		
		/*background : #ececec;*/
		/*background : #f1f1f1;*/
		background : #4b5259;
		width:100%;
		position:absolute;
		margin:0px 0px 0px 10px;
		padding:0px 10px 0px 10px;
	
		
		}
		
		
/* style du menu gauche */



	div.vertica
			{
			display:inline-block;
		  Vertical-Align:Middle;			
		  float:left;
			position:fixed;
			margin:55px 0px 0px 0px;			
			width: 150px;
			}

#navigation2 {
		
		  padding: 5px 5px 5px 0px;
			list-style-type:none;
			/*background: #cccccc;*/
			background: #9ec0e6;
			color: #b1b1b1;
			
			font: 14px ;
			font-weight:bold;
			font-family: Tahoma,Georgia,Times New Roman, arial, verdana;
			}

		#navigation2 a, #navigation2 span {
			display: block;
			padding: 4px 10px;
			color: #000;
			text-decoration: none;
			}
		#navigation2 .open a, #navigation2 .open span {
			background-image: url(im/menu-item-enroule_t.png);
			}
		#navigation2 a:hover, #navigation2 a:focus, #navigation2 a:active {
						color: #ffcc00;
			}
		
		
			 #navigation2 h1
			 {
			 	font-size: .9em;
			}
			 
	
    #navigation2 .subMenu2 {
			/*background: #999999;*/
			background: #cfe0f3;
			font-size: .9em;
			/*margin: 0;*/
			list-style-type:none;
			padding: 0;
			border-bottom: 1px solid #666;
			}
		#navigation2 ul.subMenu2 a {
			display:inline-block;
			background: none;
			padding: 3px 20px;
			}

		#navigation2 li p
		 {
		 	display:inline-block;
			color: #6e6e6e;
		 }


			


/* style de la 1ere page  */
			
			
			.intro
			{			
			background: #666;
			margin:0px 0px 0px 160px;
			padding:20px 0px 10px 10px;
			width:790px;
			height:430px;
			overflow:auto;
			}			
			
			.intro p
			{
			color: #fff;
			font-family: Tahoma, Times New Roman, arial, verdana;
			font-weight:bold;
			}
			
			.intro1
			{			
			background: #cfe0f3;
			color:#000;
			margin:50px 0px 0px 160px;
			padding:5px 10px 5px 10px;
			width:780px;
			
			/margin:0px 0px 10px 160px;
			/padding:5px 0px 0px 10px;
			/width:790px;
			
			height:155px;
			/*overflow:auto;*/
			}
						
			.intro1 p:first-letter 
			{
			font-family: Tahoma, Times New Roman, arial, verdana;
	    font-weight: bold;
	    font-size: 35px;
		  color: #fff;
		  text-align: justify;
			}
			.intro1 p
			{
   		text-indent: 30px;
   		font-size: 90%;
   
			font-family:Tahoma, Times New Roman, arial, verdana;
	    font-weight: bold;
	    color: #000;
		  text-align: justify;
			}

								

/* descriptif galerie */

.descriptif
			{			
			background: #cccccc;
			color:#000;
			margin:5px 0px 0px 160px;
			padding:0px 10px 5px 10px;
			width:780px;
			
			/margin:0px 0px 10px 160px;
			/padding:5px 0px 0px 10px;
			/width:790px;
			
			height:100px;
			overflow:auto;
			}


	.descriptif p:first-letter 
			{
			font-family: Tahoma,Times New Roman, arial, verdana;
	    font-weight: bold;
	    font-size: 35px;
		  color: #ff0000;
		  text-align: justify;
			}
			
			
	.descriptif p
			{
   text-indent: 30px;
   
			font-family: Tahoma,Times New Roman, arial, verdana;
	    font-weight: bold;
	    color: #000;
		  text-align: justify;
			}


/* titre-galerie */


		.titregalerie	 h1 a
		{
			font-size:100%;
		} 
		
		.titregalerie  P:first-letter 
			{
			font-family: Tahoma, Times New Roman, arial, verdana;
	    font-weight: bold;
	    font-size: 250%;
		  color: #ff0000;
		  text-align: justify;
			}
		

			.titregalerie	 p
			{
      text-indent: 30px;
   		font-family: Tahoma, Times New Roman, arial, verdana;
	    font-weight: bold;
	    font-size: 100%;
	    color: #000;
		  text-align: justify;
			}
			
			.titregalerie	 h1 
		{
			font-size:100%;
		} 
		
		/* mention legal ********************/


			
				

		#mention
			{
      
      margin: 80px 50px;
      text-indent: 30px;
      
   		font-family: Tahoma, Times New Roman, arial, verdana;
	    /*font-weight: bold;*/
	    font-size: 100%;
	    color: #000;
		  text-align: justify;
			}
			
			
		

/* style lien index */

			.galindex
			{
			font-family: Tahoma,Times New Roman, arial, verdana;
			color: #000;
			width:800px;
			/*background: #99cccc;*/
			background: #9ec0e6;
			margin: 5px 0px 0px 160px;
			padding: 0px 0px 0px 0px;
			border-top: 2px solid #071933;
			border-bottom: 1px solid #071933;
				
			/margin: 10px 0px 5px 160px;
			/padding: 5px 0px 0px 0px;
			
			overflow:auto;
			}
						
			.galindex a
			{
			text-decoration: none;
			color: #000;
			position:center;
			}
			
			.galindex a:hover, .galindex a:focus, .galindex a:active
			{
				
			/text-decoration: none;
			color: #ff0000;
			}
			
			
			
			
			.galindex p
			{
				color: #444444;
			font-family: Tahoma, Times New Roman, arial, verdana;
			
			font-weight:bold;
			}
			
			.galindex table
			{
			 border=0;
			 cellspacing=5;
			 cellpadding=0;
			 height=50;			
			}
			
			
			.galindex td, a
			{
			font-size: 100% ;
		  }
		  
		  .galindex h2
			{
			font-size: 100% ;
		  }
		  
		  
		  
		  /* style lien index client */

			.galindexclient
			{
			font-family: Tahoma,Times New Roman, arial, verdana;
			color: #000;
			width:800px;
			background: #9ec0e6;
			margin: 5px 0px 0px 160px;
			padding: 0px 0px 0px 0px;
			border-top: 2px solid #071933;
			border-bottom: 1px solid #071933;
				
			/margin: 10px 0px 5px 160px;
			/padding: 5px 0px 0px 0px;
			
			overflow:auto;
			}
						
			.galindexclient a
			{
				text-decoration: none;
			color: #000;
			position:center;
			}
			
			.galindexclient a:hover, .navbot a:focus
			{
			/text-decoration: none;
			color: #000;
			}
			
			.galindexclient p
			{
				color: #444444;
			font-family: Tahoma,Times New Roman, arial, verdana;
			
			font-weight:bold;
			}
			
			.galindexclient td
			{
			text-align:center;
			vertical-align:top;
		  }
		
		
			.galindexclient td, a
			{
			font-size: 100% ;
		  }
			
			.galindexclient table
			{
			border=0;
			cellspacing=55px;
			cellpadding=0px;
			/*height=50px;*/
			width:800px;
		  }


			
/* style du contenu principale */
			
			
			
			.index
			{
			background: #fff;
			margin-top:50px;
			margin-left:170px;
			padding:5px 20% 5px 150px;
			width:50%;
			height: auto;
			overflow:auto;
			}
			
			.index a
			{
			color: #000;
			}
			
			
			.contenu
			{
			background: #fff;
			margin-top:100px;
			margin-left:170px;
			padding:5px 20% 5px 150px;
			width:50%;
			height: 450px;
			overflow:auto;
			}
			
			.contenu2
			{
			background: #fff;
			margin:60px 0px 300px 160px;
			padding:5px 0px 5px 0px;
			width:800px;
			/*height: 50%;*/
			height: 75px;
			overflow:auto;
			}
			
		
			
			.contenu3
			{			
			background: #363636;
			margin:60px 0px 0px 180px;
			padding:50px 0px 10px 150px;
			width:50%;
			height:430px;
						
			}	
			
			.textintro
			{
			clear :left;
			text-align: center;
			color:#fff;
			font: 144px ;
			font-weight:bold;
			}
			
			.contenu a
			{
			color: #000;
			}
			
/* style du galerie  */
			
			
			.gal
			{			
			background: #071933;
			margin:0px 0px 0px 160px;
			padding:20px 0px 10px 20px;
			/padding:10px 0px 10px 20px;
			width:780px;
			/height:430px;
			overflow:auto;
			border :3px solid #133360;
			}			
			
			.gal table
			{
			border=0;
			cellspacing=15;
			cellpadding=0;
			height="90%";
		  }
			.gal p
			{
			color: #fff;
			font-family: Tahoma, Times New Roman, arial, verdana;
			font-weight:bold;
			}
			
			

/* style du galerie client   */
			
			
			.client
			{			
			background: #cccccc;
			margin:5px 0px 0px 160px;
			padding:70px 0px 10px 20px;
			/padding:0px 0px 10px 20px;
			width:780px;
			/height:500px;
			overflow:auto;
			}			
			
			
			.client a
			{
				text-decoration:none;	
				color : #000000 ;
			}
			
			.client td
			{
				vertical-align : top;
			}
			
			.client p
			{
			color: #000	;
			font-family: Tahoma, Times New Roman, arial, verdana;
			font-weight:bold;
			
			}
			
			.client h2
			{
			color: #000	;
			font-family: Tahoma,Times New Roman, arial, verdana;
			}
			
			 
/* style du contact   */
			
			
			.contact
			{
					
			background: #040404;
			margin:120px 0px 0px 160px;
			padding:10px 0px 10px 10px;
			width:790px;
			:/*height:690px;*/
			overflow:auto;
			}			
			
			
			.contact form
			{
				text-decoration:none;	
				color : #cc0000 ;
				font-size: 20px;
			}
			
			.contact a
			{
				text-decoration:none;	
				color : #cc0000 ;
				font-size: 20px;
			}
			
			.contact td
			{
				vertical-align : top;
			}
			
			.contact p
			{
			color: #fff	;
			font-family: Tahoma, Times New Roman, arial, verdana;
			font-weight:bold;
			
			}
			
			.contact h2
			{
			color: #fff	;
			font-family: Tahoma, Times New Roman, arial, verdana;
			}			
			
			.contactdeco
			{
			float: clear;		
			background: #333;
			margin:-250px 0px 0px 730px;
			padding:0px 0px 0px 0px;
			width:300px;
			height:300px;
			overflow:auto;
			}			
			
/* style formulaire   */


			
			.formulaire
			{
					
			background: #040404;
			margin:20px 0px 0px 160px;
			padding:10px 0px 10px 50px;
			width:750px;
			/*height:800px;*/
			overflow:auto;
			}			
			
			
			.formulaire a
			{
				text-decoration:none;	
				color : #cc0000 ;
				font-size: 20px;
			}
			
			.formulaire td
			{
				vertical-align : top;
			}
			
			.formulaire p
			{
			color: #fff	;
			font-family: Tahoma, Times New Roman, arial, verdana;
			font-weight:bold;
			
			}
			
			.contact h2
			{
			color: #fff	;
			font-family: Tahoma, Times New Roman, arial, verdana;
			}			

			
/* style du haut de page */

			.top1
			{	
			position:fixed;
			/*background: #666;*/
			background: #9ec0e6;
			margin:0px 0px 0px 160px;
			padding:0px 0px 0px 0px;
			width:800px;
			height: 50px;
			/height: 10px;
						}

			
			.top2
			{
				
			float:left;
			font-size: 40px;
			text-decoration : none;
			margin:0px 0px 0px 10px;
			padding:0px 0px 0px 0px;
			width:250px;
			height: 50px;
				}
			
			.top2 a
			{
				color: #fff;
				text-decoration : none;
			}
			.top2 a:hover, .top2 a:focus, .top2 a:active {
						color: #ffcc00;
			}		
				
			
			.top3
			{	
			
			float:left;
			color: #fff;
			font-size: 20px;
			text-decoration : none;
			margin:0px 0px 0px 10px;
			padding:20px 0px 0px 0px;
			width:300px;
			height: 50px;
						}
			
			.top4
			{	
			
			float:left;
			color: #fff;
			font-size: 20px;
			text-decoration : none;
			margin:0px 0px 0px 10px;
			padding:20px 0px 0px 0px;
			width:150px;
			height: 50px;
						}
			.top4 a
			{
				color: #fff;
				text-decoration : none;
			}
					
			.top4 a:hover, .top4 a:focus, .top4 a:active {
						color: #ffcc00;
			}			
			
			
			
			/*---------*/
			
/* style du bas de page */

			.down1
			{	
			/*position:fixed;*/
			background: #cfe0f3;
			margin:2px 0px 0px 160px;
			padding:0px 0px 0px 0px;
			width:800px;
			height: 50px;
			/height: 10px;
						}

			
			.down2
			{
				
			float:left;
			font-size: 40px;
			text-decoration : none;
			margin:0px 0px 0px 10px;
			padding:0px 0px 0px 0px;
			width:250px;
			height: 50px;
				}
			
			.down2 a
			{
				color: #fff;
				text-decoration : none;
			}
			.down2 a:hover, .top2 a:focus, .top2 a:active {
						color: #ffcc00;
			}		
				
			
			.down3
			{	
			
			float:left;
			color: #fff;
			font-size: 20px;
			text-decoration : none;
			margin:0px 0px 0px 10px;
			padding:20px 0px 0px 0px;
			width:300px;
			height: 50px;
						}
			
			.down4
			{	
			
			float:left;
			color: #fff;
			font-size: 20px;
			text-decoration : none;
			margin:0px 0px 0px 10px;
			padding:20px 0px 0px 0px;
			width:150px;
			height: 50px;
						}
			.down4 a
			{
				color: #fff;
				text-decoration : none;
			}
					
			.down4 a:hover, .down4 a:focus, .down4 a:active {
						color: #ffcc00;
			}			
			
			
			
			/*---------*/
			
			#arbre 
		{
	    font-size: 12px;
	  	position:fixed;
			color:#666;
			background: #fff;
			margin:50px 0px 0px 160px;
			padding:0px 0px 10px 0px;
			width:800px;
			
			/margin:0px 0px 0px 160px;
			/padding:0px 0px 5px 0px;
			/width:795px;
			
			height: 10px;
		}
		
		#arbre a
			{
				color: #666;
				text-decoration : none;
			}
			
			#arbre a:hover, #arbre a:focus, #arbre a:active {
						color: #ffcc00;
					}


#arbre img { margin: 0 3px 0 5px }
#arbre img.first_puce { margin-left: 0 }



		
			
/* style du video */			
		

			.video
			{
				padding: 0px 0px 0px 50px;
			}

			
/* style du bas de page */

			.navbot
			{
			font-family: Tahoma, Times New Roman, arial, verdana;
			color: #fff;
			width:800px;
			/height: 170px;
			background: #cccccc;
			
			margin: 15px 0px 5px 160px;
			padding: 60px 0px 0px 0px;
			/padding: 0px 0px 0px 0px;
			overflow:auto;
			}
			
			.navbot	 h2 
		{
			font-size:100%;
		} 
			
			.navbot a
			{
			color: #000;
			text-decoration:none;
			}
			
			.navbot a:hover, .navbot a:focus
			{
			color: #000;
			text-decoration:none;
			}
			
			.navbot p
			{
			color: #071933
			;
			font-family: Tahoma, Times New Roman, arial, verdana;
			font-weight:bold;
			}
			
			.navbot td 
			{
				text-align:center;
			}
			
			.navbot td p
			{
				text-align:center;
			}
			.navbot table
			{
			 border=0;
			 cellspacing=15;
			 cellpadding=0;
			 height="90%";
			}
		
			.droit
			{
			float: left;
			font: 8px ;
			color: #fff;
			font-family: Tahoma, Times New Roman, arial, verdana;
			margin: 15px 0px 15px 5px;
			padding: 120px 0px 0px 0px;		
			}
	
						
