/* Feuille de Style des modules */
/* Contient les styles de block relatifs aux modules */
/* Design "Blog" */


/* ----------------------------------------- */
/* -= TOUS LES MODULES =- */
/* ----------------------------------------- */

/* HR qui agissent comme spacer */
.spacer {
	visibility: hidden;
	clear: both;
}

/* Block des multi-pages */
.block_navig_page {
	text-align: center;
	margin-bottom: 15px;
}


/* Block des options en haut */
.block_options_top {
	text-align: center;
	margin-bottom: 10px;
}

/* Block des options en bas */
.block_options_bottom {
	text-align: center;
	margin-bottom: 10px;
}


/* Block de navigation dans le module (browsage des posts...) */
.block_navig_module {
	position: relative;
	text-align: center;
	width: 100%;
}
/* Grossit le bouton back */
.block_navig_module .back {
	font-weight: bold;
}
/* Colle prev et next au bord du block conteneur du menu */
.block_navig_module .prev {
	position: absolute;
	left: 10px;
	text-align: left;
	width: 280px;
}
.block_navig_module .next {
	position: absolute;
	right: 10px;
	text-align: right;
	width: 280px;
}


/* Liens d'options de modification */
.manage_link {
	font-style: italic;
}

/* Liens de visionnage en détail */
.details_link {
	font-weight: bold;
}


/* Texte (optionnel) de présentation du module */
.presentation, .presentation small {
	color: #9B4607;
}


/* ----------------------------------------- */
/* -= MODULES COMMUNS =- */
/* ----------------------------------------- */

/* Block de la page d'édition */
.block_edit {
	text-align: center;
}
/* Aligne les divs / tables & co aussi */
.block_edit div, .block_edit table, .block_edit img, .block_edit ul, .block_edit ol, .block_edit p, .block_edit input, .block_edit textarea {
	margin-left: auto;
	margin-right: auto;
}
.block_edit .block_contenu {
	text-align: center;
	width: 90%;
}
/* Modifie les formulaires */
.block_edit .input_text {
	display: block;
	width: 500px;
}
.block_edit .input_textarea {
	display: block;
	width: 500px;
	height: 300px;
}



/* Block de la page d'insertion */
.block_insert {
	text-align: center;
}
/* Aligne les divs / tables & co aussi */
.block_insert div, .block_insert table, .block_insert img, .block_insert ul, .block_insert ol, .block_insert p, .block_insert input, .block_insert textarea {
	margin-left: auto;
	margin-right: auto;
}


/* Block de la page de suppression */
.block_delete {
	text-align: center;
}
/* Aligne les divs / tables & co aussi */
.block_delete div, .block_delete table, .block_delete img, .block_delete ul, .block_delete ol, .block_delete p, .block_delete input, .block_delete textarea {
	margin-left: auto;
	margin-right: auto;
}




/* ----------------- */
/* -= STATIC =- */
/* ----------------- */


/* -= Block de positionnement =- */

/* Lien d'un titre de niveau 3 */
h3 a:link, h3 a:visited {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #166089;
}
h3 a:hover, h3 a:active {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #F29F3E;
}


