<style>
<!--
html, body {
margin: 0;
padding: 0;
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : left;
font-family : arial;
font-size : 11px;
color : #000;
background : #DFDFDF;

}

.cont {
background-color :#FFFFFF;
text-align : left;
width : 780px ;
margin-left : auto;
margin-right : auto;
margin-top : 5%;
height:100%;
border : 10px solid #5F5F5F;
}
html>body .cont {height : auto; min-height : 100%;  }

.bodyline1        { background-color: #FFFFFF; border: 1px #5F5F5F solid; }
}

.haut {
width : 675px ;
height : 251px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
margin-top : 15px;
background-image : url();
border-top : 1px solid #fff}


 .centre {
width : 675px ;
margin-left : auto;
margin-right : auto;
text-align : left;
background : transparent;
}




 .bas {
 width : 705px ;
height : 40px ;
background : transparent;
overflow : hidden
}


.gauche {
float : left ;
background : transparent;
width : 160px;
text-align : left;
margin-left : 5px ;
margin-top : 20px ;
padding-bottom : 100px;
overflow : hidden}
html>body .gauche {   margin-left : 10px ; }







.droite {
float : left ;
background-color : transparent;
width : 480px;
margin-left : 15px;
 margin-top : 10px;
padding-bottom : 100px}


.haut_droite {
width :352px;
 background-color :transparent;
 float : left;
 margin-left : 0;
 overflow : hidden}










  h3 {
margin : 10px 0 0 0 ;
padding : 0 ;
font-size : 9px; }




 h2 {
margin : 10px 0 0 0 ;
padding : 0 0 10px 0;
font-size : 9px;
background :  url(images/hr2.gif) left bottom repeat-x;
text-transform : uppercase ; }

.poussetop {margin : 20px 0 0 0 ;}



h1 {
font-size : 10px;
margin : 20px 0 0 0 ;
padding : 0 0 10px 0;
text-transform : uppercase ;
background :  url(images/hr2.gif) left bottom repeat-x;}

h4 {
font-size : 12px;
margin : 20px 0 0 0 ;
padding : 0 0 10px 0;
background :  url(images/hr2.gif) left bottom repeat-x;}

 /* LISTE */

 ul, li {
 margin :0;
padding : 0 ;
list-style : none ;}



 /* MENU */

.menu {
text-align: center;
 background-color :transparent;
color :#000 ;
font-size : 14px ;
font-weight : bold;
margin-top : 15px;
margin-left :15px;
font-size : 12px;
overflow : hidden}
html>body .menu { margin-left :15px;  }



 .menu li{
 float : left ;
  margin-left : 0 ;
   padding-top : 0 ;}



.menu li a {
color : #5F5F5F ;
text-decoration : none ;
padding-right : 5px ;
padding-left : 5px ;}


.menu li a:hover {
color : #444;
text-decoration : none }


li.menuexept a{
text-decoration : none ;
background : url(images/ul.jpg) right bottom repeat-y;
 padding-right : 5px ;
 padding-left : 5px ;}
li.menuexept a:hover {
text-decoration : none }



.logo {
float : left ;
margin-top : 20px ;
margin-right : 10px ;
border : 1px solid #6E2801 }


/* IMAGES A DROITE */

.img_droite {float : right;
margin-top : 10px ;
border : 1px solid #6E2801 }






 /* PARAGRAPHES */

p {margin : 3px 15px 0 0 ; padding : 0}

.pboot {
margin : 10px 15px 0 0 ;
padding : 0 ;
text-indent : 10px ;
background :  url(images/pboot.jpg) left top no-repeat;}


.top {margin : 10px 25px 0 5px ; border-bottom : 1px dotted #4B3D40 ; padding-bottom : 5px}
.top2 {margin : 30px 25px 0 5px ;border-bottom : 1px dotted #4B3D40 ;  padding-bottom : 5px}
.notop {margin : 5px 25px 0 5px ;}
.notop2 {margin : 0 25px 0 5px ;}
.couleur {color : #4B3D40; font-weight : bold }




.signature {
margin :0 0 0 345px;
color : #000 }
.copy {
border : 0;
margin-right : 5px}



 /* SEPARATEURS */


.spacer {
clear : both;
height : 13px ; }




 .barre {text-decoration: line-through ; }




 /* LIENS */




a.class1 {
color : #4B3D40;
text-decoration : none ;
text-transform : uppercase ;
font-size : 11px; font-weight : bold}

a:hover.class1 {
color : #C1460C;
text-decoration : none ; }

a.class2 {
color : #4B3D40;
text-decoration : underline ;
text-transform : uppercase ;
font-size : 9px ; }

a:hover.class2 {
color : #4B3D40;
text-decoration :underline }

a.class3{
color : #4B3D40;
text-decoration : underline ;
font-size : 9px ;}

a:hover.class3 {
color : #4B3D40;
text-decoration : underline;
}


a.class3{
color : #4B3D40;
text-decoration : none ;
text-transform : none ;  }

a:hover.class4 {
color : #4B3D40;
text-decoration : underline;
}

.c {
color : #5F5F5F;
text-decoration : none ;
font-size : 9px; }

.c:hover{
color :#4B3D40;
text-decoration : none ;}

.d {
color : #5F5F5F;
text-decoration : underline ;
font-size : 11px; font-weight : bold;
font-family:arial,sans-serif;}

.d:hover {
color : #5F5F5F;
text-decoration : underline ;
font-size : 11px; font-weight : bold;
font-family:arial,sans-serif;}

.e {
color : #4C6C82;
text-decoration : none ;
font-size : 10px;
font-family:sans-serif;}

.e:hover {
color : #4C6C82;
text-decoration : none ;
font-size : 10px;
font-family:sans-serif;}

.g {
color : #5F5F5F;
text-decoration : none ;
font-size : 11px; font-weight : bold}

.g:hover {
color : #4B3D40;
text-decoration : none ;}

/* + -----------------------------------------------------
        Styles appliqués au Calendrier
+ ----------------------------------------------------- */

#calendrier li{
        list-style: none;
}

#libelle {
        width: 210px;
        margin: 0 auto;
        padding: 0;
}
.ligne {
        width: 210px;
        margin: 0 auto;
        padding: 0;
}
#libelle li {
        float : left;
        width : 21px;
}
.ligne li {
        color: #000;
        float : left;
        width : 21px;
}

.ligne li a:hover{
        list-style: none;
        text-decoration: none;
}

li.itemCurrentItem {
        /* A vous de configurer l'apparence de la date du jour */
}
li.itemSelectedItem {
        /* A vous de configurer l'apparence du jour sélectionné */
}

#rightcontent {
position: absolute;
right:5px;
top:32px;
width:125px;
background:#ffffff;
border:1px solid #000;}




#left {
        float: left;
        width: 220px;
}

#leftmenu {
        margin: 0;
        padding: 0;
}

#leftmenu a {
        display: block;
        background: #BF3E18 url(../images/vmenuarrow.gif) no-repeat center left;
        color: #FFFFFF;
        padding: 5px 0 5px 19px;
        margin: 0 0 1px 0;
        text-decoration: none;
}

#leftmenu a:hover {
        color: #FFFFFF;
        background: #822C0F url(../images/vmenuarrowhover.gif) no-repeat center left;
}

