/*
Theme Name: Freshy
Version: 1.0
Author: Julien De Luca
Author URI: http://www.jide.fr/francais/
DotClear adaptation: Franck Paul (http://franck.paul.free.fr)
*/

/*
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

body, html {
	margin:0;
	padding:0;
	font-size : 90%;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	background-color: #000;
}

body {
	margin:0;
	padding:0;
	background:transparent url(images/menu/bg.gif) 0 95px repeat-x;
}

*::-moz-selection {
	background-color:#FF3C00;
	color:white;
}

/*--------------LAYOUT--------------*/

#page {
	text-align:center;
	background: transparent;
}

#frame {
	max-width: 1060px;
    width : 100%;
    min-width: 740px;
	text-align: left;
	margin:0 auto 10px auto;
	margin-top:0;
	padding:0;
	text-align:left;
}

* html #frame {
	width:expression(document.body.clientWidth > 1060 ? "1060px" : "100%" );

}

#content {
	width:77%;
	margin: 0;
	padding:0;
	float:right;
	background: transparent url(images/angle_bas.gif)  bottom right no-repeat;
	color:#fff;
	overflow:hidden;
}

#header {
	width:100%;
	margin-right:auto;
	margin-left:auto !important; /* stupid ie... */
	margin-left:1px;
	margin-top:0;
	padding:0;
}



/*-----------GENERAL STYLING--------------*/

a {
	color:#cc9900;
	text-decoration:none;
}

#content a {
}

#content a:hover {
	color:#009900;
}

#prelude {
	display: none;
}

/*------HEADER------*/
	
/* 14 images are availables, from header_image1.jpg to header_image14.jpg in the images/header folder */

#title_image {
	margin:0;
	padding:0;
	text-align:left;
	display:block;
	height:95px;
	background: #000 url(images/headers/rotator.php) right center  no-repeat;
}

#title_image h1 {
	padding:20px 0 0 15px;
	margin:0;
	font-weight:normal;
	line-height:.7em;
	font-size:2.1em;
	letter-spacing:-.1em;
	font-family:helvetica;
}

#title_image h1 a {
	color:#fff;
	display:block;
}

#title_image h1 a:hover {
	font-style: italic;
}

.description {
	padding:20px 0 0 22px;
	color:#006600;
}

.description small {
	font-size:1em;
}

#content h2 {
	color:#fff;
	padding:0;
	margin:0;
	border:none;
	clear:both;
}

#content h2 a {
	color:#999;
	text-decoration:none;
	border:none;
}

#content h2 a:hover {
	color:#fff;
}

hr {
	display:none;
	clear:both;
}

h3, h4, h5 {
	color:#fff;
	padding:0;
	margin:2em 0 0 0;
	clear:both;
}

input,
textarea,
select {
	padding:4px;
	font-size: 1em;
	line-height:1em;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	background:transparent url(images/fondNoirTransparent.gif);
	color:#fff;
}

input,
label {
	height:auto !important;
	height:2em;
	width:auto;
	padding:4px;
}

label {
	display: block;
}


#searchform input#q {
	width:130px !important;
	padding:4px;
	border:1px solid #515151;
	font-size:1em;
	line-height:1em;
	text-transform:none;
	color:#fff;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	background:transparent;
}

#sidebar input.btn,
#searchform input {
	width:65px !important;
	width:75px;
}

#sidebar h3 {
	font-size: 1em;
}

#sidebar .gallery-image img { 
	display:block; 
	margin-left:0;
	text-align:left; 
	padding : 8px;
	border: .1em solid #999;
	background: transparent;
}

#searchform {
	margin-top:10px !important;
}

#searchform br {
	display:none;
}

input.btn,
#searchform input,
input#submit,
input#preview,
input#sending {
	background:transparent;
	color:#ffffff;
	padding:4px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: .9em;
	text-transform:uppercase;
}

input[class=btn],
input[type=submit],
input[id=submit],
input[id=preview] {
	padding:3px;
}

textarea {
	overflow:auto;
	display:block;
	width:100%;
}

ul,
ol {
	list-style-type:none;
	list-style-position:outside;
	padding:0;
	margin:.2em 0 .2em 0;
}

ul li,
ol li {
	/*background:transparent url(images/puce.png) 2px .4em no-repeat;
	padding-left:15px;*/
}

ul ul li,
ol ol li {
	background:transparent url(images/bullet.gif) 0px .5em no-repeat;
	padding-left:8px;
}

#telechargement ul li {
	background:transparent url(images/bullet.gif) 0px .5em no-repeat;
	padding-left: 10px;
}

#content ol li {
	list-style-type:decimal;
	list-style-position:inside;
	background:transparent;
	padding-left:0;
}
#content ol li li {
	padding-left:2em;
}

a img {
	border: none;
}

form {
	padding:0;
	margin:0;
}

