html::-webkit-scrollbar
{
	width: 1rem;
	background-color: rgba(0,50,50,.15); 
}

html::-webkit-scrollbar-thumb {
    background: #4d71e3; 
}

html {
  scrollbar-color: #4d71e3 rgba(0,0,0,.15);
  scrollbar-width: medium;
  scroll-behavior: smooth;
}


body 
{
	/*background-color: #75c9ff;*/
	background-image: url('./images/ciel-arriere-plan.jpg');
	background-attachment: fixed;
	background-size: cover;
	/*color: #ffffff;*/
	color: black;
	line-height: 25px;
	padding-left: 0px;
	padding-right: 0px;
}

#conteneur
{
	/*max-width: 1200px;*/
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	/*overflow: hidden;*/
}

#banniere
{
	background-image: url('./images/banniere_freetheboobies.fr.jpg');
	background-repeat: no-repeat;
	height: 200px;
	margin-bottom: 0;
	background-size: contain;
	background-position: center center;
}

#bouton-menu-mobile
{
	display: none;
	background: url('./images/icone-menu.svg.png') no-repeat;
	height: 50px;
	width: 50px;
	/*margin-top: 30px;*/
	border-radius: 15px;
	border : 1px solid black;
	cursor: pointer;
}

#menu_navigation
{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 7px;
	padding-top: 7px;
	background-color: #e3e6ff;
	overflow: visible;
	height: 70px;
	position: relative;
	border: 3px solid white;
	border-radius: 10px;
	box-sizing: border-box;
	z-index: 1;
}

#menu_navigation ul
{
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	/*left:50%;*/
	text-align:center;
	cursor: default;
}

#menu_navigation ul li
{
	/*display: inline;
	border : 1px solid white;
	padding: 10px;
	background-color: #1aac35;*/
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	padding-left: 20px;
	position: relative;
	/*right: 50%;*/
	/*font-family: 'Indie Flower';*/
	/*font-family: 'Annie Use Your Telescope', 'bellota';*/
	font-family: "bellota";
	font-size: 26px;
}



#menu_navigation ul li:before
{
	content: none;
}

#menu_navigation ul li a
{
	display:block;
	margin:0 0 0 1px;
	padding:3px 10px;
	background-color: #e3e6ff;
	color: #000ec8;
	text-decoration:none;
	line-height:1.2em;
	border-radius: 10px;
}

