@charset "UTF-8";
/* CSS Document */
/* ******************************************************* */
/* TRES IMPORTANT : indiquez au browser que les tags HTML5 */
/* sont à prendre en compte en tant que blocs, les tags    */
/* inconnus ayant généralement la propriété                */
/* "display:inline" dans les navigateurs.                  */
/* ******************************************************* */
header, hgroup, section, footer, aside, nav, article { 
	display: block;   
}
/* ******************************************************* */

body {
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#968e8b;
	/* Création d'un degradé de boite, nouvelle CSS3 */
	box-shadow: 0px 20px 10px -10px #7D6B59 inset;
	background:/*url(imgs/fonds.jpg) fixed center no-repeat */ #FFF;
}
a { color:#333; }
a:hover{ text-decoration:none; }
#conteneur { /* pour centrer la page. */
	clear: both; 
	margin: 0 auto; 
	width: 970px;
	position:relative;
}
/* header */
#header{
	position:relative;
	width:970px;
	height:260px;
}

#headlogo{
	position:absolute;
	top:5px;
	left:5px;
	z-index:3;
}

#head {  
	position:absolute;
	top:0px;
	z-index:2;
	left:0px;
	width:970px;
	height:114px;
	background:#cbbfb9 url(imgs/filetBrun.png) bottom right no-repeat;
}  

#navheader{
	position:absolute;
	top:10px;
	left:160px;
	z-index:12;
	border-bottom: 1px dotted #fff;
	/*left:60px;*/
}
#navheader ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navheader ul li {
	border-left: 1px solid #503425;
	float: left;
	line-height: 1.1em;
	margin: 0px;
	padding: 0.3em 1em 0 1em;
	font: 10px Tahoma, Geneva, sans-serif;
	letter-spacing: 2px;
	text-transform:uppercase;
}
#navheader ul li a {
	color:#503425;
	text-decoration:none;
	font-weight:;
}
#navheader ul li a:hover {
	color: #503425;
	text-decoration:underline;
}
#navheader ul .first{ 
	border-left: 0px;
}

/* focus */
#focus{
	position:absolute;
	z-index:5;
	right:0px;
}

#focusItem, #focusRight{
	float:left;
	position:relative;
}

#focusRight #itemTitre{
	height:121px;
	text-align:right;
}
#focusRight #itemTitre h1, #focusRight #itemTitre h2{
	margin:0px;
	padding:0px;
	position:absolute;
	right:0px;
	width:350px;
	/*color:#503425;
	text-align:right;*/
}

#focusRight #itemTitre h2{ font-size:42px; top:43px; right:10px;}
#focusRight #itemTitre h1{ font-size:52px; font-weight:normal; color:#503425; top:10px }
#focusArticle { width:450px; text-align:right; }
#focusArticle .h2Item{
	color:#503425;
}

.ArticleItem{
	font-size:45px; 
	margin:0px; 
	padding:0px;
	color:#968e8b;
	margin-top:20px;
	margin-right:10px;
}

/* focus item
#focusItem{
	position:absolute;
	right:0px;
	top:0px;
	height:250px;
	z-index:4;
}
#focusItem #titreItem{
	float:left;
	margin-top:10px;
	position:relative;
	width:450px;
}
#focusItem p, #focusItem h2{
	margin:0px;
	padding:0px;
	position:absolute;
	right:0px;
	color:#503425;
	text-align:right;
}
 */

/* focus Article 
#focusArticle{
	position:absolute;
	right:280px;
	top:114px;
	height:250px;
	z-index:5;
	width:400px;
	text-align:right;
}


*/

/* content */
#content, #content-nav, #content-content, #slidebar, #content-contentItem{
	position:relative;
}

#content-contentItem{
	width:785px;	
	float:left;
}
	
#content-content{
	width:535px;	
	float:left;
	font-size:12px;
}
	

#content-content #contentTitle{
	width:520px;
	background:url(imgs/filetBrun.png) 0 0 no-repeat;
	height:28px;
	font-size:22px;
	font-family:Bauhaus-medium;
	line-height:28px;
}