pre, code {
   display:block;
   width:90% !important;
   width:100%;
   font: 1em 'Courier New', Courier, Fixed, monospace;
   font-size : 100%;
   overflow: auto;
   text-align:left;
   border : 1px solid #999; /*highlight color */
   padding : 0px 20px 0 30px;
   margin:1em 0 1em 0;
   line-height:17px;
}

acronym {
	border-bottom:1px dotted silver;
	font-variant:normal;
	}

.icon {
	vertical-align:middle;
	border:0;
}
.with_icon {
	padding:2px 0 2px 0
}

.navigation {
	clear:both;
	padding:0;
	display:block;
}

.alignleft {
	display:block;
}

.alignright {
	display:block;
}


/*-------SIDEBAR---------*/

#sidebar {
	width: 22%;
	margin: 0;
	padding:0 0 10px 0;
	float:left;
	color: #fff;
	background: transparent url(images/angle_bas.gif)  bottom right no-repeat;
	font-size:.9em;
}

#sidebar div {
	background: transparent url(images/angle.gif) 0 10px no-repeat;
	margin: 0;
	padding:0 20px 2% 20px;
}

#categories { /* cache le menu dans la sidebar, remplace par les images dans le header */
	/*display:none;*/
}
	
#categories a {
	padding:0;
	margin:0;
}

#sidebar div div {
	padding:0;
}
 
#sidebar ul,
#sidebar ol {
	padding:0;
}

#sidebar form,
#sidebar p {
	padding:0;
	margin:0 0 1em 0;
}

#sidebar h2 {
	color:#fff;
	padding: 0;
	margin:10px 0 10px 0;
	font-size: 1em;
	font-weight:normal;
	text-transform:uppercase;
}

#sidebar tbody {
	font-size:0.8em;
}

#sidebar th {
	font-size:0.8em;
}

html>body .ellipsis li {
	clear:both;
}

html>body .ellipsis li:after { 
	content: "...";
	display:inline;
}

html>body .ellipsis li span {
	white-space:nowrap;
	overflow:hidden;
	max-width:180px;
	width:auto !important;
	display:inline;
	float:left;
}

ol.ellipsis li span {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	width:190px;
	display:block;
}

#sidebar a{
	text-decoration: none;
}

#sidebar a:hover,
#sidebar .current_page_item li a:hover,
#sidebar .current-cat li a:hover {
	color:#009900;
}

#sidebar .current_page_item a,
#sidebar .current-cat a {
	font-weight:bold;
	color:#FF3C00;
}

#sidebar .current_page_item li a,
#sidebar .current-cat li a {
	font-weight:normal;
	color:#515151;
}

#sidebar li img {
	vertical-align:middle;
	border:0;
}

#sidebar input.btn {
	margin-left:4px;
}

/*
menu
*/

.menu {
	list-style-type:none;
	background:transparent url(images/menu/menu_bg.gif);
	margin:0;
	padding:0;
	height: 80px;
	width:100%;
	overflow:hidden;
	z-index:10;
}

.menu li {
	background:none;
	padding:0;
	vertical-align:middle;
	float:left;
	height:80px;
	
}

.menu li.last_menu,
.menu li.right_menu {
	float:right;
}


.menu li a {
	font-size:.8em;
	text-transform:uppercase;
	line-height:80px;
	display: block !important;
	display:table-cell;
	vertical-align:middle;
	height:80px;
	padding:0 10px 0 10px;
	background: transparent url(images/menu/menu_triple.gif) repeat-x;
}

.menu li a:hover,
.menu li a:active {
	background-position:bottom left;
	color:#fff;
	line-height:78px;
}

.menu li.current_page_item a {
	background-position:bottom left !important;
}

.menu li a.first_menu {
	margin: 0;
	padding-left:35px;
	background-repeat:no-repeat;
	background-image:url(images/menu/menu_start_triple.gif);
}

.menu li a.last_menu,
.menu li a.last_menu_off {
	padding-right:35px;
	background-repeat:no-repeat;
	background-image:url(images/menu/menu_end_triple.gif);
	background-position:top right;
}

.menu li a.last_menu:hover,
.menu li a.last_menu:active {
	background-position:bottom right;
}

.menu li a {
	text-decoration:none;
}

.menu li.lang_menu {
	float:right;
}

.menu li.lang_menu a span {
	width:19px;
	height:80px;
	overflow:hidden;
	text-indent:100px;
	display:block;
}


.menu li.lang_menu a {
	display:block;
	width:19px;
	cursor:pointer;
}


/*---------LANGS----------*/

.menu li#fr_FR a span {
	background:url(images/lang_fr.gif) left transparent no-repeat;
}

.menu li#en_US a span {
	background:url(images/lang_en.gif) left transparent no-repeat;
}

.menu li#fr_FR.current_page_item a span,
.menu li#fr_FR  a:active span {
	background-image:url(images/lang_fr.gif);
}

.menu li#en_US.current_page_item a span,
.menu li#en_US  a:active span {
	background-image:url(images/lang_en.gif);
}

