/* *************************************** planete.css ******************************** */
body {
	text-align: center;
	background-color: #ebebeb;
}

/* *********************************** commun ********************************* */
/* pour le mise en page */
.spacer {
	clear: both;
}

/* la boite parent */
.container { 
	background-color:#ebebeb;
	padding: 0 0 0 0;  
	margin: 0 auto 0 auto; 
	position: relative;
	/*background-image:url(bandeau.JPG);
    background-repeat:no-repeat;
    background-position:center top;*/

	}

/* la boite du bandeau */	
.bandeau {
	top: 0em;
	left: 0%;
	/*border: 10px outset #0000CD;
	padding: 0px 40px 0px 40px;*/
	width:auto;
		background-color: #00349a;
	height:110px;	
	border-bottom-width: 0px;
	border-bottom-style: solid;
	/*border-bottom-color: #ebebeb; */
	border-bottom-color: transparent;
    }	

.titre_page{
	top: 0em;
	left: 0%;
	/*border: 10px outset #0000CD;
	padding: 0px 40px 0px 40px;*/
	width:auto;
		background-color: #ffffff;
	height:120px;	
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb; 

    }	
/* font du titre de page */  
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	text-transform: Aucune;
	/*color: #6699CC;*/
	color: #003399; 
	text-align:center;
	float:center;
	width:60%;
	/*height: 50px;	*/
	padding: 0px 0px 0px 0px;
}

.navbar ul {
    margin: 0px;
    padding: 0px;
    color: #00349a;
    line-height: 30px;
    white-space: nowrap;
    background-color: #ebebeb;

}
.navbar li {
    list-style-type: none;
    border: 1px solid #fffb87;
    display: inline;
    border-style: inset;
    background-image:url('../imgs/menuwait.gif');
    background-repeat:repeat-x;
}
.navbar li a {
    text-decoration: underline;
    padding: 7px 10px;
    color: #ffffff;
}
.navbar li a:link {
    color: #ffffff:
}
.navbar li a:visited {
    color: #ffffff;
    font-style: italic;
}
.navbar li a:hover {
    font-weight: bold;
    font-style: normal;
    color: #fffb87;
    background-color: #00349a;
    border-style: outset;
    text-decoration: none;
}
/* le separateur jaune */
.navbar_box {
	width : 80%;
	height : 4px;
	background-color: #fffb87;
	margin: 0 auto 0 auto;
}
/* partie utile de la page */ 
.content {
    /*width:80%;*/
    width:80%;
	/*padding: 10px 5px 10px 5px;  */
	padding : 2px 0px 10px 0px;
	background-color: #ffffff;
	float:center;
	margin: 0 auto 0 auto;
}

/* copyright */
.copyr {
	background-color:#ebebeb;	
	width: 33%;
	float: left;
	text-align: center;
	border: 0px;
	margin: 0px;	
	}  

.copyr_font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-style: italic;
	font-weight: bold;
	text-transform: capitalize;
	color: #6699CC;
}


/* font sous menu */
.if-menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #990033;
	text-decoration: none;
	line-height: 1.6em;
}
a.if-menu:hover {
	color: #990033; 
	/*background: #99ccff;*/
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0000FF;
	border-bottom-color: #0000FF; 
}
	
/************************************************************  */
/*    mentions legales         */

/**************************************************************/
.il {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	text-decoration: none;
}
.il-bold {
	font-weight: bold;
}
.il-lien {
	text-decoration: none;
}
/****************************************************************/
/*       QUIZZ                                                  */
/****************************************************************/
.quizz_left {
	width:42%; 
	border: 0px solid; 
	float:left; 
	background-color:#FFFFE0;
	height:580px;
	color: #333333;
	text-align: justify;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;

}
.quizz_right {
	width:42%; 
	border: 0px solid;
	float:left;
	background-color:#eeffdd;
	height:580px;
	text-align: justify;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;	
}
.quizz_center {
	width:46%; 
	border: 0px solid;
	float:center;
	background-color:#eeffff;
	height:580px;
	text-align: justify;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;	
}

