/* CSS Document */
body{
	padding:0px; 
	margin:0px; 
	background:url(../images/commun/background.gif) 0 0 repeat-x #f2f3d4; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5b5959;
}
#global{
	width: 778px;
	text-align: left;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid;
}
div, p, ul, h2, h3, h4, h5, img{
	padding:0px; 
	margin:0px;
}
p {
	padding:20px 0 0 0 ; 
	margin:0px;
}
a{
	color:#f45fb3;
	text-decoration:none;
}
a:hover{
	background-color:#FFF6D1;
}
#texte a{
	color:#f45fb3;
	text-decoration:none;
}
#texte a:hover{
	background-color:#FFF6D1;
}
#page {
	width:400px;
	height:50px;
	float:center;
	clear:both;
}
#page a{
	border: 1px solid;
	border-color:#cccccc;
	background-color:#eeeeee;
	padding:5px 8px 5px 10px;
	color:#f45fb3;
	font-size:16px;
	text-decoration:none;
}
#page a:hover{
	border: 1px solid;
	border-color:#fbcb09;
	background-color:#FFF6D1;
	padding:5px 8px 5px 10px;
	color:#f45fb3;
	font-size:16px;
	text-decoration:none;
}

/******* mise en forme tétière *******/
#top{
	width:778px; 
	height:65px; 
	background:url(../images/commun/fond-top.jpg);
	color:#828282; 
	position:relative; 
	border: 0px solid;
}
/* liesel */
#top .site1{
	color:#7abda3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal; 
	position:relative; 
	top:10px; 
	left:260px;
}
/* schiffer.fr */
#top .site2{
	color:#fc7dc8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal; 
	position:relative; 
	top:10px; 
	left:260px;
}
/* accroche */
#top h1{
	color:#828282;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal; 
	position:relative; 
	margin:0 auto; 
	padding:10px 0 0 260px;
}
#header{
	width:686px; 
	height:143px; 
	background:url(../images/commun/header.jpg) 0 0 no-repeat;
	position:relative; 
	margin:0 auto; 
	padding:20px 0 0 92px;
	border: 0px solid;
}
#livredujour{
	width:100px; 
	height:130px; 
	position:left; 
	margin:0px 0 0 170px;
	padding:10px 0 0 0px;
	border: 0px solid;
}

/******* position des blocs de contenu *******/
#contenu {
	width: 758px;
	height: 300px;
}
/* position du bloc de gauche */
#menu{
	width:180px; 
	height:287px;
	float:left;
	list-style-type:none;
	display:block;
	margin:0px 0 0 0;
	padding:40px 0 0 20px;
	font-size:0px;
	background:url(../images/commun/fond-menu.gif) 0 0 no-repeat;
	border: 0px solid;
}
/* position du bloc de droite */
#informations {
	float: right;
	width: 470px;
	padding: 0 40px 0 40px;
	border: 0px solid;
	background:url(../images/commun/fond.gif);
}
/* disposition contenu du bloc de droite */
#colonne_gauche {
	float: left;
	width: 210px;
	padding: 0 0px 0 0px;
	border: 0px solid;
}
#colonne_droite {
	float: right;
	width: 210px;
	padding: 0 0px 0 0px;
	border: 0px solid;
}
#colonne_double {
	background:url(../images/commun/fond-liste.gif) 0 0 no-repeat;
	float: left;
	width: 430px;
	padding: 0 0px 50px 0px;
	border: 0px solid;
}
#colonne_contact {
	float: left;
	width: 430px;
	padding: 0 0px 50px 0px;
	border: 0px solid;
}

/******* position des blocs de titre et boutons *******/
#titre {
	float: left;
	width: 303px;
	height:50px; 
	margin: 0 0 10px 0;
	border: 0px solid;
}
#boutons {
	float: right;
	width:162px; 
	height:50px; 
	margin: 0 0 10px 0;
	border: 0px solid;
}

/* boutons */
#boutons ul.botton{
	width:162px; 
	height:50px; 
	position:absolute; 
	text-decoration:none;
	list-style-type:none;
}
#boutons ul.botton li{
	float:left; 
	height:50px;
}
/* bouton ami */
#boutons ul.botton li.ami a{
	width:42px; 
	height:50px; 
	display:block; 
	background:url(../images/commun/btn-ami.jpg) 0 0 no-repeat; 
	text-indent:-200000px; 
	margin:0 0 0 10px;
}
#boutons ul.botton li.ami a:hover{
	background:url(../images/commun/btn-ami-on.jpg) 0 0 no-repeat;
}
/* bouton imprimer */
#boutons ul.botton li.print a{
	width:42px; 
	height:50px; 
	display:block; 
	background:url(../images/commun/btn-print.jpg) 0 0 no-repeat; 
	text-indent:-200000px; 
	margin:0 0 0 10px;
}
#boutons ul.botton li.print a:hover{
	background:url(../images/commun/btn-print-on.jpg) 0 0 no-repeat;
}
/* bouton plan du site */
#boutons ul.botton li.plan a{
	width:42px; 
	height:50px; 
	display:block; 
	background:url(../images/commun/btn-plan.jpg) 0 0 no-repeat; 
	text-indent:-200000px; 
	margin:0 0 0 10px;
}
#boutons ul.botton li.plan a:hover{
	background:url(../images/commun/btn-plan-on.jpg) 0 0 no-repeat;
}

