/* CSS Document */

/* ------------------------------------------------------------------------------------------------------------------------ Debut positionnement */

html, body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0D2F55;
}
a{
	color:#0D2F55;
}
#div_principal{
	position:relative;
	width:820px;
	margin:auto;
	text-align:left;
}
/*formulaire*/
#formulaire{
	margin:2px 5px 5px 100px;
	
}
#formulaire input{
	font-size:12px;
}

#livret_bleu{
	width:284px;
	height:204px;
	z-index:10;
	position:absolute;
	top:650px;
	left:75px;
	color:#FFFFFF;
	font-size:14px;
}

#rond_bleu{
	background-image:url(images/rond.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:94px;
	height:94px;
	z-index:0;
	position:absolute;
	top:730px;
	left:150px;
	padding-top:35px;
	text-align:center;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
}

#rond_bleu2{
	background-image:url(images/rond.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:94px;
	height:94px;
	z-index:0;
	position:absolute;
	top:640px;
	left:170px;
	padding-top:35px;
	text-align:center;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
}

#livre{
	position:absolute;
	top:130px;
	right:35px;
	
}

/* ------------------------------------------------------------------------------------------------------------------------ Fin positionnement */



/* ------------------------------------------------------------------------------------------------------------------------ Debut Mise en forme images */
#bord_gauche{
	background-image:url(images/bord_gauche.gif); background-repeat:repeat-y; background-position:right top; background-color:#FABE43;
}

#menu{
	background-color:#EDF2F8; background-image:url(images/img_menu.jpg); background-repeat:no-repeat; background-position:top right;
}
#menu_site{
	position:absolute;
	top:0px;
	left:37px;
}
#menu_site a{
	text-decoration:none;
	font-size:11px;
}
#menu_site a:hover{
	color:#F70600;
}

#img1{
	background-image:url(images/livre_bleu_decoupage_04.jpg); background-repeat:no-repeat; background-position:top left;
}

#img2{
	background-image:url(images/livre_bleu_decoupage_05.jpg); background-repeat:no-repeat; background-position:top left; 
}

#img3{
	background-image:url(images/livre_bleu_decoupage_06.jpg); background-repeat:no-repeat; background-position:top left;
}

#img4{
	background-image:url(images/livre_bleu_decoupage_07.jpg); background-repeat:no-repeat; background-position:top left;
}

#img5{
	background-image:url(images/livre_bleu_decoupage_08.jpg); background-repeat:no-repeat; background-position:top left;
}

#img6{
	background-image:url(images/livre_bleu_decoupage_11.jpg); background-repeat:no-repeat; background-position:top left; background-color:#6CA9DC;
}

#img7{ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ Emplacement livret bleu ici */
	background-image:url(images/livret_bleu.jpg); background-position:top left; background-repeat:no-repeat; background-color:#97BF00; vertical-align:top;
}

#img8{ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ Emplacement formulaire ici */
	background-image:url(images/livre_bleu_decoupage_13.jpg); background-repeat:no-repeat; background-position:top left; vertical-align:top;
}

#img9{
	background-image:url(images/bord_gauche.gif); background-repeat:repeat-y; background-position:left top; background-color:#FABE43;
}

#img8_1{
	background-image:url(images/new_image.jpg); background-repeat:no-repeat; background-position:top left; vertical-align:top;	
}

/* ------------------------------------------------------------------------------------------------------------------------ Fin Mise en forme images */

/* -------------------------------------------------------------------------------------------------------------------------- Debut mise en forme images du livre */

#img_livre{
	background-image:url(images/livre.jpg); background-position:top left; background-repeat:no-repeat;
}

#imglivre1{
	background-image:url(images/bouquin_01.gif); background-position:top left; background-repeat:no-repeat;
}
#imglivre2{
	background-image:url(images/bouquin_02.gif); background-position:top left; background-repeat:no-repeat;
}
#imglivre3{
	background-image:url(images/bouquin_03.gif); background-position:top left; background-repeat:no-repeat;
}
#imglivre4{
	background-image:url(images/bouquin_04.gif); background-position:top left; background-repeat:no-repeat;
}
#imglivre5{
	background-image:url(images/bouquin_05.jpg); background-position:top left; background-repeat:no-repeat;
}
/* ================================================================= pages du livre : navigation*/
#page_gauche{
	background-image:url(images/page_gauche.jpg); 
	background-position:top left; 
	background-repeat:no-repeat;
}

#page_droite{
	background-image:url(images/page_droite.jpg); 
	background-position:top left; 
	background-repeat:no-repeat;
}
#page_gauche_tournee{
	background-image:url(images/page_gauche_tournee.jpg); 
	background-position:top left; 
	background-repeat:no-repeat;
}

#page_droite_tournee{
	background-image:url(images/page_droite_tournee.jpg); 
	background-position:top left; 
	background-repeat:no-repeat;
}
#livre_suivant{
	display:block;
	position:absolute;
	z-index:5;
	top:150px;
	left:400px;
	width:50px;
	height:240px;
}
#livre_precedent{
	display:block;
	z-index:5;
	position:absolute;
	top:150px;
	left:700px;
	width:50px;
	height:240px;
}


#numero_page_gauche{
	display:block;
	z-index:6;
	position:absolute;
	top:370px;
	left:460px;
	text-align:center;
	width:60px;
	height:20px;
}
#numero_page_droite{
	display:block;
	z-index:6;
	position:absolute;
	top:370px;
	left:630px;
	text-align:center;
	width:60px;
	height:20px;
}





#imglivre8{
	background-image:url(images/bouquin_08.jpg); background-position:top left; background-repeat:no-repeat;
}
#imglivre9{
	background-image:url(images/bouquin_09.gif); background-position:top left; background-repeat:no-repeat;
}
#imglivre10{
	background-image:url(images/bouquin_10.gif); background-position:top left; background-repeat:no-repeat;
}
#imglivre11{
	background-image:url(images/bouquin_11.gif); background-position:top left; background-repeat:no-repeat;
}
#imglivre12{
	background-image:url(images/bouquin_12.gif); background-position:top left; background-repeat:no-repeat;
}

.cache{
	visibility:hidden;
}
.visible{
	visibility:visible;
}
#message{
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	background:#0D2F55;
	position:absolute;
	z-index:4;
	top:360px;
	left:455px;
	text-align:center;
	width:240px;
	 filter:Alpha(opacity=60);
  	-moz-opacity:0.6;
	padding:2px;
}
#signatures{
	position:absolute;
	z-index:2;
	top:150px;
	left:417px;
}

a.lien_itineraire{
	color:#FFFFFF;
	text-decoration:none;
}
a.lien_itineraire:hover{
	text-decoration:underline;
}

/* --------------------------------------------------------------------- Fin mise en forme images du livre */
#copyright{
	position:absolute;
	right:30px;
	bottom:2px;
	font-size:11px;
}