/* @override 
	http://localhost/~goulven/QF/squelettes/habillage.css
*/

/* Feuille de style par défaut pour affichage écran */



/* Styles de balises, ordre alphabétique */

.img_droite {
	float: right;
}

.img_centree {
	display: block;
	margin: auto;
}

.hide-desktop { display: none; }

#menu_mobile { display: none; }

body {
	color: #fff;
	font: small "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #949393;
}

h2 {
	list-style-type: disc;
	margin-top: 5px;
}

html {
	margin: 0;
	padding: 0;
}



ol li {
	list-style-type: decimal;
	margin-left: 0.5em;
	margin-bottom: 15px;
}

li {
	list-style-type: none;
	margin-left: 0.5em;
}

#contenu-article div.texte ul.spip {
	margin-bottom: 14pt;
}

#contenu-article div.texte ul.spip li {
	list-style-position: outside;
	list-style-type: square;
	margin-bottom: 10px;
	font-size: 11pt;
	font-weight: 300;
}

ul {
	padding-left: 0.7em;
	margin: 1px;
}

#contenu div.menu.articles ul {
	padding-left: 0;
}

#rub_droite_rubrique {
	float: right;
	width: 210px;
	color: #000;
	padding-top: 0;
	padding-bottom: 10px;
	margin-right: 20px;
	clear: none;
}

#rub_droite_rubrique ul li {
	padding: 0px;
	padding-bottom: 7px;
	list-style-type: square;
	list-style-position: inside;
	font-size: 10pt;
	margin: 0px 0px 0px 5px;
}

#sites_references ul li {
	list-style-type: square;
	padding-left: 0;
}

#rub_droite_rubrique h2 {
	display: block;
	text-align: center;
	margin: 15px 2px 10px;
	font-weight: 200;
	font-size: 12pt;
	border-bottom: thin solid black;
	font-style: normal;
	text-transform: uppercase;
}

#rub_droite_article h2 {
	display: block;
	text-align: center;
	margin: 18px 2px 10px;
	font-size: 12pt;
	border-bottom: thin solid black;
	text-transform: uppercase;
	font-weight: 200;
	font-style: normal;
	color: #373636;
}

.rub_droite_site_ref p {
	margin: 3px 0 0;
}

#navigation ul {
	margin-bottom: 15px;
}

#navigation ul li {
	font-size: 1.1em;
	margin-left: 0;
}


/* Styles structurants, ordre disposition */

/* @group Structure */

#page {
	width: 1000px;
	padding-bottom: 0px;
	margin: 0 auto;
	background-image: url(images/ombre.png);
}

/* @group Haut */

#entete {
	width: 950px;
	margin: 0 auto;
	height: 115px;
	padding: 0;
	background-color: white;
	border-right: thin solid black;
	border-left: thin solid black;
}

#logo_gauche {
	float: left;
	padding: 0px;
}

#contact {
	float: right;
	margin-right: 10px;
	font-size: 12pt;
	margin-top: 0;
	border-left-style: solid;
	border-left-color: #ef3335;
	color: black;
	padding-top: 20px;
	padding-bottom: 0;
	padding-right: 0;
}

#contact ul {
	float: right;
	margin-top: 0;
	background-repeat: repeat-y;
	padding-left: 0;
}

#contact ul a{
	color: black;
}

#contact ul a:hover{
	color: #ef3335;
	text-decoration: none;
}

.rubriques ul {
	float: right;
	margin-right: 35px;
	font-size: 13pt;
	margin-top: 0;
	border-left-style: solid;
	border-left-color: #e21819;
	padding: 20px 0 0;
}

.rubriques ul a {
	color: black;
}

.rubriques ul a:hover {
	color: #ef3335;
	text-decoration: none;
}

#logo_droite {
	float: right;
	margin-top: 2px;
}

#hierarchie {
	width: 950px;
	margin: 0 auto;
	height: 18px;
	color: black;
	padding: 6px 0 4px;
	background-color: #e11818;
	border-right: thin solid black;
	border-left: thin solid black;
	font-weight: 400;
}

#hierarchie a {
	color: black;
}

#hierarchie a:hover{
	color: #FFF;
	text-shadow: #000 0 0 5px;
	text-decoration: none;
}

/* @end */

/* @group Conteneur */

#conteneur {
	width: 950px;
	margin: 0 auto;
	height: 100%;
	padding-top: 20px;
	background: white url(../../../Desktop/De%CC%81coupe-1.png) repeat-y;
	border-right: thin solid black;
	border-left: thin solid black;
}