/*-------------MENU HEADER--------------*/

#outer_header {
	position:absolute;
	top:0;
	left:23%;
	background:transparent;
	font-size:0.9em;
	float:right;
	margin:0;
	padding-left:40px;
}

#menu_header {
	margin:0; 
	padding:0; 
	overflow:hidden; 
	background:transparent;
}
#menu_header li {
	display:inline;  
	list-style-type:none;   
}
#menu_header li a {
	display:block;
	float:left;
	width:110px;
	text-decoration:none;   
	margin:0;   
}
#menu_header li a img {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity: 0.3;
	margin:5px;
	border:0;
}
#menu_header li a span {
	display:none;
	text-align:left;
}
#menu_header li a:hover {
	background:#000;
	width:108px;
	border:1px solid #ccc;
}
#menu_header li a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
	border:1px solid #333;
}
#menu_header li a:hover span {
	padding:1em;
	color:#fff;
	display:block; 
	cursor:pointer;
}

#menu_header b {
	margin-bottom:1em;
	}

/*--------FOOTER---------*/

#footer {
	/*background:#000 url(images/fond_footer.gif) 50% 50% repeat-x;*/
	width:100%;
	height:20px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px;
	color: #fff;
	/*border-top:1px solid #666;
	border-bottom:1px solid #666;*/
	
}

#footer .footer_content {
	display:block;
	margin-right:auto;
	margin-left:auto;
	padding-top:10px;
	text-align:center;
	line-height:10px;
}

#footer .footer_content a:hover {
	color:#fff;
}
	
#footer .footer_content a {
	color: #666;
}

/*--------POST--------*/

.post {
	font-size:.9em;
	margin:10px 10px 10px 0;
	padding:0 20px 2% 40px;
	background: transparent url(images/angle.gif) 0 25px no-repeat;
}

.post p:first-letter {
	font-family: serif;
	font-size: 2em;
	font-weight: bold;
}

.readnext a:first-letter {
	/*font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size:.9em;
	font-weight:normal;*/
	font-family: serif;
	font-size: 2em;
	font-weight: bold;
}

.post h2 {
	font-size:2em;
}

.post h3 {
	font-size: 1.8em;
}

.post h4 {
	font-size:1.5em;
}

.post h5 {
	font-size: 1.2em;
}

.post-footer {
	height:40px;
	background:transparent url(images/post_footer.gif) center center no-repeat;
}

hr {display: block; width: 0px; height: 0px; border: 0px solid;}


.highlight_box {
	font-size:.9em;
	border:2px solid #F5F5F5;
	padding:1em;
	margin-bottom:20px;
}

.highlight_box .post {
	font-size:1em;
	border:0px none;
	margin-bottom:0px;
	padding:0 0 0 0;
}

.highlight_box .post p {
	margin:0;
}

.highlight_box .post .date {
	display:none;
}

.highlight_box h2,
.highlight_box h3,
.highlight_box h4,
.highlight_box h5 {
	font-size:2em;
	border-bottom:10px solid #F5F5F5;
}

.highlight_box .post h2,
.highlight_box .post h3,
.highlight_box .post h4,
.highlight_box .post h5 {
	font-size:1.5em;
}

.readmore {
	display:block;
	text-align:left;
	font-weight:bold;
	clear:both;
	margin:1em 0 1em 0;
	color:#FF3C00;
}

.day-date {
	display: none;
}

.date { /* date & author */
	color : silver;
	float:right;
	line-height:2.3em;
	margin:1.5em 0 5px 10px;
	padding-left:5px;
	border-left:1px solid silver;
	text-align:center;
	position:relative;
	right:0;
}

.date_day {
	display:block;
	font-size:3em;
	text-align:right;
}

.date_month {
	display:block;
	font-size:3em;
	text-align:right;
	font-weight:bold;
}

.date_year {
	display:block;
	font-size:1.4em;
	line-height:.9em;
}

.postmetadata {
	display: inline; 
	clear: both;
	padding:0 40px 2% 0px;
	color:#515151;
	list-style-type:none;
}

#content .postmetadata a {
	color:#990000;
	border:none;
	text-decoration:none;
}

#content .postmetadata a:hover {
	color:#990000;
	border-bottom:1px dotted silver;
}

.gravatar_img {
	float:left;
	margin:0 5px 0 0;
	border:1px solid lightgray;
	vertical-align:middle;
}

#comments {
	padding:0 40px 2% 40px;
	}
	
#comments .alt {
	background:transparent url(images/fondGrisTransparent.gif) !important;
}
	
#comments .commentlist dd {
	margin:0;
	padding:10px 3em 10px 10px;
	font-size:1em;
	line-height:1.5em;
	color:silver;
	margin:0 0 1em 0;
	background:transparent url(images/fondRougeTransparent.gif); /* defini la couleur de fond du commentaire auteur */
}

#comments .commentlist .comment { /* defini la couleur du texte des commentaires */
	color:#fff;
}

