div#container {
		float: left;
		height: 50%;
		padding:0px;
		background-color:white;
		}
.media_left {
		/*border:1px black solid;*/
		margin: 0px;
		float: left;
		width: 388px;
		height: 50%;
		padding:0px;
		background-color:white;
		}
.media_right {
		/*border:1px black solid;*/
		margin: 0px;
		float: right;
		width: 388px;
		height: 50%;
		padding:0px;
		background-color:white;
		}
.cell {
		/*border:1px black solid;*/
		margin: 0px;
		margin-bottom: 1px;
		width: 380px;
		height: 50%;

	}
img	{border: 0;}
p.MsoNormal, li.MsoNormal, div.MsoNormal{
	margin:0in;
	margin-bottom:.0001pt;
}
p.Sansinterligne, li.Sansinterligne, div.Sansinterligne{
	margin:0in;
	margin-bottom:.0001pt;
}
p.texte, li.texte, div.texte{
	margin:0in;
	margin-bottom:.0001pt;
}
	
body	{
	background-repeat: repeat;
	background-position: center;
	background-image:url(/i/77.jpg);
	background-attachment:fixed;
	/*background: #333333;*/
	color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	/*border-top: 5px solid #bbb;*/
	text-align: center;
	font: 14px Verdana, sans-serif; 
	padding-bottom: 25px;
}

	
#wrapper  {
	background: #fff url(/i/bg3.png) repeat;
	color: #333;
	margin: 10px auto;
	padding: 0;
	border: 1px solid #bbb;
	border-top: 5px solid #bbb;
	width: 1000px;
}

    
#pagebody	{
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	border: 0;
	color: #444;
	background: transparent;
	clear: both;
}
    
#header	{
	background: #000 url(/i/top98.png) top left no-repeat;
	border: 1px solid #000;
	margin: 0;
	padding: 0;
	text-align: left;
	height: 100px;
	clear: both;
	width: 1000px;
}
#header_top	{
	/*background: gray;*/
	height: 70px;
	width: 1000px;
}
#header_logo	{
	/*background: red;*/
	float: left;
	width: 350px;
	height: 70px;
}
#header_rech	{
	/*background: green;*/
	float: right;
	width: 650px;
	height: 70px;
	/*position: relative;*/
}
#header_rech_av	{
	/*background: white;*/
	color: #cccccc;
	float: right;
	margin-left: 0px;
	padding-top: 19px;
	width: 265px;
	height: 70px;
	/*padding: 20px 20px;*/
}
#header_rech_av_txt	{
	/*background: white;*/
	color: #cccccc;
	float: right;
	margin-left: 0px;
	margin-top: 15px;
	width: 200px;
	height: 70px;
	/*padding: 20px 20px;*/
}

#header_rech_loupe	{
	/*background: blue;*/
	color: #cccccc;
	float: left;
	margin-left: 0px;
	/*margin-top: 33px;*/
	width: 30px;
	height: 70px;
	/*padding: 20px 20px;*/
	/*display: none;*/
}
/*#apple #search input[type="text"]:focus #header_rech_loupe	{
	display: block;
}*/
#header_rech_av	a{
	font: bold 13px Arial,Helvetica,Sans-serif;
	color: #cccccc;
	background: transparent; 
}
#header_rech_av	a:hover{
	font: bold 13px Arial,Helvetica,Sans-serif;
	color: #fff;
	background: transparent;
	text-decoration : none;
}
#topmenu {
/*background: purple;*/
	/*position: fixed;*/
	border: 0;
	padding: 0;
	/*margin: 108px 0 0 0;*/
	width: 1000px;
	/*float:left;*/
	height: 30px;
}
#topmenu ul {
	margin: 0;
	padding: 5px 10px;
	/*background: #E5E5E5;*/
}
#topmenu ul li {
	display: inline;
	margin-right: 20px;
	padding-left: 5px;
	border-left: 5px solid gray;
}
#topmenu ul li a {
	font-size: medium;
	color: #fff;
	/*font-weight: bold;*/
	font-family: Arial;
}
#header img	{
	margin: 0;
	padding: 0;
	border: 0;
}
#home {
	/*position: absolute;*/
	float: left;	
	height: 100px;
	width: 1000px;
	top: 0px; 
	/*left : 155px;*/
	text-decoration: none;
}
#home a img {
	height: 100px;
	width: 470px;
}
#ad {
	/*position: absolute;*/
	/*float: right;*/
	/*height: 100px;*/
	width: 540px;
	top: 0px; 
	/*left : 155px;*/
	text-decoration: none;
	float: left;
}
#ad2 {
	/*position: absolute;*/
	text-align: left;
	                       
	float: right;
	height: 220px;
	width: 230px;
	padding-top: 0px;
	padding-right:5px;
	padding-left: 5px;
	/*border: solid white 1px;*/
	/*left : 155px;*/
	text-decoration: none;
	/*background : #f4f3e8;*/
}
#adspacer {
	height: 260px;
}
.inpt1 {background : #E5E5E5;border : 1px solid #CCCCCC;}
.inpt2 {font-size: x-small;}
.subm1 {color : #000;background : #E5E5E5;border : 1px solid #CCCCCC;}
.subm2 {color : #000;background : #F5F5F5;border : 1px solid #CCCCCC;}
.subm_sm {font-size: 0.85em;}

/******************/
/* Menu de droite */
/******************/	
#sidemenu {
	margin: 10px 0 25px 0;
	padding: 10px;
	border: 0;
	text-align: center;
	width: 180px;
	float: left;
	font-size: 14px;
}
#sidemenu ul	{
	margin: 0;
	padding: 10px 0 0 0;
	text-align: left;
	border: 0;
	list-style:none;
}
#sidemenu ul li	{
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 1.9em;
    font-size: 90%;
    border-bottom: 1px solid #F4F5F5;
}

