body{
	background-color:#020202;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	margin:0;
	padding:0;
	}

img{ border:0; }
a { outline:none;}
#global{
	width:937px;
	height:500px;
	margin:0 auto 0 auto;
	}
	
#versionMobile{
	width:205px;
	height:103px;
	position:absolute;
	z-index:9999;
	right:0;
	top:0;
	position:fixed;
	}
#versionMobile a{
	border:0;
	}
	/* ENTETE
	------------------------------------------------------------------*/

	#entete {
		width:937px;
		height:160px;
		margin:0 auto 0 auto;
		background-image:url(../images/header-fond.jpg);
		background-position:center;
		background-position:top;
		background-repeat:no-repeat;
		}
		#entete-menu-son{
			width:48px;/*244+156*/
			height:48px;/*23+137*/
			margin:110px 0 0 40px;
			text-align:right;
			float:left;
			font-size:17px;
			}
		#enteteMenuLeft{
			width:450px;/*244+156*/
			height:23px;/*23+137*/
			margin:137px 0 0 0px;
			text-align:right;
			float:left;
			font-size:17px;
			}
			#enteteMenuLeft ul{
				margin:0;
				padding:0;
				}
			#enteteMenuLeft li{
				list-style:none;
				display:inline;
				margin-right:10px; 
				padding-right:12px; 
				border-right: 1px solid #8a7d66;
				}
			#enteteMenuLeft li.last{
				border-right: 0px ;
				margin-right:0px; 
				padding-right:12px; 
				}
			#enteteMenuLeft li.select{
				color:#bdbe00
				}
			#enteteMenuLeft li a{
				color:#8a7d66;
				text-decoration:none;
				}
			#enteteMenuLeft a:hover{
				color:#bdbe00;
				text-decoration:none;
				}
		
		#enteteMenuRight{
			width:309px;
			height:26px;
			margin:125px 50px 0 0;
			text-align:left;
			float:right;
			font-size:18px;
			border:1px #bdbe00 solid;
			padding:0;
			}
			#enteteMenuRight .liste{
				float:left;
				height:21px;
				width:99px;
				color:#bdbe00;
				margin:0  0 0 0;
				padding:2px 2px 3px  2px;
				text-align:center;
				}
			#enteteMenuRight .liste a{
				text-decoration:none;
				color:#8a7d66;
				}
			#enteteMenuRight .liste a:hover{
				text-decoration:none;
				color:#FFFFFF;
				}
			#enteteMenuRight .liste:hover a{
				text-decoration:none;
				color:#FFFFFF;
				}
			#enteteMenuRight .listeSelect{
				float:left;
				height:21px;
				width:99px;
				background-color:#bdbe00;
				margin:0  0 0 0;
				color:#FFF;
				padding:2px 2px 3px  2px;
				text-align:center;
				}

	#bandeau{
		width:937px;
		height:420px;
		float:left;
		}
		#bandeauImage{
			width:910px;
			height:420px;
			float:left;
			}
			#bandeauVideo{
				width:910px;
				height:405px;
				float:left;
				background-image:url(../images/fond-video.jpg);
				background-repeat:no-repeat;}
		#bandeauOnglet{
			width:27px;
			height:360px;/*420*/
			float:left;
			margin:40px 0 0 0;
			}
		#bandeauOngletClients{
			width:27px;
			height:360px;/*420*/
			float:right;
			margin:40px 0 0 0;
			}
	#bandeauSeparation{
		width:937px;
		height:70px;
		float:left;
		background-image:url(../images/footer-fond.jpg);
		}
		
		
	/* INDEX CONTENU
	------------------------------------------------------------------*/
		#indexLeft{
			width:530px;
			margin:0 0 0 40px;
			float:left;
			}
			#indexLeft .accueil{
				width:530px;
				float:left;
				}
			#indexLeft .accueiltitre{ 
				cursor: hand;
				cursor: pointer;
				}
			#indexLeft .accueiltitre2{ 
				cursor: hand;
				cursor: pointer;
				}
			#indexLeft .separation{
				width:530px;/*570-40*/
				height:1px;
				float:left;
				margin:10px 0 40px 0;
				border-bottom: #534a48 1px solid;
				}
			
			
			
		#indexRight{
			width:260px;
			height:590px;
			float:left;
			margin: 0 0 0 40px;
			text-align:right;
			}
			
		.right-accueil-titre{
			color:#a89476;
			font-size:24px;
			margin-bottom:15px;
			height:30px;
			width:260px;
			}
		#indexRight ul.equipe{
			color:#6c5b42;
			font-size:14px;
			margin:0;
			padding:0;
			}
		#indexRight li.presentationtitre{
			list-style:none;
			}
		#indexRight li.presentationtitre:hover{
			color:#bdbe01;
			font-weight:bold;
			text-decoration:none;
			}
		#indexRight .presentationtitre{ 
			cursor: hand;
			cursor: pointer;
			}
		#indexRight .presentation{
			margin:20px 0 0 0 ;
			height:360px;
			float:left;
			width:260px;
			font-size:13px;
			color:#a89476;
			}
			#indexRight .presentation img{
				margin: 0 0 20px 0;
				clear:both;
				}
			#indexRight .presentation-nom{
				font-size:15px;
				}
			#indexRight .presentation-fonction{
				font-size:11px;
				font-style:italic;
				margin:0 0 10px 0;
				}
			#indexRight .presentation a{
				color:#6c5b42;
				text-decoration:none;
				font-size:15px;
				}
			#indexRight .presentation a:hover{
				color:#bdbe01;
				text-decoration:none;
				font-size:15px;
				}


			#indexSolution{
				width:887px;/*937-50*/
				height:120px;
				margin:30px auto 0 auto;
				padding:0 0 0 50px;
				float:left;
				}
			
			#indexSolution ul.solution{
				color:#6c5b42;
				text-align:left;
				font-size:11px;
				font-weight:bold;
				margin:0 0 15px 0;
				padding:0;
				width:200px;
				float:left;
				}
			#indexSolution li.solutiondetails{
				color:#6c5b42;
				font-size:11px;
				font-weight:100;
				list-style:none;
				}
	
	
	/* SERVICE
	------------------------------------------------------------*/
	#bandeauImageMenu{
		width:910px;/*910-120*/
		height:263px;/*420-157*/
		background-image: url(../images/image-services.jpg);
		background-repeat:no-repeat;
		padding:157px 0 0 0;
		float:left;
		}
		#bandeauImageMenu ul{
			margin:80px 0 12px 120px;
			padding:0;
			font-size:20px;
			color:#FFF;
			}
		#bandeauImageMenu li{
			list-style:none;
			font-size:20px;
			color:#bdbe01;
			line-height:37px
			}
		#bandeauImageMenu li a{
			text-decoration:none;
			color:#bdbe01;
			}
		#bandeauImageMenu li a:hover{
			text-decoration:none;
			color:#bdbe01;
			}
			

	/* SERVICES CONTENU
	------------------------------------------------------------------*/
		#serviceLeft{
			width:575px;
			height:420px;
			margin:0 0 0 20px;
			float:left;
			}
			
	.separation-services{
		width:520px;/*570-40*/
		height:1px;
		float:left;
		margin:40px 0 10px 0;
		border-bottom: #534a48 1px solid;
		}
			
		#serviceRight{
			width:280px;
			height:390px;
			float:left;
			margin: 0 0 0 35px;
			text-align:right;
			}

		#serviceRight ul{
			margin:0;
			padding:0;
			font-size:24px;
			color:#a89476;
			margin-bottom:10px;
			}
		#serviceRight li{
			list-style:none;
			color:#6c5b42;
			font-size:14px;
			}
		#serviceRight li.first{
			list-style:none;
			color:#6c5b42;
			font-size:14px;
			margin-top:8px;
			}
		#serviceRight li a,#right-services li.first a{
			color:#6c5b42;
			text-decoration:none;
			}
		#serviceRight li a:hover{
			color:#bdbe01;
			font-weight:bold;
			text-decoration:none;
			}

	/* CONTACT
	------------------------------------------------------------*/
	#bandeauImageContact{
		width:910px;/*910-120*/
		height:420px;/*420-157*/
		background-image: url(../images/image-contact.jpg);
		background-repeat:no-repeat;
		padding:0 0 0 0px;
		float:left;
		}
		#contact-adresse{
			width:910px;
			height:50px;
			font-size:16px;
			text-align:center;
			color:#d0cf11;
			float:left;}
		#contact-formulaire{
			width:430px;
			height:250px;
			font-size:12px;
			float:left;
			color:#59581d;
			padding:50px 0 0 450px;
			}
		
		#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
			margin: 0;
			padding: 0;
			clear:both;
			}
		#corpForm fieldset {	/*** Mise en forme des cadres ***/
			margin: 0;
			padding: 0;	
			border: none;
			}
		
		#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
			/*padding-right: 50px;*/
			margin: 0;
			font-size:12px;
			width:430px;/*705*/
			margin-bottom: 6px;
			}
		
		#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
			width: 100px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
			text-align: right;	/*** ... et ils sont alignés à droite... ***/
			margin: 0;
			padding-bottom: 3px;
			border:0px;
			line-height: 1.5;
			clear:both;
			float:left;
			color:#fff;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:15px;
			font-style:italic;
			}
		
		#corpForm fieldset#commentaires {	/*** Mise en forme des intitulés de champs ***/
			text-align: center;	/*** ... et ils sont alignés à droite... ***/
			margin: 5;
			padding: 5;
			}
		#corpForm label:hover {
			cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
			}
		
		#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
			background: #d0cf11;
			border:0px;
			color:#77732c;
			border:#9d983a solid 1px;
			font-size:14px;
			font-family:Georgia, "Times New Roman", Times, serif;
			}
		#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
			background: #dbdb12;
			color:#77732c;
			border:0px;
			border:#9d983a solid 1px;
			font-size:14px;
			font-family:Georgia, "Times New Roman", Times, serif;
			}
		.formbutton {
			background:#d0cf11;
			border:0;
			cursor:pointer;
			color: #77732c;
			margin-left:103px;
			margin-top:5px;
			font-size:12px;
			font-family:Georgia, "Times New Roman", Times, serif;
			}


	/* BOOK SERVICE
	------------------------------------------------------------*/
	#enteteSousMenuBookClient{
		width:910px;
		height:46px;
		margin:0 27px 0 0;
		background-image:url(../images/fond-menu-BookClient.jpg);
		background-repeat:no-repeat;
		float:left;
		}
	#enteteSousMenuBookNo{
		width:910px;
		height:46px;
		margin:0 27px 0 0;
		background-image:url(../images/fond-menu-Bookno.png);
		background-repeat:no-repeat;
		float:left;
		}
	#enteteSousMenuBookService{
		width:910px;
		height:46px;
		margin:0 27px 0 0;
		background-image:url(../images/fond-menu-BookService.jpg);
		background-repeat:no-repeat;
		float:left;
		}
        .lavaLampWithImage {
            position: relative;
            height: 46px;
            width: 910px;
			margin:0 0 0 0px;
            overflow: hidden;
			float:right;
      	  	}
                .lavaLampWithImage li {
                    float:right;
                    list-style: none;
					font-size:13px;
					margin:0 20px 0 0;
              		}
                    .lavaLampWithImage li.back {
                        background: url("../images/fleche.png") no-repeat center top;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("../images/fleche.png") no-repeat center top;
                            height:46px;
                            margin-right: 5; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        text-decoration: none;
                        color: #8a7d66;
                        outline: none;
                        text-align: center;
                        top: 0px;
                        letter-spacing: 0;
						font-size:13px;
                        z-index: 10;
						top:7px;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 5;
                   		 }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li.current a {
                            border: none;
							color:#bdbe00;
                        }
	/* BOOK
	------------------------------------------------------------*/

	#bandeauImageBook{
		width:910px;/*910-120*/
		height:405px;/*420-157*/
		padding:0 0 0 0px;
		float:left;
		position:relative;
		}
	#bandeauBook{
		width:937px;
		height:405px;
		float:left;
		}
	#bandeauBookClients{
		width:937px;
		float:left;
		text-align:left;
		}
	#bandeauBookClients img{
		margin:0 0 5px 0;
		}
		#bandeauBookClients .legende {
			width:910px;
			height:35px;
			border-top:1px dotted #8a7d66;
			color:#8a7d66;
			font-style:italic;
			font-size:14px;
			margin:5px 0 20px 0 ;
			padding:10px 0 0 0 ;
			}

	#navigation{
		width:910px;
		height:40px;
		background-color:#666;
		float:left;
		}
		
		#navigationPrecNo,#navigationSuivantNo {
			width:200px;/*435*/
			height:22px;/*35*/
			float:left;
}
		
		
		#navigationPuces{
			width:510px;
			height:22px;
			padding:10px 0 0 0;
			text-align:center;
			float:left;
			}
		#navigationPuces img{
			margin:0 5px 0 0;
			}
		#navigationPrec{
			width:180px;/*200*/
			height:22px;/*35*/
			padding:13px 0 0 20px;
			font-size:13px;
			color:#8a7d66;
			text-align:left;
			float:left;
			background-image:url(../images/nav-prec.png);
			background-repeat:no-repeat;
			}
		#navigationSuivant{
			width:180px;/*200*/
			height:22px;/*35*/
			padding:13px 20px 0 0;
			font-size:13px;
			color:#8a7d66;
			text-align:right;
			float:left;
			background-image:url(../images/nav-suivant.png);
			background-repeat:no-repeat;
			background-position:right;
			}
		#navigationSuivant a, #navigationPrec a{
			color:#8a7d66;
			text-decoration:none;
			}
		#navigationSuivant a:hover, #navigationPrec a:hover{
			color:#bdbe00;
			text-decoration:none;
			}
			
			
			
	/* FOOTER
	------------------------------------------------------------*/
	
			#footer{
			width:900px;
			height:80px;
			margin:10px auto 10px auto;
			padding:0;
			color:#83735b;
			font-size:13px;
			float:left;
			text-align:center;
			}
			#footer a {
				color:#83735b;
				text-decoration:none;
				}
			#footer a:hover {
				color:#bdbe00;
				text-decoration:none;
				}