/* ==============================================
   FEUILLE DE STYLES DU SITE www.romandamour.com
   Version 2.0 AVRIL 2010
   http://www.romandamour.com
   ============================================== */
/* General */
body {
    width:74%;
	color: #000000;
	background: #F5E4DD url(images/fond_page.jpg) repeat-x;
	background-attachment: fixed;
	}
a {
	color: #808080;
}
a:hover, a:focus {
	color: #FF00FF;
}
strong {
	color: #FF00FF;
}

/* Conteneur central */
#date_du_jour
{
font-size: 1.1em;
font-style: italic;
font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
color:#808080;
}

#menu_up
{
width:590px;
position:relative;
top:0px;
margin-left:260px;
}
#menu_haut {
list-style: none ;
margin: 1px ;
padding: 0px ;
overflow: hidden ;		/* Création du contexte de formatage */
}
			#menu_haut li {
				float: left ;
				width: 116px;
				margin-right: 1px ;
				}
			#menu_haut li a 
				{
				display: block ;
				background:url("images/lienCoulissant.png") left top no-repeat ;
				font: 1em "Trebuchet MS",Arial,sans-serif ;
				padding: 9px;
				text-align: center ;
				text-decoration: none ;
				color:#FFFFFF;
				}
			#menu_haut li a:hover, #menu_haut li a:focus, #menu_haut li a:active
			{
				background:url("images/lienCoulissant.png") right top no-repeat ;
				text-decoration: underline ;
				}
#centre 
{
width:1200px;
}
#centre-bis 
{
width:910px;
overflow: hidden;
}


/* Navigation */

#illustration_collections{
   position:relative;
   top:-265px;
   left:80px;
   }
   
#collections 
{
	
background-image:url(images/essai_fond.png);
}

#pied_collections
{
margin-left: 0px;
margin-top: -10px;
}
#informations 
{
position:relative;
top:-180px;
background-image:url(images/essai_fond.png);
}
#pied_informations
{
margin-left: 0px;
margin-top: -190px;
}
#newsletter
{
position:relative;
top:-85px;
}
#contact
{
position:relative;
top:-165px;
}

#illustration_newsletter{
   position:relative;
   top:-190px;
   left:40px;
   }
   #illustration_contact{
   position:relative;
   top:-265px;
   left:40px;
   }
   #chercher
   {
   position:relative;
   top:-90px;
  }
  #chercher fieldset
  {
  border:none;
  }
  
 #chercher textarea, #chercher input
 {		
border:1px solid #ddd;
background:url(images/form_input0.png) repeat-x;
}
#chercher .soumettre
{
background:none;
border:none;
}
 #statistiques
 {
 position:relative;
 top:-225px;
 left:0px;
 }
  #compteur_visites .compteur
  {
   position:relative;
   top:-295px;
   left:30px;
   font-size: .8em;
	text-align: justify;
	color:#808080;
   }
   #horloge
   {
  position:relative;
  top:-275px;
  left:20px;
  }

#navigation li
{
padding-left:20px;
background: url(images/puce.png) no-repeat left; 
text-align:left;
}

#navigation a {
	color: #008080;
	
}
#navigation a:hover, #navigation a:focus {
	color: #FF00FF;
}

#navigation h5
{
color:#FF00FF;
}

#barre_nav .barre_navigation
{
position:relative;
top:5px;
width:708px;
color:#FF00FF;
font-family:Verdana;
}


#barre_nav  .barre_navigation a
{
color:#008080;
text-decoration: underline ;
}
#barre_nav  .barre_navigation a:hover 
{
color:blue;
text-decoration: underline ;
}

/* Contenu principal */
#principal {
top:-10px;
color: #181A12;
}
#principal a {
	color: #008080;
	text-decoration:none;
}
#principal a:hover, #principal a:focus {
	color: #FF00FF;
	text-decoration:none;
}
#principal strong {
	color: #ff00ff;
}

/* Contenu secondaire */

#secondaire h5 
{
	color: fuchsia;
	
}
#secondaire ul 
{
	list-style:none;
		
}
#pied_centre_page
{
position:absolute;
margin-top:-40px;
margin-left:201px;
}


/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 0px 5px;
}
#global {
	width: 90%;
	min-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

/* Entete */
#entete 
{
width:1124px;
position:relative;
top:0px;
padding: 0px 0;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 10px 0;
}
#entete .slogan
{
position: absolute;
top:80px;
margin-left:20px;

}

