body {
background-color:#C8D4E0;
background-image:url('./img/bg.gif');
margin:0;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
scrollbar-base-color: #cccccc;  /*couleur bloc*/
scrollbar-arrow-color: #721818; /*couleur fleche*/
scrollbar-track-color: #eeeded; /*couleur fond*/
}
img { border:none; }
a {
font-weight:bold;
text-decoration: none;
}
a:link { color:#BF0000; }
a:visited { color:#BF0000; }
a:hover { color:#721818; }
div#cadre {
position:relative;
background-color:#FFF;
border:2px solid #721818;
width:950px;
height:auto;
text-align: left;
padding:0;
margin-top:10px;
margin-left:auto;
margin-right:auto; 
margin-bottom:10px;
}
#aujourdhui {
width:250px;
font-size:11px;
color:#656565;
text-align:center;
position:absolute;
margin-left:675px;
margin-top:95px;
}
#contacter {
position:absolute;
margin-top:45px;
margin-left:200px;
font-weight:bold;
}
#devis {
position:absolute;
margin-top:20px;
margin-left:400px;
}
#blokos {
position:absolute;
margin-top:15px;
margin-left:680px;
}
div#banniere {
height:130px;
background-image:url('./img/banniere.gif');
background-repeat:no-repeat;
background-position:left top;
}
div#accueil {
position:absolute;
top:8px;
left:19px;
height:110px;
width:110px; 
overflow:hidden;
}
div#accueil:hover {    
overflow:visible;
border:1px dashed #999;
}
#accueil div {
text-align:right;
width:60px;
margin-top:50px;
margin-left:110px;
border-bottom:1px dashed #999;
}
div#bas {
text-align:center;
font-size:9px;
width:100%;
margin-top:30px;
margin-bottom:5px;
}            
/************************ MENU IE 6 **************************/
div#menu2 { 
position:absolute;
left:0;
padding-left:18px;
background-image:url('./img/menu2.gif');
background-position:top;
background-repeat:repeat-x;
height:24px;
width:932px;
font-size:12px;
font-weight:bold;
}
#menu2 dl {
float:left;
border:1px solid #fff;
width:150px;
text-align:center;
} 
#menu2 dt {
cursor:pointer;  
line-height:24px;
font-weight:bold;
height:20px;
}
#menu2 dd {
display: none;
line-height:15px;
}
#menu2 ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image:none;
}
#menu2 li {
font-size:10px;
text-align:center;
margin-left:-39px;
list-style-type: none;
list-style-image:none;
background-color:#ccc;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
#menu2 li a, #menu2 dt a {
text-decoration: none;
height: 100%;
border: 0 none;
}
#menu2 dt a { color:#fff; }
#menu2 li a { color:#000; }
#menu2 li a:hover, #menu2 li a:focus { color:#cc0000; }
#menu2 dt a:hover, #menu2 dt a:focus { color:#000; }
.menuselection { color:#eb8e30; }
/*************************** MENU ****************************/
.menu {
padding-left:12px;
background-image:url('./img/menu.gif');
background-repeat:repeat-x;
background-position:0px 1px;
font-family: arial, sans-serif;   
color:#fff;
font-weight:bold;
font-size:12px;
width:auto;
height:24px;
position:relative;
z-index:100;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#000;
width:130px;
height:23px;
line-height:23px;
text-align:center;
color:#fff;
border:1px solid #fff;
background-image:url('./img/menu.gif');
background-repeat:repeat-x;
background-position:top;
font-size:12px;
overflow:hidden;
}  
.menu ul {
padding:0;
margin:0;
list-style:none;
list-style-image:none;
}
.menu ul li { 
padding:0;
margin:0;  
list-style:none;
list-style-image:none;
float:left;
position:relative;
}
.menu ul li ul { display: none; }
.menu ul li:hover a {
color:#fff;
background-image:url('./img/menu.gif');
background-repeat:repeat-x;
background-position:bottom;
}
.menu ul li:hover ul { 
color:#fff;
display:block;
position:absolute;
top:24px;
left:0;
width:105px;
}    
.menu ul li:hover ul li a {
display:block;
background:#ddd;
color:#000;
}
.menu ul li:hover ul li a:hover {
background:#b3b3b3;
color:#000;
}
/************************************************************/
div#contenu {
margin-top:50px;
margin-left:28px;
margin-right:28px;
margin-bottom:10px;
text-align:justify;
}
.cadre {
padding-top:10px;
padding-bottom:5px;
padding-left:30px;
padding-right:5px;
padding-bottom:10px;
margin-bottom:20px;
border-left:1px solid #541c1c;
border-right:1px solid #541c1c;
border-bottom:1px solid #541c1c;
background-color:#f4f6f7;
}
h1 {
color:#630A3A;
text-align:center;
font-size:21px;
margin-bottom:35px;
}
h2 {
color:#ec8e34;   
text-align:center;
font-size:18px;
margin-bottom:8px;
}
h3 {
color:#C30000;
text-align:center;
font-size:14px;
padding-top:10px;
padding-bottom:0;
}
p { text-indent:25px; }
table { font-size:12px; }
th {
color:#eb8e30;
font-size:14px;
}
hr {
width:40%;
border-top:1px dashed #b3b3b3;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
ul {
margin-top:0;
text-align:justify;
}
li {
list-style-image:url('./img/puce.gif');
padding-bottom:5px;
}
.petittexte {
font-size:9px;
color:#999999;
}
.bouton {
border:2px solid #721818;
background-color:#ffffff;
color:#721818;
font-weight:bold;
font-size:12px;
cursor: pointer;
}
div#plan {
margin-left:180px;
padding-top:30px;
padding-bottom:30px;
}
.plan {
color:#c02427;
font-size:15px;
font-weight:bold;
}
.plan a { color:#c02427; }
.plan a:link { color:#c02427; }
.plan a:visited { color:#c02427; }
.plan a:hover { color:#000000; }
.ssplan {
text-indent:25px;
font-size:13px;
font-weight:bold;
}
.ssplan a { color:#999999; }
.ssplan a:link { color:#999999; }
.ssplan a:visited { color:#999999; }
.ssplan a:hover { color:#000000; }