/******* mise en forme des titres *******/
/******* mise en forme des titres de rubriques *******/
h2{
	background:url(../images/icon.gif) no-repeat 27px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	color:#f69e2b; 
	font-size:22px;
	display:block; 
	float:left;
	font-weight:normal;
	margin:10px 0 0 0;
	padding-left:60px;
}
/******* mise en forme des sous-titres *******/
h3, label{
	display: block;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	color:#f69e2b; 
	font-size:14px;
	font-weight:normal;
	margin:0 0 0 0;
}
h4 {
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7abda3; 
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 0;
}

/******* mise en forme des contenus *******/
#texte {
	margin:0px 15px 0px 24px;
	line-height:19px;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5b5959;
}
#texte_admin {
	/*margin:0px 15px 0px 24px;*/
	line-height:19px;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5b5959;
}
#texte span{
	color:#7abda3;	
	font-size:24px;	
	font-weight:bold;
	font-family:Georgia, Arial, Helvetica, sans-serif;
}
#texte span.dynamique{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7abda3;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 0;
}
#texte p.signature{
	margin:10px 0px 10px 300px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#7abda3;
	font-weight:bold;
}
#texte p.mentions{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5b5959;
}
#texte span.mentions{
	font-family:Georgia, Arial, Helvetica, sans-serif;
	color:#f69e2b; 
	font-size:14px;
	font-weight:normal;
	margin-left:30px;
}
#titre_accordion{
	font-family:Georgia, Arial, Helvetica, sans-serif;
	color:#f69e2b; 
	font-size:14px;
	font-weight:normal;
	margin-left:0px;
}
#date_accordion{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7abda3; 
	font-size:12px;
	font-weight:bold;
	margin-left:0px;
}

/* mise en page livres */
#couverture {
	background:url(../images/livres/defaut.gif) 0 0 no-repeat;
	float: left;
	width: 70px;
	height: 130px;
	margin: 15px 0px 0 15px;
	border: 0px solid;
}
#livre {
	float: left;
	width: 325px;
	padding: 0px 0px 0 0px;
	margin: 15px 0px 0 10px;
	border: 0px solid;
}
/* mise en page actualites */
#actualite {
	background:url(../images/commun/fond-liste.gif) 0 0 no-repeat;
	float: left;
	width: 330px;
	padding: 12px 60px 0 18px;
	margin: 10px 0px 0 10px;
	border: 0px solid;
}
/* mise en page videos */
#video {
	background:url(../images/commun/fond-liste.gif) 0 0 no-repeat;
	float: left;
	width: 330px;
	padding: 12px 60px 0 18px;
	margin: 10px 0px 0 10px;
	border: 0px solid;
}
.detail{
	display : none;
	padding-top: 0px;
	padding-bottom: 10px;
}
#liste_coche1 li{
	line-height:19px;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5b5959;
	margin:0 0 0 30px;
	list-style-type: none;
	padding: 0 0 0 15px ;
	background-image: url(../images/commun/liste_coche.gif) ;
	background-repeat: no-repeat;
}
#liste_coche21 li{
	line-height:19px;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5b5959;
	margin:0 0 0 30px;
	list-style-type: none;
	padding: 0 0 0 15px ;
	background-image: url(../images/commun/liste_coche.gif) ;
	background-repeat: no-repeat;
}
#liste_coche3 li{
	line-height:19px;		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5b5959;
	margin:0 0 0 30px;
	list-style-type: none;
	padding: 0 0 0 15px ;
	background-image: url(../images/commun/liste_coche.gif) ;
	background-repeat: no-repeat;
}
#liste_fleche1 li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5b5959;
	margin:0 0 0 30px;
	list-style-type: none;
	padding: 0 0 0 15px ;
	background-image: url(../images/commun/liste_fleche.gif) ;
	background-repeat: no-repeat;
}
#liste_fleche2 li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5b5959;
	margin:0 0 0 30px;
	list-style-type: none;
	padding: 0 0 0 15px ;
	background-image: url(../images/commun/liste_fleche.gif) ;
	background-repeat: no-repeat;
}
#liste_fleche3 li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5b5959;
	margin:0 0 0 30px;
	list-style-type: none;
	padding: 0 0 0 15px ;
	background-image: url(../images/commun/liste_fleche.gif) ;
	background-repeat: no-repeat;
}