#sidemenu ul li a.info {
  position:relative;
  border-bottom:1px dashed #808080; 
  text-decoration: none; 

}
#sidemenu ul li a:hover.info {
  text-decoration: none; 
  background: none;
}
#sidemenu ul li a.info span {display: none;}
#sidemenu ul li a:hover.info span {
  display: inline; 
  position: absolute;  
  top:1.5em; 
  left:1.0em; 
  z-index: 20; 
  background: #FFFFFF; 
  color: #1CAD18; 
  border:1px solid #000; 
  width:150px; 
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding:2px 4px;
}

#sidemenu ul li p{

	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 0em;
}
#sidemenu .periode{
	padding-bottom: 3px;
  font-size: 9px;
  text-align:right;
  
}

#sidemenu dl	{
	margin: 0;
	padding: 0;
}
#sidemenu dt, .sttl	{
	color: black;
	background-color: #cccccc;
	font: 105% Arial;
	font-weight: bold;
	border: 1px solid #fff;
}
   
#sidemenu .sttl {
	margin: 0;
}
#sidemenu dd 	{
    padding: 0;
	margin: 2px 0 10px 0;
} 
#sidemenu form label {
	color: #000;
	font-size:13px;
}
#sidemenu #prof {
	border-top: 2px solid #E5E5E5;
	border-bottom: 2px solid #E5E5E5;
	padding-top: 10px;
	padding-bottom: 5px;
}
	
#main	{
	float: left;
	margin: 0;
	padding: 10px;
	width: 780px;
	text-align: left;
	font-size: 13px;
}
#main p {line-height: 1.3;}


.archive {width:100%;text-align:center;margin:5px 0 0 0;}
.archive a {font-size:11px;}
/******************/
/* Date - accueil */
/******************/
#maj {color: gray;text-transform: uppercase;text-align: center;letter-spacing: 2px;}
/*********************/
/* Message - accueil */
/*********************/
#mess {background: #F8F7EF;padding: 15px 10px;border-top: 1px dashed gray;border-bottom: 1px dashed gray;line-height:1.3;}
#mess img {margin-right: 10px;}

/************************/
/* Nouveautés - accueil */
/************************/
#nouv {margin: 0;padding: 0;border: 0;}
#nouv img {border: 1px solid #E5E5E5;}
#nouv ul {margin: 15px;padding: 0;}
#nouv ul li {font-size: x-small;list-style: none;}
#nouv td {font-size: large; width: 20%;text-align: center;background: #e6e6e6;}
#nouv a:hover img {border: 1px solid #fff;}
/*#E5E5E5;    #000;   */
/************************/
/* SP - accueil */
/************************/
#sp {margin: 0;padding: 0;border: 0;}
#sp img {border: 1px solid #000;}
#sp ul {margin: 0;padding: 0;}
#sp ul li {font-size: x-small;list-style: none;}
#sp a:hover img {border: 1px solid #E5E5E5;}

/*****************************/
/* Dans les médias - accueil */
/*****************************/
#medias img {border: 1px solid #000;}
#medias ul {margin: 0;padding: 0;list-style:none;}
#medias li {margin: 0;padding: 0;}
#medias .title a {text-transform: uppercase;font-weight:bold;font-size:90%;}
/*#medias #coll {border-right: 1px solid #666666;padding-right: 3px;}*/
#medias #colr {padding-left: 3px;}
#medias .cit {line-height: 1.3;border-bottom: 15px solid #666666;padding-bottom: 10px;}
#medias .cit ul {padding:15px;}