#dernier_numero ul li h3.spip {
	margin: 10px 0 0;
	text-align: left;
}

#navigation {
	float: left;
	width: 140px;
	height: 100%;
	color: #000;
	padding: 0 5px 5px;
	margin-left: 3px;
}

/* @group Colonne droite */

#rub_droite {
	float: right;
	width: 160px;
	color: #000;
	margin-right: 10px;
}

#rub_droite h2 {
	margin: 2px;
	margin-bottom: 10px;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 1.7em;
}

#rub_droite ul {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0;
}

#rub_droite ul li {
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
	margin-top: 0px;
	list-style-type: disc;
	list-style-position: inside;
	font-size: 1.1em;
}

#rub_droite ul li a img.spip_logos {
	display: block;
	margin: auto;
	border: thin solid black;
}

#rub_droite_article {
	float: right;
	width: 210px;
	color: #000;
	margin-bottom: auto;
	padding-top: 0;
	padding-bottom: 10px;
	margin-right: 20px;
	overflow: hidden;
}

@media (max-width: 700px) { 
	#rub_droite_article { margin-top: 4em; }
}

#rub_droite_article ul {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0;
}

#rub_droite_article ul li {
	padding: 0px;
	padding-bottom: 7px;
	list-style-type: square;
	list-style-position: inside;
	font-size: 10pt;
	margin: 0px 0px 0px 5px;
}

@media (max-width: 700px) { 
	#rub_droite_article ul li { font-size: 14pt; margin-bottom: 2%; font-weight: 200; }
}

.liste-articles ul li h5 {
	margin-bottom: 0.1em;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	margin-top: 0.1em;
}

#dernier_numero {
	font-size: 12pt;
	padding-bottom: 5px;
	color: black;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#dernier_numero ul {
	margin: 0;
	padding: 0;
}

#dernier_numero ul li {
	list-style-type: square;
	margin-left: 240px;
	margin-bottom: 15px;
	font-weight: 200;
	font-size: 16pt;
	line-height: 22pt;
}

#dernier_numero div.descriptif ul.spip li strong {
	font-weight: 500;
}

#dernier_numero img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	border: thin solid black;
	width: 200px;
	height: auto;
}

#dernier_numero ul li p {
	margin-top: 0px;
	margin-bottom: 5px;
}

.meme_numero_rubrique {
	margin-bottom: 10px;
	margin: auto;
}

.meme_numero_rubrique img {
	display: block;
	margin: auto auto 0;
	border: thin solid black;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 500px;
}

@media (max-width: 700px) { .meme_numero_rubrique img { margin-bottom: 10%; }
}

#documents_joints div.spip_doc_titre {
	margin: auto auto 0;
	text-align: center;
}

#documents_joints div.spip_doc_titre img{
	margin: auto auto 0;
	border: none;
}

.liste-articles ul li div.texte {
	text-align: justify;
	font-size: 11pt;
	line-height: 14pt;
	margin-top: 5px;
	font-weight: 300;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

@media (max-width: 700px) { 

.liste-articles { width: auto !important; }

}

#calendrier {
	margin: 0px;
	margin-bottom: 20px;
	text-align: center;
}

#calendrier table {
	border: 1px;
	border-collapse: collapse;
	border-spacing: 1px;
	padding: 0px;
	font-size: 0.8em;
	margin: auto;
	margin-top: 10px;
}

#calendrier th {
	
}

#calendrier td {

}

/* @end */

#contenu {
	float: left;
	max-width: 620px;
	margin-bottom: 0px;
	color: #000;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 3px;
	margin-top: 10px;
	border-right: thin dotted silver;
}

#contenu-sommaire {
	color: #000;
	margin-bottom: 5px;
	padding-left: 15px;
	margin-right: 475px;
	border-right: thin dotted silver;
	padding-right: 15px;
}

#dernier_numero p {
	margin-top: 0;
	font-size: 12pt;
	font-weight: 200;
}

.cartouche {
	margin-right: 35px;
	margin-left: 35px;
	border-bottom: 1px dotted silver;
	-o-font-feature-settings:"liga", "dlig" "kern";
	-webkit-font-feature-settings:"liga", "dlig" "kern";
	-moz-font-feature-settings:"liga", "dlig" "kern";
	-ms-font-feature-settings:"liga", "dlig" "kern";
	font-feature-settings:"liga", "dlig" "kern";
}