#comments .commentlist .date { /* defini la marge droite de la date */
	margin-right:5px;
}

#comments .commentlist dt.author_comment .date { /* defini la couleur de la date du commentaire auteur */
	color:#a5ba52;
}

#comments .commentmetadata a {
	color:#fff;
	}

.entry {
	margin:0;
	text-align:justify;
}

.entry p {
	margin:1em 0 1em 0;
}

.entry p img, .post-content p img {
	float: left;
	margin: 0 1em 1em 0;
	padding: 1em;
	border: .1em solid #999;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}

.entry a:hover img, .post-content a:hover img {
	border: .1em solid #fff;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.entry ul li {
	background:transparent url(images/bullet.gif) 0 .5em no-repeat;
	padding-left:8px;
	padding-bottom:.5em;
	width:100%;
}


/* rajout style pour plugin highlight */
span.highlight0 {background-color: #cc0000;}
span.highlight1 {background-color: #3300ff;}
span.highlight2 {background-color: #33cc00;}
span.highlight3 {background-color: #996600;}
span.highlight4 {background-color: #666666;}

/* rajout plugin catpost
-------------------------------------------------------- */

#listcatpost {
	margin: 10px 0 0 0;
	padding:0 20px 2% 40px;
	font-size: .9em;
}

#listcatpost h2 {
	font-size: 1em;
}

.catpost_showtitre{
/* pas de mise forme spéciale*/
}

.catpost_showchapo{
font-style:italic;
list-style: none;
padding: 0;
background-image: none;
color: #999999;
}

.catpost_showchapo p {
	margin: 0;
}

/* rajout plugin related
-------------------------------------------------------*/

.pagenav {
	margin: 10px 0 0 0;
	padding:0 20px 2% 40px;
}

/* rajout plugin autorisation
----------------------------------------------------- */

#autorisation {
	float: right;
	color: #fff;
	margin-top: -.8em;
}

#autorisation a, #autorisation a:visited {
	color: #bbb;
}

#autorisation a:hover, #autorisation a:focus, #autorisation a:active {
	color: #fff;
}

#autorisation li {
	background-image: none;
}

/* rajout pour plugin mailer
---------------------------------------------------*/
fieldset {
	border: none;
	border-top: 1px solid #666;
	margin-top: 1.5em;
}

fieldset legend {
	font-weight: bold;
	color:#666;
}

fieldset p {
	margin: 0;
}

.error,.success {
	font-style:	italic;
}

.error li {
	background-image: none;
}

/*----ajout style plugin homemessage----*/
#postit {
	background: transparent;
	margin:8px 0 0 0;
	padding:0 40px 2% 40px;
}

#postit h2 {
	font-size: 1.8em;
}

/* rajout fil d'arianne
-----------------------------------------*/

.fil {
	margin:10px 0 0 0;
	padding:0;
}

/* rajout plugin gallery
--------------------------------------------*/

/* General
******************************************/
.post-content {
	margin:0;
	padding:0;
	}
	
#galleries h3 {
	margin:0;
	font-weight:normal;
}

#galleries h2 a, #galleries h3 a {
	color:#fff;
	}
	
#galleries ul {
	background:transparent url(images/bullet.gif) 0px .5em no-repeat;
	padding-left:8px;
	}

/*#gallery {
	margin : 10px; 
}*/

.gallery-thumbnail {
	float : left; 
	margin : 3px; 
	padding : 0px; 
	padding-bottom: 0;
	text-align : center; 
	border : .1em solid #999; 
}

.gallery-thumbnail-container img {
	display : block; 
	margin : 0px auto; 
	border : 0;
}

.gallery-thumbnail-container {
	width: 140px;
	height: 110px;
	margin: 5px;
}

.gallery-icone {
}

.gallery-portrait {
}

.gallery-image-title {
	display:block;
	text-align: center; 
}

.gallery-nb-comment {
	margin-top : 1px;
	display:block;
	text-align: center; 
	font-size: 1em;
}
.gallery-nb-comment a{
	font-size: 1em;
}

.gallery-nb-views {
	padding-bottom : 1px;
	display:block;
	text-align: center; 
}

.gallery-thumbnail a img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	}
	
.gallery-thumbnail a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}

.gallery-description {
	float : left; 
	width : 100%; 
	line-height : normal;
	margin-top:20px;
	padding-right:50px;
}

.gallery-description ul {
	float:left;
	margin : 0;
	padding : 0;
	list-style : none; 
}

.gallery-description li {
	float : left;
	display: block;
	list-style : none;
	padding-right:5px; 
}

.gallery-description img { 
	float : left; 
	margin : 0 5px 0 0;
	padding: 8px; 
	border : 1px solid #999; 
}

.gallery-description a { 
	float : left; 
	display : block; 
	color : #fff;
	text-decoration : none;
}

.gallery-description a img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	}
	
.gallery-description a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}

.gallery-all-thumbnails {
	margin: 0px auto;
	width: 100%;
	padding: auto;
}