#content-content #contentContent{
	width:520px;
	background:;
}
/* navigation left */
#content-nav{
	width:185px;
	float:left;
}
#navNavigation, #navUplaod{
	width:170px;
	background:url(imgs/fdTitleMenu.png) repeat-x;
}
#navNavigation ul, #navUplaod ul{
	margin:0px;
	padding:0px;
	padding-top:25px;
	padding-bottom:15px;
	width:170px;
}
#navNavigation ul li, #navUplaod ul li{
	list-style:none; 
	padding:0px;
	margin:0px;
	width:170px;
	padding-left:10px;
	height:25px;
	line-height:25px;
}
#navNavigation ul li a, #navUplaod ul li a{
	font-size:12px;
	text-decoration:none;
	color:#968e8b;
}
#navNavigation ul li a:hover, #navUplaod ul li a:hover{
	text-decoration:underline;
}

#navNavigation ul{
	background:url(imgs/nav-navigation.png) no-repeat 5px 0px;
}
.activeMenu{ font-weight:bold }
.activeMenu a{ margin-left:5px }
#navUplaod ul{
	background:url(imgs/nav-upload.png) no-repeat 5px 0px;
}

/* navigation slide*/
#slidebar{
	width:250px;
	float:left;
}
#navActu, #navNews{
	width:250px;
	background:url(imgs/fdTitleMenu.png) repeat-x;
	position:relative;
	margin-bottom:15px
}
#navNews ul{
	margin:0px;
	padding:0px;
	padding-top:25px;
	padding-bottom:25px;
	width:250px;
}
#navNews ul li{
	list-style:none; 
	padding:0px;
	margin:0px;
	width:250px;
}
#navActu article{
	background:url(imgs/nav-actu.png) no-repeat 5px 0px;
	padding-top:25px;
	padding-bottom:15px;
}
#basicActusIntro, #basicProIntro{ position:relative; padding-bottom:15px; }
#basicProIntro h2, #basicProIntro p{ margin:0px; padding:0px }
#navActu article button, #navNews button, #itemTitre button, #basicActusIntro button, #basicProIntro button{
	position:absolute;
	bottom:2px;
	right:2px;
	border:0px;
	color:#968e8b;
	height:20px; 
	background:url(imgs/ACDSee-32.png) no-repeat;
	padding-left:32px;
	font-size:14px;
	cursor:pointer
}
#itemTitre button{
	right:inherit;
	bottom:inherit;
	top:inherit;
	top:88px;
	right:20px;
}
#navNews button{
	font-family:Bauhaus-light;
}
#navNews ul{
	background:url(imgs/nav-news.png) no-repeat 5px 0px;
}

#navNews ul #basicNews{
	width:250px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px solid #503425
}

#contentContent #basicNews{
	width:520px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px solid #503425
}
#navNews ul #basicNews #basicNewsVisuel, #navNews ul #basicNews #basicNewsIntro, #contentContent #basicNews #basicNewsVisuel, #contentContent #basicNews #basicNewsIntro{
	float:left;
}

#navNews ul #basicNews #basicNewsVisue, #contentContent #basicNews #basicNewsVisuel{
	width:60px;
	text-align:center
}
#navNews ul #basicNews #basicNewsIntro{
	width:195px;
	float:right;
	
}
#contentContent #basicNews #basicNewsIntro{
	width:460px;
	float:right;
	
}
#navNews ul #basicNews #basicNewsIntro h2, #navNews ul #basicNews #basicNewsIntro p, #contentContent #basicNews #basicNewsIntro h2, #contentContent #basicNews #basicNewsIntro p{
	margin:0px;
	padding:0px;
	font-size:11px;
}
/* item */
#itemVu{
	/*position: relative;*/
	float:left;
}
#imgsVu3quart, #imgsVuDos{
	margin-bottom:5px;
}
#imgsVuDos{
	padding-bottom:100px;
}
#contentItem{
	/*position: relative;*/
	float:left;
}
#contentItem strong{
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	background:url(imgs/fdTitleMenu.png) repeat-x;
	color:#503425;
}
#contentItem ul .first{
	color:#503425;
	height:35px;
	line-height:20px;
	font-size:14px;
	list-style:none;
}
#contentItem ul li{
		font-size:11px;
		color:#968e8b;
		margin-left:15px;
}
#imgsVuShema{
	position:absolute;
	bottom:10px;
	right:50px;
}

