/* Reset browsers styles*/
body,div,dl,dt,dd,ul,li,pre,form,fieldset,input,textarea,
p,blockquote,th,td{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:100%;font-weight:normal;} 
address,caption,cite,code,em,th{font-style:normal;font-weight:normal;} 
caption,th{text-align:left;} 
fieldset,img{border:0;} 
ul{list-style:none;} 
a{text-decoration:none;} 
table{margin-left:1px}

#mozaik_tools{
  clear:both;background:#fff url(images/tools_back.gif) repeat-x top left;
  padding:5px 0 8px 0;position:fixed;left:0;bottom:0;width:100%;z-index:10;
  font: bold 12px arial;color:#666666;border-top:1px solid #666666;
}
#mozaik_tools ul{padding:0 10px;}
#mozaik_tools a{color:#666666}

.mozaik_right_tools{float:right;width:320px;}
.mozaik_right_tools li{float:right;margin-left:10px}
.mozaik_left_tools{margin-right:300px}
.mozaik_left_tools li{float:left;margin-right:10px}

a.button{text-decoration:underline;color:#666;font-size:12px;line-height:14px;background:none}
.button{margin:5px 0}
.page_button{zoom:1;overflow:hidden;margin-bottom:10px}
.button, .menu_button, .page_button li{background: url(images/back_button_left.gif) no-repeat left top;}
.page_button li{float:left;margin:0 8px 5px 0;padding-left:5px}
.button,.menu_button{padding:0 0 0 5px;line-height:14px;height:18px}
.button a,.menu_button a, .page_button a{background: url(images/back_button_right.gif) no-repeat right top;
color:#666;padding:2px 7px 2px 2px;display:block;line-height:14px;font-size:11px}
.button a{float:left}

/* Texte */
.text{text-align:justify;font-size:13px;line-height:21px;margin-bottom:20px;}
.text .description{font-size:17px;line-height:24px;margin-bottom:15px}
.text p{margin:4px 0 8px 0;}
.text h3{font:bold 15px arial;}
.text h4{font-size:13px;margin:2px 0 4px 0;font-weight:bold}
.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 .document_left,.text .document_left,.text .document_center{overflow:hidden;display:block}
.text .document_left{margin:0 10px 5px 0;}
.text .document_right{margin:0 0 5px 10px;overflow:hidden;}
.text .document_center{margin:5px 0 10px 0;overflow:hidden;}
.text .icons{float:left;margin:0 4px 4px 0}
.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 .box_center{border:1px solid #444;padding:5px;overflow:hidden;}
.text .link,.text .email a{font-weight:bold;color:#8E7117;padding-bottom:2px;background: url(images/dashed_link.gif) repeat-x left bottom}
.text .link:hover,.text .email a:hover{font-weight:bold;color:#000;padding-bottom:1px;background:none;border-bottom:1px solid}
.text .code{border:1px dashed;padding:10px;background:#DFE9F1;font-family: Courier, "Courier New", monospace;overflow:auto}

.mozaik_table{clear:left;width:99%;border-collapse:collapse;border-top:1px solid #000;border-left:1px solid #000;margin:0 auto;text-align:left}
.mozaik_table thead{border-bottom:1px solid #000;border-right:1px solid #000}
.mozaik_table td{border-bottom:1px solid #000;border-right:1px solid #000;padding:3px 5px}

/* Gallery */
#gallery{width:500px;margin:0 auto;clear:left;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:auto;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;}

#loading{background:#fff;}

/* Images */
#images{clear:left;overflow:hidden}
#images .small{width:320px;padding:2px}
#images .medium{width:320px;padding:1px}
#images .big{width:600px;padding:5px}
.image_item{
text-align:center;
float:left;margin:0 9px 10px 0;border:1px solid #9F0F05;background:#fff;padding:1px
}

/* Images */
#documents{clear:left;overflow:hidden}
#documents .logo{float:left;margin:0 5px 3px 0}
#documents .download{color:#000;font-weight:bold}
.document_item{overflow:hidden;margin:0 9px 10px 0;border:1px solid #9F0F05;
padding:5px
}

/* lightbox */
#lightbox{overflow:hidden;z-index:21}
#light_back{overflow:hidden;z-index:20}
#lightbox .lightbox{border:1px solid #ccc;padding:5px;float:left;display:block;width:140px;margin:0 15px 15px 0;color:#000;text-align:center}
#light_box{background:#fff;border-bottom:1px solid #000;border-right:1px solid #000;border-top:1px solid #ccc;border-left:1px solid #ccc;}
#light_top{background:url(images/light_close.gif) no-repeat right top;padding:3px 0 0 5px;height:17px;cursor:pointer}
#light_content{overflow:hidden;border:4px}
#light_description{padding:2px 5px}
#light_photo{margin:5px}
#lightbox_back{display:block;background:url(images/button_back.gif) no-repeat left top;padding:1px 0 2px 20px;color:#666;margin-bottom:5px}

/*Footer */
#footer{margin:10 auto;overflow:hidden;padding:10px 0 40px 0}
#footer li{float:left;padding:2px 10px;border-left:1px solid #D0D0D0}
#footer a{}

/* Contact / Login */
.important{visibility:hidden;width:0px;height:0px;overflow:hidden}
.bad_message{border:1px solid #B5341B;background:#FA9C7C;color:#6A240C;padding:7px 10px;margin-bottom:10px}
#login_form .form_block{padding:5px 0}
#login_form{background: #fff url(images/login.jpg) no-repeat 10px 10px;
padding:20px 20px 20px 70px;border:1px solid #666;width:400px;margin:50px auto;}
#login_form li{margin:5px}
#login_form li a{text-decoration:underline}


#contact_form {padding:20px;margin:15px auto}
#inscription_form .label_block, #contact_form .label_block{font-weight:bold;display:block}
#contact_form {padding:20px;margin:15px auto}
#inscription_form .form_block, #contact_form .form_block{margin:5px 0}

/* Tooltip */
.tip{display:none}
#tooltip{position:absolute;padding:10px;border:1px solid #ccc;
background-color:#fff;color:#000;visibility: hidden;z-index: 100;width:200px;
filter:alpha(opacity = 90);-moz-opacity:0.9; opacity:0.9;}
#tooltip .tooltip_img{margin-top:10px}