.gallery-spacer {
	display: block;
	clear:both;
}

.gallery-enddescription { 
	clear: both;
	margin-bottom: 10px;	
	padding: 1px; 
}

.gallery-navigation { 
	font-size : 1.2em; 
	/*clear : both; */
	color : #fff;
	margin : 10px; 
	text-align : center; 
}

.gallery-image img { 
	display:block; 
	margin: 0 auto;
	text-align:center; 
	padding : 8px;
	border: .1em solid #999;; 
	background: transparent;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}

.gallery-image a:hover img {
	border: .1em solid #fff;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.gallery-content blockquote { 
	background: transparent; 
	/*border: .1em solid #666; */
	margin: 10px 20px 0 20px;
	padding: 10px; 
	overflow: auto; 
}

.gallery-content blockquote p{
	margin: 1ex 0; 
}

#gallery-last {
}

.gallery-last-block {
	border : 1px solid #ccc;
	border-top-width : 2px;
	padding : 0 0.5em;
	margin : 0 0 1.5em 0;
}

.gallery-last-title {
	background : #eceade;
	margin : 0 -0.5em;
	padding : 0.2em 0.5em;
	font-size : 1em;
	font-family : Verdana,Arial,Helevetica,sans-serif;
}

.gallery-last-info {
	margin : 0;
}

.gallery-last-info img {
	float : left;
	margin : 2px 0 0 4px;
	position : relative;
}

#gallery-exif {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#gallery-exif dl {
	width: 39.1em;
	margin: 0 auto;
	padding: 0;
	/*clear: both;*/
}

#gallery-exif dt {
	background: #EEE; 
	width: 15em;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: bold;
}

#gallery-exif dd {
	float: left;
	background: #FFF; 
	width: 21em;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

#content .post .post-content .gallery-explication {
	text-align: center;
}

/*-------------------ajout toto---------------

#comments blockquote {  juste pour IE6 qui s'obstine à décaller le h3 de "ajouter un commentaire"
	border: 1px solid #fff;
}


#comment-form fieldset{
	border: none;
	margin: O;
	padding: 0;
}*/

/* ajout plugin download manager
---------------------------------------------*/

/* Effet Survol */

/* ATTENTION: NE TOUCHEZ PAS AU LIGNE COMMENCANT PAR:
bg ET bghover !!!	
-------------------------------------------------------*/

#dlm {
	margin:10px 0 10px 0;
	padding:0 20px 2% 40px;
	background: transparent url(images/angle.gif) 0 25px no-repeat;
	}
	

.dlm_list{
	float : left;
	width : 100%;
	margin : 0 0 10px 0;
	background: transparent;
	text-align : left;
}

.dlm_bloc{
	float : left;
	margin : 0 10px 10px 0;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight: normal;
	background:transparent;
	color: #fff;
	text-align : left;
	border : .1em solid #999;
}

/* Format tableau
-------------------------------------------------------*/

table {
	margin: 0 auto;
	width: 100%;
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
}

table#dlm img {
	border: 0;
}

table#dlm th {
	text-align : left;
	color: #000000;
	background: transparent;
}

table#dlm tr {
	height: 50px;
}

table#dlm td {
	text-align: left;
	border-bottom: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
}
	

table#dlm td.name{
	width: 95%;
}

table#dlm td.file{
	width: 5%;
}

table#dlm td.file_name{
	width: 40%;
}

table#dlm td.size{
	width: 20%;
}

table#dlm td.dlm-date{
	width: 20%;
}

table#dlm td.nbr_dl{
	width: 20%;
}

/* Format bloc
-------------------------------------------------------*/

.title_file_bloc{
	/*width : 230px;
	height : 80px;*/
	text-align : left;
	position: relative;
	/*top: 10px;*/
}

.title_file_bloc img {
	border: 0;
	margin:0;
}

.title_dir_bloc{
	text-align : left;
	position: relative;
	/*top: 10px;*/
}

.title_dir_bloc img {
	border: 0;
}

.info_bloc{
	/*width : 230px;
	height : 150px;*/
	text-align : left;
	position: relative;
	overflow: hidden;
	margin-right: 10px;
	left: 5px;
	top: 0px;
}

/* Format liste
-------------------------------------------------------*/

.title_dir_list{
	border: 0;
	height: 40px;
	width: 100px;
	text-align : center;
	position: relative;
}

.title_file_list{
	border: 0;
	height: 60px;
	width: 100px;
	text-align : center;
	position: relative;
	/*top: 40px;*/
}

.title_file_list img {
	border: 0;
}

.info_dir_list{
	width: 380px;
	text-align : left;
	position: relative;
	overflow: hidden;
	margin-right: 10px;
	left: 100px;
	top: -30px;
}

.title_dir_list img {
	border: 0;
}

.info_file_list{
	width: 380px;
	text-align : justify;
	position: relative;
	overflow: hidden;
	margin-right: 10px;
	left: 100px;
	top: -60px;
}

/* Attachement de fichier
---------------------------------------------------------------*/

.attach{
	color: #f60;
}

.dlm_attach h5{
	text-decoration: underline;
}

.dlm_attach li{
	display: block;
	list-style-type: none;
	padding-left: 18px;
	padding-right: 5px;
	background: transparent url(../../share/dlm/__img__/attach.png) no-repeat left bottom;
}

/* Rajout plugin mailer
-----------------------------------------*/

#mailing, #contacts {
	margin:10px 10px 10px 0;
	padding:0 20px 2% 40px;
	background: transparent url(images/angle.gif) 0 25px no-repeat;
	}
	
/* Rajout plugin table des matieres
--------------------------------------------*/

#toc {
	margin:10px 0 10px 0;
	padding:0 20px 2% 40px;
	background: transparent url(images/angle.gif) 0 25px no-repeat;
	}
	
#toc img {
	margin:5px 8px 0 0;
	padding:8px;
	border:.1em solid #666;
	}
	
#toc h3, #toc h3 a {
	color:#fff;
	}
	
/* rajout mise en page categorie La Chronique
---------------------------------------------------------*/

#khordavid {
	margin:10px 10px 10px 0;
	padding:0 20px 2% 40px;
	font-style:italic;
	}

/* rajout pour googlemap
-----------------------------------------------------*/

#map { 
	height:450px;
	padding:0 20px 2% 40px;
	margin:10px 0 10px 0;
	border:4px solid #003300;
}

/* rajout pour glossaire
-------------------------------------------------*/

#eclate {
	display:block;
	width:700px !important;
	width:706px;
	height:450px !important;
	height:453px;
	background:url(images/glossaire/violon.jpg) no-repeat;
	position:relative;
	margin:0;
	border:3px solid #003300;
	}

#eclate dd {
	position:absolute;
	padding:0;
	margin:0;
	}
	
/*--------------Positionnement cordier------------*/
	
#eclate #cordier {/*position de la zone réactive*/
	left:53px;
	top:24px;
	z-index:20;	
	}
	
#eclate a#lien_cordier {/*taille de la zone réactive*/
	display:block;
	width:170px;
	height:69px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_cordier:hover span {/*position de l'ouverture du span*/
	left:457px;
	bottom:-354px;
	}
	
/*---------Positionnement tendeur--------*/
	
#eclate #tendeur {/*position de la zone réactive*/
	left:183px;
	top:45px;
	z-index:20;	
	}
	
#eclate a#lien_tendeur {/*taille de la zone réactive*/
	display:block;
	width:40px;
	height:28px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_tendeur:hover span {/*position de l'ouverture du span*/
	left:327px;
	bottom:-374px;
	}
	
/*---------------Positionnement attache-cordier---------------*/

#eclate #attache_cordier {/*position de la zone réactive*/
	left:53px;
	top:60px;
	z-index:20;	
	}

#eclate a#lien_attache_cordier {/*taille de la zone réactive*/
	display:block;
	width:23px;
	height:33px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_attache_cordier:hover span {/*position de l'ouverture du span*/
	left:457px;
	bottom:-354px;
	}
	
/*---------Positionnement chevalet---------------*/

#eclate #chevalet {/*position de la zone réactive*/
	left:257px;
	top:2px;
	z-index:20;	
	}

#eclate a#lien_chevalet {/*taille de la zone réactive*/
	display:block;
	width:30px;
	height:76px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_chevalet:hover span {/*position de l'ouverture du span*/
	left:253px;
	bottom:-369px;
	}
	
/*---------------Positionnement touche-------------*/

#eclate #touche {/*position de la zone réactive*/
	left:314px;
	top:2px;
	z-index:20;	
	}

#eclate a#lien_touche {/*taille de la zone réactive*/
	display:block;
	width:288px;
	height:38px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_touche:hover span {/*position de l'ouverture du span*/
	left:196px;
	bottom:-407px;
	}
	
/*-------------Positionnement sillet haut---------------*/

#eclate #sillet_haut {/*position de la zone réactive*/
	left:577px;
	top:2px;
	z-index:20;	
	}

#eclate a#lien_sillet_haut {/*taille de la zone réactive*/
	display:block;
	width:25px;
	height:38px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_sillet_haut:hover span {/*position de l'ouverture du span*/
	left:-67px;
	bottom:-407px;
	}
	
/*-------------Positionnement cordes-------------*/

#eclate #cordes {/*position de la zone réactive*/
	left:314px;
	top:2px;
	z-index:20;	
	}

#eclate a#lien_cordes {/*taille de la zone réactive*/
	display:block;
	width:25px;
	height:38px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_cordes:hover span {/*position de l'ouverture du span*/
	left:196px;
	bottom:-407px;
	}
	
/*---------Positionnement mentonnière------------*/

#eclate #mentonniere {/*position de la zone réactive*/
	left:2px;
	top:94px;
	z-index:20;	
	}

