body {
	margin:0;
	font-size: 12px;
	color: #604A40;
	font-family: Arial, Helvetica, sans-serif;
}
#container{
	position:absolute;
	left: 50%;
	top: 50%;
	width: 980px;
	height: 580px;
	margin-left: -490px;
	margin-top: -290px;
}   
/*---------------------- Bandeau du haut -------------------------------*/
#bandeauhaut {
	width:980px;
	height:116px;
	margin:auto;
}
#logo {
	width:286px;
	height:116px;
	float:left;
}
#navigation {
	width:694px;
	height:116px;
	float:right;
}
#fondaccespro {
	width:193px;
	height:78px;
	margin-top:4px;
	margin-right:10px;
	background-image: url(images/fond_acces_pro.jpg);
	background-repeat: no-repeat;
	float:right;
}
#accespro {
	margin-top:45px;
	margin-left:107px;
	font-size:13px;
}
#accespro a:visited {
	color: #666;
}
#accespro a {
	padding: 3px;
	color: #666;
}
#accespro a:hover, accespro a:active {
	color: #FFF;
	background-color: #666;
}
#menu {
	width:685px;
	height:20px;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	margin-top: 12px;
	background-position: bottom;
	background-repeat: no-repeat;
	background-image: url(images/trait_menu.jpg);
	float:left;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#menu li a:visited {
	color: #666;
}
#menu li a {
	padding:4px;
	padding-left:7px;
	padding-right:7px;
	color: #666;
}
#menu li a:hover, li a:active {
	color: #FFF;
	background-color: #666;
	height:20px;
}
/*---------------------- Contenu centre -------------------------------*/
#contenucentre {
	height:451px;
	margin:auto;
}
#contenucentre2 ul{
	list-style:none;
}
#visuel {
	width: 428px;
	height: 447px;
	margin-top:4px;
	background-repeat: no-repeat;
	background-image: url(images/construction.jpg);
	float:left;
	z-index:30;
}
#textes {
	width: 550px;
	height:451px;
	float:right;
	overflow:auto;
}
#metier {
	width: 550px;
	height:451px;
	float:right;
}
#activites {
	width: 550px;
	height:451px;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-image: url(images/rayon_action.gif);
	float:right;
}
#contact {
	width: 550px;
	height:451px;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-image: url(images/carte.jpg);
	float:right;
}
#acces_pro {
	width: 550px;
	height:451px;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-image: url(images/mains_acces_pro.jpg);
	float:right;
}
#carte {
	width: 554px;
	height:508px;
	margin-left:213px;
}
.h1 {
	height:132px;
	display: block;
	font-size:10px;
	z-index:1;
}
.h2 {
	margin-left:62px;
	font-weight:bold;
	margin-bottom:2px;
	display: block;
}
.h3 {
	margin-left:62px;
	margin-right:30px;
	line-height:14px;
	display: block;	
}
.projets { display:block; width:460px; margin:10px 0 0 62px; padding:0 0 5px 0; border-bottom:1px solid #CCC; }
.description_projets { display:block; width:360px; margin: 0 0 0	 0; }
.description_projets a:hover { letter-spacing: 1px; }
.vgn_projets a, .vgn_projets a:hover { display:block; margin-left:382px; height:40px; width:75px; margin-top:-45px; float:right; border:1px solid gray; }
.h3 img { border:1px solid gray; }

.www {
	font-size:14px;
	font-weight:bold;
	margin-left:62px;
	display: block;	
}
/*---------------------- Acces Pro -------------------------------*/
#formulaire {
	width:355px;
}
.h4 {
	margin-top:35px;
	font-weight:bold;
	text-align:right;
	display: block;
}
#index li, #adm li {
	list-style-type: none;
	margin-top: 2px;
	text-align: right;
}
#sousform {
	padding:0;
	margin:0;
	text-align:right;
}
sousform td { text-align:right; }
.enregistrement a{
	width:90px;
	text-align:center;
	float:right;
	background-color: #CCCCCC;
	padding: 3px;
	padding-left:10px;
	padding-right:10px;
	margin-top:3px;
	border: outset black 1px;
	color: #333333;
}
.enregistrement a:hover{
	border: inset black 1px;
}
.mdp_oublie a{
	width:120px;
	text-align:center;
	float:right;
	background-color: #CCCCCC;
	padding: 2px;
	padding-left:10px;
	padding-right:10px;
	margin-top:4px;
	border: outset black 1px;
	color: #333333;
}
.mdp_oublie a:hover{
	border: inset black 1px;
}
.enregistrementprestataire a{
	width:90px;
	text-align:center;	
	background-color: #CCCCCC;
	padding: 4px;
	padding-left:15px;
	padding-right:15px;
	border: outset black 1px;
	color: #333333;
}
.enregistrementprestataire a:hover{
	border: inset black 1px;
}
.enregistrementretour a{
	width:276px;
	text-align:center;	
	background-color: #CCCCCC;
	padding: 4px;
	padding-left:6px;
	padding-right:6px;
	border: outset black 1px;
	color: #333333;
}
.enregistrementretour a:hover{
	border: inset black 1px;
}
.enregistrement3 a{
	width:300px;
	text-align:center;	
	background-color: #CCCCCC;
	padding: 4px;
	padding-left:10px;
	padding-right:10px;
	border: outset black 1px;
	color: #333333;
}
.enregistrement3 a:hover{
	border: inset black 1px;
}
.enregistrement_formulaire, .enregistrement_formulaire a{
	width:90px;
	text-align:center;
	float:right;
	background-color: #CCCCCC;
	padding: 4px;
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
	margin-right:52px;
	border: outset black 1px;
	color: #333333;
}
/*---------------------- Pied de page -------------------------------*/
#pieddepage {
	width: 980px;
	height: 16px;
	margin:auto;
	padding-top:2px;
	border-top: solid 1px #999;
	font-size: 11px;
	text-align: center;
}
a {
	color: #666;
}
a:hover {
	color: #000;
	font-weight: bold;
}
a {
	text-decoration: none;
}
#ajoutpres {	 
 	width: 375px;
	height: 418px;
	padding: 15px;
	background-color: #B9AEA2;
	border:  solid 1px;
	border-color:#604A40;
	z-index: 2 ;
}
#ajoutpres label, #index label, #adm label {
	text-align:right;
	float: left;
	display: block;
	width: 180px;
	padding-right:10px;
}
#editpres { 
	top:50px;
	left:50px;
	padding: 30px; 	 
	z-index: 2 ;
}
#editpres label, #index label, #adm label {
	text-align:right;
	float: left;
	display: block;
	width: 157px;
	padding-right:10px;
}
.tooltip {
	width: 200px; color:#000;
	font:lighter 11px/1.3 Arial,sans-serif;
	text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(images/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(images/bt.gif) no-repeat bottom}