/* item */
#NewsitemVu{
	float:left; background:;
}
.NewsitemVuWidth3, .NewsitemVuWidth21{width:261px; }
.NewsitemVuWidth20{width:400px; }

#NewscontentItem{
	float:left; background:;
}
.NewscontentItemWidth3, .NewscontentItemWidth21{width:520px; }
.NewscontentItemWidth20{width:381px; }

#NewscontentItem strong{
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	background:url(imgs/fdTitleMenu.png) repeat-x;
	color:#503425;
}


/* navigation item */
#navItemLeft, #navItemRight{
	position:absolute; height:26px; line-height:26px; font-size:14px
}
#navItemLeft a, #navItemRight a{ text-decoration:none; color:#968e8b; }

#navItemLeft{ left:10px; }

#navItemRight{ right:10px; }

/* list item */
#listItem{
	position:relative;
	width:260px; float:left; background:; text-align:center; padding-bottom:22px; border-bottom:#968e8b 1px solid;
}
.jshref{ cursor:pointer; }
#listItem button{
	position:absolute;
	bottom:2px;
	right:10px;
	border:0px;
	background:url(imgs/ACDSee-32.png) no-repeat;
	color:#968e8b;
	height:20px;
	/*width:62px;*/
	padding-left:32px;
	cursor:pointer;
	font-size:14px;
	text-align:right;
}

/* list coloris */
#listColoris{
	width:173px;
	float:left; background:; text-align:center; padding-bottom:22px; border-top:#968e8b 1px solid;
}
/*footer*/
#footer{
	position:relative;
	height:115px;
	width:970px;
	background: url(imgs/fd-footer.png) repeat-x;
}
#footer #filetfooter{
	position:absolute;
	background:url(imgs/filetBrun.png);
	height:9px;
	width:720px;
	top:0px;
	right:0px;
}
 #filetfooter{
	position:absolute;
	background:url(imgs/filetBrun.png);
	height:9px;
	width:720px;
	top:0px;
	right:0px;
}
#footer #logofooter{
	position:absolute;
	top:20px;
	right:20px;
}
#footer #footeradresse{
	position:absolute;
	top:20px;
	right:160px;
	color:#503425;
	text-align:right;
}
#footer #footeradresse p{
	padding:0px;
	margin:0px;
}
.clear{ clear:both }

/* font family */
.fontBauhausLight{ font-family:Bauhaus-light; }
.fontBauhausDemi{ font-family:Bauhaus-demi; }
.fontBauhausMedium{ font-family:Bauhaus-medium; }

@font-face {   
font-family: Bauhaus-light ;   
src: local('font/Bauhaus_Light_BT.ttf'), url('font/Bauhaus_Light_BT.ttf') format("truetype") /* non-IE */     
}
@font-face {   
font-family: Bauhaus-demi ;   
src: local('font/Bauhaus-demi_.ttf'), url('font/Bauhaus-demi_.ttf') format("truetype") /* non-IE */     
}
@font-face {   
font-family: Bauhaus-medium ;   
src: local('font/Bauhaus_Medium_BT.ttf'), url('font/Bauhaus_Medium_BT.ttf') format("truetype") /* non-IE */     
}

/* JqZoom */
div.jqZoomTitle {
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup {
		overflow:hidden;
		background-color:;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img {
	border: 0px;
}

.preload {
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(imgs/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow{
	border: 1px solid #999;
	background-color: #FFF;
}

#ditto_pages{ text-align:center; margin:auto }

.ditto_paging {
    border-top: 1px solid #ccc;
   /* padding: 10px; */
   padding-left:2px; padding-right:2px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #503425;
    /*padding: 1px 5px 2px;*/ 
   padding-left:2px; padding-right:2px;
    margin-right: 1px;
    background-color: #968e8b; 
    color: #503425;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    /*padding: 1px 5px 2px; */
   padding-left:2px; padding-right:2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #503425; 
    /*padding: 1px 5px 2px;*/ 
   padding-left:2px; padding-right:2px;
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #968e8b;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: