/* CSS Document */

* {
margin:0;
padding:0;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#2C3B43;
font-size:10px;
background-color:#ECEBE8;
scrollbar-face-color: #2C3B43; /* Surface */ 
scrollbar-track-color: #ECEBE8; /* Fond */ 
scrollbar-highlight-color: #ECEBE8; /* Ombre claire */ 
scrollbar-shadow-color: #ECEBE8; /* Ombre Foncee */ 
scrollbar-arrow-color: #ECEBE8; /* Fleches */ 
scrollbar-3dlight-color: #ECEBE8; /* Bordure3D claire */ 
scrollbar-darkshadow-color: #ECEBE8; /* Bordure3D foncee */
}

.gris_9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #2C3B43;}
.bleu {font-family: Verdana, Arial, Helvetica, sans-serif; color: #4EB6B1;}
.vert {font-family: Verdana, Arial, Helvetica, sans-serif; color: #B6BF00;}

#conteneur {
	width:980px;
	margin:0 auto;
	margin-top:0px;
	position:relative;
}

#nous {position:absolute; width:557px; left:360px; top:99px; background:url(images/fd_nous.gif); background-color:#D5D2CA; padding:20px;}
#nous a {text-decoration:none; color:#2C3B43; font-weight: bold;}
#nous a:hover {color:#FFFFFF; }

#vous {position:absolute; width:557px; left:360px; top:262px; background:url(images/fd_nous.gif); background-color:#D5D2CA; padding:20px;}
#vous a {text-decoration:none; color:#2C3B43; font-weight: bold;}
#vous a:hover {color:#FFFFFF; }

#menu1 {position:absolute; width:620px; left:167px; top:730px; height:25px; border-bottom:#2C3B43 1px solid; border-top:#2C3B43 5px solid; font-size:x-small; }
#menu2 {position:absolute; width:620px; left:360px; top:733px; height:25px; border-bottom:#2C3B43 1px solid; border-top:#2C3B43 5px solid; font-size:x-small; }

#menu {
	width:620px;
	height:15px;
	margin-top:5px;
}
#menu ul li {
	float:left;
	list-style: none ;
}
#menu ul li.agence {
	width:83px;
}
#menu ul li.projets {
	width:104px;
}
#menu ul li.actualite {
	width:95px;
}
#menu ul li.publications {
	width:133px;
}
#menu ul li.dvlp {
	width:183px;
}

#menu ul li a {
		display: block ;
		font: 1em Verdana, Arial, Helvetica, sans-serif ;
		font-weight:bold;
		text-align: center ;
		text-decoration: none ;
		color:#2C3B43;
		}
		#menu ul li a:hover {
		color:#B6BF00;
		}

#menu_boutons1 {position:absolute; width:100px; height:53px; left:167px; top:652px;  }
#menu_boutons2 {position:absolute; width:100px; height:53px; left:56px; top:711px;  }

#menu_boutons {
	width:100px;
	height:53px;
}
#menu_boutons ul li {
	float:left;
	list-style: none ;
}
#menu_boutons ul li.contacts {
	width:36px;
}
#menu_boutons ul li.liens {
	width:36px;
}
#menu_boutons ul li.credits {
	width:25px;
}
#menu_boutons ul li.client {
	width:100px;
}
#menu_boutons ul li a {
		display: block ;
		height:36px;
		}
				#menu_boutons li a.contacts {
				width:36px;
				background: url(images/bouton-contacts.gif) left top no-repeat ;
				text-indent:-8000px;
				}
				#menu_boutons li a.contacts:hover {
				background: url(images/bouton-contacts.gif) right top no-repeat ;
				}
				#menu_boutons li a.liens {
				width:36px;
				background: url(images/bouton-liens.gif) left top no-repeat ;
				text-indent:-8000px;
				}
				#menu_boutons li a.liens:hover {
				background: url(images/bouton-liens.gif) right top no-repeat ;
				}
				#menu_boutons li a.credits {
				width:25px;
				background: url(images/bouton-credits.gif) left top no-repeat ;
				text-indent:-8000px;
				}
				#menu_boutons li a.credits:hover {
				background: url(images/bouton-credits.gif) right top no-repeat ;
				}
				#menu_boutons li a.client {
				width:100px;
				background: url(images/bouton-client.gif) left top no-repeat ;
				text-indent:-8000px;
				}
				#menu_boutons li a.client:hover {
				background: url(images/bouton-client.gif) right top no-repeat ;
				}

#fd_accueil {
	width:980px;
	height:808px;
	margin:0 auto;
	margin-top:0px;
	position:relative;
	/*background:url(images/fd_accueil.gif);*/
	background:#FFFFFF;
	}
	
#fd_contact {
	width:980px;
	height:808px;
	margin:0 auto;
	margin-top:0px;
	position:relative;
	background:url(images/fd_contact.jpg);
	}

#flash1 {position:absolute; width:287px; height:376px; top:10px; left:0px; }
#flash2 {position:absolute; width:90px; height:270px; top:10px; left:890px; }
#flash3 {position:absolute; width:167px; height:354px; top:454px; left:0px; }
#flash4 {position:absolute; width:117px; height:366px; top:442px; left:863px; }

#entrez {position:absolute; width:229px; height:117px; top:75px; left:287px; }

#adresse {position:absolute; width:187px; height:60px; top:520px; left:169px; }
#tel {position:absolute; width:187px; height:31px; top:584px; left:169px; border-bottom:#2C3B43 1px solid; border-top:#2C3B43 2px solid; font-size:x-small; padding-top:9px; }

#actu {position:absolute; width:285px; height:123px; top:123px; left:550px; }
#actu_bas {position:absolute; width:285px; height:22px; top:630px; left:550px; background-color:#D5D2CA;  }

#defil {position:absolute; overflow:auto; width:368px; height:350px; top:246px; left:460px; background-color:#ECEBE8; padding:17px; }
#defil table {line-height:15px;}
#defil table a {color:#2C3B43; }
#defil table a:hover {color:#B6BF00; }

.tronc {
	position:absolute;
	left:528px;
	top:509px;
}
#flash_accueil{
	position:absolute;
	top:9px;
}
#fd_actus{
	position:absolute;
	width:980px;
	height:723px;
	top:10px;
	left:5px;
	background:url(images/fond_actus.gif) top left no-repeat;
}
#logo {position:absolute; width:362px; height:120px; top:380px; left:105px;background: url(images/logo.jpg) left top no-repeat;}