#accueil{
width:1024px;
height:720px;
margin-left:auto;
margin-right:auto;
background:url(pics/accueil.jpg);
}

#cont1{
width:1024px;
height:720px;
margin-left:auto;
margin-right:auto;
background:url(pics/fond.jpg);
}

#credits{
width:1024px;
text-align:center;
margin-left:auto;
margin-right:auto;
font-family:arial;
font-size:10px;
}

#menuh{
width:400px;
height:30px;
font-family:arial;
font-size:16px;
font-weight:bold;
margin-left:auto;
margin-right:auto;
}

#bt-accueil{
display:block;
width:127px;
height:14px;
background:url(pics/accueil.gif);
float:left;
}
#bt-accueil:hover{
background:url(pics/accueil-on.gif);
}

#bt-contact{
display:block;
width:127px;
height:14px;
background:url(pics/contact.gif);
float:left;
}
#bt-contact:hover{
background:url(pics/contact-on.gif);
}

#bt-localisation{
display:block;
width:127px;
height:14px;
background:url(pics/localisation.gif);
float:left;
}
#bt-localisation:hover{
background:url(pics/localisation-on.gif);
}

#sp1{
height:60px;
width:60px;
}

#menuv{
width:250px;
height:500px;
margin-left:50px;
text-align:center;
margin-right:10px;
float:left;
}

a.info1{
position:relative;
display:block;
width:230px;
height:30px;
background:url(pics/it01.gif);
margin-bottom:10px;
}
a.info1:hover{
position:relative;
background:url(pics/it01-on.gif);
}
a.info1 span{
position:relative;
display:none;
background:none;
}
a.info1:hover span{
position:relative;
display:block;
width:200px;
padding:10px;
left:225px;
background:#ffffff;
z-index:500;
border:solid 2px #000000;

}

a.info2{
position:relative;
display:block;
width:230px;
height:30px;
background:url(pics/it02.gif);
margin-bottom:10px;
}
a.info2:hover{
position:relative;
background:url(pics/it02-on.gif);
}
a.info2 span{
position:relative;
display:none;
background:none;
}
a.info2:hover span{
position:relative;
display:block;
width:200px;
padding:10px;
left:225px;
background:#ffffff;
z-index:500;
border:solid 2px #000000;
}

a.info3{
position:relative;
display:block;
width:230px;
height:30px;
background:url(pics/it03.gif);
margin-bottom:10px;
}
a.info3:hover{
position:relative;
background:url(pics/it03-on.gif);
}
a.info3 span{
position:relative;
display:none;
background:none;
}
a.info3:hover span{
position:relative;
display:block;
width:200px;
padding:10px;
left:225px;
background:#ffffff;
z-index:500;
border:solid 2px #000000;
}

a.info4{
position:relative;
display:block;
width:230px;
height:30px;
background:url(pics/it04.gif);
margin-bottom:10px;
}
a.info4:hover{
position:relative;
background:url(pics/it04-on.gif);
}
a.info4 span{
position:relative;
display:none;
background:none;
}
a.info4:hover span{
position:relative;
display:block;
width:200px;
padding:10px;
left:225px;
background:#ffffff;
z-index:500;
border:solid 2px #000000;
}

a.info5{
position:relative;
display:block;
width:230px;
height:30px;
background:url(pics/it05.gif);
margin-bottom:10px;
}
a.info5:hover{
position:relative;
background:url(pics/it05-on.gif);
}
a.info5 span{
position:relative;
display:none;
background:none;
}
a.info5:hover span{
position:relative;
display:block;
width:200px;
padding:10px;
left:225px;
background:#ffffff;
z-index:500;
border:solid 2px #000000;
}

a.info6{
position:relative;
display:block;
width:230px;
height:30px;
background:url(pics/it06.gif);
margin-bottom:10px;
}
a.info6:hover{
position:relative;
background:url(pics/it06-on.gif);
}
a.info6 span{
position:relative;
display:none;
background:none;
}
a.info6:hover span{
position:relative;
display:block;
width:200px;
padding:10px;
left:225px;
background:#ffffff;
z-index:500;
border:solid 2px #000000;
}

.smenu{
font-family:arial;
font-size:18px;
color:#000000;
text-decoration:none;
display:block;
}
.smenu:hover{
font-family:arial;
font-size:18px;
color:#ff8800;
}

#cont2{
float:left;
width:690px;
height:605px;
font-family:Verdana, Helvetica, Sans-Serif;
font-size:12px;
/*border:solid 1px;*/
}

.titre{
font-size:20px;
font-weight:bold;
}

#spacer1{
width:20px;
height:32px;
}

#col1{
padding:5px;
width:320px;
height:550px;
/*border:solid 1px #000000;*/
float:left;
overflow:auto;
margin-left:20px;
}

#col2{
width:310px;
height:480px;
/*border:solid 1px #000000;*/
float:left;
}

#col1b{
/*border:solid 1px #000000;*/
text-align:center;
padding:5px;
width:190px;
height:550px;
/*border:solid 1px #000000;*/
float:left;
margin-left:0px;
overflow:auto;
}

#col2b{
/*border:solid 1px #000000;*/
width:484px;
height:480px;
/*border:solid 1px #000000;*/
margin-left:5px;
float:left;
overflow:auto;
}

#col1c{
padding:5px;
width:650px;
height:460px;
/*border:solid 1px #000000;*/
float:left;
margin-left:20px;
}

.mini{
border:solid 2px #000000;
}

#contact{
width:400px;
text-align:right;
}

.cont-champ{
margin-left:50px;
background:#cccccc;
border:solid 1px #ff8800;
}

.pic{
border:solid 2px #000000;
margin-bottom:10px;
}

.exemple{
color:#ff8000;
font-weight:bold;
display:block;
}