/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(Gx/I/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #FFF url(Gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{margin:0; padding:0; border:0;}

h1{
	font-size: 18px;
	color: #213364;
	font-family: Arial;
}
h3{
	color: #213364;
	font-size: 14px;
	font-weight: normal;
}
h2{
	font-size: 18px;
	color: #213364;
	font-family: Arial;
	
}
img.logoprint{
	display: none;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 14px; line-height: 150%; color: #213364;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #07917A; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#213364; text-decoration:underline;
}
ul li{font-size:14px; line-height:150%; list-style:square;color: #213364;}
ol li{font-size:14px; line-height:150%; color: #213364;}


/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	position: relative;
	margin: 0 auto 0 auto;
	width: 900px;
	text-align:left;
}

/* INDEX
--------------------------------------------------------------------------------------- */
body#index a.retouraccueil { 
	display: block;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 210px;
	height : 140px;
	padding : 0;
	margin : 13px 0 0 0;
	background: url(Gx/I/logo.gif) no-repeat left top;
}
body#index a.btnecole { 
	display: block;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 268px;
	height : 50px;
	padding : 0;
	margin : 67px 0 0 79px;
	background: url(Gx/I/btnecole.gif) no-repeat left top;
}
body#index a.btnecole:hover {
	background: url(Gx/I/btnecole_over.gif) no-repeat left top;
} 
body#index a.btnacademie { 
	display: block;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 268px;
	height : 50px;
	padding : 0;
	margin : 67px 0 0 14px;
	background: url(Gx/I/btnacademie.gif) no-repeat left top;
}
body#index a.btnacademie:hover {
	background: url(Gx/I/btnacademie_over.gif) no-repeat left top;
}
body#index a.btnvideo { 
	display: block;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 210px;
	height : 50px;
	padding : 0;
	margin : 13px 0 0 0;
	background: url(Gx/I/btnvideo.gif) no-repeat left top;
}
body#index a.btnvideo:hover {
	background: url(Gx/I/btnvideo_over.gif) no-repeat left top;
}
body#index #colgauche{
	width: 210px;
	float: left;
	margin-right: 25px;
}
body#index #coldroit{
	float: left;
	width: 736px;
	padding-left: 275px;
}
body#index #contenu{
	position: absolute;
	left: -2px;
	width:259px;
	/*height: 1024;*/
	visibility: visible;
	height: 276px;
	top: 185px;
}
.livreecole{
	width: 367px;
	float: left;
}
.livreecole h2, .livreecole h3{
	padding: 0 0 0 130px;
}
.livresommeil{
	width: 367px;
	float: left;
	border-left: 1px #A4ABBF solid;
}
.livresommeil h2, .livresommeil h3{
	padding: 0 0 0 65px;
}

/* MAIN
--------------------------------------------------------------------------------------- */
body#main a.retouraccueil { 
	display: block;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 181px;
	height : 124px;
	padding : 0;
	margin : 5px 0 0 0;
	background: url(Gx/M/logo.gif) no-repeat left top;
}

body#main a.btnecole, body#main a.btnecoleen { 
	display: block;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 331px;
	height : 50px;
	padding : 0;
	margin : 35px 0 0 88px;
	background: url(Gx/M/btnecole.gif) no-repeat left top;
}
body#main a.btnecoleen{
	background: url(Gx/M/btnecoleen.gif) no-repeat left top;
}
body#main a.btnecoleactif, body#main a.btnecoleenactif { 
	display: block;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 331px;
	height : 50px;
	padding : 0;
	margin : 35px 0 0 88px;
	background: url(Gx/M/btnecole_over.gif) no-repeat left top;
}
body#main a.btnecoleenactif{
	background: url(Gx/M/btnecoleen_over.gif) no-repeat left top;
}
body#main a.btnecole:hover{
	background: url(Gx/M/btnecole_over.gif) no-repeat left top;
}
body#main a.btnecoleen:hover{
	background: url(Gx/M/btnecoleen_over.gif) no-repeat left top;
} 
body#main a.btnacademie, body#main a.btnacademieen { 
	display: block;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 331px;
	height : 50px;
	padding : 0;
	margin : 35px 0 0 14px;
	background: url(Gx/M/btnacademie.gif) no-repeat left top;
}
body#main a.btnacademieen{
	background: url(Gx/M/btnacademieen.gif) no-repeat left top;
}
body#main a.btnacademieactif, body#main a.btnacademieenactif { 
	display: block;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 331px;
	height : 50px;
	padding : 0;
	margin : 35px 0 0 14px;
	background: url(Gx/M/btnacademie_over.gif) no-repeat left top;
}
body#main a.btnacademieenactif{
	background: url(Gx/M/btnacademieen_over.gif) no-repeat left top;
}
body#main a.btnacademie:hover {
	background: url(Gx/M/btnacademie_over.gif) no-repeat left top;
}
body#main a.btnacademieen:hover {
	background: url(Gx/M/btnacademieen_over.gif) no-repeat left top;
}
body#main a.btnvideo, body#main a.btnvideoen { 
	display: block;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 210px;
	height : 50px;
	padding : 0;
	margin : 13px 0 0 0;
	background: url(Gx/M/btnvideo.gif) no-repeat left top;
}
body#main a.btnvideoen{
	background: url(Gx/M/btnvideoen.gif) no-repeat left top;
}	
body#main a.btnvideo:hover {
	background: url(Gx/M/btnvideo_over.gif) no-repeat left top;
}
body#main a.btnvideoen:hover{
	background: url(Gx/M/btnvideoen_over.gif) no-repeat left top;
}	
body#main #colgauche{
	width: 224px;
	float: left;
	padding-top: 25px;

}
body#main #coldroit{
	float: right;
	width: 692px;
	top: 25px;		

}
body#main #contenu{
	position: absolute;
	top: 156px;
	left: 0;
	width: 946px;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu {
	margin: 0 60px 0 0;
	padding: 0;
	width: 300px;
	display: block;
	clip: rect(auto,45px,auto,auto);
	}
