@charset "utf-8";
/* CSS Document */

body
{
	background-image:url(images/body.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	height:100%;
	font-family: Arial, Verdana,    Helvetica, sans-serif;
}

html
{
	height:100%;
}

* html #conteneur
{
height: 100%;
}

#conteneur
{
	width:1009px;
	margin: 0 auto;
	/* background:#bfebf6; */
	border: 2px #4670ad solid;
	position:relative;
	min-height:99%;
	overflow:auto;
}

div#header-top
{
	width:1009px;
	height:30px;
	/* background:url(images/header_top.jpg) no-repeat; */
}

div#footer1
{
	width:1009px;
	height:114px;
	/* position:absolute; */
	/* bottom: 29px;  avec cette propriété, le bloc se placera tout en bas à gauche de ta page */

	 background:url(images/footer1a.png) no-repeat; 
}

div#footer2
{
	width:1009px;
	height:29px;
	line-height:29px;
	text-align:center;
	font-size:0.9em;
	/* position:absolute; */
	/* bottom:0;*/
	 background:url(images/footer2a.jpg) no-repeat; 
}

#header
{
	width:1009px;
	height:270px;
	/* background:url(images/header.jpg); */
}

#menu
{
margin: 0 auto 0;
padding: 0;
width: 1009px;
height:56px;
background: url('images/menu.png') no-repeat;
voice-family: "\"}\"";
voice-family: inherit;
}

#menu #nav
{
    list-style: none;
    margin: 0;
	padding-left:0px;
	position:relative;
}

#menu #nav li 
{
    display: block;
	float: left;
}

#menu #nav a 
{
    background: url(images/hover2.png);
	color: #175081;
    display: block;
    height: 50px;
	width:auto;
    padding-left: 1px;
	/* padding-right:1px; */
	line-height:50px;
	position:relative;
	text-decoration:none;
	font-size:1.2em;
}

#menu #nav a:hover 
{
	/* background:url(images/menu_hover_cote.jpg) no-repeat top right; */
	background-position: 0 -56px ;
}

#menu #nav a:hover span
{
	background-position: 100% -56px;
}

#menu #nav span 
{
    background: url(images/hover2.png) 100% 0;
	display: block;
	padding-left:50px;
	padding-right:50px;
}

table table.lien td
{
text-align:center;
color: #175081;
}

div#contenu_menu
{
	 float:left; 
	 width:750px; 
	 margin-top:25px; 
	 padding-bottom:143px;
	 padding-left:30px;
	
	
	
}

span.thumb
{	
  min-height:190px;
  width: 220px;
  display:block;
  float:left;
  text-align:center;
  vertical-align: middle;
}

span.thumb div div
{	
	color: #175081;
	margin-bottom:10px;
	padding-right:5px;
}

span.thumb img
{
	padding-top:1px;
	padding-right:4px;
}

div.page_lettre
{
	position:relative;
	margin: 0 auto;
	width:400px; 
	text-align:center;
	left:-30px;	
}

/* div.page_lettre a
{
	text-decoration:none;
	font-size:1.2em;
	color: #175081;
} */

div.page_lettre span.lettre:hover
{
	/* background:url(images/page_hover.jpg); */
	height:25px;
	width:25px;
	text-decoration:none;
	cursor:pointer;
}

div.page_lettre span.lettre
{
	display:inline-block;
	background:url(images/page.jpg) no-repeat;
	height:25px;
	width:25px;
	line-height:25px;
	text-align:center;
	margin-left:5px;
	position:relative;
	margin-bottom:5px;
	/* z-index:2; */
}

div.page_lettre span.bg_lettre
{
opacity:0; /* l'élément est masqué au départ */
line-height:25px;
margin-left:-25px;
position:absolute; /* on sort l'élément du flux */
z-index:1; /* ... et en dessous du texte [optionnel] */
background:url(images/page_hover.jpg) no-repeat;
width:25px;
}


div#droite
{
	margin-top:80px;
	margin-bottom:143px;
	margin-left:780px;
	min-height:500px;
	width:200px;
}

div.statistiques h4
{
	line-height:29px;
	margin:0 0;
	padding-left:10px;
}

table.stat
{

}

table.stat div#contenu_statistiques
{
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

table.stat div#contenu_statistiques p
{
	margin-top:0px;
	margin-bottom:1px;
	font-size:0.9em;
}

/* Shoutbox */

.date
{
	font-weight: normal;
	font-size: 9px;
	color: #aeaeae;
}

#textboxT
{
	font-size: 11px;
	margin-bottom:10px;
}

#textboxT h4
{
	line-height: 1em;
	vertical-align: middle;
	padding: 10px 10px 10px 52px;
	margin-left:5px;
	margin-top:5px;
	height: 30px;
	font-size: 12px;
	background: transparent url(css/images/bubble.jpg) no-repeat scroll left top;
}

#textboxT ul 
{
	margin-left:0;
	padding-left:4px; 
	padding-left:2px;
	margin-top:4px;
	text-align:left;
}

#textboxT span
{
	display:inline-block;
	width:98%;
	text-align:right;
	padding-right:4px;
	margin-top:2px;
}

#loading
{
	display:inline-block;
	padding-top:130px;
	padding-left:70px;
}

span#separateur_shoutbox
{
	height:1px;
	width:100%;
	text-align:center;
	display:inline-block;
}

#form_shoutbox label
{
	font-weight: 600;
	font-size:0.8em;
	display:block;
}

#form_shoutbox form
{
	padding-left:4px;
	margin-top:5px;
}

#form_shoutbox form input#pseudo
{
	width:100px;
}

#form_shoutbox form input,textarea
{
	border: 1px solid #d0ccc9;
	background: #fff;
	color: #5f95ef;
}

#menu #nav2
{
	position:absolute;
	left:0;
	top:50px;
	padding-left:0px;
	margin-left:0px;
	width:100%;
	display:none;
	background:url(images/sous_menu.png) no-repeat;
}
#menu #nav2 li
{
	float:left;
	list-style:none;
	height:25px;
	line-height:25px;
}

#menu #nav2 li span
{
	display:block;
	padding-left:50px;
	padding-right:50px;
}

#menu #nav2 a {
    background: url(images/sous_menu_hover.png);
	color: #175081;
    display: block;
    height: 25px;
	width:auto;
    padding-left: 1px;
	/* padding-right:1px; */
	line-height:25px;
	position:relative;
	text-decoration:none;
	font-size:1em;
}

#menu #nav2 a:hover {
	/* background:url(images/menu_hover_cote.jpg) no-repeat top right; */
	background-position: 0 -25px ;
}