.quizz_choix{
	font-weight: bold;
	color: #990033;
	text-decoration: none;
	line-height: 1.6em;
}
a.quizz_choix:hover {
	color: #990033; 
	/*background: #99ccff;*/
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0000FF;
	border-bottom-color: #0000FF; 
}
.quizz_rappel {
	color: #DEB887; 
}
.quizz_choisi {
	color: #990033; 
}

/****************************************************************/
/*       Chronique                                                 */
/****************************************************************/
.chro_left {
	width:22%; 
	border: 3px outset; 
	border-color: #990033; 
	float:left; 
	text-align: left;
}
/*html>body .chro_left {
	position: fixed;
	}  */

.chro_right {
	width:77%; 
	border: 0px solid;
	float:left;
	border-top-width: 3px;
	border-top-style: outset;
	border-top-color: #990033; 
	padding: 10px 0px;
	background-color:#FFFFFF;
}

#chro_list ul {
    margin: 0px;
    padding: 0px;
    color: #ffffff;
    line-height: 30px;
    white-space: nowrap;
    background-color: #990033;
}
#chro_list li {
	margin: 0px;
    padding: 0px;
    font-size: 0.8em;
    list-style-type: none;
    border: 1px solid #990033;
    background-image:url('../imgs/chro_list.gif');
    background-repeat:repeat-x;
}
#chro_list li a {
    text-decoration: underline;
    padding: 7px 10px;
    color: #990033;
}
#chro_list li a:link {
    color: #990033;
}
#chro_list li a:visited {
    color: #990033;
    font-style: italic;
    text-decoration: none;
}
#chro_list li a:hover {
    font-weight: bold;  
    font-style: normal;
    color: #fffb87;
    background-color: #003399;
    border-style: outset;
    text-decoration: none;
}






/****************************************************************/
/*       Actualité                                                */
/****************************************************************/
.actu {
	border: 2px solid; 
	background-color:#F0FFF0;
	text-align: justify;
}
.actu-active {
	border: 2px solid; 
	background-color:#ffffee;
	text-align: justify;
}
#actu_titre {
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
	color: #990033;
	font-size: 1.5em;
}


/***************************************************/
/*** font diverses                                 */
/***************************************************/
.txt-just {
	color: #333333;
	text-align: justify;
	margin-right: 10px;
	margin-left: 10px;
}
.txt-normal {
	color: #333333;
}
.txt-ital {
	font-weight: bold;
	color: #990033;
	font-style: italic;
}
.txt-gras {
	color: #333333;
	font-weight: bold;
}
.txt-titre {
	font-weight: bold;
	text-transform: uppercase;
	color: #003399;
	border: 1px solid #003399;
	/* float: Aucune; */
	height: 20px;
	width: 400px;
	margin: 5px;
	padding: 0px 100px 0px 100px;
	text-indent: 10px;
	vertical-align: middle;
}
#txt-hl {
	font-weight: bold;
	color: #990033;
}
	
.centrer {
	text-align: center;
}

/*************************************************************************************/
/******** Bon de commande      */
/*************************************************************************************/
.book_left {
	width:64%; 
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	
}
.book_right {
	width:34%;
	float:left;
	background-color: #ebebeb;
}

.etape {
	color: #333333;
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	text-align: left; 
	margin: 10px 0px 10px 0px;	
}
.bookcol1 {
	text-align: right;
	width: 40%;
	height: 52px;
	float: left;
	/*border: 1px solid;*/
	padding: 10px 0px 0px 0px;		
}
.bookcol2 {
	text-align: center;
	width: 10%;
	height: 52px;
	float: left;	
}
.bookcol3 {
	text-align: left;
	width: 48%;
	height: 52px;
	float: left;
	padding: 10px 0px 0px 0px;	
}
.booktab1 {
	text-align: right;
	width: 45%;
	float: left;
	padding: 0px 10px 0px 0px;
}
.booktab2 {
	text-align: left;
	width: 45%;
	float: left;
	padding: 0px 0px 0px 10px;	
	/*border: 1px solid;	*/
}
.bookid1 {
	text-align: right;
	width: 28%;
	float: left;
	padding: 5px 10px 0px 0px;
}
.bookid2 {
	text-align: left;
	width: 65%;
	float: left;
}
	
    
           