/****** menu ******/	
#menu ul{
	width:130px;
	list-style-type:none;
	display:block;
	position:right; 
	margin:0 0 0 10px;
	font-size:0px;
}
#menu ul li{
	display:block;
	border-bottom:#5b5959 1px dashed;
	height:28px;
	text-transform:normal;
}
#menu ul li.dernier{
	display:block;
	border-bottom:none;
	height:28px;
}
#menu ul li a{
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	text-decoration:none;
	line-height:28px;
	width:120px;
	height:28px;
	padding-left:11px;
	display:block;
	
}
#menu ul li.current a{
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#f69e2b;
	text-decoration:none;
	line-height:29px;
	width:120px;
	height:28px;
	padding-left:11px;
	display:block;
}
#menu ul li a:hover{
	background:url(../images/commun/fleche.gif) no-repeat;
	color:#f69e2b;
	line-height:30px;
}

/****** dessins de fonds ******/
#dessinqui{
	width:470px; 
	height:70px;
	background-image:url(../images/qui-suis-je/dessin-liesel-schiffer.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border: 0px solid;
}
#dessinactualites{
	width:430px; 
	height:170px;
	background-image:url(../images/actualites/dessin-liesel-schiffer.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border: 0px solid;
}
#dessinlivres{
	width:470px; 
	height:250px;
	background-image:url(../images/livres/dessin-liesel-schiffer.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border: 0px solid;
}
#dessinvideo{
	width:430px; 
	height:170px;
	background-image:url(../images/video/dessin-liesel-schiffer.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border: 0px solid;
}
#dessinradio{
	width:430px; 
	height:170px;
	background-image:url(../images/radio/dessin-liesel-schiffer.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border: 0px solid;
}
#dessincontact{
	width:430px; 
	height:350px;
	background-image:url(../images/contact/dessin-liesel-schiffer.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border: 0px solid;
}
	
/****** pied de page ******/
#footer {
	width:550px;
	height:100px;
	float: right;
	clear:both;
	color:#dcdcc5; 
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	position:relative; 
	background:url(../images/commun/fond-footer.gif) 0 0 no-repeat;
	border: 0px solid;
}

/* boutons */
#footer ul.footermenu{
	width:500px; 
	height:63px; 
	position:absolute; 	
	margin:28px 0 10px 60px;
	text-decoration:none;
	list-style-type:none;
	border: 0px solid;	
}
#footer ul.footermenu li{
	float:left; 
	height:63px;
	line-height:80px;
	text-transform:capitalize;
}
/* bouton accessibilite */
#footer ul.footermenu li.accessibilite a{
	width:95px; 
	height:63px; 
	display:block; 
	padding-left:5px;
	color:#ffffff;
	background:url(../images/commun/menu-footer-accessibilite-off.gif) 0 0 no-repeat; 
}
#footer ul.footermenu li.accessibilite a:hover{
	line-height:100px;
	color:#5b5959;
	background:url(../images/commun/menu-footer-accessibilite-on.gif) 0 0 no-repeat;
}
#footer ul.footermenu li.accessibilitecurrent {
	width:95px;
	padding-left:5px;
	color:#5b5959;
	background:url(../images/commun/menu-footer-accessibilite-current.gif) 0 0 no-repeat;
}
/* bouton laurent */
#footer ul.footermenu li.laurent a{
	width:162px; 
	height:63px; 
	display:block; 
	padding-left:5px;
	color:#ffffff;
	background:url(../images/commun/menu-footer-laurent-off.gif) 0 0 no-repeat; 
}
#footer ul.footermenu li.laurent a:hover{
	line-height:100px;
	color:#5b5959;
	background:url(../images/commun/menu-footer-laurent-on.gif) 0 0 no-repeat;
}
#footer ul.footermenu li.laurentcurrent {
	width:162px;
	padding-left:5px;
	color:#5b5959;
	background:url(../images/commun/menu-footer-laurent-current.gif) 0 0 no-repeat;
}
/* bouton mentions */
#footer ul.footermenu li.mentions a{
	width:162px; 
	height:63px; 
	display:block; 
	padding-left:5px;
	color:#ffffff;
	background:url(../images/commun/menu-footer-mentions-off.gif) 0 0 no-repeat; 
}
#footer ul.footermenu li.mentions a:hover{
	line-height:100px;
	color:#5b5959;
	background:url(../images/commun/menu-footer-mentions-on.gif) 0 0 no-repeat;
}
#footer ul.footermenu li.mentionscurrent {
	width:162px;
	padding-left:5px;
	color:#5b5959;
	background:url(../images/commun/menu-footer-mentions-current.gif) 0 0 no-repeat;
}