#menu #nav2 a:hover span
{
	background-position: 100% -25px;
	
}

#menu #nav2 span {
    background: url(images/sous_menu_hover.png) 100% 0;
	display: block;
}

table#dl
{
	margin-bottom:50px;
}

.fiche
{
	
	margin-bottom:0px;
	margin-top:5px;
}

.fiche span
{
	font-size:0.9em;
	color:#036;
}

span.tdfiche
{
	font-size:0.8em;
	color:#036;
}

p#synopsis
{
	text-align:justify;
	font-size:0.7em;
	color:#666;
}

p#synopsis span
{
	font-size: 10px;
	color: #aeaeae;
}

div#fiche
{
	margin-top:25px;
}

 tr.lien_dl:hover
{
	background:url(images/fond_lien.png) no-repeat;
}

span.toogler
{
	background: url(jquery_ui/redmond/images/ui-bg_glass_85_dfeffc_1x400.png) repeat-x scroll 50% 50% #DFEFFC;
	border-left: 1px solid #C5DBEC;
	border-right: 1px solid #C5DBEC;
	border-top: 1px solid #C5DBEC;
	color: #2E6E9E;
	padding-top : 0.5em;
	display: inline-block;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-left:40px;
	cursor : pointer;
	margin-top: -10px;
}

span.toogler span {
	position: relative;
	bottom: 3px;
	font-weight: bold;
	padding-left:1em;
	padding-right: 1em;
}

span.toogler a:visited, a:link {
	color: #2E6E9E;
	text-decoration: none;
}

span.toogler.toogler_hover {
background: url(jquery_ui/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png) repeat-x scroll 50% 50% #D0E5F5;
border-top: 1px solid #79B7E7;
border-left: 1px solid #79B7E7;
border-right: 1px solid #79B7E7;
color: #1D5987;
padding-top : 0.5em;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-left:40px;
cursor : pointer;
margin-top: -10px;
}



form#form_contact
{
	padding-left:4px;
	margin-top:5px;
}

form#form_contact input#pseudo
{
	width:100px;
}

form#form_contact input,textarea
{
	border: 1px solid #d0ccc9;
	/* background: #fff; */
	color: #5f95ef;
}

form#form_contact .contact.active
{  
     background: #ddeff6;  
     border: 1px solid #0099d4;  
}

form#form_livre input,textarea
{
	border: 1px solid #d0ccc9;
	/* background: #fff; */
	color: #5f95ef;
}

