/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; }
html, body, #container { height:100%; }
body > #container { height:auto; min-height:100%; }

body { margin:0; padding:0; font:12px/18px Helvetica, Arial, sans-serif; color:#333; text-align:center; }
img { border:0; }
a { text-decoration:none; color:#595959; }
a:hover { text-decoration:underline; }
a:active, a:focus { border:none; outline:none; }
form, input, textarea, select { font-size:10px; margin:0; }

h1, h2, h3, h4, h5, h6 { margin:0; }

ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
ul li a { margin:0; padding:0; }


/*****************************/
/*        STRUCTURE          */
/*****************************/
#container { background:url(navpics/fonds/fd_container.gif) 0 0 repeat-y; height:100%; margin:0 auto; position:relative; text-align:left; width:960px; } /* conteneur de page */

#content { background:url(navpics/fonds/fd_content.gif) 0 0 repeat-y; float:left; margin:0; width:740px; } /* contenu */ /* padding-bottom SHOULD BE same height as the footer */
#content_det { background:url(navpics/fonds/fd_content_det.gif) 0 0 repeat-y; float:left; margin:0; width:740px; } /* contenu */ /* padding-bottom SHOULD BE same height as the footer */

#nav_main { float:left; margin:0; padding:25px 15px 50px 0; text-align:right; width:205px; } /* navigation principale */

#content_main { float:left; padding:0 0 0px 0; width:460px; } /* contenu principal */
#content_main_det { float:left; padding:0 0 50px 0; width:524px; } /* contenu principal pour les rubriques et les articles */

#content_supp { float:left; font-size:11px; line-height:16px; padding:0 0 0px 19px; width:261px; } /* contenu supplémentaire */
#content_supp_det { float:left; font-size:11px; line-height:16px; padding:0 0 50px 13px; width:203px; } /* contenu supplémentaire pour les rubriques et les articles */

#site_info { /* ours du site - footer */
	clear:both;
	height: 39px;
	margin:0px auto 0 auto; /* margin-top must be the negative value of footer height */
	position: relative;
	width:960px;
}
.footer { background:url(navpics/fonds/fd_container.gif) 0 0 repeat-y; height:39px; overflow: hidden; }
.footer p { background:url(navpics/pointilles/gris_hz.gif) 0 0 repeat-x; height:39px; line-height:39px; margin:0 0 0 220px; text-align:center; }


/*****************************/
/*  	     HOME  		 	 */
/*****************************/
.item_riv { background:url(navpics/pointilles/gris_hz.gif) 0 0 repeat-x; line-height:16px; padding:1px 1px 0 0; }
.item_riv a { }
.item_riv a:hover { text-decoration:none; }
.item_riv h2 + p, .item_riv ul + p { margin:0; }

.encart_flash {
	text-align: center;
	margin-bottom: 60px;
	}
.encart { margin:17px 0 0 0; padding:0 0 13px 0; }
.encart .text { padding:0 15px 0 11px; }


.encart .site, .encart .encart_article { background:url(navpics/pointilles/gris_hz_small.gif) 0 0 repeat-x; padding:11px 15px 9px 11px; width:235px; }
.encart h3 + div.site { background:none; }
.encart h3 + div.encart_article { background:none; }
.encart .site .logo, .encart .encart_article .logo { float:left; margin:0 8px 4px 0; }
.encart .site .logo_paysage, .encart .encart_article .logo_paysage { margin:0 0 8px 0; }
.encart h4 {}
.encart h4 + p { margin:0; }


/*****************************/
/*  	  RUBRIQUES 		 */
/*****************************/
.entete { padding:4px 0 4px 24px; }
.entete form { padding-bottom:10px; }

.item_art a:hover { cursor:pointer; text-decoration:none; }
.item_art .vignet { float:left; }
.item_art .text { float:left; padding:0 0 0 21px; width:379px; }
.item_art p { font-size:11px; line-height:16px; margin:0 0 4px 0; }
.item_art .surtitre { color:#767b7f; font-size:12px; font-weight:bold; line-height:16px; margin:0 0 2px 0; }

/*****************************/
/*  	   ARTICLES 		 */
/*****************************/
.bandeau { float:left; }
.article { background:url(navpics/fonds/fd_entete_art.gif) 0 0 repeat-x; padding:8px 27px 0 25px; width:471px; }
.retour { margin:0 0 10px 0; } 
.retour a { color:#; } 
.surtitre { font-size:14px; }
.surtitre a { color:#5e5f71; font-size:14px; }
.sous_titre { font-size:16px; }
.item_art .sous_titre { font-size:14px; font-weight:normal; margin:0; }

.text a {
	position: relative;
}

.text a em {
	background-image: url('navpics/puces/zoom.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 110px;
	margin-left: -120px;
	display: block;
	float: left;
	cursor: pointer;
	opacity: 0.8;
	}
.text a em:hover{
	opacity: 1;
}

.chapo { font-weight:bold; }

.article h5 { background:#e7e7e7; font-size:11px; font-weight:normal; line-height:15px; margin:24px 0 20px 0; padding:0 0 0 6px; } /* production */
.article .text { margin:25px 0 0 0; }
.article .text + p { margin-top:0; }
.article .vignet { cursor:pointer; float:left; margin:0 10px 3px 0; }


.encart_det { margin:29px 0 0 0; }
.encart_det .text { color:#666; padding:8px 10px 0 20px; }
.encart_det .plus { color:#666; padding:8px 0 0 0; }
.encart_det .text p:first-child { margin-top:0; } 
.encart_det .photo { float:left; height:60px; margin:0 0 3px 0; width:85px; }
.encart_det .plus li { margin:0 0 16px 0; }
.encart_det .plus li a { display:block; }
.encart_det .plus li .visuel { float:left; width:70px; }
.encart_det .plus li .item { float:left; width:391px; padding:0 0 0 10px; }
.encart_det .plus li .item .soustitre { color:#000; margin:0; }
.encart_det .plus li .item .suite { margin:4px 0 0 0; }

.text dl.spip_documents { margin-left:-95px; }
dl.spip_documents { text-align:left; }
dt.spip_doc_titre  { text-align:left; }

a.generer:hover { text-decoration:none; }

.tri { margin:0 0 20px 0; }
.tri li { color:#999; float:left; }
.tri li:first-child { padding:0; }
.tri li a { background:url(navpics/separ/par.gif) right 2px no-repeat; color:#999; padding:0 9px 0 8px; }
.tri li:last-child a { background:none; }
.tri li.on a { color:#333; }

h3.entete_tri { background:#999 url(navpics/pointilles/gris_hz_bis.gif) 0 0 repeat-x; color:#fff; cursor:pointer; font-size:14px; height:23px; line-height:23px; padding:0 0 0 30px; text-transform:uppercase; }
h3.entete_tri .affiche { display:block; float:right; font-size:12px; font-weight:normal; margin:0 8px 0 0; padding:0 0 0 15px; text-transform:none; }
h3.ui-state-default .affiche { background:url(navpics/puces/fleche_blanche_droite.png) 0 5px no-repeat; }
h3.ui-state-active .affiche { background:url(navpics/puces/fleche_blanche_bas.png) 0 6px no-repeat; }
.total { font-size:12px; font-weight:normal; text-transform:lowercase; }
h3:active, h3:focus { border:none; outline:none; }


.ensavoirplus .plus { color:#666; padding:8px 0 0 0; }
.ensavoirplus .plus li { margin:0 0 16px 0; }
.ensavoirplus .plus li .visuel { float:left; width:70px; }
.ensavoirplus .plus li .item { float:left; width:391px; padding:0 0 0 10px; }
.ensavoirplus .plus li .item .soustitre { color:#000; margin:0; }
.ensavoirplus .plus li .item .suite { margin:4px 0 0 0; }
.ensavoirplus h3 { 
	color:#fff; 
	cursor:pointer; 
	font-size:14px;
	font-weight:normal;
	height:23px; 
	line-height:23px;
	margin:0 0 16px 0;
	padding:0 0 0 25px; 
	text-transform:uppercase;  
	margin:0 -27px 0 -25px; 
}
.ensavoirplus h3 .affiche { display:block; float:right; font-size:12px; font-weight:normal; margin:0 8px 0 0; padding:0 0 0 15px; text-transform:none; }
.ensavoirplus h5 { background:none; margin:0; padding:0; }
.ensavoirplus .surtitre { color:#767b7f; font-size:12px; font-weight:bold; line-height:16px; margin:0 0 2px 0; }

/*****************************/
/*         SPECIFIC          */
/*****************************/
h3.infos { background-image:url(navpics/puces/infos.gif); }
h3.contact { background-image:url(navpics/puces/contact.gif); }
h3.docs { background-image:url(navpics/puces/download.gif); }
h3.photos { background-image:url(navpics/puces/photos.gif); }
/* h3.ensavoirplus { background-image:url(navpics/puces/plus.gif); } */
h3.son { background-image:url(navpics/puces/son.gif); }
h3.dates { background-image:url(navpics/puces/date.gif); }
h3.video { background-image:url(navpics/puces/video.gif); }


h4.doc { background:url(navpics/puces/doc.gif) 0 1px no-repeat; font-size:11px; margin:0 0 4px 0; padding:0 0 0 15px; }
h4.doc a { display:block; }
h4.son { font-size:11px; margin:0 0 4px 0; }

ul.mots { background:url(navpics/fonds/fd_tags.gif) 0 0 no-repeat; margin:8px 0 0 0; min-height:16px; padding:0 0 0 1px; }
.item_riv .mots { margin:4px 0 0 0; }
ul.mots li { background:url(navpics/fonds/fd_tag.gif) 0 0 no-repeat; float:left; height:16px; font-size:10px; margin:0 0 5px 0; padding:0 0 0 8px; }
ul.mots li a { border-top:1px solid #c2c1c1; border-bottom:1px solid #c2c1c1; border-right:1px solid #c2c1c1; display:block; height:14px; line-height:14px; padding:0 5px 0 4px; }

.suite { float:left; }
.suite a { display:block; }
.suite a:hover { text-decoration:none; }

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear { clear:both; height:0; }

.ui-tabs-hide { display: none; }

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.hide { display:none; }
.bloc { display:block; }

.flotleft { float:left; }
.flotright { float:right; }

/* backgrounds en PNG */
a.link_presentation { 
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/common/top/presentation.png');
	background:transparent;
	cursor:pointer;
	}	
a[class="link_presentation"] { 
	/* IE ignores styles with [attributes], so it will skip the following. */
	background: url(/images/common/top/presentation.png); 
}

/* @group Image in a link (a.link_img) */
a.link_img { display:block; border:3px solid #e9e9e9; width:102px; }
a.link_img:hover { border:3px solid #08b2e9; }

/* shadows */
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(/images/common/fonds/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(/images/common/fonds/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 4px 5px 0;
	background:url(/images/common/fonds/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #2e3226;
}