/*body*/
html {height:100.1%;}
body {background: #828282; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 40px 0; padding: 0;}
img {border: none;}

#global {width:788px; position:relative;
background:#DFE1E2; font-family: Verdana, Arial, Helvetica, sans-serif; margin:16px auto 0 auto; }

.separation {
	clear:both;
	visibility:hidden;
	}

/*~header */
#entete {width:788px; height:95px; position:absolute; top:4px; left:0px; z-index:2;}


/*--------------- MENU PRINCIPAL-----------------*/
#navbar {
	width:788px; 
	height:29px;
	background:url(images/barremenu6.gif) no-repeat;
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #6C4343;
	text-align: center;
	position: absolute;
 	top: 100px; left: 0px;
 	z-index: 3;
	}

#active {margin-top:4px;}
#navcontainer {margin: 0 0 0 1px; padding: 0;}
#navcontainer ul {list-style:none; padding:1px 0 2px 0; margin:0;}
#navcontainer li {float:left; position:relative;}
#navcontainer li.livres {float:left; position:relative; width:70px;}
#navcontainer li.oc {float:left; position:relative; width:100px;}
#navcontainer li.actus {float:left; position:relative; width:118px;}
#navcontainer li.cp {float:left; position:relative; width:131px;}

#navcontainer li.livres a, #navcontainer li.oc a, #navcontainer li.actus a, #navcontainer li.cp a { 
	display: block; height: 22px;
	background: url(images/navoff6.gif) no-repeat;
	padding: 3px 2px 1px 2px; margin: 0;
	border-top: 1px solid #867F7F;
	border-bottom: 1px solid #867F7F;
	color:#6C4343;										
	text-decoration: none;
	text-align: center;
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}

#navcontainer li.livres a:hover, #navcontainer li.oc a:hover, #navcontainer li.actus a:hover, #navcontainer li.cp a:hover { 
	background: url(images/nav1rollover.gif) no-repeat;
	color:#382525;										
	}
	 
	
/*-------------------SUBMENU------------------*/
.navbar2b {
	width:788px; 
	height:20px;
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #E9E9E9;
	text-align: center;
	position: absolute;
 	top: 132px; left: 0px;
 	z-index: 4;
	}

.navcontainer2b {margin: 0; padding: 0;}

.navcontainer2b ul { 
	list-style: none;	padding: 0px;	margin: 0; }

.navcontainer2b li {
	float: left; position: relative;	width: 100px;}

.navcontainer2b li a { 
	display: block; height: 18px;
	padding: 0px 0px 0px 0px; margin: 0 3px;
	color:#D3D4DC;
	background:#767676;
	text-decoration: none;
	text-align: center;
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.01em;
	border:1px solid #A7A7A7;
	} 

.navcontainer2b li a:hover { 
	color: #FFFFFF; border: 1px solid #A7A7A7;}
	
.activesub{color:#D3D4DC; background:#949494; border:1px solid #A7A7A7; margin: 0 3px}

/*-----------------CONTENU-----------------------------*/
#background_content {
	width:788px; 
	background:#DFE1E2;	
	position:absolute; 
	top:142px; 
	left:0px; 
	z-index:1;
	margin-bottom:40px;
	}

#content {
	width:782px; 
	font-size:13px; 
	color:#201F1F;
	background-color:#dfdddb; 
	border:1px solid #8B8E91; 
	padding:0; 
	margin:2px;
	}

#content h1 {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8c4646; 
	font-size:23px; 
	font-weight:normal;
	letter-spacing:0.4px; 
	margin:26px 0 4px 0;
	border-bottom:1px solid #aea2a2;
	border-top:1px solid #aea2a2;
	font-variant:small-caps;
	}

#content h1 span#normal {
	font-variant:normal;
	font-size:18px;
	}

#content h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color:#8c4646; 
	font-size:20px; 
	font-weight:500; 
	letter-spacing:0.4px; 
	margin:0 4px 18px 8px;
	}

#content p {
	margin:20px 20px 0 20px; 
	line-height:17px;
	text-align:justify;
	}

#content img.left {
float:left;
border:1px solid #828282;
margin: 16px 10px 10px 20px;
}

#content div#images {
	width:160px;
	float:left;
	margin: 0 10px 10px 0;
	}

#content ul.listing {
	color: #535353;
	margin: 16px 20px 10px 20px;
	list-style-type: none;
	padding: 0 0 0 20px;
	line-height:1.3em;
}

#content ul.listing li {
	margin-bottom:8px;
}

p#encadre {
	font-size:11px;
	background:#eae9e8;
	border:1px solid #b1b2b3;
	margin:20px;
	padding:14px; 
	line-height:16px;
	}

div.cadre {
	font-size:11px;
	background:#eae9e8;
	border:1px solid #b1b2b3;
	margin:40px 20px 20px 20px;
	padding:14px; 
	line-height:16px;
	}

div.cadre p {
	margin:14px;
	}

div.cadre p span.larger {
	font-size:13px;
	font-family:"Trebuchet MS", "Bitstream Vera Sans", geneva, arial, helvetica, verdana, helve, sans-serif;
	}
	
div.screen1 {
	display:inline;
	float:left;
	margin:0 100px 30px 80px;
	width:126px;
	}

div.screen2 {
	float:left;
	margin:0 100px 30px 0;
	width:126px;
	}

div.screen3 {
	float:left;
	margin:0 0 30px 0;
	width:126px;
	}

div.screen4 {
	float:left;
	margin:0 0 28px 40px;
	width:126px;
	}

div.screen1 img.thumb, div.screen2 img.thumb, div.screen3 img.thumb, div.screen4 img.thumb {
	display:block;
	height:116px;
	margin:0;
	border:1px solid #828282;
	}

div.screen1 h3, div.screen2 h3, div.screen3 h3, div.screen4 h3  {
	text-align:center;
	margin:10px 0;
	font-size:13px;
	font-family:"Trebuchet MS", "Bitstream Vera Sans", geneva, arial, helvetica, verdana, helve, sans-serif;
	}

	
div.screen1 p, div.screen2 p, div.screen3 p, div.screen4 p {
	text-align:center;
	margin:2px 0 10px 0;
	font-size:11px;
	}

#content a {color:#660033; text-decoration:none; border-bottom:1px solid #ac8c8c;}
#content a:hover {color:#285372; border-bottom:none;}

/*--navigation bloc contenu---*/
#secondnavbar {	
	height:20px;
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #E9E9E9;
	text-align: center;
	margin:10px 30px;
	}

#secondnavbar ul { 
	list-style: none;	padding: 0px;	margin: 0 auto; }

#secondnavbar li {
	float: left; position: relative;	width: 236px;}

#secondnavbar li a { 
	display: block; 
	height: 18px;
	padding: 0px 0px 0px 0px; margin: 0 3px;
	background:#b1b2b3;
	color:#ffffff;
	text-decoration: none;
	text-align: center;
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.01em;
	border:1px solid #988888;
	} 

#secondnavbar li a:hover { 
	color:#ffffff;
	background: #979797; 
	border: 1px solid #ffffff;
	}
	
#secondnavbar li a#active { 
	color: #dfe1e2; border: 1px solid #A7A7A7;
	background:#b5babf;}

#secondnav_active{color:#ffffff; background:#b5babf; border:1px solid #A7A7A7; margin: 0 3px}