form#form_livre .contact.active
{  
     background: #ddeff6;  
     border: 1px solid #0099d4;  
}

form#form .contact.active
{  
     background: #ddeff6;
     border: 1px solid #0099d4;  
}

form.form_com_news input,textarea
{
	border: 1px solid #d0ccc9;
	/* background: #fff; */
	color: #5f95ef;
}

form.form_com_news .contact.active
{  
     background: #ddeff6;  
     border: 1px solid #0099d4;  
}

p.titre
{
	margin-bottom:50px; 
	margin-left:10px;
	margin-top:41px;
}
 
div#affiche_livre
{
	margin-left:40px;
	margin-top:50px;
}

div#page_livre
{
	width:100%;
	text-align:center;
	position:relative;
	left:-70px;
}

div#page_livre span.numero_page_livre:hover
{
	background:url(images/page_hover.jpg);
	height:25px;
	width:25px;
	text-decoration:none;
	cursor:pointer;
}

div#page_livre span.numero_page_livre
{
	display:inline-block;
	background-image:url(images/page.jpg);
	height:25px;
	width:25px;
	line-height:25px;
	text-align:center;
	margin-left:2.5px;
	margin-right:2.5px;
}

div#page_livre span.numero_page_livre_active
{
	display:inline-block;
	background-image:url(images/page_active.jpg);
	height:25px;
	width:25px;
	line-height:25px;
	text-align:center;
	margin-left:2.5px;
	margin-right:2.5px;
}

div#page_livre a:hover,a:visited,a:link,a:active
{
	text-decoration:none;
	color:#000;
}

div.statistiques
{
	width:217px;
	
}

div#fond_shoutbox
{
	background:url(images/fond_shoutbox.png) no-repeat;
	margin-bottom:20px;
	margin-top:10px;
}

div#fond_stat
{
	background:url(images/fond_stat.png) no-repeat;
	margin-bottom:20px;
	margin-top:10px;
}

div#fond_livre
{
	background:url(images/fond_livre_message.png) no-repeat 21px 0px;
}

div.page_com_news
{
	width:100%;
	text-align:center;
	position:relative;
	left:-70px;
}

div.page_com_news span.numero_page_com_news:hover
{
	background:url(images/page_hover.jpg);
	height:25px;
	width:25px;
	text-decoration:none;
	cursor:pointer;
}

div.page_com_news span.numero_page_com_news
{
	display:inline-block;
	background-image:url(images/page.jpg);
	height:25px;
	width:25px;
	line-height:25px;
	text-align:center;
	margin-left:2.5px;
	margin-right:2.5px;
}

div.page_com_news span.numero_page_com_news_active
{
	display:inline-block;
	background-image:url(images/page_active.jpg);
	height:25px;
	width:25px;
	line-height:25px;
	text-align:center;
	margin-left:2.5px;
	margin-right:2.5px;
}

div.page_com_news a:hover,a:visited,a:link,a:active
{
	text-decoration:none;
	color:#000;
}

div#page_news
{
	width:100%;
	text-align:center;
	position:relative;
	left:-30px;
}

div#page_news span.numero_page_com_news:hover
{
	background:url(images/page_hover.jpg);
	height:25px;
	width:25px;
	text-decoration:none;
	cursor:pointer;
}

div#page_news span.numero_page_com_news
{
	display:inline-block;
	background-image:url(images/page.jpg);
	height:25px;
	width:25px;
	line-height:25px;
	text-align:center;
	margin-left:2.5px;
	margin-right:2.5px;
}

div#page_news span.numero_page_com_news_active
{
	display:inline-block;
	background-image:url(images/page_active.jpg);
	height:25px;
	width:25px;
	line-height:25px;
	text-align:center;
	margin-left:2.5px;
	margin-right:2.5px;
}

div#page_news a:hover,a:visited,a:link,a:active
{
	text-decoration:none;
	color:#000;
}

div.affiche_com_news
{
	margin-top:20px;
	margin-left:40px;
}

.erreur
{
	background: #F5C8C2;  
    border: 1px solid #0099d4;
}

table.vignette
{
	padding-bottom:10px; 
	background-color:#E0FDFE;
	opacity:0.85; 
	border: #0CF 1px solid;
}

table.vignette p.pinfo
{
	margin-top:5px;
	margin-bottom:0px;
	font-size:0.85em;
}

p.tdinfotd
{
	margin-top:5px;
	margin-bottom:0px;
	font-size:0.85em;
}

table.vignette p.pinfo span
{
	color:#003366;
	font-size:0.85em;
}