/* hack CSS pour activer les ligatures et autres joyeusetés typographiques sous Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.cartouche { text-rendering: optimizeLegibility; }
}

#contenu div.cartouche {
	border-bottom-style: none;
	margin-bottom: 25px;
}

div.chapo {
	margin-top: 35px;
	margin-bottom: 10px;
}

#contenu-article {
	max-width: 620px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #000;
	border-right: thin dotted silver;
	padding-left: 35px;
	padding-right: 35px;
	float: left;
}

#contenu-article #exergue {
	color: gray;
	border-top-style: dotted;
	margin-bottom: 20px;
	border-width: thin;
	border-color: gray;
	border-bottom-style: dotted;
	border-bottom-color: gray;
	text-align: right;
	font: 15pt/19pt Georgia, "Times New Roman", Times, serif;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	padding: 8px 8px 8px 22px;
}

.liste-articles {
	padding-top: 0;
	margin-bottom: 25px;
}

@media (max-width: 700px) { 

.liste-articles { 
	margin-top: 4em;
	margin-bottom: 10%;
	border: none;
	width: auto !important;
} 

}

#rubrique-droite {
	float: right;	
	color: black;
	width: 440px;
	padding-right: 15px;
}

.liste-articles ul {
	padding: 0;
}

.liste-articles ul li .texte img {
	float: left;
	border: thin solid black;
	margin: 5px 15px 5px 0;
}

.liste-articles li {
	margin-left: 0;
	margin-bottom: 30px;
	border-bottom: thin dotted black;
	padding-bottom: 15px;
}

#pied {
	clear: both;
	height: 18px;
	padding: 2px;
	color: #fff;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 0;
	background-color: #e21819;
	margin-top: 10px;
	border-bottom: thin solid black;
	text-transform: uppercase;
	font-size: 8pt;
}

#pied a{
	color: black;
}

@media (max-width: 700px) {
	#pied {
		background-color: white;
		border-bottom: none;
		color: black;
		padding: 0;
		margin: 0;
		font-size: 12pt;
		height: auto;
		line-height: 1.5;
	}
	
	#pied a {
		color: red;
	}
}

a.titre_site_partenaire {
	font-size: 11pt;
	font-weight: bold;
}

#sites_references ul p {
	margin-top: 0px;
	margin-bottom: 5px;
}



/* @end */

/* @end */

/* Styles divers de présentation, ordre alphabétique */

/* @group Liens */

a {
	text-decoration: none;
	color: #ef3335;
}

a:hover {
	text-decoration: none;
	color: black;
}

a.spip_out {
	color: #b30000;
}

a.spip_out:hover {
	text-decoration: none;
}

.on {
	font-style: italic;
	font-weight: normal;
}

/* @end */

/* @group Images */

.nettoyeur {
	clear: both;
}

.logo_rub {
	margin: auto;
	padding: 0;
	border: none;
	float: right;
}

/* @end */

.texte {
	margin-top: 25px;
	text-align: left;
	margin-bottom: 0;
	-o-font-feature-settings:"liga", "dlig" "kern";
	-webkit-font-feature-settings:"liga", "dlig" "kern";
	-moz-font-feature-settings:"liga", "dlig" "kern";
	-ms-font-feature-settings:"liga", "dlig" "kern";
	font-feature-settings:"liga", "dlig" "kern";
}

/* hack CSS pour activer les ligatures et autres joyeusetés typographiques sous Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .texte { text-rendering: optimizeLegibility; }
}

#contenu-article div.texte ol.spip li {
	font-size: 12pt;
	font-weight: 300;
}

#contenu div.chapo {
	margin-top: 3px;
	font-size: 15pt/1.4;
	text-align: justify;
	font-variant: normal;
}

.descriptif_revue p {
	font-size: 11pt;
	margin: 0;
}

.descriptif_revue img.spip_logos {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: thin solid #000;
}

.descriptif_revue h4{
	font-size: 18pt;
	margin: 0;
	margin-bottom: 5px;
	font-weight: normal;
	font-style: normal;
}

h1 {
	margin-top: 0;	
}

/* @group Titres */

.menu-titre {
	margin: auto auto 10px;
	font-size: 12pt;
	border-bottom-style: solid;
	border-bottom-width: thin;
	text-transform: uppercase;
	font-weight: 200;
	font-style: normal;
	color: #373636;
}