#eclate a#lien_mentonniere {/*taille de la zone réactive*/
	display:block;
	width:78px;
	height:142px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_mentonniere:hover span {/*position de l'ouverture du span*/
	left:508px;
	bottom:-211px;
	}
	
/*--------------Positionnement table--------------*/

#eclate #table {/*position de la zone réactive*/
	left:63px;
	top:41px;
	z-index:10;	
	}

#eclate a#lien_table {/*taille de la zone réactive*/
	display:block;
	width:420px;
	height:226px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_table:hover span {/*position de l'ouverture du span*/
	left:447px;
	bottom:-180px;
	}
	
/*---------------Positionnement ouïes-----------------------*/

#eclate #ouies {/*position de la zone réactive*/
	left:207px;
	top:94px;
	z-index:20;	
	}

#eclate a#lien_ouies {/*taille de la zone réactive*/
	display:block;
	width:122px;
	height:129px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_ouies:hover span {/*position de l'ouverture du span*/
	left:303px;
	bottom:-224px;
	}
	
/*--------------Positionnement manche--------------------------------*/

#eclate #manche {/*position de la zone réactive*/
	left:484px;
	top:61px;
	z-index:20;
	}

#eclate a#lien_manche {/*taille de la zone réactive*/
	display:block;
	width:120px;
	height:65px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_manche:hover span {/*position de l'ouverture du span*/
	left:26px;
	bottom:-321px;
	}
	
/*-------------Positionnement tête------------*/

#eclate #tete {/*position de la zone réactive*/
	left:605px;
	top:50px;
	z-index:20;	
	}

#eclate a#lien_tete {/*taille de la zone réactive*/
	display:block;
	width:86px;
	height:55px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_tete:hover span {/*position de l'ouverture du span*/
	left:-95px;
	bottom:-342px;
	}
	
/*--------------Positionnement cheviller------------------*/

#eclate #cheviller {/*position de la zone réactive*/
	left:605px;
	top:65px;
	z-index:20;	
	}

#eclate a#lien_cheviller {/*taille de la zone réactive*/
	display:block;
	width:46px;
	height:25px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_cheviller:hover span {/*position de l'ouverture du span*/
	left:-95px;
	bottom:-357px;
	}

/*---------------Positionnement coquillon---------------*/

#eclate #coquillon {/*position de la zone réactive*/
	left:652px;
	top:50px;
	z-index:20;	
	}

#eclate a#lien_coquillon {/*taille de la zone réactive*/
	display:block;
	width:39px;
	height:40px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_coquillon:hover span {/*position de l'ouverture du span*/
	left:-142px;
	bottom:-357px;
	}
	
/*--------------Positionnement chevilles-----------------*/

#eclate #chevilles {/*position de la zone réactive*/
	left:652px;
	top:106px;
	z-index:20;	
	}

#eclate a#lien_chevilles {/*taille de la zone réactive*/
	display:block;
	width:39px;
	height:40px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_chevilles:hover span {/*position de l'ouverture du span*/
	left:-142px;
	bottom:-301px;
	}
	
/*---------------Positionnement fond--------------*/

#eclate #fond {/*position de la zone réactive*/
	left:66px;
	top:173px;
	z-index:5;	
	}

#eclate a#lien_fond {/*taille de la zone réactive*/
	display:block;
	width:405px;
	height:272px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_fond:hover span {/*position de l'ouverture du span*/
	left:444px;
	bottom:-2px;
	}
	
/*--------------Positionnement bouton---------*/

#eclate #bouton {/*position de la zone réactive*/
	left:43px;
	top:294px;
	z-index:20;	
	}

#eclate a#lien_bouton {/*taille de la zone réactive*/
	display:block;
	width:36px;
	height:29px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_bouton:hover span {/*position de l'ouverture du span*/
	left:467px;
	bottom:-124px;
	}
	
/*-------------------Positionnement tasseau---------------------*/

#eclate #tasseau {/*position de la zone réactive*/
	left:70px;
	top:268px;
	z-index:20;	
	}

#eclate a#lien_tasseau {/*taille de la zone réactive*/
	display:block;
	width:36px;
	height:49px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_tasseau:hover span {/*position de l'ouverture du span*/
	left:440px;
	bottom:-130px;
	}
	
/*-------------------Positionnement bord------------------------*/

#eclate #bord {/*position de la zone réactive*/
	left:140px;
	top:268px;
	z-index:20;	
	}

#eclate a#lien_bord {/*taille de la zone réactive*/
	display:block;
	width:83px;
	height:31px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_bord:hover span {/*position de l'ouverture du span*/
	left:370px;
	bottom:-148px;
	}
	
/*-----------------Positionnement âme-------------------*/

#eclate #ame {/*position de la zone réactive*/
	left:259px;
	top:262px;
	z-index:20;	
	}

