/*
 * Feuille CSS bylaetitia.com
 * 
 * @author Fabrice PLANCHETTE
 * @copyright Rhinos Groupe
 * */

/* ------------------------------------------------------------- */
/* Globales	///////////////////////////////////////////////////////
/* ------------------------------------------------------------- */
* {
	margin:0;
	padding:0;	
} 

body {
	background-color:#ecedeb;
	color:#8e8f8f;
	font:12px Arial, Helvetica, sans-serif;	
}

img, a.img { border:0; }

.btn_lire {
	background-image:url(../../images/btn_lire_presse.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	display:block;
	height:25px;
	width:110px;
}
.btn_lire span {
	display:none;
}
.btn_lire:hover {
	background-position:bottom center;
}

/* ------------------------------------------------------------- */
/* Classes	///////////////////////////////////////////////////////
/* ------------------------------------------------------------- */
.bold { font-weight:bold; }
.retour {
	color:#FFF;
	display:block;
	font-weight:bold;
	margin-bottom:10px;
	text-align:center;
}

/* ------------------------------------------------------------- */
/* Conteneur	///////////////////////////////////////////////////
/* ------------------------------------------------------------- */
#conteneur {
	background:url(../../images/fond.gif) center no-repeat #000;
	color:#FFF;
	height:520px;
	left:50%;
	margin:-260px 0 0 -481px;
	position:absolute;
	top:50%;
	width:907px;
}

/* ------------------------------------------------------------- */
/* Photo	///////////////////////////////////////////////////////
/* ------------------------------------------------------------- */
.photo {
	background-position:center;
	background-repeat:no-repeat;
	height:497px;
	left:11px;
	position:absolute;
	top:11px;
	width:326px;
}
#photo_accueil, #photo_ { background-image:url(../../images/laetita.jpg); }
#photo_domaine { background-image:url(../../images/laetita_domaine.jpg); }
#photo_actualites { background-image:url(../../images/laetita_actualites.jpg); }
#photo_galerie { background-image:url(../../images/laetita_galerie.jpg); }
#photo_distributeurs { background-image:url(../../images/laetita_distributeurs.jpg); }

/* ------------------------------------------------------------- */
/* Bouteille	///////////////////////////////////////////////////
/* ------------------------------------------------------------- */
#bouteille {
	background:url(../../images/bouteille.jpg) center no-repeat;
	height:530px;
	position:absolute;
	top:12px;
	right:-55px;
	width:136px;
}

/* ------------------------------------------------------------- */
/* Main	///////////////////////////////////////////////////////////
/* ------------------------------------------------------------- */
#main {
	height:496px;
	position:absolute;
	top:12px;
	left:338px;
	width:488px;
}
#main h1 {
	background:url(../../images/logo.gif) center no-repeat;
	display:block;
	height:58px;
	margin:23px auto 0 auto;
	width:154px;
}
#main h1 span { display:none; }
#main h2 {
	background:url(../../images/precieux.gif) center no-repeat;
	display:block;
	height:316px;
	position:absolute;
	top:80px;
	right:34px;
	width:39px;
}
#main h2 span { display:none; }

/* ------------------------------------------------------------- */
/* Centre	///////////////////////////////////////////////////////
/* ------------------------------------------------------------- */
#centre {
	margin:75px 0 0 0;
}
#centre p { 
	margin-bottom:25px; 
	text-align:justify;
}
#centre div.accueil { margin:15px 90px 0 30px; }
#centre div.mentions { margin:15px 90px 0 30px; }

/* ------------------------------------------------------------- */
/* Pointille	///////////////////////////////////////////////////
/* ------------------------------------------------------------- */
#pointille {
	background:url(../../images/pointille.gif) center no-repeat;
	display:block;
	height:10px;
	margin:0 auto;
	width:32px;
}

/* ------------------------------------------------------------- */
/* Signature	///////////////////////////////////////////////////
/* ------------------------------------------------------------- */
#signature {
	background:url(../../images/signature.gif) center no-repeat;
	display:block;
	height:31px;
	margin:25px auto 0 auto;
	width:246px;
}


/* ------------------------------------------------------------- */
/* Signature	///////////////////////////////////////////////////
/* ------------------------------------------------------------- */
#distributeurs {
	padding-top:50px;
}
#distributeurs img {
	display:block;
	margin:0 auto;
}
#distributeurs p {
	margin:10px auto 40px;
	text-align:center;
	width:50%;
}
#distributeurs p a {
	color:#fff;
	text-decoration:underline;
}
#distributeurs p a:hover {
	color:#FFEC00;
}
#distributeurs div.liens {
	margin:20px auto 0;
}
#distributeurs div.liens a {
	margin-bottom:10px;
}
#distributeurs a.pdf {
	color:#fff;
	display:block;
	text-align:center;
	text-decoration:none;
}
#distributeurs a.pdf:hover {
	color:#FFEC00;
}


/* ------------------------------------------------------------- */
/* Footer	///////////////////////////////////////////////////////
/* ------------------------------------------------------------- */
#footer {
	color:#8e8f8f;
	bottom:-10px;
	font-size:10px;
	left:50px;
	position:absolute;
	width:767px;
}
#footer a {
	color:#8e8f8f;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer p {
	float:right;
}


/* ------------------------------------------------------------- */
/* Onglets	///////////////////////////////////////////////////////
/* ------------------------------------------------------------- */
#onglets { height:40px; left:-50px; position:absolute; top:19px; width:558px; }
#onglets li { float:left; height:40px; list-style:none; }
#onglets li a { background-repeat:no-repeat; background-position:top left; display:block; height:40px; }
#onglets li.onglet_current a, #onglets li a:hover { background-position:bottom left; }
#onglets li a span { display:none; }
#onglets li a.onglet_precieux { background-image:url(../../images/onglets/onglet_precieux.jpg); width:102px; }
#onglets li a.onglet_domaine { background-image:url(../../images/onglets/onglet_domaine.jpg); width:102px; }
#onglets li a.onglet_actualites { background-image:url(../../images/onglets/onglet_actualites.jpg); width:102px; }
#onglets li a.onglet_phototheque { background-image:url(../../images/onglets/onglet_galerie.jpg); width:116px; }
#onglets li a.onglet_distributeurs { background-image:url(../../images/onglets/onglet_distributeurs.jpg); width:126px; }

/**
 * Scroll
 */
#scroll_vertical { position:absolute; top: 85px; left: 15px; width: 450px; height:390px; overflow:auto; padding: 0 7px; text-align: justify; }
#interne { width:400px; text-align:justify; position:absolute;}
#scroll	{ height:390px; position:absolute; right:0; width:18px; }
/* #scroll_bar { background:url(../../images/scroll.gif) 50% 50% no-repeat; height:245px; position:absolute; top:20px; right:7px; width:18px; } */
#scroll_top { background:url(../../images/fleche_haut.gif) no-repeat; cursor:pointer; height:17px; position:absolute; right:-1px; top:0; width:18px; }
#scroll_bas { background:url(../../images/fleche_bas.gif) no-repeat; cursor:pointer; height:17px; position:absolute; right:-1px; bottom:5px; width:18px;}

.box { margin-bottom:20px; }
.box h3 { background:url(../../images/puce.gif) center left no-repeat; color:#FFF800; font:bold 11px Arial, Helvetica, sans-serif; padding-left:28px; }
.box p { font-size:11px; margin:5px 5px 0 5px; }
.box a { color:#fff; font-weight:bold; text-decoration:underline; }
.box a.btn_lire { margin:0 auto; }