*{
margin:0;
padding:0;
font-family:tahoma;
}
ul, li{
list-style-type:none;
}
a{
text-decoration:underline;
color:#000000;
}
p {
font-size:13px;
margin-top:8px;
text-align:justify;
}
body{
background-color:#C0C0C0;
background-image:url(fond-bleu.jpg);
background-repeat:repeat-x;
}
#cadre{
width:790px;
position:relative;
left:50%;
margin-left:-395px;
}
#top{
margin:0 5px;
background-color:#4e4e4e;
border:2px solid #f6f6f6;
background-image:url(rayures.png);
}
h1 a{
text-decoration:none;
display:block;
height:60px;
padding:25px 0 3px 20px;
font-size:35px;
color:#fefefe;
font-family:garamond,times new roman;
}
h1 span{
font-size:32px;
color:#fefefe;
font-family:garamond,times new roman;
font-variant: small-caps;
}
#cadre-menu{
width:590px;
background-image:url(fond-menu-bord.jpg);
background-repeat:no-repeat;
background-position:right top;
background-color:#f6f6f6;
}
.menu{
width:570px;
padding:0 0 0 10px;
margin:0;
background-color:#f6f6f6;
background-image:url(fond-menu.jpg);
background-repeat:repeat-x;
}
.menu li{
display:inline;
line-height:30px;
}
.menu li a:link,ul li a:visited{
text-decoration:none;
font-size:12px;
padding:5px 12px 9px 8px;
color:#000000;
border-right:1px solid #c0c0c0;
font-weight:bold;
}
.menu li a:hover{
color:#a7453e;
}
#menu-contact a:link,#menu-contact  a:visited{
border-right:0;
padding-right:0;
}
.ombre{
height:202px;
background-image:url(ombre.png);
background-repeat:no-repeat;
background-position:5px bottom;
margin:20px 0 0 0;
}
#titre{
margin:0 5px;
height:195px;
background-color:#4e4e4e;
color:#fefefe;
padding:0 0 0 0;
background-image:url(rayures2.png);
}
#titre img,#titre object{
float:left;
}
#titre #lien-consultation img {
float:right;
width:150px;
height:120px;
margin:0;
padding:0;
border:0;
background-image:url(img/consultationenligne.png);
background-repeat:no-repeat;
background-position:right top;
}
#titre #lien-consultation :hover{
background-position:right -195px;
}
h2{
font-size:28px;
font-family:garamond,times new roman;
margin: 0 0 15px 0;
padding:15px 0 0 165px;
}
#titre p{
width:470px;
color:#ffffff;
padding-left:165px;
}
#titre a{
color:#ffffff;
}
h3{
padding:10px 0 10px 25px;
margin-top:20px;
font-size:24px;
font-family:garamond,times new roman;
color:#a7453e;
background-image:url(icones/next.png);
background-repeat:no-repeat;
background-position:0 17px;
}
#contenu{
margin:15px 5px 0;
background-color:#DADADA;
width:750px;
padding:10px 20px 100px 10px;
border:1px solid #bebebe;
border-bottom-color:#aeaeae;
border-right-color:#aeaeae;
}
#contenu ul{
font-family:arial;
font-size:12px;
text-align:justify;
padding:0;
}
#contenu li{
vertical-align:top;
line-height:15px;
padding:0 0 0 23px;
margin:10px 0 0 10px;
background-image:url(icones/bullet_toggle_plus.png);
background-repeat:no-repeat;
background-position:left 1px;
}
.ecole{
margin:25px 20px 5px 10px;
background-image:url(icones/info.png);
background-repeat:no-repeat;
background-position:0 center;
padding-left:30px;
}
.encart{
margin:10px 0 20px 20px;
padding:0 20px 20px 20px;
width:300px;
float:right;
background-image:url(rayures3.png);
border:1px solid #808080;
border-top-color:#c0c0c0;
border-left-color:#c0c0c0;
}
.encart h3{
margin:20px 0 10px 0;
padding:0 0 0 25px;
background-position:0 7px;
}
#divabsil, #divcarminati, #divtermeau, #divtran{
float:left;
width:348px;
margin:0;
padding:20px;
}
#divcarminati, #divtran{
background-image:url(rayures3.png);
border:1px solid #808080;
border-top-color:#c0c0c0;
border-left-color:#c0c0c0;
width:330px;
}
hr{
clear:both;
visibility:hidden;
}
#divabsil{
margin-top:10px;
padding-left:10px;
}
#divcarminati{
margin-top:10px;
}
#divtran{
clear:left;
margin:0 0 0 5px;
}
#divtermeau{
padding-left:20px;
width:340px;
padding-right:0;
}
#divabsil h3, #divcarminati h3, #divtermeau h3, #divtran h3{
margin:0;
padding:0 0 5px 25px;
background-position:0 7px;
}
#divabsil img, #divcarminati img, #divtermeau img, #divtran img{
float:left;
margin:5px 10px 0 0 ;
}
b{
font-weight:700;
}
#collaborateurs{
margin:0 10px;
}
#collaborateurs h3{
margin-left:0;
}
#collaborateurs p{
margin-left:25px;
}
h4{
font-size:18px;
margin-left:20px;
font-family:garamond,times new roman;
padding:20px 0 5px 25px;
background-image:url(icones/next.png);
background-repeat:no-repeat;
background-position:0 22px;
}
.ref{
margin-left:30px;
}
#plan, #liens{
float:right;
margin:10px 0 20px 20px;
padding:0 20px 20px 20px;
width:360px;
background-image:url(rayures3.png);
border:1px solid #808080;
border-top-color:#c0c0c0;
border-left-color:#c0c0c0;
}
#plan h3, #liens h3{
margin:20px 0 20px 0;
padding:0 0 0 25px;
background-position:0 7px;
}
#plan img{
border:1px solid #000000;
}
#liens a:link,#liens a:visited{
display:block;
text-decoration:underline;
color:#000000;
font-weight:400;
margin:5px 0 15px 20px;
border:none;
padding:0;
}
#contenu #voiture{
background-image:url(voiture.png);
background-repeat:no-repeat;
background-position:0 center;
padding:8px 0 12px 60px;

}
#contenu #bus{
background-image:url(bus.png);
background-repeat:no-repeat;
background-position:0 center;
padding:8px 0 12px 60px;
}
#bus  ul{
font-family:arial;
font-size:12px;
text-align:justify;
padding:0;
}
#bus li{
vertical-align:top;
line-height:15px;
padding:0 0 0 20px;
margin:10px 0 0 0;
background-image:url(icones/bullet_toggle_plus.png);
background-repeat:no-repeat;
background-position:left 1px;
}
#contenu #metro{
background-image:url(metro.png);
background-repeat:no-repeat;
background-position:0 center;
padding:8px 0 12px 60px;
}
#contenu #ratp{
background-image:none;
padding:10px 0 10px 0;
}
.ecole img{
padding-left:20px;
float:right;
}
#infos{
float:right;
margin:10px 0 20px 20px;
padding:0 20px 20px 20px;
width:290px;
background-image:url(rayures3.png);
border:1px solid #808080;
border-top-color:#c0c0c0;
border-left-color:#c0c0c0;
}
#infos li{
vertical-align:top;
background-image:none;
margin-top:0;
line-height:24px;
}
#infos #tel{
background-image:url(icones/comment.png);
background-repeat:no-repeat;
background-position:left 5px;
padding-left:30px;
margin:10px 0 0 30px;
}
#infos #fax{
background-image:url(icones/print.png);
background-repeat:no-repeat;
background-position:left 5px;
padding-left:30px;
margin-left:30px;
}
#infos #mail{
background-image:url(icones/mail.png);
background-repeat:no-repeat;
background-position:left 5px;
padding-left:30px;
margin-left:30px;
}
#formulaire li{
background-image:none;
}
.formu{
width:230px;
padding:2px 5px;
font-size:13px;
}
#formulaire #pb{
width:300px;
}
#message{
width:340px;
margin:15px 0 0;
}
#submit{
margin:10px 0 0 110px;
padding:2px 10px;
}
#besoin{
width:244px;
padding:2px 5px;
}
#formulaire li label{
width:110px;
display:block;
float:left;
padding-top:6px;
}
.envoye{
margin-left:20px;
background-image:url(icones/ok.png);
background-repeat:no-repeat;
background-position:left 0;
padding-left:30px;
}
.echec{
margin-left:20px;
background-image:url(icones/warning.png);
background-repeat:no-repeat;
background-position:left 0;
padding-left:30px;
}
#footer{
height:130px;
margin:0 20px;
width:710px;
padding:15px 20px 30px 20px;
background-image:url(footer.png);
background-repeat:no-repeat;
background-position:center 15px;
font-size:11px;
}
#legal{
float:left;
margin:0;
font-size:11px;
line-height:19px;
}
.contact{
float:right;
}
.contact li{
margin-top:3px;
line-height:18px;
}
#tel{
background-image:url(icones/comment.png);
background-repeat:no-repeat;
background-position:left 2px;
padding-left:28px;
}
#fax{
background-image:url(icones/print.png);
background-repeat:no-repeat;
background-position:left 2px;
padding-left:28px;
}
#mail{
background-image:url(icones/mail.png);
background-repeat:no-repeat;
background-position:left 2px;
padding-left:28px;
}
.contact span{
width:50px;
display:block;
float:left;
}
.note , #titre  .note{
color:red;
}