/* Feuille de style du sites Phares & Feu */
/* Attrait Novembre 2007 */
/* Pour At@Boutiques */

* {
	margin:0px;
	padding:0px;
	border:none;
	text-decoration:none;
}

html {
	font-size:100%;
}


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	background:#339999;
}

/* ---------------------------- class pour les placements de div ------------------------------*/

.spacer {
	/*permet de reset les parametre des div*/
	clear:both;
}

.centrer {
	margin-left:auto;
	margin-right:auto;
}

.f_left {
	float:left;
}

.f_right {
	float:right;
}


/* ---------------------------- class pour les style de texte ------------------------------*/

.glossaire {
	color:#FFFFFF;
	font-size:0.75em;
	font-weight:bold;
}

.blanc_gras {
	color:#FFFFFF;
	font-weight:bold;
}

.blanc_gras_up {
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
}

.blanc_gras_up_up {
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
}

.blanc_gras_up_up_ita {
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	font-style:italic;
}

.noir_gras{
	color:#000000;
	font-weight:bold;
}

.noir_gras_ita{
	color:#000000;
	font-weight:bold;
	font-style:italic;
}

.noir_gras_up{
	color:#000000;
	font-weight:bold;
	font-size:1.05em;
}

.orange_gras_up{
	color:#fbca04;
	font-size:1em;
	font-weight:bold;
}

.a_blanc_gras {
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.05em;
	text-decoration:underline;
}

.a_blanc_gras:hover {
	color:#fbca04;
	text-decoration:underline;
}

p.align_right {
	text-align:inherit;
	text-align:right;
	
}

.align_right {
	text-align:right;
}

.align_left {
	text-align:left;
}

.align_center {
	text-align:center;
}

.text_indent {
	text-indent:5px;
}

h1{
	background:url('images/puce-titre1.jpg') center left no-repeat;
	line-height:1.4em;
	font-size:1.4em;
	vertical-align:middle;
	padding-left:20px;
	color:#FFFFFF;
}

.h1suite {
	line-height:1.4em;
	font-size:1.4em;
	vertical-align:middle;
	padding-left:20px;
	color:#FFFFFF;
}

.hide {
	display:none;
}

/* ---------------------------- class divers------------------------------*/

.pointer{
	cursor:pointer;
}

/* boutons */
.presentation {
	background:url('images/btn-presentation-off.jpg') no-repeat;
	display:block;
	width:121px;
	height:30px;
}

.presentation:hover {
	background:url('images/btn-presentation-on.jpg') no-repeat;
	display:block;
	width:121px;
	height:30px;
}

.sommaire {
	background:url('images/btn-sommaire-off.jpg') no-repeat;
	display:block;
	width:111px;
	height:30px;
}

.sommaire:hover {
	background:url('images/btn-sommaire-on.jpg') no-repeat;
	display:block;
	width:111px;
	height:30px;
}

.press {
	background:url('images/btn-press-off.jpg') no-repeat;
	display:block;
	width:111px;
	height:30px;
}

.press:hover {
	background:url('images/btn-press-on.jpg') no-repeat;
	display:block;
	width:111px;
	height:30px;
}

.suivant {
	background:url('images/btn-suivant-off.jpg') no-repeat;
	display:block;
	width:111px;
	height:30px;
}

.suivant:hover {
	background:url('images/btn-suivant-on.jpg') no-repeat;
	display:block;
	width:111px;
	height:30px;
}

.suite {
	background:url('images/btn-voirsuite-off.jpg') no-repeat;
	display:block;
	width:111px;
	height:30px;
}

.suite:hover {
	background:url('images/btn-voirsuite-on.jpg') no-repeat;
	display:block;
	width:111px;
	height:30px;
}







/*-------------------------------commun------------------------------------*/


div#header {
	background:#d9c700;
	height:108px;
	width:100%;
}

div#header-centrer {
	background:url(images-livret/header.jpg); 
	width:887px;
	height:108px;
	margin-left:auto;
	margin-right:auto;
}



div#middle {
	width:825px;
	margin-left:auto;
	margin-right:auto;
}

div#footer {
	background:url(images/footer-repeat.jpg) repeat-x bottom;
	height:100px;
}





/*--------------------------------index-------------------------------------*/


div#header-centrer-index {
	background:url(images-livret/index.jpg) no-repeat;
	width:825px;
	height:310px;
	margin-left:auto;
	margin-right:auto;
}

div#menu-header-index {
	float:right;
	margin-top:70px;
	margin-right:10px;
}

div#middle-index {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

div#middle-gauche-index {
	background:url(images/middle-encart-sommaire.jpg) no-repeat;
	width:450px;
	height:335px;
	float:left;
}

div#middle-gauche-index img {
	margin-left:100px;
	margin-top:38px;
}

div#middle-droite-index {
	width:450px;
	float:left;
	padding-top:20px;
}

div#middle-droite-index img{
}

div#footer-centrer-index {
	background:url(images/footer-sommaire.jpg) bottom no-repeat;
	height:100px;
	width:825px;
	margin-left:auto;
	margin-right:auto;
}

div#menu-footer-index {
	float:right;
	margin-top:60px;
	margin-right:10px;
}

/*--------------------------------présentation-------------------------------------*/

div#menu-header-presentation {
	float:right;
	margin-top:70px;
	margin-right:10px;
}


div#footer-centrer-presentation {
	background:url(images/footer-presen.jpg) bottom no-repeat;
	height:100px;
	width:825px;
	margin-left:auto;
	margin-right:auto;
}

div#menu-footer-presentation {
	float:right;
	margin-top:60px;
	margin-right:10px;
}

div#cont-text-pressen {
	background:url(images/font-pressen.jpg) no-repeat;
	width:825px;
	float:left;
	padding-left:70px;
	padding-top:75px;
	text-indent:30px;
}

div#menu-voirsuite {
	float:right;
	margin-top:20px;
	margin-right:10px;
}

/*--------------------------------page-------------------------------------*/


div#menu-header-page{
	float:right;
	margin-top:70px;
	margin-right:10px;
}


div#footer-centrer-page {
	background:url(images/footer-details.jpg) bottom no-repeat;
	height:100px;
	width:825px;
	margin-left:auto;
	margin-right:auto;
}

div#menu-footer-page {
	width:800px;
	padding-top:60px;
	margin-left:auto;
	margin-right:auto;
}

div#press_header {
	float:left;
	padding-left:350px;
}

div#sommaire-s-header {
	float:left;
	padding-left:520px;
}

div#sommaire-ps-header {
	float:left;
	padding-left:59px;
}

div#sommaire-s-footer {
	float:left;
	padding-left:345px;
}

div#sommaire-ps-footer {
	float:left;
	padding-left:234px;
}

div#cont-text-page {
	padding-top:10px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

div#cont-text-page p{
	text-align:justify;
	text-indent:30px;
}

div#cont-text-page img{
	margin:5px;
}

div#image-page-text-left {
	float:left;
	text-align:center;
}

div#image-page-text-right {
	float:right;
	text-align:center;
}

div#image-page-text-center {
	text-align:center;
}