.leftarticle {
        background: #EEEEEE;
        color: #808080;
        margin: 2px 0 2px 0;
        padding: 8px;
        line-height: 1.4em;
}

.leftarticle_ad {
        font: 140% Arial, Sans-Serif;
        font-weight: bold;
        border: 2px solid #EEEEEE;
        color: #808080;
        margin: 2px 0 2px 0;
        padding: 17px;
        width: 182px;
        height: 17px;
        background: #FFFFFF url(../images/seoad.jpg) no-repeat;
}

.leftarticle_ad a {
        background: transparent;
        text-decoration: none;
}

#additional {
        clear: both;
        width: 730px;
        background-color: #3C6491;
        margin: 0 auto;
        padding: 10px;

#links {
        clear: both;
        margin: 0 auto;
        width: 730px;
        height:  95px ;
        padding: 10px;
        background:  url(../images/linksbg.gif) repeat-x top left;
        color: #FFF;
}

#whiteline {
        margin-top: 10px;
        border-top: 3px solid #FFFFFF;
}

#footer {
        margin: 5px auto;
        width: 745px;
        padding: 0 5px 0 5px;
}

#footer p {
        padding-top: 10px;
        padding-bottom: 25px;
        line-height: 1.5em;
        color: #808080;
        background: #EEEEEE;
}

#footer a {
        color: #808080;
        background: inherit;
}


form.search { padding: 0; margin: 0; }



input.text { margin: 0; padding: 0; width: 128px; border: 1px solid #eee; color: #000000; background: #d8d8d8; }
input.text:hover { border: 1px solid #FFFFFF; background: #EEEEEE; color: #000000; }
input.button { margin: 0; padding: 0 0 0 3px; font-size: 100%; font-family: Arial, Sans-Serif; border: none; background: none; color: #FFF; background: #808080; font-weight: bold; }
.date { margin: 5px 0 5px 0; padding: 10px 5px 5px 0; background: #FFFFFF url(../images/horizontaldotted.gif) repeat-x bottom left; color: #808080; text-align: right; }
.date a { color: #808080; background: #FFFFFF; }




</style>