#eclate a#lien_ame {/*taille de la zone réactive*/
	display:block;
	width:20px;
	height:37px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_ame:hover span {/*position de l'ouverture du span*/
	left:251px;
	bottom:-148px;
	}
	
/*-----------------Positionnement coin----------------*/

#eclate #coin {/*position de la zone réactive*/
	left:259px;
	top:224px;
	z-index:20;	
	}

#eclate a#lien_coin {/*taille de la zone réactive*/
	display:block;
	width:35px;
	height:37px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_coin:hover span {/*position de l'ouverture du span*/
	left:251px;
	bottom:-186px;
	}
	
/*----------------Positionnement barre----------------*/

#eclate #barre {/*position de la zone réactive*/
	left:295px;
	top:210px;
	z-index:20;	
	}

#eclate a#lien_barre {/*taille de la zone réactive*/
	display:block;
	width:100px;
	height:30px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_barre:hover span {/*position de l'ouverture du span*/
	left:215px;
	bottom:-207px;
	}
	
/*-------------Positionnement éclisse bas---------------*/

#eclate #eclisse_bas {/*position de la zone réactive*/
	left:120px;
	top:350px;
	z-index:20;	
	}

#eclate a#lien_eclisse_bas {/*taille de la zone réactive*/
	display:block;
	width:138px;
	height:40px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_eclisse_bas:hover span {/*position de l'ouverture du span*/
	left:390px;
	bottom:-57px;
	}
	
/*--------------Position éclisse cc---------------------*/

#eclate #eclisse_cc {/*position de la zone réactive*/
	left:280px;
	top:255px;
	z-index:20;	
	}

#eclate a#lien_eclisse_cc {/*taille de la zone réactive*/
	display:block;
	width:80px;
	height:30px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_eclisse_cc:hover span {/*position de l'ouverture du span*/
	left:230px;
	bottom:-162px;
	}
	
/*-----------------Positionnement éclisse haut--------------------*/

#eclate #eclisse_haut {/*position de la zone réactive*/
	left:400px;
	top:240px;
	z-index:20;
	}

#eclate a#lien_eclisse_haut {/*taille de la zone réactive*/
	display:block;
	width:60px;
	height:30px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_eclisse_haut:hover span {/*position de l'ouverture du span*/
	left:110px;
	bottom:-177px;
	}
	
/*---------------positionnement coin bas moule--------------------*/

#eclate #coin_bas_moule {/*position de la zone réactive*/
	left:259px;
	top:300px;
	z-index:20;	
	}

#eclate a#lien_coin_bas_moule {/*taille de la zone réactive*/
	display:block;
	width:40px;
	height:50px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_coin_bas_moule:hover span {/*position de l'ouverture du span*/
	left:251px;
	bottom:-97px;
	}
	
/*----------Positionnement du coin haut du moule------------------*/

#eclate #coin_haut_moule {/*position de la zone réactive*/
	left:361px;
	top:241px;
	z-index:20;
	}

#eclate a#lien_coin_haut_moule {/*taille de la zone réactive*/
	display:block;
	width:38px;
	height:58px;
	text-decoration:none;
	z-index:20;
	}
	
#eclate a#lien_coin_haut_moule:hover span {/*position de l'ouverture du span*/
	left:149px;
	bottom:-148px;
	}
/*------------Règles générales pour le span, positionné par rapport à l'image de fond à 510px de la gauche et 205px du haut----------*/

#eclate a span, #eclate a:visited span {
	display:none;
	}
	
#eclate a:hover span {
	position:absolute;
	display:block;
	width:188px;
	color:#fff;
	background-color:#000;
	font-size:1em;
	font-weight:bold;
	border-top:2px solid #003300;
	border-left:2px solid #003300;
	text-align:center;
	}

#eclate a:hover span img {
	float:left;
	clear:both;
	margin:3px;
	border:1px solid #333;
	}
	
/*---------Régle pour la visualisation de la zone réactive------------*/

#eclate a#lien_cordier:hover, #eclate a#lien_attache_cordier:hover, #eclate a#lien_tendeur:hover, #eclate a#lien_chevalet:hover, 
#eclate a#lien_touche:hover, #eclate a#lien_sillet_haut:hover, #eclate a#lien_cordes:hover, #eclate a#lien_mentonniere:hover, 
#eclate a#lien_table:hover, #eclate a#lien_ouies:hover, #eclate a#lien_manche:hover, #eclate a#lien_tete:hover, #eclate a#lien_cheviller:hover, 
a#lien_coquillon:hover, a#lien_chevilles:hover, a#lien_fond:hover, a#lien_bouton:hover, a#lien_tasseau:hover, a#lien_bord:hover, 
a#lien_ame:hover, a#lien_coin:hover, a#lien_barre:hover, a#lien_eclisse_bas:hover, a#lien_eclisse_cc:hover, a#lien_eclisse_haut:hover,
a#lien_coin_bas_moule:hover, a#lien_coin_haut_moule:hover {
	border:1px solid #fff;
	}