#menu_navigation ul li ul
{
	/*background-color: #abffb9;*/
	background-color: white;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	border: 1px solid black;
	width: 350px;
	right: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#menu_navigation ul li ul li
{
	/*background-color: #ddffe3;*/
	background-color: white;
	float: left;
	display: block;
	clear:left;
	float:left;
	overflow: hidden;
	right: 0;
	left: 0;
	padding-left: 0;
	width: 100%;
}

#menu_navigation ul li ul li a
{
	background-color: white;
	width: 100%;
	font-size: 25px;
	border-radius: 0;
	left: 0;
	right: 0;
}

#menu_navigation ul li a:hover, #menu_navigation ul li a strong:hover
{
	background-color: white;
	/*font-weight: bold;*/
	/*color: #ab61ff;*/
	color: #9949f4;
}

.sous-menu
{
	display: none;
	border-radius: 10px;
}

#corps
{
	padding-top: 50px;
	padding-bottom: 10px;
	padding-left: 80px;
	padding-right: 80px;
	border-top: 2px solid white;
	border-left: 2px solid white;
	border-right: 2px solid white;
	border-bottom-style: none;
	position:relative;
	/*background-color: #27001a;*/
	background-color: white;
	/*opacity: 0.9;*/
	/*color: black;*/
	margin-top : 25px;
	/*border-radius : 10px;*/
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

#corps > *
{
	opacity: 1;
	/*z-index: 2;*/
}

#corps > p
{
	text-indent: 70px;
}

::selection
{
	background-color: #bfd9ff;
}

#informations_canicule
{
	background-color: #ffb787;
	border-radius: 15px;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	border: 4px black solid;
}

#informations_canicule p
{
	font-size: 22px;
}

#informations_canicule p strong
{
	font-weight: bold!important;
	color: black;
}

#informations_canicule #bouton_enlever_informations_canicule
{
	cursor: pointer;
	background-color: #a7d9ff;
	color: black;
	width: 250px;
	height: 35px;
	text-align: center;
	font-size: 25px;
	border-radius: 10px;
	border: 2px solid white;
	cursor: pointer;
}

p.intro
{
	font-size: 24px;
	/*color: #bee6ff;*/
	color: #0062a0;
	font-family: 'Raleway';
	line-height: 34px;
	/*text-transform: uppercase;*/
	text-indent: 0px!important;
}

.conseilLecture
{
	background-color: #fffbe6;
	border-radius: 10px;
	border: 1px solid black;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 80px;
	margin-bottom: 80px;
	font-family: "bellota", Verdana;
}

.conseilLecture:before
{
	content: "Je vous recommande :";
	font-size: 20px;
	padding-left: 20px;	

}

.conseilLecture a
{
	cursor: pointer;
	display: block;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 50px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 15px;
}

.conseilLecture a:before
{
	content: "★";
	margin-right: 10px;
}

.conseilLecture a:hover
{
	background-color: white;
	text-decoration: none;

}

.encart_important
{
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 80px;
	margin-bottom: 80px;
	background-color: #e1ffe4;
	border-radius: 10px;
	/*border: 1px solid green;*/
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
}

.encart_important strong
{

}

.encart_important p, .encart_important ul
{
	margin : 0;
	color: black;
}

.encart_important ul
{
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 30px;
}

.encart_important, .conseilLecture, blockquote
{
	box-shadow: 5px 5px 10px;
}

h1, h2, h3, h4
{
	line-height:1.3em;
	font-family: 'Raleway';
}

h1
{
	text-align: center;
	margin: 80px;
	margin-top: 0px;
	/*font-size: 58px;*/
	font-size: 47px;
	padding-bottom: 32px;
	padding-top: 0px;
	/*font-family: 'Permanent Marker', Arial;*/
	/*font-family: 'Architects Daughter';*/
	/*font-family: 'Open Sans';*/
	/*font-family: 'Playfair Display';*/
	/*font-family: 'Questrial';*/
	/*font-family: 'Jacques Francois Shadow';*/
	font-family: 'Short Stack';
	/*color: #97c8ff;*/
	/*color: #093f61;*/
	color: rgb(49,140, 231);
	text-transform: uppercase;
	hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

h1 + figure
{
	padding-top: 0!important;
}

h2
{
	text-align: center;
	/*color: #4ba8ff;*/
	color: #0065c3;
	padding-top: 100px;
	padding-bottom: 40px;
	font-size: 45px;
	/*font-family: 'Short Stack', "Trebuchet MS";*/
	font-family: 'Playfair Display';
	text-transform: uppercase;
}

h3
{
	text-align: left;
	/*color: #9ed9ff;*/
	color: #238fd4;
	padding-left: 80px;
	padding-top: 100px;
	padding-bottom: 25px;
	font-size: 30px;
	/*font-family: 'Short Stack', Arial;*/
	text-transform: uppercase;
}

h4
{
	padding-left: 80px;
	font-size: 23px;
	text-transform: uppercase;
	color: #0024ac;
}

p
{
	/*font-family: Geneva;*/
	font-family: 'bellota', 'Short Stack', Verdana, 'sans-serif';
	margin-top: 30px;
	margin-bottom: 40px;
	/*font-size: 17px;*/
	font-size: 19px;
}

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

img
{   
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	border-radius: 10px;
}

figure
{
	/*background-color: rgba(255,255,255,1)!important;*/
}

.image
{
	width: 100%;
	display: block;
	clear: both;
	padding-top: 30px;
	/*padding-bottom: 30px;*/
}

.image-centree
{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}

.image-grande
{
	max-width: 700px;
}

.image-titre
{
	max-width: 800px;
}

.image-centree + h2, .image-centree + h3
{
	padding-top: 0px;
}

.image-petite
{
	max-width: 400px;
}

.image-flotte-gauche
{

}

.image-flotte-gauche img
{
	max-width: 500px;
	padding-top: 0;
	margin-right: 50px;
	margin-left: 40px;
	margin-bottom: 40px;
	float: left;
}

.image p, .image figcaption
{
	margin: 0;
	margin-top: 25px;
	font-size: 17px;	
	text-align: justify;
	text-align-last: center;
	/*color: #c8c8c8;*/
	color: #808080;
}

a:hover
{
	color: #7b61ff;
	text-decoration: underline;
}

ul li:before
{
	content: "✔";
	font-size: 23px;
	line-height: 1px;
	margin-right: 15px;
}

ul.points-negatifs li:before
{
	content: "⚠";
	color: red;
}

ul.points-croix-faux li:before
{
	content: "✘";
	color: red;
}

ul.points-croix-faux li:after
{
	content: " FAUX";
	font-weight: bold;
	color: red;
}

ul.points-positifs li:before
{
	content: "✔";
	color: green;
}

ul.points-importants li:before
{
	content: "✔";
}

ul.points-questions li:before
{
	content: "☉";
}

ul.points-etudes li:before
{
	content: "✎";
}

ul.points-triangles li:before
{
	content: "▷";
}

ul.croix li:before
{
	content: "✘";
	color: red;
}

ul.dollar li:before
{
	content: "$";
}

ul.points-venus li:before
{
	content: "♀";
	color: #ff37f3;
}

ul.points-coeurs li:before
{
	content: "♥";
	color: #ff0000;
}

ul.points-electriques li:before
{
	content: "⚡";
	color: #ffde00;
}

ul
{
	padding-left: 70px;
	padding-right: 30px;
	line-height:30px;
	list-style-type: none;
	/*font-family: 'Maven Pro';*/
	font-family: 'Short Stack', Verdana;
}

li
{
	margin-bottom: 25px;
}

tr a
{
	display:none;
}

table
{
	border: 1px solid purple;
	padding: 10px;
	/*margin-left: -60px;
	margin-right: -60px;*/
	/*background-color: #1d0011;*/
	background-color: #eefeff;	
	border-collapse: collapse;
	border-radius: 10px;
	font-family: "Short Stack";
	color: black;
}

p, ul 
{
	text-align: justify;
}

strong
{
	/*color: #ffec1a;*/
	color: #e76700;
}

thead 
{
	/*background-color: #1aac35;*/
	background-color: #2f78ff;
	font-size: 20px;
	color: white;
}

caption
{
	 font-size: 30px; 
	 margin: 50px;
	 color: black;
}

td 
{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 25px;
	padding-bottom: 25px;
	vertical-align: middle;
	max-width: 760px;
}

td div.titreLien
{
	/*color: #94daff;*/
	color: #1eaaf3;
	font-size: 30px;
	line-height: 35px;
	margin-bottom: 5px;
	font-family: "Indie Flower";
}

tbody tr:hover
{
	/*background-color: #8477ff;*/
	background-color: #c8f4ff;
	cursor: pointer;
}

#lien-retour-blog
{
	display: block;
	background-color: #bdfffb;
	font-size: 30px;
	color: black;
	border: 1px solid black;
	border-radius: 15px;
	padding-left: 20px;
	padding-right: 20px;
	width: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 50px;
	text-decoration: none;
}

#lien-retour-blog:hover
{
	background-color: white;
}

#corps_news
{
	/*background-color: #75c9ff;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;*/
}

.news
{
	/*background-color: #dcf0ff;
	padding: 30px;
	margin: 0px;
	color: black;
	border: 1px solid black;*/
}

.news h1
{
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 45px;
	margin-bottom: 0px;
	/*color: #7e35f6;*/
}

.news .dateArticle
{
	color: #7e35f6;
	font-size: 19px;
	padding-left : 80px;
	margin-bottom : 80px;
	margin-top: 20px;
}

.news strong
{
	/*color: #005bd8;*/
}

.news p
{
	text-indent: 50px;
}

.news a.lien_news
{
	display: block;
	font-size: 25px;
	color: black;
	height: 45px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
	line-height: 25px;
	background-color: #e3faff;
	text-decoration: none;
	border-radius: 15px;
	border: 1px solid grey;
}

.news a.lien_news:hover
{
	background-color: #f9ffff;
	border: 1px solid black;
}

cite.question_FAQ
{
	color: #ff005a;
	font-size: 26px;
	margin-top: 150px;
	margin-bottom: 50px;
	padding: 20px;
	border-radius: 15px;
	line-height: 32px;
	font-size: 32px;
	display: block;
	font-family: 'Annie Use Your Telescope';
	font-weight: bold;
	background-color: #fefff3;
	border: 1px grey solid;
}

cite.question_FAQ:before, 
cite.question_FAQ:after
{
	/*content: " \" ";*/

}


blockquote
{
	/*border: dashed 3px #7bc1ff;*/
	padding: 30px;
	padding-bottom: 15px;
	padding-top: 15px;
	margin : 40px;
	/*background-color: #40002b;*/
	/*background-color: #fcebff;*/
	background-color: #fdefff;
	font-style: italic;
	/*color: #ffe1cc;*/
	color: black;
	border-radius: 10px;
}

blockquote p:before
{
	content: '« ';
}

blockquote p:after
{
	content: ' »';
}

blockquote p small
{
	font-style: normal;
	font-size: 18px;
}

blockquote small:before
{
	content: "☆☆☆ ";
	
}

blockquote small:after
{
	content: " ☆☆☆";
}

.citation:before,
.citation:after
{
	content: none;
}

.citation
{
	margin-left: 50px;
}

.news blockquote
{
	/*background-color: ;*/
	text-indent: 40px;
}

.news small
{
	font-size: 15px;
}

.info
{
	display: none;
}

.tableau-miniatures img
{
	max-height: 80px;
	max-width: 120px;
	padding-top: 10px;
}

#zoneVideos
{
	text-align: center;
	margin-top: 70px;
}

#messageChargementVideo
{
	font-size: 50px;
	padding-top: 120px;
	padding-bottom: 120px;
	line-height: 60px;
}

.conteneur_video 
{
	position: relative;
	max-width: 100%;
	padding-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
	/*margin-right: 4px;*/
}

.conteneur_video iframe
{
	position: relative !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.conteneur_video p
{
	text-align: justify;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

#choixVideos	/* div regroupant les boutons pour changer de vidéo */
{
	margin-top: 50px;
	margin-bottom: 0px;
	padding-bottom: 30px;
	font-family: 'Short Stack';
	line-height: 50px;
	display: block;
	overflow: hidden;
}

.boutonsChangerVideo
{
	display: block;
	float: left;
	color: white;
	font-weight: bold;
	line-height: 25px;
	background-color: #3b41b5;
	border: 2px solid #3b41b5;
	margin: 5px;
	padding-left : 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom : 10px;
	border: 1px solid white;
	border-radius: 20px;
	cursor: pointer;
}

.boutonsChangerVideo:hover
{
	background-color:#b6eeff;
	color: #646464;
	border: 2px solid black;
	color : black;
	line-height: 23px;
}



#page_introuvable
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 200px;
	/*background-color: #6a001e;*/
	padding: 10px;
	width:700px;
	font-size: 25px;
}

#page_introuvable p
{
	text-align:center;
}




/* ###################################################################
####################### C O M M E N T A I R E S ######################
####################################################################*/



.commentaires
{
	/*background-color: #6a001e;*/
	background-color: #fffcf5;
	/*border: 2px solid white;*/
	border-radius: 10px;
	padding: 40px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 60px;
	max-width: 100%;
	/*color: white;*/
	color: black;
	border: 1px solid #6a001e;
}

.commentaires > p
{
	font-family: "Delius";
	font-size: 18px;
}

.commentaires > .auteurCommentaire
{
	color: #5eb5d2;
	margin-bottom: 13px;
}

.commentaires > .auteurCommentaire b
{
	font-size: 35px;
}

.commentaires > .auteurCommentaire b small
{
	color: #85ff93;
}

#boutonPosterDirectement
{
	background-color: yellow;
	color: black;
	width: 220px;
	font-family: "Delius";
	margin-bottom: 45px;
	padding: 10px;
	text-align: center;
	font-size: 20px;
	border-radius: 10px;
	border: 2px solid black;
	cursor: pointer;
	font-weight: bold;
}

#boutonPosterDirectement:hover
{
	background-color: green;
	color: white;
	font-weight: bold;
}

.boutonRepondreCommentaire
{
	background-color: #a7d9ff;
	color: black;
	width: 90px;
	/*height: 25px;*/
	font-family: "Delius";
	margin-bottom: 25px;
	padding: 5px;
	text-align: center;
	font-size: 15px;
	border-radius: 10px;
	border: 2px solid white;
	cursor: pointer;
}

.boutonRepondreCommentaire:hover
{
	background-color: green;
	color: white;
	font-weight: bold;
}

#reponseA
{
	font-weight: bold;
}

#formulaire
{
	/*background-color: #49062c;*/
	padding: 30px;
	/*width: 600px;*/
	margin-top: 100px;
	margin-bottom: 100px;
	/*margin-left: 50px;*/
	/*border: solid 1px white;*/
	border: 1px solid black;
	border-radius: 10px;
	font-family: "short stack";
	/*color: white;*/
}

#formulaire legend
{
	font-size: 45px;
	margin-bottom: 50px;
	text-align: center;
	line-height: 45px;

}

#formulaire input, #formulaire textarea
{
	font-size: 17px;
	font-weight:bold;
	font-family: 'Arima Madurai';
	font-style : italic;
	border-radius: 7px;
	border: 2px solid #8c8c8c;
	margin-top: 5px;
	margin-bottom: 40px;
	padding-left: 8px;
	padding-right: 8px;
}

#formulaire label
{
	font-size: 25px;
}

#formulaire label small
{
	font-size: 16px;
	color: #A6A6A6;
}

#formulaire input
{
	height: 40px;
	width: 300px;
	margin-top: 10px;
}
/*
#formulaire input:required:invalid:focus, #formulaire textarea:invalid
{
	border-color: blue;
}*/

#formulaire textarea
{
	width: 580px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 19px;
}

#formulaire p
{
	margin-top: 0;
}

input#boutonEnvoyerCommentaire
{
	width: 100px;
	cursor: pointer;
	background-color: white;
	margin-top: 30px;
	margin-bottom: 0;
	margin-left: 30px;
}

#formulaire input:focus, #formulaire textarea:focus,
	#boutonEnvoyerCommentaire:hover
{
	background-color: #d9f6ff;
	border: solid 2px #709fff;
}

#rappelMessage
{
	margin-bottom: 50px;
	display: none;
}

#contenuRappelMessage
{
	/*width: 95%;*/
	background-color: white;
	color: #164dff;
	font-size: 20px;
	/*font-style: italic;*/
	font-family: 'Delius';
	text-align: justify;
	border-radius: 10px;
	padding: 15px;
	line-height: 20px;
}

#boutonAnnulerReponse
{
	width: 75px;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	background-color: yellow;
	color: black;
	font-weight: bold;
	border-radius: 10px;
	border: 1px solid black;
	margin-top: 10px;
	margin-left: 30px;
	padding: 5px;
	cursor: pointer;
}

#boutonAnnulerReponse:hover
{
	background-color: red;
	
}

#repondCommentaire
{
	display: none;
}

#vos_commentaires
{
	margin-top : 80px;
	margin-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #ebfffc;
	border: 1px solid black;
	border-radius: 10px;
}

#vos_commentaires h2
{
	font-family: "Handlee";
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 20px;
}

#bouton-retour-menu
{
	float: right;
	cursor: pointer;
	background: url('./images/bouton-retour-menu.png') no-repeat;
	height: 100px;
	width: 100px;
}

#bouton-retour-menu:hover
{
	background: url('./images/bouton-retour-menu-bleu.png') no-repeat;
}

#footer
{
	background-color: black;
	border-top: none;
	border-left: 2px solid white;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	border-radius : 0 0 10px 10px;
	padding-top: 60px;
	padding-bottom: 170px;
}

#footer p
{
	margin-top: 0;
	margin-bottom: 20px;
	color: grey;
	text-align: center;
	line-height: 10px;
}

/*footer#footer #footer_ul_centre
{
	margin-left: auto!important;
	margin-right: auto!important;
	max-width: 100%;
}*/

#footer ul
{
	margin-top: 30px;
	margin-bottom: 0;
	float: left;
}

#footer ul li
{
	margin-bottom: 0;
}

#footer ul li a
{
	cursor: pointer;
	color: #82d1ff;

}

#footer ul li:before
{
	content: none;
}




/* ###################################################################
####################### MEDIA QUERIES ######################
####################################################################*/




/*@media screen and (max-width: 1280px)*/
@media screen and (max-width: 1080px)
{
	body
	{
		/*background-color: #27001a;*/
		/*background-image: none;*/
	}

	#menu_navigation ul li ul
	{
		
	}

	#corps, #footer
	{
		margin-left: -9px;
		margin-right: -8px;
		margin-bottom: -8px;
		padding-left: 15px;
		padding-right: 15px;
		border: none;
		border-radius: 0;
	}

	#formulaire textarea
	{
		max-width: 96%;
	}
}


@media screen and (max-width: 930px)
{
	#menu_navigation ul li
	{
		padding-left: 10px;
		padding-right: 0;
	}
}


@media screen and (max-width: 860px)
{
	#menu_navigation ul li
	{
		padding-left: 0;
		padding-right: 0;
	}
}


@media screen and (max-width: 800px)
{
	body
	{
		background-image: none;
		/*background-color: #dcefff;*/
	}

	#corps
	{
		/*background-color: #dcefff;*/
		margin-top: 0;
		padding-top: 20px;
	}

	#banniere
	{
	background-image: url('./images/banniere-800.jpg');
	max-width: 800px;
	height: 300px;
	
	/*margin-bottom: 0;
	background-size: contain;
	background-position: center center;*/
	}

	/*#bouton_ouvrir_menu_smartphones
	{
		display : block;
		margin-top: 20px;
		cursor: pointer;
	}*/

	#bouton-menu-mobile
	{
		display: block;
		margin-top: 0;
	}

	#menu_navigation
	{
		display: none;
		padding-top : 0px;
		padding-bottom: 0px;
		border-bottom: 0px;
		max-width: 800px;
		height: 270px;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 20px;
	}

	#menu_navigation ul li
	{
		width: 100%;
		text-align: left;
		border-bottom: 3px solid white;
		padding-left: 0;
	}

	#menu_navigation ul li a
	{
		line-height: 1.2em;
		border-radius: 0px;
		font-size: 30px;
		width: 100%;
	}

	h1, h2, .news h2, h3 
	{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-top: 0;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
		margin-top: 0;
		text-align: center;
	}

	h1
	{
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		background-color: white;
		margin-left: -15px;
		margin-right: -15px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.encart_important
	{
		margin-bottom: 25px;
	}

	.image-centree
	{
		margin-bottom : 0;
	}

	ul
	{
		padding-left: 30px;
	}

	#corps > p, .news p, .news blockquote
	{
		text-indent: 30px;
	}

	blockquote, .commentaires
	{
		margin-left: 0;
		margin-right: 0;
		padding-left: 20px;
		padding-right: 20px;
	}

	div.news
	{
		padding-left: 15px;
		padding-right: 15px;
		margin-left: -14px;
		margin-right: -15px;
	}

	#tableauLiens
	{
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 100px;
	}
	
	#tableauLiens td
	{
		padding-left: 0;
		padding-right: 0;
		font-size: 12px;
	}

	#tableauLiens img
	{
		max-width:100px;
	}

	#tableauLiens td.tableau-nom-site, #tableauLiens th.tableau-nom-site
	{
		display: none;
	}

	#tableauLiens td.tableau-type-site
	{
		text-align: center;
		color: pink;
	}

	#zoneVideos
	{
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	#formulaire
	{
		margin-left: 0;
		margin-right: 0;
		padding-left: 15px;
		padding-right: 15px;
		width: 92%;
	}

	textarea#commentaire
	{
		
	}
}



@media screen and (max-width: 640px)
{
	#corps
	{
		margin-top: 20px;
		padding-top: 0;
		padding-left: 15px;
		padding-right: 15px;
	}

	.intro
	{
		font-size: 22px;
	}

	.image-flotte-gauche img
	{
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}

	#banniere
	{
		background-image: url('./images/banniere-640.jpg');
		height: 300px;
		max-width: 640px;
	}

	.encart_important
	{
		margin-left: 5px;
		margin-right: 5px;
		padding: 20px;
	}

	.encart_important ul
	{
		margin-left: 5px;
		margin-right: 5px;
		padding-left: 0;
		padding-right: 0;
	}

	.conseilLecture
	{
		margin-left: -15px;
		margin-right: -15px;
		border-left: none;
		border-right: none;
		border-radius: 0;
	}

	cite.question_FAQ
	{
		margin-top: 100px;
	}

	/*#div.video_centree
	{
		text-align: center!important;
		text-indent: 0!important;
	}

	div.video_centree iframe
	{
		margin-left: 0 auto;
		display: block!important;
		width: 100px;
	}*/

	h1
	{
		font-size: 2.1em;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	h2
	{
		font-size: 35px;
	}

	h3
	{
		text-align: left;
	}

	h4
	{
		padding-left: 0;
	}

	p
	{
		font-size: 16px;
	}

	ul
	{
		padding-right: 0;
		padding-left: 0;
	}

	ul li
	{
		font-size: 13px;
	}

	blockquote
	{
		padding-top: 0;
		padding-bottom: 0;
	}

	blockquote p:first-child
	{
		padding-top: 15px;

	}

	.citation
	{
		margin-left: 0;
		padding-top: 0px;
		padding-bottom: 15px;
	}

	blockquote small:before,
	blockquote small:after
	{
		content: " ☆ ";
	}

	#tableauLiens
	{
		margin-right: -4px;
		margin-left: -4px;
	}

	td div.titreLien
	{
		font-size: 25px;
		text-align: left;
	}

	#zoneVideos
	{
		height: 100%;
		margin-bottom: 50px;
	}

	td.tableau-type-site, th.tableau-type-site
	{
		display: none;
	}

	#tableauLiens td.tableau-descriptifLien
	{
		padding-left: 15px;
	}

	.commentaires
	{
		margin-left: -15px;
		margin-right: -15px;
		border-radius: 0;
	}

	#formulaire
	{
		margin-left: -15px;
		margin-right: -15px;
		border-radius: 0;
		width: 100%;
	}

	#formulaire textarea
	{
		
	}

	#vos_commentaires h2
	{
		font-size: 28px;
	}

	#footer p
	{
		line-height: 18px;
	}

	#footer ul:first-of-type
	{
		margin-right: 30px;
	}
}

@media screen and (max-width: 500px)
{
	#banniere
	{
		height: 220px;
		max-width: 500px;
	}
	#bouton-menu-mobile
	{
		margin-top: 10px;
	}
}

@media screen and (max-width: 400px)
{
	#banniere
	{
		height: 180px;
	}

	#footer
	{
		height: 250px;
	}
}


@font-face {
font-family: 'bellota';
src: url('./polices/bellota/Bellota-Bold.otf');
font-weight: normal;
font-style: normal;
}