/* Bloc central */
#plan_site li
{
list-style:none; 
}
ol.plan_site {
        font: italic 18px Georgia, Times, serif;
        color: #555555;
}
ol.plan_site li:hover{
        background-color: #eeeeee;
}
ol.plan_site span strong a{
        font: bold 0.8em Georgia, Times, serif;
        text-decoration: none;
        border-bottom: 1px dotted #999;
        color: #224970;
}
ol.plan_site span em{
        font: italic 0.7em Arial, Helvetica, sans-serif;
        color: #555555;
}
ol.plan_site span em strong a{
        font: italic 1em Arial, Helvetica, sans-serif;
}
.imageflottante
{
float: left;
}

.selection_livres span strong a
{
      font: bold 1em Georgia, Times, serif;
        text-decoration: none;
        border-bottom: 1px dotted #999;
        color: #224970;
}

.liste_livres 
{
font: 1.4em Georgia, Times, serif;
}

.resume_selection_livres
{
font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}

.imageflottante1
{
float: right;
}
.imagecentree
{
text-align:center;
}
.ff
{
content:"ff";
font-family:verdana;
font-size:medium;
text-align:center;
}

.girly_stuff
{
font-family:Georgia;
color:#008080;
}
.girly_stuff_grey
{
font-family:Georgia;
color:#808000;
}


/* Menu de navigation */
#navigation {
    float: left;
	width: 180px;
}
#navigation ul {
	margin: 0;
	padding: 20px 10px 20px 10px;
	list-style: none;
	
}
#navigation a {
	display: block;
	height: 1%;
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

/* Contenu principal */
#entete_bloc_central
{
position:relative;
width:720px;
top:-15px;
margin-left:200px;
background-repeat:no-repeat;
background-image:url(images/entete_centre.png);
}
div.greenery {
	position: absolute;
	top: 380px;
	left: 730px;
	width: 250px;
}
div.greenery0 
{
position: relative;
top: -470px;
left: 725px;
width: 250px;
}
div.greenery1  /* bamboo_verso */
{
position: relative;
top: -3270px;
left: 560px;
width: 530px;
}
div.greenery3  /* flames */
{
position: relative;
top: -465px;
left: 730px;
width: 240px;
}

div.greenery4  /* loupe_big */
{
	position: relative;
	top: -745px;
	left: 730px;
	width: 145px;
	}
	
div.greenery5 /*pile_livres */ 
{
	position: relative;
	top:-340px;
	left: 630px;
	width: 240px;
}
div.greenery6 /* lilas_verso */
{
position:relative;
top:-865px;
left:730px;
width:240px;
}

div.greenery7 /* white_rose_right */
{
position:relative;
top:-765px;
left:730px;
width:240px;
}
div.greenery8 /*fond calendrier */
{
z-index:2;
position: relative;
top:-765px;
left:130px;
width:290;
}
div.greenery9 /* sexy_pirate */
{
position:relative;
top: -2000px;
left: 520px;
width: 435px;
}

#carte_au_tresor img
{
display:block;
border:0;
}

#calendar
{
height:254px;
width:280px;
background: url("images/fond_calendrier.png");
background-repeat:no-repeat;
}

#white_rose_right
{
height: 259px;
width: 237px;
background: url("images/white_rose_right.png");
background-repeat:no-repeat;
}


#lilas_verso /*greenery6 */
 {
	height: 622px;
	width: 237px;
	background: url("images/lilas_verso.png");
	background-repeat:no-repeat;
}
#flames  /* greenery3 */
{
height: 213px;
width: 223px;
background: url("images/flames.png");
background-repeat:no-repeat;
}

#red_rose
 {
	height: 282px;
	width: 250px;
	background: url("images/red_rose.png");
	background-repeat:no-repeat;
}
#bamboo_verso /* greenery1 */
 {
	height: 584px;
	width: 413px;
	background: url("images/bamboo_verso.png");
	background-repeat:no-repeat;
}
#sexy_pirate /*greenery9 */
{
height: 565px;
width:431px;
background: url("images/sexy_pirate_full.gif");
background-repeat:no-repeat;
}

#loupe_big /*greenery4*/
{
height:142px;
width:145px;
background: url("images/loupe_big.png");
background-repeat:no-repeat;
}
#pile_livre5 /* greenery5 */
{
height: 72px;
width: 283px;
background: url("images/pile_livre5.png");
background-repeat:no-repeat;
}
#principal 
{
    width:710px;
	position:relative;
	margin-left: 200px;
	margin-right: 220px;
	padding: 0px 20px;
	top:-25px;
	margin-bottom:0px;
	background-image:url(images/fond_centre.png);
	
}
#corps
{
position:relative;
top:-5px;
padding:15px;
text-align:justify;
width:90%;

}
#tableau_collections
{
position:relative;
top:30px;
padding-left:50px;
}
#tableau_collections td
{
padding:15px;
margin-right:45px;
font-size:11px;
}

