body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	scrollbar-face-color: #DEDEDE;
	scrollbar-shadow-color: #DEDEDE;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #DEDEDE;
	scrollbar-darkshadow-color: #DEDEDE;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #676562;
	background-image: url(images/fond.gif);
	background-repeat: repeat-x;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #686868;
	font-style:italic;
	font-weight: normal;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
		text-decoration: underligne;
}
a:active {
	text-decoration: none;
}

.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}


div#celulle_haut{
	width:100%;
	z-index: 1;
	background-color: #ffffff;
	float: left;
}

		div#menu_haut2{
			position: absolute;
			width: 340px;
			height: 220px;
			top: 0px;
			left: 50%;
			margin-top: 176px;
			margin-left: 128px;
			z-index: 15;
			overflow: hidden;
		}

		div#web_agency{
			position: absolute;
			width: 382px;
			height: 195px;
			top: 0px;
			left: 50%;
			margin-top: 178px;
			margin-left: -482px;
			z-index: 20;
			overflow: hidden;
		}


		div#menu_haut{
			position: absolute;
			width: 380px;
			height: 30px;
			top: 0px;
			left: 50%;
			margin-top: 103px;
			margin-left: 83px;
			z-index: 21;
			overflow: hidden;
		}
		
		div#logo{
			position: absolute;
			width: 183px;
			height: 57px;
			top: 0px;
			left: 50%;
			margin-top: 66px;
			margin-left: -482px;
			z-index: 22;
			overflow: hidden;
		}

		div#bandeau{
			position: relative;
			width: 2000px;
			height: 250px;
			top: 0px;
			left: 50%;
			margin-top: 150px;
			margin-left: -1000px;
			z-index: 2;
			overflow: hidden;
		}
		
		div#affichage{
			position: relative;
			width: 1000px;
			height: auto;
			top: 0px;
			left: 50%;
			margin-top: 40px;
			margin-left: -500px;
			z-index: 10;
		}
		
				div#colonne1{
					position: relative;
					width: 482px;
					height: auto;
					margin: 0 0 0 15px;
					z-index: 30;
					overflow: hidden;
					float:left;
				}
				
					div#texte1{
						position: relative;
						width: 381px;
						height: auto;
						margin: 0 0 0 0;
						z-index: 31;
						overflow: hidden;
						float:left;
					}
					
					div#titre1_1{
						position: relative;
						width: 381px;
						height: auto;
						margin: 50px 0 0 0;
						z-index: 32;
						overflow: hidden;
						float:left;
					}
					
					div#illust_ipad{
						position: relative;
						width: 480px;
						height:auto;
						margin: 40px 0 0 0;
						z-index: 33;
						overflow: hidden;
						float:left;
					}
					
					div#texte2{
						position: relative;
						width: 480px;
						height: auto;
						margin: 40px 0 0 0;
						z-index: 34;
						overflow: hidden;
						float:left;
					}
				
				div#colonne2{
					position: relative;
					width: 491px;
					height: auto;
					margin: 0 0 0 -10px;
					z-index: 40;
					overflow: hidden;
					float:left;
				}
				
					div#titre2_1{
						position: relative;
						width: 491px;
						height: auto;
						margin: 0 0 0 5px;
						z-index: 345;
						overflow: hidden;
						float:left;
					}
				
					div#realisations{
						position: relative;
						width: 500px;
						height: auto;
						margin: 20px 0 0 0;
						z-index: 41;
						overflow: hidden;
						float:left;
					}
					
						div#cadre_realisation{
							position: relative;
							width: 230px;
							height: 103px;
							margin: 0 10px 10px 0;
							padding: 5px 0 0 7px;
							background-image:url(images/cadre_realisation.png);
							background-repeat:no-repeat;
							z-index: 42;
							overflow: hidden;
							float:left;
						}
						
							div#ecran_realisation{
								position: relative;
								width: 223px;
								height: 89px;
								overflow: hidden;
							}
						
						
					div#titre2_2{
						position: relative;
						width: 382px;
						height: auto;
						margin: 40px 0 0 104px;
						z-index: 345;
						overflow: hidden;
						float:left;
					}
						
					div#actualite{
						position: relative;
						width: 381px;
						height: auto;
						margin: 20px 0 0 104px;
						z-index: 41;
						overflow: hidden;
						float:left;
					}
	

	

div#celulle_bas{
	width:100%;
	margin: 50px 0 0 0;
	z-index: 60;
	background-color: #ffffff;
	float: left;
}

		div#bandeau_bas{
			position: relative;
			width: 2000px;
			height: 60px;
			top: 0px;
			left: 50%;
			margin-left: -1000px;
			z-index: 61;
			overflow: hidden;
		}
		
		div#adresse_bas{
			position: relative;
			width: 380px;
			height: 60px;
			top: 0px;
			left: 50%;
			margin-top:-50px;
			margin-left: -483px;
			z-index: 62;
			overflow: hidden;
		}
		
		div#infos_bas{
			position: relative;
			width: 380px;
			height: 60px;
			top: 0px;
			left: 50%;
			margin-top:-60px;
			margin-left: 100px;
			z-index: 62;
			overflow: hidden;
		}
		




/******************************/
/* polices */
/******************************/

.verdana10blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-style: normal;
}

.verdana11vert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D4D7C5;
	font-style: normal;
}

.verdana11noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: normal;
}

.verdana11gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A5A5A;
	font-style: normal;
}

.verdana12gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #686868;
	font-style: normal;
	line-height: 18px;
}


.verdana12grisgras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #686868;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
}

.verdana12blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-style: normal;
}

.verdana14gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7b7b7b;
	font-style: normal;
	word-spacing:4px;
}

.verdana14blanc2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font-style: normal;
	letter-spacing:0.0001em;
}


.verdana16blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	font-style: normal;
	letter-spacing:0.0005em;
	word-spacing:4px;
}

.verdana24noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	font-style: normal;
}

.trebuchet14gris {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 14px;
	color: #7b7b7b;
	font-style: normal;
	line-height: 16px;
}

.trebuchet30gris {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 30px;
	color: #7b7b7b;
	font-style: normal;
}



#navigation {
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;		/* Création du contexte de formatage */
	}
	
#navigation li {
	width: 340px ;
	margin-right: 1px ;
	}

#navigation li a { 
    display: block ; 
    background: url(images/bouton.png) left top no-repeat ; 
    font: 26px "Trebuchet MS",Arial,sans-serif ; 
	color: #FFFFFF;
    line-height: 32px ; 
    padding: 3px 0 ; 
    text-align: right ; 
    }     
	
#navigation li a:hover, #navigation li a:focus, #navigation li a:active { 
    background: url(images/bouton.png) right top no-repeat ; 
	font: 26px "Trebuchet MS",Arial,sans-serif ; 
	color:#000000;
	line-height: 32px ; 
    padding: 3px 0 ; 
    text-align: right ; 
		text-decoration: none;
    }