#menu ul{padding: 0 0 0 18px;margin: 0;}
#menu ul li{
	padding: 0;
	margin: 0 45px 0 0;
	list-style-type:none;
	width:180px;
	border-bottom:1px #E6E6E6 solid;
	float: left;
	}
#menu ul li.dernier{border: none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	text-align: left;
	line-height: 20px;
	font-size: 16px;
	color: #07917A;
	text-decoration: none;
	font-weight: bold;
	padding: 4px 0 2px 16px;
	display: block;
}
#menu ul li a:hover, #menu ul li a:visited:hover, #menu ul li a.actif, #menu ul li a.actif:visited{
	color: #95845D;
}

/* MENU UTILITAIRE
--------------------------------------------------------------------------------------- */
#menuu{height: 34px;padding: 0;margin: 0;float: right;}
#menuu ul{padding: 10px 0 0 0;margin: 0;}
#menuu ul li{padding: 0 0 0 7px;margin: 0;list-style-type: none;float: left;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	display: block;
	float: left;
	border: 1px #CDC6B2 solid;
	line-height: 15px;
	font-size: 13px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 6px 12px 3px 15px;

}
/*#menuu ul li a:hover, #menuu ul li a:visited:hover, #menuu ul li a.actif, #menuu ul li a.actif:visited{
	color: #07917A;
}*/

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color: #213364;height: 50px;font-family: arial;font-size: 10px;padding: 0;}
#piedPage a{ color: #213364; text-decoration: underline;}
#piedPage a:hover{ color: #213364; }
#piedPage #copyrights{ float: left; margin: 0; text-align: left;}
#piedPage #copyrights a{ font-weight: bold; }
#piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #213364;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #213364;}
/* Style pour puce*/

ul{
	list-style: disc inside;
	padding: 0px 0px 0px 10px;
	margin: 0;
}
li{
	padding: 0 0 0 3px;
	margin-left: 25px;
	margin-bottom: 5px;
	list-style-position: outside;	
}
#listePartielle {
	width: 500px;
	margin-right: 75px;
}
.liste_alphaMajus {
	list-style:upper-alpha;
	position:inside;
	padding: 0px;
	margin: 2px;
}

.liste_alphaMinus {
	list-style:lower-alpha;
	position:inside;
	padding: 0px;
	margin: 2px;
	
}
.chapitre_description{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;

}
.chapitre_soustitre{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	line-height: 12px;

}


.livre_presentation{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height: 16px;
}
.titre_nouveaute {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF3300;
	letter-spacing: 0.09em;
}

.ul livre{
	list-style: disc inside;
	padding: 0px 0px 0px 10px;
	margin: 0;
}
.li livre{
	padding: 0 0 0 3px;
	margin-left: 25px;
	margin-bottom: 5px;
	list-style-position: outside;	
}
.image_ligne{
	background-image: url(Gx/line-lightgrey-dotted-422.gif);
	background-repeat: repeat-x;
	background-position: center;
	/*margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-bottom: 15px;*/
}
/*menu horizontal simple pour page livres*/
#entete_M{
	background-image: url(Gx/enteteMenu.jpg);
	background-repeat: repeat-x;
	height: 25px;		
}
#titreCatLivre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF3300;
	letter-spacing: 0.09em;
	height: 20px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	border: thin dotted #CCCCCC;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 500px;
	
}
.livre_sep{
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 35px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 10px;
	border-top: thin dotted #CCCCCC;
	border-right: thin none;
	border-bottom: thin dotted #CCCCCC;
	border-left: thin none;
}
#navlist li
{
	display: inline;
	list-style-type: none;
	font-size: 12px;
	padding-top: 10px;
	margin-right: -20px;
}