table.vignette p.psynopsis
{
	color:#666666; 
	text-align:justify; 
	font-size:0.7em; 
	margin-top:0px;
}

table.vignette span.psource
{
	color:#AEAEAE; 
	font-size:0.85em;
}

span.mail_com
{
	color:#A7D7DC;
}

span.form_i
{
	font-style:italic;
}

span.form_b
{
	font-weight:bold;
}

div.page_lettre span.active
{
background-image:url(images/page_active.jpg);
display:inline-block;
height:25px;
line-height:25px;
margin-left:5px;
text-align:center;
width:25px;
cursor:text;
}

span.thumb_recherche {
display:block;
float:left;
min-height:190px;
text-align:center;
vertical-align:middle;
width:220px;
margin-left:30px;
}

span.thumb_recherche div div {
color:#175081;
margin-bottom:10px;
padding-right:5px;
}

span.thumb_recherche img {
padding-right:4px;
padding-top:1px;
}

.sous_titre
{
	padding-top:20px;
}


div#contenu_news a:link
{
	text-decoration:none;
	color:#ADBBF1;
}

div#contenu_news a:visited,a:active
{
	text-decoration:none;
	color:#ADBBF1;
}

div#contenu_news a:hover
{
	text-decoration:none;
	color:#80A7F0;
}

span.tdfiche a:link
{
	text-decoration:none;
	color:#ADBBF1;
}

span.tdfiche a:visited,a:active
{
	text-decoration:none;
	color:#ADBBF1;
}

span.tdfiche a:hover
{
	text-decoration:none;
	color:#80A7F0;
}

span.fiche a:link
{
	text-decoration:none;
	color:#ADBBF1;
}

span.fiche a:visited,a:active
{
	text-decoration:none;
	color:#ADBBF1;
}

span.fiche a:hover
{
	text-decoration:none;
	color:#80A7F0;
}

ul.news
{
	list-style-image: url("images/puce.png");
	margin-bottom:2px;
	margin-left:10px;
	margin-top:2px;
}

div#loading_page
{
	position:absolute;
	width:66px;
	/* margin:0 auto; */
	padding-top:40px;
	padding-left:300px;
}

/* tr.ajout td
{
-moz-transition:background-color 500ms;
}

tr.ajout td.ajout_fond:hover 
{
	/* background:url("images/fond_lien.png") repeat-y scroll 0 0 transparent;
	background-color:#f3fdfb;
}
*/

td.ajout_fond
{
	background-color:transparent;
}

table.vignette_info
{ 
	background-color:#E0FDFE;
	opacity:0.85; 
	border: #0CF 1px solid;
}

table.vignette_info p.pinfo
{
	margin-top:5px;
	margin-bottom:0px;
	font-size:0.85em;
}

table.vignette_info p.pinfo span
{
	color:#003366;
	font-size:0.85em;
}


#menu #nav span.bg_menu1
{
background:url("images/hover2.png") no-repeat scroll 100% -56px transparent;
opacity:0; /* l'élément est masqué au départ */
height:100%; /*... et toute sa hauteur */
position:absolute; /* on sort l'élément du flux */
top:0; /* et on le cale en haut */
z-index:1; /* ... et en dessous du texte [optionnel] */
}

#menu #nav span.bg_menu2
{
background:url("images/hover2.png") no-repeat scroll 0 -56px transparent;
clip:rect(0px, 8px, 56px, 0px);
opacity:0; /* l'élément est masqué au départ */
height:100%; /*... et toute sa hauteur */
position:absolute; /* on sort l'élément du flux */
top:0; /* et on le cale en haut */
z-index:1; /* ... et en dessous du texte [optionnel] */
}


div#modif_nb_ajout span#plus
{
background:url("images/plus_sprite.png") repeat scroll 0 0 transparent;
height:22px;
width:22px;
}

div#modif_nb_ajout span#plus:hover
{
background-position:0px -22px;
}

div#modif_nb_ajout span#moins
{
background:url("images/moins_sprite.png") repeat scroll 0 0 transparent;
height:22px;
width:22px;
}

div#modif_nb_ajout span#moins:hover
{
background-position:0px -22px;
}


span.info_fichier
{
display:inline-block;
background:url("images/bulle_info_sprite.png") repeat scroll 0 0 transparent;
height:46px;
width:46px;
cursor:pointer;
}

span.info_fichier:hover
{
background-position:0px -46px;
}


span.bulle
{
display:inline-block;
background:url("images/bulle_sprite.png") repeat scroll 0 0 transparent;
height:46px;
width:46px;
cursor:pointer;
}

span.bulle:hover
{
background-position:0px -46px;
}