.if-std {
	color: #333333;
}
.if-chro {
	color: #333333;
	text-align: left;
}
.if-warn {
	color: #990033;
	margin: auto;
	height: auto;
	width: auto;
}
/* *********************************** iframe ********************************* */

	
.if-box {
	border: 1px solid #999999;
}
.if-body {
	margin: 0px;
	padding: 3px;
	border: 1px solid #990000;
	background-color: #FFFFCC;
}

.lienrouge {
	font-weight: bold;
	color: #990033;
	text-decoration: none;
	line-height: 1.6em;
}
a.lienrouge:hover {
	color: #990033; 
	/*background: #99ccff;*/
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0000FF;
	border-bottom-color: #0000FF; 
}
/* ************************************* textye ************************************ */

.auteur {
	font-style: italic;
	color: #333333;
	text-align: right;
}
.nomauteur {
	color: #333333;
	text-align: right;
	font-weight: bold;
}

.recherche {color: #990000}


/**********************************************************************/
/***              page acceuil    */
/**********************************************************************/
#Page_accueil {
	margin: 0 auto; 
	position:relative;
	width:788px;
	height:525px;
	z-index:1;
	background-image: url(image_accueil.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	text-align: right;
	font-style:italic;
}
#Page_accueil h1 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 32px;
	line-height:20px;
	color: #6699CC;
}
#Page_accueil p {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 17px;
	color: #6699CC;
	width: 300px;
	margin: 0 0 auto auto; 
}

#Page_accueil a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #6699CC;
	text-decoration:none;
}

#mentions_legales_accueil {
	margin: 0 auto auto 0;	
	top:10px;
	width:111px;
	height:48px;
	z-index:2;
	right: 0px;
	left: 5px;
	text-align: left;
}

#Menu_accueil {
	margin: 20px auto auto 400px;	
	width:400px;
	z-index:3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #B44469;
	right: 0px;
	left: 5px;
	text-align: left;
}

#Menu_accueil ul{
  list-style:none;
  padding: 0px;
  margin: 0px;
  width:374px;
  height:183px;
  /* background: url(g04/base.gif) no-repeat left top; */
}

#Menu_accueil ul a {
  display:block;
  left:0px;
  height:30px;
  text-decoration:none;
  color: #B44469;
  font-size:13px;
  font-weight:bold;
  z-index:2;
  /* background: url(g04/puces.gif) no-repeat top left; */
}

#Menu_accueil ul a:hover{
 /* On redéfinie la couleur de la police typographique */
  color: #333333;
  width:274px;
  z-index:1;
}

#lien1 {
  top: 55px;
  padding-left: 121px;
  background-position: 0% 0%;
}
 
#lien1:hover {
  top: 0px;
}

#lien2 {
  top: 53px;
  padding-left: 118px;
  background-position: 0% -12px;
}
 
#lien2:hover {
  top: 0px;
}

#lien3 {
  top: 71px;
  padding-left: 115px;
}

#lien3:hover {
  top: 0px;
}

#lien4{
  top: 89px;
  padding-left: 102px;
}
 
#lien4:hover {
  top: 0px;
}

#lien5 {
  top: 107px;
  padding-left: 90px;
}

#lien5:hover {
  top: 0px;
}

#lien6 {
  top: 125px;
  padding-left: 70px;
}
 
#lien6:hover {
  top: 0px;
}

#lien7 {
  top: 148px;
  padding-left: 50px;
}
 
#lien7:hover {
  top: 0px;
}

#lien8 {
  top: 160px;
  padding-left: 20px;
}
 
#lien8:hover {
  top: 0px;
}


#Jour {
	margin: 20px auto auto 400px;
	width:400px;
}