/*****************************/
/* bloc pro - commande nouveautés */
/*****************************/
#desc_nv {padding-top: 24px;}
#desc_nv {padding-bottom: 0px;}
#nv img {border: 1px solid #000;}
#nv ul {margin: 0;padding: 0;list-style:none;}
#nv li {margin: 0;padding: 0;}
#nv p {margin: 0;padding: 1;}
#nv .title a {text-transform: uppercase;font-weight:bold;font-size:90%;fontcolor: black}
#nv .editeur {font-weight:bold;font-size:85%;padding-bottom: 1px;}
#nv .auteur {font-weight:bold;font-size:90%;padding-bottom: 1px;}
#nv .desc {font-size: 80%;padding-bottom: 1px;}
#nv #coll {border-right: 1px solid #E5E5E5;padding-right: 1px;}
#nv #colr {padding-left: 3px;}
#nv .ex {line-height: 0;border-bottom: 0px solid #ECECE1;padding-bottom: 1px;padding-right: 3px;font-size: x-small;}
/*#nv .ex ul {padding:15px;}*/
#nv hr {border: 0px;height: 0px;color: #e6e6e6;background-color: #e6e6e6;width: 100%;}
#nv .cell {
border-left: 0px solid black;
border-top: 0px solid black;
border-right: 0px solid black;
border-bottom: 0px solid black;
margin-right: 2px;
padding-bottom: 5px;
width: 250px;
height: 50%;
background: #e6e6e6;
}
/*#nv td {height: 20px}*/


/********************/
/* Brèves - accueil */
/********************/
#breves .brv {line-height: 1.3;padding: 10px;width: 700px;}
#breves #rentree {margin-top: 5px;border-bottom: black 1px; }
#breves #rentree td {width:150px;padding-top: 10px;text-align:center;}
#breves #rentree img {display:block;}
#breves .disparus td {padding-right: 10px;}
#breves .bk_img {background: white;}
#breves .bk_img img {border: 1px solid #000;}
/**************************/
/* Autres liens - accueil */
/**************************/
#divers {
}
#divers img {
	border: 2px solid #E5E5E5;
}
#divers a:hover img {
	border: 2px solid #000;
}
/************************/
/* Jeunesse - sélection */
/************************/
#jn {
	list-style: url(/jeunesse/bullet_jn.png);
	padding-bottom:15px;
	width: 770px;
}
#jn_salle_droite {
	width: 300px;
	float: right;
}
#jn_salle_gauche {
	width: 450px;
	float: left;
	font-size: small;
	
}

/*#legend {text-decoration: underline;}*/
#header_jeun {
		float: left;
		height: 50%;
		padding:0px;
		background-color:white;
		}
#header_jeun_gauche {
		/*border:1px black solid;*/
		margin: 0px;
		float: left;
		width: 388px;
		height: 50%;
		padding:0px;
		background-color:white;
		}
#header_jeun_droite {
		/*border:1px black solid;*/
		margin: 0px;
		float: right;
		width: 388px;
		height: 50%;
		padding:0px;
		background-color:white;
		}
#medias_jn img {border: 1px solid #000;}
#medias_jn ul {margin: 0;padding: 0;list-style:none;}
#medias_jn li {margin: 0;padding: 0;}
#medias_jn .title a {text-transform: uppercase;font-weight:bold;font-size:90%;}
#medias #coll {border-right: 1px solid red;padding-right: 3px;}
#medias_jn #colr {padding-left: 3px;}
#medias_jn .cit {line-height: 1.3;border-bottom: solid 1px;padding-bottom: 15px; border-bottom-color: gray; }
#medias_jn .cit ul {padding:15px;}

/*********************/
/* État de connexion */
/*********************/
#status {
	margin: 0;
	padding: 2px 0;
	border: 0;
	background: #e6e6e6;
	float: right;
	width: 795px;
	font-size: small;
	text-align: right;
}
#status .connected {
	color: green;
}
#status form {
	margin: 0;
	padding: 0 10px;
	border: 0;
	display: inline;
}
/*#status input {
	color : #000;
    background : #F5F5F5;
	border : 1px solid #CCCCCC;
	font-size: x-small;
}*/

/**************************/
/* Résultats de recherche */
/**************************/
#results .col_infos {padding-left:10px;width:400px;}
#results ul {margin: 0;padding: 0;}
#results li {line-height: 1.5em;}
#results .title {color: darkred;}
#results .title a {text-decoration: underline;}
#results .infos {padding: 0 0 15px 10px;}
#results .infos li {list-style: disc url(/images/cn/listmark.gif) inside;}
#results .buttons {width: 220px;background:#f7f7f7;text-align:center;vertical-align: top;padding: 10px;}
#results .bk_img {background: white;}
#results .bk_img img {border: 1px solid #000;}

