.has_js .hide{display:none}

body{font-family:Arial, Verdana, Helvetica;font-size:12px;}

#wrapper{background: url(images/back_body.jpg) repeat-x center top;}

#content{width:97%;max-width:1220px;min-width:1000px;margin:0 auto;}
#content_in{padding:0 5px;position:relative;}

#header{background: url(images/compasss.jpg) no-repeat 100px 0;height:210px;position:relative;overflow:hidden}

#topmenu{float:right;height:40px;width:160px}
#topmenu ul{margin:5px}
#topmenu li{float:right;margin-right:25px}
#topmenu a{display:block;color:#fff;padding-top:7px;padding-bottom:7px;}
#contact{padding-left:30px;background: url(images/contact.gif) no-repeat left top;}

#search{float:right;width:155px;margin-top:7px}
#search .search_box{
  border:0px;float:left;margin-top:3px;
  background: url(images/search_box.gif) no-repeat left top;
  width:118px;height:14px;font-family:Tahoma;
  font-size:10px;color:#535353;padding:2px 5px 0px 5px; 
  margin-top:1px;
}

#site_title{position:absolute;top:10px;left:0px;z-index:10;}

/* Top Menu */
#hmenu{clear:right;width:400px;float:right;position:relative;z-index:2}
#hmenu ul{overflow:hidden}
#hmenu li{float:right;margin-right:5px;width:78px;}
#hmenu a{display:block;padding:8px 0 4px 0;height:72px;color:#5E5E5E;text-align:center}

.hmenu_item_on,.hmenu_item:hover{background: url(images/back_hmenu.png) no-repeat center top;}

/* Titles */
.title{background: url(images/dashed_title.gif) repeat-x left bottom;padding-bottom:2px;
color:#245387;font-size:18px;margin-bottom:12px}
.medium_title{color:#5EA51D;font:bold 15px arial;border-bottom:1px solid #5EA51D}
.medium_title a{color:#5EA51D}
.medium_title span{font:normal 13px arial;}
.box_title{font-weight:bold;font-size:15px;border-bottom:1px solid #155F22;color:#155F22;margin:0 10px 10px 0}

/*Middle*/
#middle{padding-top:10px}

/* Menu */
#left{float:left;width:200px;min-height:500px;}

.vmenu_bottom{background: url(images/left_bottom.jpg) no-repeat left bottom;}
.vmenu{background: url(images/left_back.jpg) no-repeat left top;padding:15px}
.vmenu a{display:block}
.list_sup{padding:8px;border-bottom:1px solid #fff;}
.link_sup,.link_sup_on,.link_turn{padding:0 0 0 18px;font-size:15px;color:#fff;}
.link_sup{background: url(images/arrow.gif) no-repeat left 3px;color:#fff;}
.link_sup_on, .link_sup:hover{background: url(images/arrow_black.gif) no-repeat left 3px;color:#fff;}
.link_turn{background: url(images/arrow_open.gif) no-repeat left 3px;color:#fff;}
.nav_sub{padding-left:15px}
.link_sub,.link_sub_on{padding:8px 0 0 18px;color:#fff;}
.link_sub_on{}

/* Home */
#home{margin-left:205px;}
.tl{background: url(images/box2/tl.gif) no-repeat left top;padding-left:15px}
.tr{background: url(images/box2/tr.gif) no-repeat right top;}
.bl{background:#37699C url(images/box2/br.gif) no-repeat right bottom;text-align:center}
.br{background: url(images/box2/bl.gif) no-repeat left bottom;height:20px;padding:4px 0px 8px 0}
.tl2{background: url(images/box2/tl2.gif) no-repeat left top;padding-left:15px}
.tr2{background: url(images/box2/tr2.gif) no-repeat right top;}
.bl3{background:#fff url(images/box2/br4.gif) no-repeat right bottom;text-align:center}
.br3{background: url(images/box2/bl4.gif) no-repeat left bottom;height:20px;padding:4px 0px 8px 0}
.bl2{background:url(images/box2/bl2.gif) no-repeat left bottom;height:10px;padding-left:15px}
.br2{background:url(images/box2/br2.gif) no-repeat right bottom;height:10px;}
#home .tl{}
#home .tr{}
/* Center */
#center{margin:0 0 0 205px;min-height:500px;padding:1px;position:relative}


.section_box{overflow:hidden}
.section_box h3{}
.section_box h3 a{font-size:14px;font-weight:bold;color:#005CA5}
.section_text{padding:10px 20px 10px 0}

#page{overflow:hidden;margin-right:230px}
#page .description{margin-bottom:10px;font-size:17px;line-height:22px}
#page .page_logo{float:left;display:block;margin:0 7px 3px 0;}
#page .date{display:block;font-size:11px;padding-bottom:2px;font-weight:bold}

/* Description */
.description{overflow:hidden;margin:10px 0 20px 0}
.description .logo{float:left;margin:0 5px 5px 0}

.services{margin-top:20px}
.services h3{color:#666;font-size:14px;font-weight:bold;background: url(images/dashed_title.gif) repeat-x left bottom;}
.services div{margin:5px 0}

/* Ariane */
#ariane{background: url(images/ariane_back.gif) no-repeat left top;height:14px;padding:3px 10px;margin-bottom:10px}

/* Texte */
.text{text-align:justify;font-size:13px;line-height:19px;margin-bottom:20px;}
.text p{margin:4px 0 8px 0;}
.text h3{font:bold 15px arial;color:#245387;border-bottom:1px solid #245387;}
.text h4{font:bold 14px arial;color:#245387}
.text ul{overflow:hidden;zoom:1}
.text li{padding-left:15px;margin:4px;background: url(images/list.gif) no-repeat left top;}
.text .image_left{margin:0 10px 5px 0;display:block;}
.text .image_right{margin:0 0 5px 10px;display:block}
.text .image_center{text-align:center}
.text .box_left{padding:5px;margin:0 10px 5px 0;border:1px solid #444}
.text .box_right{padding:5px;margin:0 0 5px 10px;border:1px solid #444}
.text table{width:100%;border-collapse:collapse;border-top:1px solid #000;border-left:1px solid #000;margin:0 auto;text-align:left}
.text table thead{border-bottom:1px solid #000;border-right:1px solid #000}
.text table td{border-bottom:1px solid #000;border-right:1px solid #000;padding:3px 5px}
.text a{font-weight:bold;color:#8E7117;padding-bottom:2px;background: url(images/dashed_link.gif) repeat-x left bottom}
.text a:hover{font-weight:bold;color:#000;padding-bottom:1px;background:none;border-bottom:1px solid}


/* Gallery */
#gallery{width:500px;margin:0 auto;clear:left;border:1px solid #666;zoom:1}
#gallery table{border-collapse:collapse;}
#gallery_image{border:1px solid #ccc;}
#gallery_box{vertical-align:middle;text-align:center;}
#gallery_description{height:20px}
#gallery_menu {overflow:hidden;margin:0 auto;background:#fff;zoom:1}
#gallery_menu td{vertical-align:middle;text-align:center;}
#gallery_menu a{display:block;margin-right:4px;border:1px solid #ccc;padding:1px;}
#gallery_slide{width:450px;margin:0 15px}
#left_arrow,#right_arrow{z-index:1;position:absolute;top:0px;display:none}
#left_arrow{left:0px}
#right_arrow{right:0px}

/* Gallery */
#gallery{clear:left}
#gallery #gallery_image{padding:1px;}
#gallery #gallery_box{width:500px;height:480px;}
#gallery #gallery_menu {width:480px;height:100px;}
#gallery #gallery_menu td{width:90px;height:85px;}

/* Images */
#images{clear:left}
.image_item{float:left;margin:0 10px 10px 0}

#loading{background:#fff;}

/* Login */
#login{width:200px;margin-top:15px;background:url(images/login_top.gif) no-repeat center top;padding-top:10px}
#login_bottom{background:url(images/login_bottom.gif) no-repeat center bottom;padding-bottom:10px}
#login_center{background: #A5C544 url(images/login_center.gif) repeat-x left bottom;padding:1px 20px}
#login label{display:block;color:#F6FDE7;font:bold 15px arial,verdana,sans-serif;}
#login .login_field{display:block;margin-bottom:10px;background:#E6EED7}
#login .login_submit{display:block;}

/*Footer */
#footer{clear:both;text-align:center;padding-top:10px;color:#fff}
#footer{width:942px;margin:0 auto;overflow:hidden;padding-top:10px}
#footer li{float:left;padding:2px 10px;border-left:1px solid #D0D0D0}
#footer a{color:#695D54;font-size:11px;font-variant: small-caps;font-family:arial}

#login_form .form_block{padding:5px 0}

/* Contact / Login */
#login_form .form_block{padding:5px 0}

#contact_form {border:1px solid #ccc;width:450px;padding:20px;margin:15px auto}
#contact_form .label_bloc{font-weight:bold;display:block}
#contact_form .form_bloc{margin:5px 0}