.titre {
	font-size: 35pt;
	margin-bottom: 2px;
	margin-top: 0px;
	font-weight: 200;
	text-align: center;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

@media (max-width: 700px) { 
	.titre { font-size: 30pt; }
}

.soustitre,
.surtitre {
	font-size: 13pt;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
	color: gray;
}

@media (max-width: 700px) {
	.soustitre,
	.surtitre { font-size: 11pt; font-weight: 400; }
}

p.soustitre { margin-top: 5px; margin-bottom: 10px; }

p.surtitre { margin-top: 0; margin-bottom: 2px; }

.titre_article_liste {
	font-size: 19pt;
	margin: 0;
	font-weight: 200;	
}

.titre_article_liste a {}

.titre_article_liste a:hover{
	text-decoration: none;
}

/* @end */

/* Non visible a l'ecran */

.invisible {
	position: absolute;
	top: -3000em;
	height: 1%;
}

.liste-articles h3 {
	margin-bottom: 0.5em;
	margin-top: 0.1em;
	margin-left: 0.2em;
}

.liste-breves h3 {
	margin-bottom: 0.5em;
	margin-top: 0.1em;
	margin-left: 0.2em;
}

p.date_article {
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 1.2em;
}

.contact_auteur {
	border-top: thin solid black;
	padding-top: 30px;
}

p.cal_now {
	margin-top: 5px;
	font-size: 0.8em;
	text-align: center;
}

#sites_references ul li p {
	margin-top: 1px;
	text-align: justify;
	font-size: 0.9em;
}

#nuages-tag {
	margin-bottom: 25px;
}

ul.nuage {
	text-align: center;
	font-size: 18px;
}

#sites_references {
	padding-top: 15px;
	margin-top: 15px;
}

.texte p {
	margin: Opx;
	margin-bottom: 17pt;
	margin-top: 3px;
	font: 300 13pt/1.4 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

@media (max-width: 700px) { 
	.texte p { text-align: left; }
}

#rubrique-droite div.liste-articles ul li div.texte p {
	line-height: 17px;
}

.texte h3.spip {
	text-align: left;
	margin-bottom: 10pt;
	margin-top: 25pt;
	font: 18pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

#dernier_numero a.texte_droite {
	text-align: right;
}

#contenu div.chapo h3.spip {
	text-align: left;
	margin-bottom: 5pt;
	margin-top: 15pt;
	font: 18pt "Lucida Grande", Lucida, Verdana, sans-serif;
}

#logo_gauche a img.spip_logos {
	margin-top: 10px;
	margin-left: 10px;
	width: 339px;
	height: 100px;
}

#contenu div.cartouche img.spip_logos {
	float: right;
	border: thin solid black;
	margin-left: 35px;
	margin-bottom: 30px;
	margin-top: 3px;
}

#contenu div.cartouche h1 {
	font-size: 25pt;
	margin-bottom: 2px;
	margin-top: 0px;
	font-weight: 100;
	margin-left: -35px;
}

@media (max-width: 700px) { #contenu div.cartouche h1 { margin: 0 !important; margin-left: 0 !important; } }

.logo_article img {
	display: block;
	text-align: center;
	border: thin solid black;
	margin: 3px auto 10px;
}

@media (max-width: 700px) { 

.menu.articles { width: auto !important; }

}

.menu.articles img.spip_logos {
	float: left;
	margin-right: 15px;
	border: thin solid #000;
	margin-bottom: 5px;
}

.mini-tag h2 {
	font-size: 1em;
}

.mini-tag li {
	display: inline;
}

.articles ul li {
	margin-left: 0;
	margin-bottom: 45px;
	border-bottom: thin solid black;
	padding-bottom: 10px;
	min-height: 125px;
}

blockquote.spip {
	border-left-style: none;
	padding: 10px 0 0 15px;
	background: url(images/quote.png) no-repeat;
	margin-left: 5%;
	margin-bottom: 5%;
	margin-top: 0;
}

blockquote.spip p {
	text-align: left;
	font: 12pt/1.4 Georgia, "Times New Roman", Times, serif;
}

.chapo blockquote.spip {
	font: italic 11pt Georgia, "Times New Roman", Times, serif;
}

#voirenligne {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	border:0;
	border-bottom:1px solid rgba(0,0,0,0.25);
	border-radius:5px;
	border-radius:1em 0.5em 4em / .5em 2em;
	padding: 5px 5px 5px 15px;
	font: 15px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 15px;
}

#contenu-article div.cartouche img.spip_logos {
	float: left;
	border: solid black thin;
	margin: 35px 25px 15px -35px;
}

#contenu div.menu.articles ul li div.descriptif_article div.texte {
	margin-top: 5px;
}

#contenu-article .spip_documents img {
	border: thin solid black;
	max-width:100%;
	height: auto;
	margin-bottom: 2.5%;
	margin-top: 2.5%;
}