/* Block du plan du site */
.block_sitemap {
	text-align: center;
	width: 100%;
}
.block_sitemap .block_contenu {
	text-align: left;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.block_sitemap ul {
	margin-bottom: 0px;
}


/* Block du formulaire de contact */
.block_contact .input_text {
	width: 400px;
}



/* ------------------------------- */
/* -= RESSOURCES  =- */
/* ------------------------------- */

/* Block détails d'une ressource */
/* Met la date sous le titre H2 */ 
.block_ressource h2 small, h2 small {
	display: block;
	text-align: right;
	font-size: 0.6em;
	font-style: italic;
	font-weight: normal;
}
/* Met la date sous le titre H3 */ 
.block_ressource h3 small {
	display: block;
	text-align: left;
	font-size: 0.6em;
	font-style: italic;
	font-weight: normal;
	color: #ACCCE2;
}

/* Affiche une puce différente pour les LI selon leur langue */
.block_ressource .FR {
	list-style-image: url("FR.gif");
	margin-bottom: 10px;
}
.block_ressource .EN {
	list-style-image: url("EN.gif");
	margin-bottom: 10px;
}

/* Modifie l'alignement du texte lors de la vue détaillé d'une ressource (pour TOUTES les sections ressources) */
.block_ressource .block_contenu {
	text-align: justify;
}



/* ------------------------------------------------------------ */
/* -= RESSOURCES - BIBLIOGRAPHIE =- */
/* ----------------------------------------------------------- */

/* Change la couleur du small */
.block_bibliographie small {
	color: #404040;
}
/* Affiche une puce différente pour les LI selon leur langue */
.block_bibliographie .FR {
	list-style-image: url("FR.gif");
	margin-bottom: 10px;
}
.block_bibliographie .EN {
	list-style-image: url("EN.gif");
	margin-bottom: 10px;
}
.block_bibliographie ul .title {
	list-style: none;
	margin-left: -20px;
	margin-top: 30px;
}

/* ------------------------------------------------------------ */
/* -= RESSOURCES - LUDOGRAPHIE =- */
/* ----------------------------------------------------------- */

/* Change la couleur du small */
.block_ludographie small {
	color: #404040;
}
/* Change la couleur des liens du small de type linkbig (nom d'auteur du jeu mais pas celui du lien de téléchagement) */
.block_ludographie small .link_big:link, .block_ludographie small .link_big:visited {
	color: #9B4607;
	font-style: inherit;
	font-weight: normal;
}
.block_ludographie small .link_big:hover, .block_ludographie small .link_big:active {
	color: #F29F3E;
}
/* Met le block "auteur-date" sous les titres */ 
.block_ludographie h3 small, .block_ludographie h2 small {
	color:  #9B4607;
	display: block;
	font-style: normal;
}
/* Change la couleur des links dans le titre */
.block_ludographie h3 small a:link, .block_ludographie h3 small a:visited, .block_ressource h2 small a:link, .block_ressource h2 small a:visited {
	color: #9B4607;
	font-weight: normal;
	text-decoration: underline;
}
.block_ludographie h3 small a:hover, .block_ludographie h3 small a:active, .block_ressource h2 small a:hover, .block_ressource h2 small a:active {
	color: #F29F3E;
	font-weight: normal;
	text-decoration: underline;
}
/* Change la couleur des links dans le small */
.block_blog small .link_big:link, .block_blog small .link_big:visited, .block_blog small .link:link, .block_blog small .link:visited {
	color: #9B4607;
}
.block_blog small .link_big:hover, .block_blog small .link_big:active, .block_blog small .link:hover, .block_blog small .link:active {
	color: #F29F3E;
}

/* Justifie le texte des bloc de chaque item */
.block_ludographie .block_left_bottom, .block_ludographie .block_left {
	text-align: justify;
}

/* Met un espace à coté des images en float */
.block_ludographie .float {
	margin-right: 10px;
}

/* Block des vignettes de la bilbio un bloc float de 150px avec une image centrée dedans */
.block_ludographie .float_vign {
	margin-right: 10px;
	float: left;
	width: 150px;
	text-align: center;
}
/* Autoajuste les images se trouvant à l'intérieur d'un float */
.block_ludographie .float_vign img {
	margin-left: auto;
	margin-right: auto;
}




/* ------------------------------------------- */
/* -= RESSOURCES - BLOG =- */
/* ------------------------------------------ */

/* Réduit la taille de la zone des billets de blog */ 
.block_blog { text-align: left; }
.block_blog .block_contenu {
	width: 520px;
	text-align: justify;
}

/* Met le block "titre-auteur-date" a gauche des pages view*/ 
.block_blog h2 {
	margin-right: 190px;
}


/* Met le block "auteur-date" sous les titres */ 
.block_blog h3 small, .block_blog h2 small {
	color:  #9B4607;
	display: block;
	font-style: normal;
}
/* Change la couleur des links dans le titre */
.block_blog h3 small a:link, .block_blog h3 small a:visited, .block_blog h2 small a:link, .block_blog h2 small a:visited {
	color: #9B4607;
	font-weight: normal;
	text-decoration: underline;
}
.block_blog h3 small a:hover, .block_blog h3 small a:active, .block_blog h2 small a:hover, .block_blog h2 small a:active {
	color: #F29F3E;
	font-weight: normal;
	text-decoration: underline;
}
/* Change la couleur des links dans le small */
.block_blog small .link_big:link, .block_blog small .link_big:visited, .block_blog small .link:link, .block_blog small .link:visited {
	color: #9B4607;
}
.block_blog small .link_big:hover, .block_blog small .link_big:active, .block_blog small .link:hover, .block_blog small .link:active {
	color: #F29F3E;
}


/*Colone d'information à droite */
.block_colone  {
	position: absolute;
	top: 127px;
	right: 0px;
	width: 170px;
	background-color: #FFFFFF;
	color: #166089;
	padding: 10px;
	text-align: left;
	font-size: 0.85em;
	border-left: 2px solid #F29F3E;
}
/* Change les titres h3 */
.block_colone h3 {
	background-color: #F29F3E;
	color: #FFFFFF;
	text-align: right;
	font-size: 1.1em;
	/*width: 170px;*/
	margin-bottom: 0px;
	margin-left: -10px;
	padding-right: 10px;
	border-bottom: 0px solid #F29F3E;
}
/* Change la couleur des links  */
.block_colone a:link, .block_colone  a:visited {
	color: #9B4607;
	font-weight: normal;
	text-decoration: underline;
}
.block_colone  a:hover, .block_colone  a:active {
	color: #F29F3E;
	font-weight: normal;
	text-decoration: underline;
}


/* ------------------------------------- */
/* -= TWITTER WIDGET =- */
/* ------------------------------------ */

/*Change la taille du texte*/
.twtr-tweet-text { 
	font-size: 0.9em;
} 
/*Cache le logo d'en haut*/
.twtr-hd {
	display: none;
}
/*Change le logo d'en haut*/
.twtr-user {
	display: none;
}



/* --------------------------------------------------------- */
/* -= STYLES DE l'EDITEUR TINYMCE =- */
/* --------------------------------------------------------- */


/* -= Blocks de positionnement (modules.css) =- */
.float {
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}

.center, .center img, .center table, .center div, .center span, .center p, .center ul, .center ol {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.left, .left img, .left table, .left div, .left span, .left p, .left ul, .left ol {
	display: block;
	text-align: center;
	margin-left: 0;
	margin-right: auto;
}

.right, .right img, .right table, .right div, .right span, .right p, .right ul, .right ol {
	display: block;
	text-align: center;
	margin-left: 0;
	margin-right: auto;
}

/* Block de disposition en 2 colonnes */
.block_2cols {
	width: 350px;
	float: left;
	margin-right: 5px;
}

/* Block de disposition en 3 colonnes */
.block_3cols {
	width: 250px;
	float: left;
	margin: 5px;
}


/* -= Divers =- */

/* Barre horinzontale */
hr {
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}