@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; outline:none; }

body { background:url(../img/body/background.png) repeat-x #efefef; background-position:top center; color:#888888; font-size:12px; font-family:Verdana, Geneva, sans-serif;  }

.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }

#head { margin:auto; width:900px; height:175px; }
#head img { border:none; }
#logo { background:url(../img/body/logo.png) no-repeat; width:330px; height:119px; margin:25px 106px 3px 20px; float:left; }

#menu ul { width:416px; margin-top:55px; float:right; display:inline; list-style-type:none; }
#menu li { float:left; }
.menu_1 a { display:block; width:137px; height:21px; no-repeat 0 0 }
.menu_1 a:hover { no-repeat 0 -21px ; }
.menu_2 a { display:block; width:128px; height:21px; no-repeat 0 0 }
.menu_2 a:hover { no-repeat 0 -21px ; }
.menu_3 a { display:block; width:151px; height:21px; no-repeat 0 0 }
.menu_3 a:hover { no-repeat 0 -21px ; }

#bulle_hover table { float:right; height:49px; padding-left:7px  }
#bulle_hover table td { width:137px; }
.bulle_1, .bulle_2, .bulle_3  { width:110px; height:49px; background:url(../img/divers/bulle_hover.png) no-repeat !important; background:url(../img/divers/bulle_hover.gif) no-repeat; }
.bulle_1  { margin-left:14px; }
.bulle_2  { margin-left:8px; }
.bulle_3  { margin-left:8px; }
.bulle_info { width:100px; height:40px; color:#666; font-size:10px; padding:8px 3px 0px 3px; }

#area { width:900px; margin:auto; margin-top:35px; text-align:justify; }
#area h2 { padding:10px 0px 10px 0px; font-weight:normal; }
#area_left { float:left; width:280px; padding-top:14px; }
#area_left ul { list-style-type:none; }
#area_left li { line-height:20px; }
#area_left a, #area_right a { color:#10496e; text-decoration:underline; }
#area_left a:hover, #area_right a:hover { color:#10496e; text-decoration:none; }
.minimap { width:270px; height:143px; border:1px #ccc solid; background:#fff; padding:5px; margin-top:5px; }
#area_left .minimap a { text-decoration:none; }
#area_left  .minimap a strong { color:#888888; text-decoration:underline; font-weight:bold; }
#area_left .minimap a:hover strong { color:#888888; text-decoration:none; }
#area_right { margin-left:295px; }
#area_right h2 { padding:10px 0px 10px 0px; font-weight:normal; text-decoration:underline; }
#area_right h3 { padding:7px 0px 7px 0px; text-decoration:underline; }
#area_right ul { padding:10px 0px 10px 20px; list-style-type:none; }
#area_right li { padding:6px 0px 6px 0px; }
.area_right_titre1 { font-size:18px; padding:0px 0px 10px 0px; font-weight:normal; }

#contact_formulaire th, #contact_formulaire_suite th { font-size:12px; font-weight:bold; text-align:left; }

#message_erreur { width:100%; padding:10px; display:block; background:#FCC; border:1px solid #F69; text-align:center; }
#message_ok { width:100%; padding:10px; display:block; background:#9F9; border:1px solid #093; text-align:center; }

.input_contact { background:#eaeaea; border:1px solid #999; margin-bottom:5px; }

#copyright_bg { background:url(../img/body/background_copyright.png) repeat-x; background-position:center; margin-top:15px; height:105px;  }
#copyright { margin:auto; padding-top:20px; color:#FFF; width:900px; text-align:center; }
#copyright p { padding-bottom:10px; }
#copyright a { color:#FFF; text-decoration:underline; }
#copyright a:hover { color:#FFF; text-decoration:none; }