/* 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{border-collapse:collapse;border-spacing:0;}

#mozaik_tools{
  clear:both;background:#F1F1F1 url(images/tools_back.gif) repeat-x bottom 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_reload{z-index:8;position:absolute;right:4px;top:4px;width:20px;height:20px}

.mozaik_right_tools{float:right;width:400px;}
.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}

#ariane a{margin:0 3px 0 0;color:#666;}

/* 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 .mozaik_box_left{padding:5px;margin:0 10px 5px 0;border:1px solid #444}
.text .mozaik_box_right{padding:5px;margin:0 0 10px 10px;border:1px solid #444}
.text .mozaik_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{font-family:Courier, "Courier New", monospace;border:1px solid #BCC2CA;}
.text pre{border:1px solid #D7DDE4;padding:10px;background:#F4F8FB url(images/code.jpg) repeat-x left top;overflow:auto}
.text code{background:transparent}
.text code strong{color:#6A3D13}

.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}

.mozaik_quote{border:1px solid;padding:7px;background:#fff}

/* 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:500px;}
#gallery #gallery_menu {width:480px;height:100px;}
#gallery #gallery_menu td{width:90px;height:85px;}

#loading{background:#fff;}

/* Images */
#images{clear:left;position:relative;top:-10px;left:-10px;width:100%}
#images .small{padding:2px}
#images .medium{padding:1px}
.mozaik_image{padding:5px;margin-bottom:10px;}
.image_item{text-align:center;border:1px solid #ccc;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
}

.mozaik_box{overflow:hidden}

/*Footer */
#footer{clear:both;text-align:center;width:500px;margin:10px auto;overflow:hidden;padding:10px 0 40px 0}
#footer li{display:inline;padding:2px 10px;}
#footer a{margin:0 10px}


/* 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}

.captcha{vertical-align:middle}
.captcha img{vertical-align:middle}
.captcha input{vertical-align:middle}


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


/* 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}