#tableau_collections caption
{
top:30px;
margin: auto; /* Centre le titre du tableau */
   font-family: Verdana;
   font-weight: bold;
   font-size: 14px;
   color: #800000;
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

#tableau_mises_en_ligne
{
position:relative;
top:1px;
padding-left:50px;
}
#tableau_mises_en_ligne td
{
padding:15px;
margin-right:45px;
font-size:11px;
}

.nomcollection		
			{
				content:"nomcollection";
				font-family: Verdana;
				font-size: 14px;
				text-align:center;
			}
.infos_condensees_livre		
			{
			content:"infos_condensees_livre";
			font-family: Verdana;
			font-size: 12px;
			color:#000000;
			}
#tableau_collections .infos_condensees_livre	strong	
			{
			content:"infos_condensees_livre";
			font-family: Verdana;
			font-size: 12px;
			color:#000000;
			}
#tableau_collections .slogan_collection	strong	
			{
			content:"slogan_collection";
			font-family: Verdana;
			font-size: 12px;
			color:#000000;
			}
			.navigation_collections
			{
			text-align:center;
			}
#view_aswell /* Haut page collection passions */
{
position:relative;
top:-1490px;
margin-left:630px;

}
#view_aswell_1 /* Haut page collection rouge passions page 1 */
{
position:relative;
top:-1600px;
margin-left:660px;

}		
#view_aswell_2 /* Haut page collection rouge passions page 2*/
{
position:relative;
top:-1570px;
margin-left:670px;

}			
#view_aswell_3 /* Haut page collection rouge passions page 3*/
{
position:relative;
top:-1200px;
margin-left:670px;

}				
#view_aswell_bas
{
position:relative;
top:-265px;
margin-left:670px;
}	

#view_aswell_bas_short /* collection passions */
{
position:relative;
top:-265px;
margin-left:620px;
}	
#astuces_recherche strong
{
color:#008080;
}

.question:before
{
content:url("images/qst.png"); /* Mettre une image de question */
}
.question:after
{
content:" ?";
}
.reponse:before
{
content:url("images/rep.png"); /* Mettre une image de reponse */
}
.reponse:after
{
content:".";
}
.remarque_information:before
{
content:url("images/info.png");
}
.explique_asterisque
{
font-size:9px;
}
.item_traite
{
border: 1px solid gray;
}
.faq  /* Les cellules de la page comment commander et de la faq */
{
border: 1px solid gray;
text-align: justify; /* Tous les textes des cellules seront centrés*/
padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
position:relative;
}
			

.navigation_collections
{
text-align:center;
}

#resumes_des_livres
{
margin:auto;
top:30px;
content:"resume_livre_vtl";
font-family: Verdana;
font-size: .9em;
text-align:justify;

}

#resumes_des_livres td
{
padding:5px;
margin-right:50px;
width:auto;
}



#resumes_des_livres caption
{
top:45px;
margin: auto; /* Centre le titre du tableau */
font-family: Verdana;
font-weight: bold;
font-size: 14px;
color: #800000;
margin-bottom: 15px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}


#resumes_des_livres .resume_livre_vtl a strong	
{
content:"resume_livre_vtl";
font-family: Verdana;
color:#008080;
}

#resume_des_livres .resume_livre_vtl a strong:hover
{
content:"resume_livre_vtl";
color:#FF00FF;
}
a.vtl:hover
{
color:#FF00FF;
}

#input, textarea
{
background-color:#FFFFFF;
color:#000000;
}
input
{
color:#000000;
}


.ipt
{
font-size:12px;
color:#008080;
}
.ipt_blue
{
color:#0000FF;
}
.ipt_pink
{
color:#FF00FF;
}
.gee_captcha
{
font-size:12px;
color:#ff00ff;
}
.bt_envoyer4
{
text-align:center;
}
.linea_roses
{
text-align:center;
}
a.info
{
position:relative;
z-index:24;
color:#000;
text-decoration:none;
}
a.info:link
{
color:#000000;
}
 
a.info:hover{
z-index:25;
background-color:#FFF;
color:#000000;
}
a.info:visited
{
color:#000000;
}
a.info span{
display: none;
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
background-color:#FFF;
color:#000;
text-align: left;
font-size:9px;
font-family:Verdana;
padding:5px;
width:300px;
border:1px solid #ddd;
background:#C3D9FF url(images/form_input1.png) repeat-x;
}
.codebox
{
content:"codebox";
background:#E3E9F9;
border-color:silver;
border-style:ridge;
width:650px;
}
.description_site		
{
content:"description_site";
font-family: Verdana;
font-size: 10px;
text-align:justify;
}
.subscribe_1and1 
{ 
margin: 1px 0; 
padding: 0 0 1px 0; 
} 

.subscribe_1and1 a 
{
display: block; 
min-height: 27px; 
padding: 2px 4px 1px 19px; 
font-size: .9em; 
font-weight: bold; 
text-decoration: none; 
color: #000000; 
background: url("images/next_desirs.png") no-repeat left top; 
} 
.subscribe_1and1 a:hover
{ 
display: block; 
min-height: 27px; 
padding: 2px 4px 1px 19px; 
font-size: .9em; 
font-weight: bold; 
text-decoration: none; 
color: #000000;
background: url("images/next_green.png") no-repeat left top; 
} 


#principal background-image
{
margin-left:2px;

}
#principal > :first-child {
	margin-top: 10px;
}
#principal p, #principal li {
	line-height: 1.5;
}