/*********************/
/* Gestion des notés */
/*********************/
#notes {
	font-size: x-small;
}
#notes form {
	border: 2px solid #E5E5E5;
	width: 450px;
	padding: 6px;
}
#notes td {
	padding: 0 10px 5px 0;
}
#notes .client {
	padding-top: 3px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
#notes a {
	text-decoration: underline;
}
#notes .row td {
	border: 0;
	border-bottom: 1px solid #E5E5E5;
	margin: 0;
}

/*********************/
/* Recherche avancée */
/*********************/
.dis {font-weight: bold; padding-bottom: 20px;}
#rech .sbm {text-align: center;padding: 20px 0;}
#rech .padbot {padding-bottom: 40px;}
#rech .bkg {background: #e6e6e6;}
#rech .nb {display: block; padding-left: 10px;padding-top: 5px;}

/***********/
/*  Aide   */
/***********/
#aide .subttl {
	background: url(/i/listmark3.gif) left no-repeat;
	padding-left: 20px;
}
#aide .link_top a {
	text-decoration: underline;
}
	
/**************/
/*  Contacts  */
/**************/
#contact ul {list-style:none;}
#contact .nom {font-weight:bold;list-style:disc;}

/*****************/
/*    Cadres     */
/*****************/
#toutautour {
  border-width:1px;
  border-style:solid;
  border-color:blue;
  padding:1cm;
  text-align:justify; }

	
/****************/
/* Pied de page */
/****************/
#foot	{
	border: 0;
	border-top: 1px solid #ccc;
	background: #4c4c4c;
	color: white;
	padding: 5px 7px 7px 10px;
	height: 20px;
	text-align: center;
	clear: both;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;	
}
	
/*************************************/
/* Titre de chaque section - accueil */
/*************************************/
#Style1 {
	font-family: "Trebuchet MS";
	font-weight: bold;
}

.ttl {
	color: white;
	font-size: medium;
	font-weight: normal;
	text-decoration: none;
	background: #666666;
	padding: 2px 5px;
	font-family: Arial;
}
.ttl2 {
	color: red;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 0;
	font-family: Arial;
}

.bold {font-weight: bold;}
.error {color: red;}
.success {color: green;}
.important {
	background:url(/i/important.gif) top left no-repeat;
	padding: 15px 10px 15px 50px;
	border-top: 1px dashed gray;
	border-bottom: 1px dashed gray;
	line-height:1.3;
}
.impor {
	padding: 15px 10px 15px 15px;
	border-top: 1px dashed gray;
	border-bottom: 1px dashed gray;
	line-height:1.3;
}
.nb {font-size: x-small;}
.nb2 {font-size: 90%;}
.listmk2 li {list-style: disc url(/i/listmark2.gif);}
	
/* Headers */
h1, h2, h3 {font-size: large;}
h1, h2 {border-bottom-color: #e6e6e6; padding-top: 15px;border-bottom: 5px solid;}
h6 {margin: 0 0 0 0}
	
/* Liens */
	
a:link, a:visited {
	font-weight : normal; 
	text-decoration : none;
	color: #336633;
	background: transparent; 
}
a:hover {
	font-weight : normal; 
	text-decoration : underline;
	color: #999;
	background: transparent; 
}
a:active {
	font-weight : normal; 
	text-decoration : none;
	color: #526968;
	background: transparent;  
}

.grid {font-size:85%;}
.grid tr.hd td {background:#e6e6e6;}
.grid .grdate {font-size:85%;}
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    /*background:url(/nivo-slider/demo/images/slider.png) no-repeat;*/
    width:500px;
    height:210px;
    margin:0 auto;
    padding-top:0px;
    margin-top:0px;
}

#slider {
	position:relative;
    width:500px;
    height:200px;
    margin-left:0px;
	/*background:url(images/loading.gif) no-repeat 50% 50%;*/
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:200px;
	bottom:-26px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(/nivo-slider/demo/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/nivo-slider/demo/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
	text-align:justify;
}
.nivo-caption a { 
    color: #e6e6e6;
    text-decoration:underline;
}

/*====================*/
/* Apple-like Search Box */


#apple {
	float: left;

   /*height: 25px;*/
   padding-top: 20px;
   padding-left: 30px;
   /*margin-top: 20px;*/
   /*background:red;*/
   width: 350px;
   /*position: fixed;*/
}

#apple #search {
    color: gray;
}

#apple #search input[type="text"] {
    /*background: url(../i/search-white.png) no-repeat 10px 6px #444444;*/
    /*background: url(../i/search-dark.png) no-repeat 10px 6px white;*/
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    
    color: gray;
    width:320px;
    padding: 6px 15px 6px 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /*text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); */
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    /*-webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;*/
    }

/*#apple #search input[type="text"]:focus {
    background: 10px 6px #fcfcfc;
    color: black;
    width: 330px;
    padding: 6px 15px 6px 15px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }*/
