html, body, * { margin: 0; padding: 0}

html, body 
{
    
	color: #000;
	background-image :  url(../../images/fonds/fond.jpg);
	text-align: center;
	font: 85% "Verdana";
width: 100%; 
}

div#conteneur
{
    width: 92%;
    max-width: 1220px;
	min-width: 860px;
    margin: 0 auto;
    text-align: left;
    background: #fffFFF;
	position: relative;
	height: auto;
	min-height: 580px;
	border:solid #000000 1px;
}
div#hauteur
{
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background: #fffFFF;
}	
		
#headerslogan
{
   position: absolute;
    top: 5px;
    right: 2px;
    width: 406px;
	height : 80px;
   background-image :  url(../../images/fonds/slogan.gif);
}	

#headerimg
{
   position: absolute;
    top: 5px;
    left: 24%;
    width: 300px;
	height : 80px;
   background-image :  url(../../images/fonds/visumat-tapis.gif);
}

#headerfond
{
    width: 100%;
	height : 86px;
   background-image :  url(../../images/fonds/fondhaut.jpg);
}
#logo
{
   position: absolute;
    top: 3px;
    left: 10px;
    width: 164px;
	height : 70px;
   background-image :  url(../../images/fonds/logo_visumat2.jpg);
}


#headerligne1
{
    width: 100%;
	height : 3px;
   background-image :  url(../../images/fonds/fh2.jpg);
   	font-size:1px;
}		

#headermenuhaut
 {  
	width: 74%;
	height : 31px;
	font-size:110%;
	text-align : center;
	line-height: 31px;
	font-size:11px;
}
#headermenuhaut2
   
   {background-image :  url(../../images/fonds/boutoncentre2.jpg);
   width: 97%;
   float:left;
	height : 31px;
	}


#bouton1 a{
color:#000000; text-decoration:none; font-weight:bold; 
float: left; 
width: 100%; 
height: 100%; 

}
#bouton1 a:hover{
color:#0000FF; text-decoration:none; font-weight:bold;
float: left; 
width: 100%; 
height: 100%; 
}
#bouton2 a{
color:#000000; text-decoration:none; font-weight:bold;
float: left; 
width: 100%; 
height: 100%; 

}
#bouton2 a:hover{
color:#0000FF; text-decoration:none; font-weig????????	?d?|č|č?g?uč?d???????????????`;
fo	S¨????ht:bold;
float: left; 
width: 100%; 
height: 100%; 
}
#bouton3 a{
color:#000000; text-decoration:none; font-weight:bold;
float: left; 
width: 100%; 
height: 100%; 

}
#bouton3 a:hover{
color:#0000FF; text-decoration:none; font-weight:bold;
float: left; 
width: 100%; 
height: 100%; 
}
#bouton4 a{
color:#000000; text-decoration:none; font-weight:bold;
float: left; 
width: 100%; 
height: 100%; 

}
#bouton4 a:hover{
color:#0000FF; text-decoration:none; font-weight:bold;
float: left; 
width: 100%; 
height: 100%; 
}
#bouton5 a{
color:#000000; text-decoration:none; font-weight:bold;
float: left; 
width: 100%; 
height: 100%; 

}
#bouton5 a:hover{
color:#0000FF; text-decoration:none; font-weight:bold;
float: left; 
width: 100%; 
height: 100%; 
}
#bouton6 a{
color:#000000; text-decoration:none; font-weight:bold;
float: left; 
width: 100%; 
height: 100%; 

}
#bouton6 a:hover{
color:#0000FF; text-decoration:none; font-weight:bold;
float: left; 
width: 100%; 
height: 100%; 
}
				
						#bouton1{ 
						float: left; 
						width: 10%; 
						height: 31px; 
						border-right: solid 1px #FFFFFF;
						
						}
						#bouton2{ 
						float: left; 
						width: 20%; 
						height: 31px; 
						border-right: solid 1px #FFFFFF;
						}
						#bouton3{ 
						float: left; 
						width: 13%; 
						height: 31px; 
						border-right: solid 1px #FFFFFF;
						}
						#bouton4{ 
						border-right: solid 1px #FFFFFF;
						float: left; 
						width: 28%; 
						height: 31px; 
						}
						#bouton5{ 
						float: left; 
						width: 17%; 
						height: 31px; 
						border-right: solid 1px #FFFFFF;
						}
													
						#bouton6{ 
						float: left; 
						width: 11%; 
						height: 31px; 
						}
						
						#bouton6bis{ 
						background-image :  url(../../images/fonds/boutondroit.jpg);
						float: left;
       					width: 13px; 
						height: 31px; 
						}	
#corps {
	background: #FFFFFF;
	width: 75%;
	margin-left: 10px;
}

#titre {
	margin-left: 5px;
	width: 90%;
	height: 30px;
	text-align: left;
	color: #666666;
	font-weight:bold;
	font-size:14px;
	line-height: 30px;
	font-style: italic ;
}

#droite {
	background-image :  url(../../images/fonds/fonddroite.jpg);
	position: absolute;
	right:1px;
	top:90px;
	width: 222px;
	height:450px;	
}


#droitefenetre {
	background-image :  url(../../images/fonds/fonddroitefen.gif);
	background-repeat:no-repeat;
	position: absolute;
	right:5px;
	top:95px;
	width: 199px;
	height: 110px;
	font-size:9px;
text-align: center;
}
#boutond1 {
	position: absolute;
	right:5px;
	top:159px;
	width: 160px;
	height: 20px;
}


#boutond2 {
	position: absolute;
	right:5px;
	top:183px;
	width: 157px;
	height: 20px;
}
#boutond3 {
	position: absolute;
	right:5px;
	top:207px;
	width: 157px;
	height: 20px;
}
#boutond4 {
	position: absolute;
	right:5px;
	top:231px;
	width: 157px;
	height: 20px;
}
#boutond5 {
	position: absolute;
	right:5px;
	top:255px;
	width: 157px;
	height: 20px;
}
#boutond6 {
	position: absolute;
	right:5px;
	top:330px;
	width: 160px;
	height: 20px;
}
#boutond7 {
	position: absolute;
	right:5px;
	top:354px;
	width: 163px;
	height: 20px;
}

#footer {
	height: 30px;
	font-size:10px;
	}
	
#footer1 {
	background-image :  url(../../images/fonds/fondbas1.jpg);
	position: absolute;
	height: 15px;
	bottom:15px;
	width: 100%;
	left: 0px;
	line-height: 14px;
	text-align:center;
	}
	#footer2 {
	background-image :  url(../../images/fonds/fondbas2.jpg);
	position: absolute;
	height: 15px;
	bottom:0px;
	width: 100%;
	left: 0px;
	text-align:center;
	color: #666666;
	line-height: 15px;
		}
			
ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

.menubas li {
float: left;
width: 24%;
line-height: 15px;
}
.menubas a {
display: block;
width: auto;
height: 13px;
text-align: center;
text-decoration: none;
color: #666666;
}
.menubas a:hover {
color: #000033;
font-weight:bold;
}
.menubas a:visited {
color: #666666;
}	
	

.paragraphe{
display: block;
width: 100%;
height: auto;
text-align: left;
color: #333333;
padding-top:15px;
padding-bottom:15px;

}

.paragraphe H1{
background:#6699CC;
background-image:  url(../../images/puce-bleue.jpg);
background-repeat:no-repeat;
position: relative;
width: 95%;
height: 20px;
text-align: left;
color: #FFFFFF;
padding-left:30px;
font-weight:bold;
font-size:14px;
}
.paragraphecorps{
display: block;
width: 95%;
height: auto;
text-align: left;
color: #333333;
padding-left:30px;
padding-top:15px;
padding-bottom:2px;

}