/* Contenu secondaire */

#secondaire 
{
width:180px;
float:right;
margin-right:90px;
margin-top:40px;
}

/* Pied de page */
#pied 
{
width:720px;
margin: 0;
padding: 15px 260px 10px 230px;
font-size: .85em;
text-align:center;
}
#pied .description_site
{
color:#008080;
}
#pied .description_site
{
color:#008080;
}
#pied .description_site a
{
color:#808080;
text-decoration:none;
}
#pied .description_site a:hover, #pied .description_site a:focus
{
color:#FF00FF;
text-decoration:underline;
}

/*formulaires*/

#contenu
{
	width:620px;
	margin:10px 20px 0px 20px;
	padding:0px;
	
}
#contenu fieldset
{
border:2px solid silver;
margin-bottom: 15px;
padding:10px;
}
#contenu legend 
{
font-weight:bold;
color:#0000FF;
}
#contenu .mode_de_recherche strong
{
color:#008080;
}

#contenu input, #contenu textarea{		
		border:1px solid #ddd;
		background:#fff url(images/form_input0.png) repeat-x;
		padding:3px;
		}
		
#contenu .soumettre
{
border:none;
background:none;
}	

#bouton_de_fin_de_page_court
{
position:relative;
top:-120px;
margin-left:265px;
}

#bouton_de_fin_de_page_court1
{
position:relative;
top:25px;
margin-left:410px;
}
#credit_images
{
position:relative;
top:-55px;
margin-left:320px;
color:#808080
}
#credit_images0
{
position:relative;
top:-55px;
margin-left:320px;
color:#808080
}
#credit_images1
{
position:relative;
top:-55px;
margin-left:320px;
color:#808080
}

#credit_images2
{
position:relative;
top:-55px;
margin-left:310px;
color:#808080
}
#privacy
{
position:relative;
top:-10px;
color:#C0C0C0;
width:400px;
}


#privacy1
{
position:relative;
top:-5px;
color:#C0C0C0;
width:400px;
}
#privacy2
{
position:relative;
top:-10px;
color:#C0C0C0;
width:290px;
}
#bouton_ne_pas_envoyer
{
position:relative;
top:20px;
margin-left:-100px;
}

/* Reponse formulaire de contact */

/* Tableau recapitulatif de la selection des livres */
.recapitulatif_de_la_selection
{
margin-left:35px;
border: 4px ridge teal;
}
.intro_selection 
{
margin-left:60px;
}
.confirmer_commande
{
margin-left:70px;
}
.recap_selection
{
border:1px solid teal;
}
.a_payer
{
text-align:center;
}

/* Calendrier */

#calendrier
{


}
.section_calendrier
{
position:relative;
left:200px;
top:-65px;
background: url("images/fond_calendrier.png");
background-repeat:no-repeat;
height:254px;
width:280px;
}

.calendar_section
{
font-family:verdana;
font-size:10px;
position:relative;
left:270px;
top:70px;
height:170px;
width:195px;
}

/* Mention de copyright */

#copyright {
margin: 8px 0 0 0;
font-size: 1em;
text-align: center;
color:#008080;
}