div.temporaire {
	float: right;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	border:0;
	border-bottom:1px solid rgba(0,0,0,0.25);
	border-radius:5px;
	border-radius:1em 0.5em 4em / .5em 2em;
	padding: 5px 5px 5px 15px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 15px;
	margin-right: 20px;
	margin-left: 20px;
	color: black;
}

div.temporaire p {
	margin: 0;
}

div.notes {
	border-top: 1px dotted silver;
	padding-top: 10px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	word-wrap: break-word;
}

#contenu-article div.notes ul.spip li {
	list-style-type: disc;
	list-style-position: outside;
}

#contenu-article div.chapo p {
	margin-top: -5px;
	text-align: justify;
	margin-bottom: 25px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	font: 200 13pt/16pt Georgia, "Times New Roman", Times, serif;
}

.chapo p::first-letter {
	float: left;
	font-size: 55pt;
	line-height: 50pt;
	padding-right: 15px;
	margin-top: -4px;
}

@-moz-document url-prefix() { 
  .chapo p::first-letter {
     float: left;
     font-size: 55pt;
     line-height: 50pt;
     padding-right: 15px;
     margin-top: 4px;
  }
}

p.signature_auteur {
	text-align: center;
	font: italic 10pt Georgia, "Times New Roman", Times, serif;
	margin-top: 10px;
}

span.nom_auteur {
	font: normal normal 200 11pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
}


	
}

p.signature_auteur2 {
	text-align: right;
	padding: 0;
	font-variant: small-caps;
	margin: 4px 0;
}

/* @group Mobile */

/* Affichage sur petits ecrans
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
@media (max-width: 700px) {

/* passer tous les elements de largeur fixe en largeur automatique */
body,
#page,
#header,
#entete,
#conteneur,
#pied,
#contenu,
#contenu-sommaire,
#contenu-article,
#rubrique-droite,
#rub_droite_article,
#rub_droite_rubrique,
#logo_gauche,
#dernier_numero,
#hierarchie,
.cartouche { width: auto !important; margin: auto !important; padding: auto !important; min-width: 0 !important; word-wrap: break-word !important; }


/* Modification ergonomiques et cosmétiques pour mobile */

#logo_gauche { float: none; text-align: center; }

#logo_gauche a img.spip_logos, .img_centree { 
	margin: auto;
	max-width: 95%;
	height: auto;
}

#entete { height: 110px; margin-bottom: 0; }

#page,
#contenu-sommaire,
#contenu,
#contenu-article,
#rubrique-droite,
#rub_droite_article,
#rub_droite_rubrique,
#dernier_numero { margin: 0 !important; padding: 0 !important; }

#entete { padding: 3% 5% 0; }

#conteneur {
	padding: 10% 5% 0;
}

#contenu,
#contenu-article,
#contenu-sommaire { border: 0; }

.cartouche {
	margin: 0;
	padding: 0;
	min-width: 0;
	word-wrap: break-word;
}

.nav ul li a { float: none; border: 0; }

#formulaire_recherche {
	padding: 0;
	margin: 0;
}

#recherche {
	vertical-align: middle;
	padding: 1% 1% 1% 3%;
	border-radius: 15px;
}

#hierarchie {
	height: 25px;
	padding: 1% 5%;
	font-size: 11pt;
	text-transform: uppercase;
}

#hierarchie a { color: white; }

#pied { width: auto; float: none; clear: both;
	padding-top: 1em;
	border-top: 1px solid black;
}

#dernier_numero img { float: none; margin: 0 0 10%; max-width: 100%; width: auto; }

#dernier_numero ul li { margin: 0 0 0 5%; }

#menu_mobile {
	margin-bottom: 3em;
	display: block;
}

#menu_mobile ul li, #rub_droite_rubrique ul li {
	padding: 0px;
	padding-bottom: 7px;
	list-style-type: square;
	list-style-position: inside;
	font-size: 15pt;
	margin: 0;
	font-weight: 300;
	font-style: normal;
}

/* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
#contenu,
#contenu-sommaire,
#contenu-article,
#rubrique-droite,
#rub_droite_article,
#rub_droite_rubrique { clear: both !important; float: none !important; width: auto !important; }



/* header du calendrier full-calendar */
table.fc-header td { display: block; text-align: left; }

/* masquer les éléments superflus */
.hide_mobile { display: none !important; }

/* afficher les éléments spéciaux */
.hide-desktop { display: inline !important; }

.menu_burger { float: right; }

/* @end */

/* end */