body {
font-size: 80%;
font-family: Lucida, verdana, arial, sans-serif;
background-color: #ffffff;
}

body a{
text-decoration: none;

}

#tout{
position: absolute;
width: 938px;
left: 0;
top: 0;
/*margin-left: 0px;
margin-top: 0px;*/


}


/* CONSTRUCTION MENU DÉROULANT*/

/*dl, dt, ul, li {
margin: 0;
list-style-type: none;
text-decoration: none;
padding-left: 2px;
}*/

dd{
margin-left: 4px;
margin-bottom: 5px;
margin-top: 5px;
line-height: 22px;
}


#menu dl{
margin: 0;
list-style-type: none;
text-decoration: none;
padding-left: 2px;
}
#menu dt{
margin: 0;
list-style-type: none;
text-decoration: none;
padding-left: 2px;
}
#menu ul{
margin: 0;
list-style-type: none;
text-decoration: none;
padding-left: 2px;
-padding: 0;
}
#menu li{
margin: 0;
-padding: 0;
list-style-type: none;
text-decoration: none;
padding-left: 2px;
}


#menu {
font-family: Lucida, verdana, arial, sans-serif;
font-size: 12px;
width: 219px;
float: left;
margin-left: 5px;
cursor: pointer;
-margin-right: 0px;
}

#menu a{
color: #6B747C;
}
#menu a:hover{
color: #DD4142;
}


dl#menu {
width: 219px;
}
dl#menu dt {
cursor: pointer;
text-align: left;
font-weight: bold;
text-decoration:none; 
}
dl#menu dd {
border: 0px solid gray;
}
dl#menu li {
color: #6B747C;
text-align: left;
text-decoration:none; 
}

dl#menu li a {
color: #6B747C;
text-decoration: none;
display: block;
border: 0 none;
padding: 0px;
}

dl#menu dt a {
color: #6B747C;
text-decoration: none;
display: block;
border: 0 none;
}

dl#menu li a:hover, dl#menu dt a:hover {
color: #DD4142;
text-decoration: none;

}

.menu a:visited { 
color: #6B747C;
text-decoration:none; 
}


/*CONSTRUCTION TÉTIÈRE*/
#header01{
position: absolute;
top: 10px;
left: 0px;
font-size: 13px;
/*line-height: 2px;*/
margin-top: 0;
width: 938px;
margin-left: 0;
height: 32px;
text-align: right;
padding: 0;
z-index: 50;
color: #6B747C;
}


#header01 a {
text-decoration: none;
color: #6B747C;
}

#header01 a:hover {
text-decoration: none;
color: #DD4142;
}


#header{
background: url(../data/header_visu.gif) no-repeat;
height: 119px;
width: 938px;
margin-top: 30px;
margin-bottom: 10px;
float: left;
}



/*CONTENU HOME*/
#content{
-margin-left: 237px;
margin-left: 18px;
width: 696px;
float: left;
-margin-right: 0px;
-float: right;
margin-bottom: 30px;
-margin-top: 0px;
}

#flashome{
margin-left: 0px;
height: 344px;
width: 344px;
float: left;
}

#quadrille{
background: url(../data/fondquadrille.gif) no-repeat;
margin-left: 0px;
height: 344px;
width: 352px;
float: right;
}

#ligneverti{
background: url(../data/ligne_verti.gif);
width: 10px;
height: 400px;
float: right;
margin-right: 0px;
}


#ligneverti02{
background: url(../data/ligne_verti.gif);
width: 10px;
height: 400px;
float: left;
margin-right: 10px;
}

#ligneverti450{
background: url(../data/ligne_verti.gif);
width: 10px;
height: 355px;
float: left;
margin-right: 10px;
}

#ligneverti03{
background: url(../data/ligne_verti.gif);
width: 10px;
height: 250px;
float: right;
margin-left: 10px;
/*margin-right: 10px;*/
}


#lignehoriz{
margin-left: 0px;
background: url(../data/ligne_horiz.gif);
width: 100%;
float: left;
height: 20px;
/*margin-top: 5px;
margin-bottom: 5px;*/
}

#bloc01{
margin-left: 0px;
float: left;
height: 300px;
width: 348px;
}

#bloc02{
padding: 20px;
background-color: #e7ebed;
margin-left: 0px;
height: auto;
width: 298px;
float: right;
}

#textequadrille{
margin-left: 40px;
margin-top: 30px;
width: 282px;
height: auto;
}

#textemarge20{
margin-left: 20px;
margin-top: 30px;
}

#textemarge20bis{
margin-left: 20px;
}

#bloc0101{
padding: 15px;
background-color: #e7ebed;
margin-left: 0px;
height: auto;
width: 308px;
float: left;
}

#bloc0102{
margin-left: 0px;
width: 338px;
float: left;
height: auto;
}
.flottant{
float: left;
}

.flottant218{
width: 218px;
float: left;
}


.flottant366{
width: 366px;
float: left;
}


.flottantrouge{
background-color: #d50000;
float: left;
padding: 15px;
width: 665px;
}


.flottantdroite{
float: right;
margin-top: 0px;
margin-right: 1px;
}

.flottantdroiterouge{
float: right;
margin-top: 0px;
margin-right: 1px;
background-color: #d50000;
padding-left: 15px;
padding-right: 15px;
width: 298px;
}



.flottantdroite218{
float: right;
width: 218px;
margin-top: 0px;
margin-right: 1px;
}


.flottantdroite308{
float: right;
width: 308px;
margin-top: 0px;
margin-right: 1px;
}


.flottantdroite308teinte{
float: right;
background-color: #e7ebed;
width: 293px;
padding: 15px;
margin-top: 0px;
margin-right: 1px;
}


.flottantdroite308rouge{
float: right;
background-color: #d50000;
width: 293px;
padding: 15px;
margin-top: 0px;
margin-right: 1px;
}



#footerok{
-margin-left: 0px;
margin-left: 242px;
width: 696px;
float: left;
/*margin-top: 10px;*/
}


/*CONSTRUCTION PAGES*/

#tetiere{
width: 695px;
height: 140px;
float: left;
margin-left: 0px;
margin-top: 0px;
}

#bloctextegris{
margin-left: 0px;
margin-top: 0px;
float: left;
width: 326px;
height: auto;
background-color: #e7ebed;
padding: 20px;
}

#bloctexterouge{
margin-left: 0px;
margin-top: 0px;
float: left;
width: 326px;
height: auto;
background-color: #d50000;
padding: 20px;
}