/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- PAGE*/
body{ 
font-family:Arial;
font-size:12px;
background:#FFFFCC;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- CADRE*/
#cadre{
width:1020px;
margin:0px auto;
background:url(images/site/body.gif) repeat-y;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ HEADER*/
#header{
width:1020px;
height:220px;
background: url(images/site/header.gif) no-repeat;
}
#header-cadre{
padding:1px;
}
.header-A{ 
float:left;
height:160px;
margin-top:55px;
margin-left:250px;
width:575px;
text-align:center;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- NECK*/
#neck{
clear:both;
width:1020px;
height:50px;
background:url(images/site/neck.gif) no-repeat;
}
#neck-cadre{
padding:1px;
}
.neck-A{
margin-left:40px;
margin-top:10px;
text-align:center;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- BODY*/
#body{
width:1020px;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- BODY-LEFT*/
#body-left{
float:left;
width:270px;
background:url(images/site/body-left-body.gif) repeat-y;
}
#body-left-head{
background:url(images/site/body-left.gif);
height:70px;
color:#FFFFFF;
font-family:arial;
font-size:25px;
text-align:center;
}
#body-left-body{
}
#body-left-footer{
clear:both;
background:url(images/site/body-left-footer.gif); 
height:40px;
}
.body-left-A{
padding-top:15px;
margin-left:62px;
margin-right:12px;
height:40px;
color:#FFFFFF;
font-family:arial;
font-size:25px;
text-align:center;
}
.body-left-B{
margin-left:62px;
margin-right:12px;
margin-top:10px;
margin-bottom:21px;
text-align:center;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- BODY-MIDDLE*/
#body-middle{
float:left;
width:400px;
background:url(images/site/body-middle-body.gif) repeat-y;
}
#body-middle-head{
background:url(images/site/body-middle.gif);
height:70px;
color:#FFFFFF;
font-family:arial;
font-size:25px;
text-align:center;
}
#body-middle-body{
}
#body-middle-footer{
clear:both;
background:url(images/site/body-middle-footer.gif); 
height:40px;
}
.body-middle-A{
padding-top:15px;
margin-left:15px;
margin-right:15px;
}
.body-middle-B{ 
margin-left:15px;
margin-right:15px;
margin-bottom:5px;
}
.body-middle-C{
margin-left:10px;
margin-right:10px;
background-color:#333333;
color:#FFFFFF;
}
.body-middle-D{
margin-top:10px;
margin-left:15px;
margin-right:15px;
margin-bottom:5px;
}
.body-middle-E{
margin-top:10px;
margin-left:15px;
margin-right:15px;
margin-bottom:5px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------- BODY-RIGHT*/
#body-right{
float:left;
width:350px;
background:url(images/site/body-right-body.gif) repeat-y;
}
#body-right-head{
background:url(images/site/body-right.gif);
height:70px;
color:#FFFFFF;
font-family:arial;
font-size:25px;
text-align:center;
}
#body-right-body{
}
#body-right-footer{
clear:both;
background:url(images/site/body-right-footer.gif); 
height:40px;
}
.body-right-A{
padding-top:15px;
margin-left:12px;
margin-right:62px;
color:#FFFFFF;
font-family:arial;
font-size:25px;
text-align:center;
}
.body-right-B{
margin-left:20px;
margin-right:70px;
padding-top:8px;
text-align:center;
}
.body-right-C{
float:left;
width:140px;
margin-top:12px;
text-align:center;
}
.body-right-D{
margin-left:12px;
margin-right:62px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- HEEL*/
#heel{
clear:both;
height:1p;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ FOOTER*/
#footer{
clear:both;
width:1020;
height:100px;
background:url(images/site/footer.gif) no-repeat;
}
#footer-cadre{
padding:1px;
}
.footer-A{
text-align:center;
color:#FFFFFF;
margin-left:40px;
margin-top:5px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- LINK*/
.link-A{color:#FFFFFF;text-decoration:none;margin-right:10px;margin-left:10px;}
.link-A:hover{color:#00CCFF;}
.link-B{color:#FFFFFF;text-decoration:none;}
.link-B:hover{color:#00CCFF;}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- SPAN*/
.span-A{padding-right:10px;padding-left:10px;border-right:#333333 solid 2px;}
.span-B{padding-right:10px;padding-left:10px;}
.span-C{ font-size:20px;}
.span-E{font-weight:bold; font-size:15px; color:#00CCFF; } 
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ IMAGES*/
.image-A{height:160px; width:160px;}
.image-B{border:none;}
.image-B:hover{border-left:solid 5px #FFFFCC;}
.image-C{display:block;float:left;height:65px; width:100px;text-decoration:none;color:#000000;margin-left:20px;border:#000000 solid 1px; margin-bottom:20px; padding-top:35px; font-weight:bold;}
.image-C:hover{color:#00CCFF;border:#FFFFFF solid 1px}
.image-D{display:block;float:left;height:21px; width:32px;text-decoration:none;color:#000000;margin-left:20px;border:#000000 solid 1px;}
.image-D:hover{color:#00CCFF;border:#FFFFFF solid 1px}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ TABLES*/
.table-A{width:360px; text-align:left;}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- TD*/
.td-A{width:100px; font-weight:bold;}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- TEXT AREA*/
.text-area-A{width:240px; height:200px;}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- BOUTONS*/
.bouton-A{border:1px #333333 solid; background:#FF99FF; padding:1px; color:#FFFFFF; margin-left:5px; margin-right:10px;}
.bouton-A:hover{background:#00CCFF;}
.bouton-B{display:block; width:100px; border:1px #333333 solid; background:#FF99FF; padding:1px; color:#FFFFFF; margin-left:100px; margin-right:10px;}
.bouton-B:hover{background:#00CCFF;}
.bouton-C{background:#FF99FF;padding:1px;color:#FFFFFF;margin:0px auto;margin-bottom:10px;text-decoration:none;width:125px;display:block;text-align:center;}
.bouton-C:hover{background:#00CCFF;}
.bouton-D{background:#FF99FF;padding:1px;color:#FFFFFF;margin:0px auto;margin-bottom:10px;text-decoration:none;width:125px;display:block;text-align:center;}
.bouton-D:hover{background:#00CCFF;}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- H*/
.h1{margin:0px;padding:0px;font-size:50px;font-weight:bold;color:#00CCFF;}
.h3{margin:0px; padding-top:20px; height:0px; font-size:15px; font-weight:bold;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- CLEAR*/
.clear-A{clear:both;}
