/******************************************************************************************************************
GENERAL
******************************************************************************************************************/
body  { font: 11px Verdana, sans-serif; color : #000000 ; background:#8C141E; margin: 0; padding: 0; }
a img { border : none; }
a { color : #FFFFFF ; text-decoration : none; cursor : pointer}
a:hover { text-decoration : underline }
h1 { font : bold 20px Verdana,Helvetica,sans-serif ; color : #8C141E ; margin : 20px; padding : 0 ; }
h2 { font : bolder 16px Verdana,Helvetica,sans-serif ; margin : 0; padding : 0 ; margin-top : 20px; margin-bottom : 10px;margin-left : 20px;}
form { margin : 0 ; padding : 0 }
input { font : 11px Verdana , Helvetica , sans-serif ; color : #8C141E}
textarea {font : 11px Verdana , Helvetica , sans-serif ; color : #8C141E }
p { margin : 10px 20px; text-align : justify}
/******************************************************************************************************************
******************************************************************************************************************/
.clearer { clear : both; }
.bold { font-weight : bold ; color :#8C141E;  }
.center { text-align : center }
.justify { text-align : justify; }
.f_right { float : right }
.f_center { display : block ; margin : 0 auto }
/******************************************************************************************************************
FOOTER
******************************************************************************************************************/
#footer {background : url("ombre-bas.png") top left no-repeat; width : 990px; height : 45px ; color : #FFFFFF ; text-align : center ; margin : 0 auto; padding-top : 10px; }
#footer ul { margin : 0 ; padding : 0 }
#footer ul li { display : inline ; }
#footer ul li  a { color : #FFFFFF }
/******************************************************************************************************************
CONTAINER
******************************************************************************************************************/
#shadow {background : url("ombre.png") top left  repeat-y ;width : 990px ; margin : 0 auto ;}
#container{  background : url("fond-de-page.gif") top left  repeat-y ;width : 950px ; margin : 0 auto ;}
#container #top img{  border : none}
#container #left{  width : 222px ; float : left ;}
#container #left ul {list-style-type : none ;margin : 0; padding: 0;}
#container #left ul  li{margin : 0; padding: 0; height : 41px}
#container #top{ background : #50A2DA ;  width : 728px ;  float : left ; text-align : right}
#container #bottom{ }
#container #bottom  ul { list-style-type : none ; float : right ;margin: 0; padding: 0; }
#container #bottom  ul li { float : left ;}
#container #bottom  ul li  a { color : #8C141E;}
#container #bottom  ul li  a:hover { text-decoration : underline   }
/******************************************************************************************************************
CONTENT
******************************************************************************************************************/
#container #content{ background : url("encre.jpg") top center no-repeat ; width : 728px ; float : left ;  min-height : 770px; height : auto !important; height : 770px;}
/******************************************************************************************************************
MAP
******************************************************************************************************************/
#map2 { width:500px;height:350px;margin : 0 20px ; border : 1px solid #E3AC53 ; float : left ;}
/******************************************************************************************************************
POPUP
******************************************************************************************************************/
#popup{ height : 200px; font : bold 11px Verdana , Helvetica , sans-serif }
#popup p { height : 140px;}