@charset "utf-8";
/* CSS Document */

/* Elements principaux */

html, body, div, p, span, img, a, ul, li, em, font, small, strong, sub, sup, b, u, i, input, h1, h2, h3, h4, h5, h6, noscript, object, fieldset, form, label, caption, legend 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	float: none;
	-webkit-font-smoothing: auto;
}

body
{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:justify;
	background-color:#080706;
	background-image: url('ressources/background.jpg');
	background-position: center center;
	background-repeat: repeat-y;
	min-width: 1260px;
}

#bloc_page
{
	min-height: 800px;
	width: 1260px;
  	margin: 0 auto;
  	background-image: url("ressources/background.jpg");
  	background-position: center center;
  	background-repeat: repeat-y;
}

#bloc_page_2
{
  	background-image: url("ressources/background2.jpg");
  	background-position: center top;
  	background-repeat: no-repeat;
 	 min-height: 800px;
}
	

header
{
	height: 270px;
}



/* ----------- menus de gauche --------------*/
#menus
{
	display: inline-block;
	width: 260px;
	vertical-align:top;
}

/* Menu date */
#menu_date
{
	/*display: inline-block;*/
	min-height: 150px;
	width: 260px;
	padding: 80px 0px 0px 0px;
	background: url('ressources/menudate.png') no-repeat;
	font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #FFF2D9;
	font-size: 1.3em;
	text-align: center;
}

/* ----------------------------------- */
/* Menu de navigation */	
nav 
{
	/*display: inline-block;*/
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 15px;
	margin-left: 30px;
	margin-top: -270px;
	width: 185px;
	height: auto;
}
	
li 
{
	list-style: none;
}
	
/* ID */
	
#content 
{
	/*display: inline-block;*/
	width: 185px;
	margin-left: 0px;
}
	
#main_menu_nav h3 
{
	color: #FFF2D9;
	background: url('ressources/menubouton.png') no-repeat;
	padding: 8px;
	padding-left: 15px;
	cursor: pointer;
	position: relative;
	height:30px;
}
	
#main_menu_nav ul 
{
	height: auto;
	display: none;
}
	
#main_menu_nav li 
{
	color: #3C342E;
	background: url('ressources/fondpapier.jpg');
	padding: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #035c7e;
}
	
#main_menu_nav li:hover 
{
	color: #FFF;
	background: #5D5147;
}
	
#main_menu_nav li:last-child 
{
	border-bottom: none;
}

/* Mise en forme des liens des sous menus */
#main_menu_nav li a
{
	color: #3C342E;
	text-decoration:none;
}

#main_menu_nav li a:visited
{
	color: #3C342E;
}

#main_menu_nav li a:hover
{
	color: #FFF;
}

	
/* Cachons la case à cocher */
#main_menu_nav [type="checkbox"]:not(:checked), [type="checkbox"]:checked 
{
	position: absolute;  
	left: -9999px;  
}
	
/* on prépare le label */
#main_menu_nav [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label 
{
	padding-left: 200px;
	padding-bottom: 36px;
	left: 0;
	top: 0;
	cursor: pointer;
	position: absolute;
}
	
/* Aspect général de la coche */
#main_menu_nav [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after 
{
	content: '\25bc';
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 14px;
	color: #002E41;
	transition: all .2s;
}
	
/* Aspect si "pas cochée" */
#main_menu_nav [type="checkbox"]:not(:checked) + label:after 
{
	opacity: 0; /* coche invisible */
	transform: scale(0); /* mise à l'échelle à 0 */
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
}
	
/* Aspect si "cochée" */  
#main_menu_nav [type="checkbox"]:checked + label:after 
{
	opacity: 0; /* coche invisible */
	transform: scale(1); /* mise à l'échelle 1:1 */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}
	
#main_menu_nav label:before 
{
	opacity: 0;
}
	
#main_menu_nav label:hover:before 
{
	content: '\25bc';
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 14px;
	color: #002E41;
	transition: all .2s;
	opacity: 0; /* coche invisible */
}
	
#home_category, #monde_category, #competences_category, #guide_category, #communaute_category
{
	position: relative;
}
	
#home_category [type="checkbox"]:checked + label + ul, #monde_category [type="checkbox"]:checked + label + ul, #competences_category [type="checkbox"]:checked + label + ul, #guide_category [type="checkbox"]:checked + label + ul, #communaute_category [type="checkbox"]:checked + label + ul
{
	display: block;
}
	
/* CLASS */
	
.transition_css 
{
	transition: all .2s ease-out;
	-webkit-transition : all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
}

/* email */
#email
{
	height: 261px;
	width: 184px;
	padding: 0px 0px 0px 0px;
	margin-top: 20px;
	background: url('ressources/menumail.png') no-repeat;
	text-align: center;
	/*float: left;*/
}
/* ----------- fin menus de gauche -------------- */

	
/* ----------- pages de contenu -------------- */
#section_page 
{
	display: inline-block;
	margin-left:60px;
	margin-top: 120px;
	width: 750px;
}

#section_page a, a:visited
{
	color: #3C342E;
	text-decoration:none;
}

#section_page a:hover
{
	color: #3C342E;
	text-decoration:underline;
}

article
{
	width: 740px;
	margin-right: 10px;
	margin-left:10px;
	vertical-align:top;
	text-align:justify;
	color: #3C342E;
	position:relative;
}


/* centrer le texte horizontalement */
.texte_centrer
{
	text-align:center;
}

#section_page h1, h2, h3, h4
{
	font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#824228;
}

.texte_couleur
{
	color:#824228;
}


/* ------- Traitement des images ------------ */
.img_gauche /* aligner une image a gauche */
{
	float: left;
	margin-right:5px; 
}

.img_droite /* aligner une image à droite */
{
	float:right;
	margin-left:5px;
}

.img_centre /* aligner une image au centre de la page */
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.align_puce
{
  vertical-align:middle;
}

/* Texte autour de l'image */
/* Images rondes */
.text_ds_img_dte
{
	shape-outside: url("img_pages/zz.png");
    display: inline-block;
    float:right;
    shape-margin: 5px;
}

.text_ds_img_gche
{
	shape-outside: url("img_pages/zz.png");
    display: inline-block;
    float:left;
    shape-margin: 5px;
}
/* autres images */
#artefacts
{
	shape-outside: url("img_pages/histoire_4_artefacts.png");
    display: inline-block;
    float:right;
    shape-margin: 10px;
}

#boadicee
{
	shape-outside: url("img_pages/histoire_5_boadicee.png");
    display: inline-block;
    float:right;
    shape-margin: 10px;
}	

#academie
{
	shape-outside: url("img_pages/histoire_6_chateau.png");
    display: inline-block;
    float:left;
    shape-margin: 5px;
}

#fee_lutin
{
	shape-outside: url("img_pages/histoire_3_lutins1.png");
    display: inline-block;
    float:left;
    shape-margin: 10px;
}


/* mise en forme images avec legende */
figcaption
{
display: table-caption;
caption-side:bottom;
text-align: center;
border:none;
border-bottom: none;
}

.figdroite
{
width: 20%;
font-style: italic;
font-size: smaller;
display: table;
border:none;
padding-top: 0;
float:right;
}

.figgauche
{
width: 20%;
font-style: italic;
font-size: smaller;
display: table;
border:none;
padding-top: 0;
float:left;
}

.figcentre
{
width: 30%;
font-style: italic;
font-size: smaller;
display: table;
border:none;
padding-top: 0;
margin-left: auto;
margin-right: auto;
}


/* Mise en forme des sommaires, en haut des pages de contenu */
.sommaire_pages table
{
	background-color:#D3CBC5;
	border-collapse:collapse;
}

.sommaire_pages td
{
	border:hidden;
	vertical-align:top;
}

/* Mise en forme du tableau de chronologie */
#chronologie table
{
	border-collapse:collapse;
}

#chronologie th
{
	border-bottom: 1px solid #808080;
	text-align:left;
}

#chronologie td
{
	border-bottom: 1px solid #808080;
	vertical-align:top;
	text-align:justify;
	font-size:0.9em;
}

.sans_bordure
{
	border:hidden;
}


/* Mise en forme de la page liens */
#table_liens
{
	font-size:0.9em;
}

/*--------- mise en forme des cartes ----------*/
.infobulle_cartes 
{ 
   position: absolute;   
   white-space: nowrap;			/*empêche le retour à la ligne*/
   background: rgba(0,0,0,.5);	/*couleur de fond de l'infobulle*/
   color: #ffffff;				/*couleur du texte*/
   padding:3px;					/*marges intérieures*/
   border: 2px solid #824228;	/*bordures :épaisseur-nature-couleur*/
   border-radius:6px;			/*bordures arrondies*/
}

/* ------------ page gazette ----------------*/
.entete_gazette
{
	font-size: small;
	text-align:center;
}

.articles_gazette
{
	font-size: small;
	text-align:justify;	
}

.articles_gazette table
{
	border-collapse:collapse;
	border:hidden;
}

.articles_gazette td
{
	padding-right: 10px;
	max-height: 400px;
	vertical-align:text-top;
}

.image_gazette
{
	float: left;
	margin-right:5px;  
}

.potins_gazette
{
	font-size:smaller;
}

/* ----- fin page gazette -----*/	




/* ----------- fin pages de contenu -------------- */

/* ----------- pied de page -------------- */
footer
{
	font-size: small;
	font-style: italic;
	text-align: center;
	/*margin-top: 30px;
	margin-bottom: 10px;*/
	padding: 20px 0 10px 0;
}