/* Définition des polices personnalisées */

@font-face
{
    font-family: 'florentiabold';
    src: url('florentia-bold-trial-webfont.woff2') format('woff2'),
         url('florentia-bold-trial-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'florentiaitalic';
    src: url('florentia-italic-trial-webfont.woff2') format('woff2'),
         url('florentia-italic-trial-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'florentiaregular';
    src: url('florentia-regular-trial-webfont.woff2') format('woff2'),
         url('florentia-regular-trial-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Eléments principaux de la page */

*
{
	padding: 0;  /* On enlève tous les paddings inutiles */
	margin: 0;   /* On enlève toutes les marges inutiles */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 }


html 
{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

body
{
	width: 100%;
	height: 100%;
	background-color: #e7e8e9;
	padding: 0;
	margin: 0;
}

#bloc_page
{
	width: 100%;
	min-height:100%;
	position: relative;
	padding-bottom: 60px;
}

header
{
	width: 100%;
	display: flex;
	flex-direction: column;
}

#top_ligne_entete
{
	width: 100%;
	min-height: 60px;
	background-color: #1a1a1a;
}

#titre_site
{
	max-width: 1000px;
	min-height: 60px;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

#dessin_pastel
{
	min-height: 60px;
	padding: 0 20px 0 20px;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

#patrick_viaud
{
	padding: 0 20px 0 20px;
}

#mid_ligne_entete
{
	width: 100%;
	height: 278px;
}

#image_fond_dessin
{
	max-width: 1000px;
	margin: auto;
	height: 278px;
	background-image: url("images/dessin-pastel-fusain.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

#bottom_ligne_entete
{
	width: 100%;
	height: 70px;
	background-color: #1a1a1a;
}

#portrait_bottom
{
	max-width: 1000px;
	margin: auto;
	height: 70px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

#portrait_bas_gauche
{
	min-width: 270px;
}

nav
{
	min-height: 70px;
	margin: 0;
	padding: 0 20px 0 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

section
{
	width: 100%;
}

#corps_site
{
	max-width: 1000px;
	margin: auto; /* Permet de centrer le bloc */
	padding: 30px 20px 30px 20px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

#bloc_page_complete
{
	width: 100%;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-content: flex-start;
}

#bloc_gauche
{
	width: 100%;
	padding: 0;
	margin: 0 30px 0 0;
	display: flex;
	flex-direction: column;
	align-content: flex-start;
}

#galerie_dessins
{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#dessins_majdel
{
	width: 25%;
	padding: 0 10px 5px 0;
	display: flex;
	flex-direction: column;
}

#photo_merci
{
	width: 100%;
	flex-shrink: 0;
}

#miniature_dessin
{
	width: 25%;
	padding: 0 10px 5px 0;
	transition: 0.2s;
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	cursor: pointer;
	flex-shrink: 0;
}

#miniature_dessin_admin
{
	width: 100%;
	padding: 0;
	transition: 0.2s;
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	cursor: pointer;
	flex-shrink: 0;
}

#miniature_dessin:hover, #miniature_dessin_admin:hover
{
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

#fiche_dessin_vertical
{
	display: flex;
	flex-direction: row;
}

#fiche_dessin_horizontal
{
	display: flex;
	flex-direction: column;
}

#ensemble_fleche_dessin
{
	max-width: 380px;
	height: auto;
	margin: 0 20px 0 0;
}

#dessin_fleches_horizontal
{
	max-width: 705px;
	margin: 0 0 30px 0;
	display: flex;
	flex-direction: column;
}

#dessin_complet_horizontal
{
	max-width: 705px;
	height: auto;
	margin: 0 0 20px 0;
}

#dessin_complet_vertical
{
	max-width: 100%;
	margin: 0 0 20px 0;
}

#fleches
{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#liens_galerie
{
	margin: 10px 0 10px 0;
	display: flex;
	flex-direction: row;
}

aside
{
	min-width: 250px;
	padding: 0;
	margin: 0;
	background-color: #c0c1c2;
}

#last_entries_blog
{
	width: 250px;
	padding: 10px;
	margin: 0;
	display: flex;
	flex-direction: column;
}

#photo_last_entry
{
	width: 230px;
	padding: 0;
	margin: 0;
}

#texte_last_entry
{
	width: 230px;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
}

#suite_news
{
	margin: 0 0 10px 0;
	display: flex;
	justify-content: flex-end;
}

footer
{
	bottom: 0;
	width: 100%;
	min-height: 60px;
	background-color: #1a1a1a;
	position: absolute;
}

#copyright
{
	max-width: 1000px;
	margin: auto;
	min-height: 60px;
	background-color: #1a1a1a;
	margin: auto;
	padding: 10px 20px 10px 20px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}


/* Les écritures */

strong
{
	font-weight: bold;
}

header h1
{
	font-family: florentiaregular, sans-serif;
	font-size: 40px;
	font-weight: normal;
	color: #d58148;
	margin: 0;
	padding: 0;
}

section h1
{
	font-family: florentiabold, sans-serif;
	font-size: 32px;
	font-weight: normal;
	color: #1a1a1a;
	margin: 0 0 20px 0;
	padding: 0;
}

header h2
{
	font-family: florentiaregular, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #e7e8e9;
	margin: 0;
	padding: 0;
}

#bloc_page_complete h2, #bloc_gauche h2
{
	font-family: florentiabold, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #1a1a1a;
	margin: 0 0 20px 0;
	padding: 0;
}

header h3
{
	font-family: florentiaregular, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #d58148;
	margin: 0 10px 0 10px;
	padding: 0;
}

#bloc_page_complete h3, #bloc_gauche h3
{
	font-family: florentiaregular, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #d58148;
	margin: 0 0 15px 0;
	padding: 0;
}

aside h3
{
	font-family: florentiabold, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #1a1a1a;
	margin: 5px 0 7px 0;
	padding: 0;
	line-height: 20px;
}

#liens_galerie h4
{
	font-family: florentiabold, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #1a1a1a;
	margin: 0;
	padding: 0;
}

#liens_galerie h5
{
	font-family: florentiabold, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #1a1a1a;
	margin: 0;
	padding: 0 10px 0 10px;
}

aside h4
{
	font-family: florentiabold, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	margin: 10px 0 10px 0;
	color: #1a1a1a;
}

section p, #texte_dessin p
{
	font-family: florentiaregular, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #1a1a1a;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 25px;
	text-align: justify;
}

#titre_article p
{
	font-family: florentiabold, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-align: left;
	color: #1a1a1a;
	line-height: 25px;
	margin: 10px 0 15px 0;
}

aside p
{
	font-family: florentiaregular, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #1a1a1a;
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 19px;
	text-align: justify;
}

footer p
{
	font-family: florentiaregular, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #e7e8e9;
	margin: 0;
	padding: 0;
	line-height: 19px;
	text-align: center;
}


/* Les listes */

aside ul
{
	width: 235px;
	list-style-type: none;
	padding: 0;
	margin: 10px;
	display: flex;
	flex-direction: column;
}

#liste-articles li, #archives li
{
	list-style-type: none;
	list-style-image: none;
	letter-spacing: 0;
	line-height: 19px;
	color: #000;
	text-align: justify;
	margin: 0 2px 6px 2px;
	padding: 0;
}


/* Les liens */

p a:link, p a:visited
{
	color: #1a1a1a;
	text-decoration: underline;
}

p a:active, p a:hover
{
	color: #1a1a1a;
	text-decoration: none;
}

footer a:link, footer a:visited
{
	color: #fff;
	text-decoration: underline;
}

footer a:active, footer a:hover
{
	color: #fff;
	text-decoration: none;
}

#liens_maj_sup
{
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

#lien_supprimer
{
	margin: 0;
	padding: 0;
	text-align: center;
}

.lien_supprimer
{
	font-family: florentiaregular, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	padding: 5px 10px 5px 10px;
	margin: 0;
	height: 46px;
	width: 160px;
	background: #b92a25;
	color: #fff;
	border: 1px #fff solid;
	text-decoration: none;
	line-height: 0;
}

#lien_supprimer a:link, #lien_supprimer a:visited
{
	padding: 5px 10px 5px 10px;
	margin: 0;
	height: 46px;
	width: 160px;
	transition: 0.2s;
	background: #b92a25;
	color: #fff;
	text-decoration: none;
}

#lien_supprimer a:active, #lien_supprimer a:hover
{
	padding: 5px 10px 5px 10px;
	margin: 0;
	height: 46px;
	width: 160px;
	background: #fff;
	color: #b92a25;
	text-decoration: none;
	border: 1px #b92a25 solid;
}

#lien_maj
{
	margin: 0;
	padding: 0;
	text-align: center;
}

.lien_maj
{
	font-family: florentiaregular, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	padding: 5px 10px 5px 10px;
	margin: 0;
	height: 46px;
	width: 160px;
	background: #2e3136;
	color: #fff;
	border: 1px #fff solid;
	text-decoration: none;
	line-height: 0;
}

#lien_maj a:link, #lien_maj a:visited
{
	padding: 5px 10px 5px 10px;
	margin: 0;
	height: 46px;
	width: 160px;
	transition: 0.2s;
	background: #2e3136;
	color: #fff;
	text-decoration: none;
}

#lien_maj a:active, #lien_maj a:hover
{
	padding: 5px 10px 5px 10px;
	margin: 0;
	height: 46px;
	width: 160px;
	background: #fff;
	color: #2e3136;
	text-decoration: none;
	border: 1px #2e3136 solid;
}

#lien_admin a:link, #lien_admin a:visited, h4 a:link, h4 a:visited, #liste_pedigrees_crees a:link, #liste_pedigrees_crees a:visited
{
	font-family: florentiaregular, sans-serif;
	font-size: 13px;
	color: #1a1a1a;
	text-decoration: underline;
}

#lien_admin a:active, #lien_admin a:hover, h4 a:active, h4 a:hover, #liste_pedigrees_crees a:active, #liste_pedigrees_crees a:hover
{
	font-family: florentiaregular, sans-serif;
	font-size: 13px;
	color: #1a1a1a;
	text-decoration: none;
}

#lien_admin a:link, #lien_admin a:visited
{
	font-family: florentiaregular, sans-serif;
	font-size: 13px;
	color: #1a1a1a;
	text-decoration: underline;
}

#lien_admin a:active, #lien_admin a:hover
{
	font-family: florentiaregular, sans-serif;
	font-size: 13px;
	color: #1a1a1a;
	text-decoration: none;
}

#liste-articles a:link, #archives a:link, #liste-articles a:visited, #archives a:visited
{
	font-family: florentiaregular, sans-serif;
	font-size: 13px;
	color: #1a1a1a;
	text-decoration: underline;
}

#liste-articles a:active, #archives a:active, #liste-articles a:hover, #archives a:hover
{
	font-family: florentiaregular, sans-serif;
	font-size: 13px;
	color: #1a1a1a;
	text-decoration: none;
}

h1 a:link, h1 a:visited
{
	color: #1a1a1a;
	text-decoration: underline;
}

h1 a:active, h1 a:hover
{
	color: #1a1a1a;
	text-decoration: none;
}

#liens_galerie h4 a:link, #liens_galerie h4 a:visited
{
	font-family: florentiabold, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #d58148;
}

#liens_galerie h4 a:active, #liens_galerie h4 a:hover
{
	font-family: florentiabold, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #d58148;
}

aside h4 a:link, aside h4 a:visited
{
	font-family: florentiabold, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: right;
	margin: 10px 0 10px 0;
	color: #1a1a1a;
	text-decoration: underline;
}

aside h4 a:active, aside h4 a:hover
{
	font-family: florentiabold, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: right;
	margin: 10px 0 10px 0;
	color: #1a1a1a;
	text-decoration: none;
}


/* Les images */

#last_entries_blog img
{
	max-width: 100%;
	flex-shrink: 0;
}

#bloc_gauche img
{
	max-width: 100%;
	flex-shrink: 0;
	padding: 0;
	margin: 5px 0 20px 0;
	clear: both;
}

#photo_merci img
{
	max-width: 100%;
	flex-shrink: 0;
	padding: 0;
	margin: 0;
}

#galerie_dessins img
{
	max-width: 100%;
	flex-shrink: 0;
	padding: 0;
	margin: 0;
	clear: both;
}

#dessin_complet_vertical img, #dessin_complet_horizontal img
{
	max-width: 100%;
	flex-shrink: 0;
	padding: 0;
	margin: 0;
	clear: both;
}

#fleches img
{
	max-width: 102px;
	height: auto;
	flex-shrink: 0;
	padding: 0;
	margin: 0;
}


/* Formulaire */

#formulaire_login
{
	max-width: 400px;
	margin: auto;
	padding: 0 15px 10px 15px;
}

#formulaire_news, #formulaire_contact
{
	width: 100%;
	padding: 20px 20px 10px 20px;
	margin: 10px 0 0 0;
	background-color: #c0c1c2;
}

#formulaire_login p
{
	text-align: right;
}

.champtexte
{
	height: 30px;
	width: 100%;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #1a1a1a;
	margin: 0 0 10px 0;
}

#search .champtexte_search
{
	height: 30px;
	width: 75%;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #1a1a1a;
	margin: 0 0 10px 0;
}

.surlignage
{
	font-weight: bold;
	color: #ff0000;
}

.champ_annee
{
	height: 30px;
	width: 50px;
	padding : 5px;
	border-radius: 3px;
	border: 1px solid #1a1a1a;
	margin: 0 0 10px 0;
}

.champtexte_bigger
{
	height: 30px;
	width: 300px;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #1a1a1a;
	margin: 0 0 10px 0;
}

.zone_texte
{
	width: 100%;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #1a1a1a;
	margin: 0 0 10px 0;
}

.liste_deroulante
{
	width: 300px;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #1a1a1a;
	margin: 0 0 10px 0;
}

.liste_deroulante_petite
{
	width: 120px;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #1a1a1a;
	margin: 0 0 10px 0;
}


/* Boutons */

input[type="submit"], #search input[type="submit"]
{
	cursor: pointer;
}

.bouton_envoyer
{
	height: 30px;
	width: 200px;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #1a1a1a;
	margin: 10px 0 10px 0;
	background-color: #1a1a1a;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.bouton_envoyer_search
{
	height: 30px;
	width: 22%;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #1a1a1a;
	margin: 0 0 10px 0;
	background-color: #1a1a1a;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.bouton_envoyer:link, .bouton_envoyer:visited, .bouton_envoyer_search:link, .bouton_envoyer_search:visited
{
	background-color: #1a1a1a;
	color: #fff;
}

.bouton_envoyer:active, .bouton_envoyer:hover, .bouton_envoyer_search:active, .bouton_envoyer_search:hover
{
	background-color: #fff;
	color: #252729;
}

.bouton_suite
{
	width: 110px;
	height: 26px;
	font-family: florentiabold, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	border: 1px solid #1a1a1a;
	border-radius: 12px;
	margin: 0;
	background-color: #1a1a1a;
	color: #fff;
	text-decoration: none;
}

.bouton_suite:link, .bouton_suite:visited
{
	color: #e7e8e9;
	background-color: #1a1a1a;
	text-decoration: none;
	transition: 0.2s;
}

.bouton_suite:active, .bouton_suite:hover
{
	color: #1a1a1a;
	background-color: #e7e8e9;
	text-decoration: none;
}


/* Lignes séparatrices invisible */

hr
{
    clear: both;
	width: 100%;
    margin: 10px 0 20px 0;
    padding: 0;
    border: 0;
}

.sous_article
{
	border: 0;
	border-bottom: 1px dashed #1a1a1a;
}

.dessous_image
{
	clear: both;
}


/* Navigation menu responsive */

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

ul.topnav
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #1a1a1a;
}

ul.topnav li
{
	float: left;
}

ul.topnav li a
{
	display: inline-block;
	color: #d58148;
	text-align: center;
	padding: 0 8px;
	margin: 5px 0 5px 0;
	text-decoration: none;
	transition: 0.2s;
	font-family: florentiabold;
	font-size: 15px;
	font-weight: normal;
	letter-spacing : 0;
	border-right: 1px #fff solid;
	background-color: #1a1a1a;
}

ul.topnav li a:hover
{
	color: #fff;
}

ul.topnav li.icon
{
	display: none;
}

@media screen and (max-width:680px) {
	
	ul.topnav li a
	{
		display: inline-block;
		color: #d58148;
		text-align: center;
		padding: 10px 8px;
		text-decoration: none;
		transition: 0.2s;
		font-family: florentiabold;
		font-size: 15px;
		font-weight: normal;
		letter-spacing : 0;
		border-right: 0;
		background-color: #1a1a1a;
	}
	
	ul.topnav li a:hover
	{
		background-color: #e7e8e9;
		color: #1a1a1a;
	}
	
	ul.topnav li
	{
		display: none;
	}
	
	ul.topnav li.icon 
	{
		float: right;
		display: inline-block;
	}

	ul.topnav.responsive
	{
		position: relative;
	}
	
	ul.topnav.responsive li.icon
	{
		position: absolute;
		right: 0;
		top: 0;
	}
	
	ul.topnav.responsive li
	{
		float: none;
		display: inline;
	}
	
	ul.topnav.responsive li a
	{
		display: block;
		text-align: left;
	}
	
}



/* Media queries */

@media screen and (max-width:680px) {

	#mid_ligne_entete
	{
		width: 100%;
		height: 186px;
	}

	#image_fond_dessin
	{
		max-width: 667px;
		margin: auto;
		height: 186px;
		background-image: url("images/dessin-pastel-fusain-small.jpg");
		background-position: left top;
		background-repeat: no-repeat;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	#image_fond_dessin img
	{
		height: 186px;
		width: auto;
	}

	#bottom_ligne_entete
	{
		width: 100%;
		height: 47px;
		background-color: #1a1a1a;
	}

	#portrait_bottom
	{
		max-width: 667px;
		margin: auto;
		height: 47px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
	}

	#portrait_bas_gauche
	{
		min-width: 180px;
	}
	
	#portrait_bas_gauche img
	{
		width: 180px;
		height: auto;
	}

	nav
	{
		min-height: 47px;
		margin: 0;
		padding: 0 20px 0 0;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
	}
	
	#corps_site
	{
		width: 100%;
		margin: 0;
		padding: 20px 0 20px 0;
		display: flex;
		flex-direction: column;
	}

	#bloc_page_complete
	{
		width: 100%;
		padding: 0 15px 0 15px;
		margin: 0;
		display: flex;
		flex-direction: column;
		align-content: flex-start;
	}
	
	#bloc_gauche
	{
		max-width: 100%;
		padding: 0 15px 0 15px;
		margin: 0 0 10px 0;
		display: flex;
		flex-direction: column;
		align-content: flex-start;
	}
	
	#dessins_majdel
	{
		width: 33%;
		padding: 0 10px 5px 0;
		display: flex;
		flex-direction: column;
	}

	aside
	{
		max-width: 100%;
		padding: 0;
		margin: 0;
		background-color: #c0c1c2;
		display: flex;
		flex-direction: column;
		flex-shrink: 0;
	}
	
	#last_entries_blog
	{
		width: 100%;
		padding: 0 10px 10px 10px;
		margin: 0;
		display: flex;
		flex-direction: row;
		flex-shrink: 0;
	}
	
	#last_entries_blog img
	{
		max-width: 50%;
		flex-shrink: 0;
		margin: 0 20px 0 0;
	}

	#texte_last_entry
	{
		width: 50%;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
	}
	
	section h1
	{
		font-family: florentiabold, sans-serif;
		font-size: 28px;
		line-height: 32px;
		font-weight: normal;
		color: #1a1a1a;
		margin: 0 0 15px 0;
		padding: 0;
	}
}

@media screen and (max-width:530px) {

	#titre_site
	{
		max-width: 1000px;
		min-height: 92px;
		margin: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
	
	#miniature_dessin
	{
		width: 33%;
		padding: 0 5px 0 0;
		transition: 0.2s;
		opacity: 1.0;
		filter: alpha(opacity=100); /* For IE8 and earlier */
		cursor: pointer;
		flex-shrink: 0;
	}
	
	#dessins_majdel
	{
		width: 33%;
		padding: 0 10px 5px 0;
		display: flex;
		flex-direction: column;
	}
	
	#fiche_dessin_vertical
	{
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	
	#ensemble_fleche_dessin
	{
		max-width: 100%;
		height: auto;
		margin: 0;
	}
	
	#dessin_complet_vertical img, #dessin_complet_horizontal img
	{
		width: 100%;
		flex-shrink: 0;
		padding: 0;
		margin: 0;
		clear: both;
	}
	
	#fleches
	{
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	#texte_dessin p
	{
		font-size: 15px;
		font-weight: normal;
		color: #1a1a1a;
		margin: 0 0 20px 0;
		padding: 0;
		line-height: 24px;
		text-align: justify;
	}
	
	#fleches img
	{
		max-width: 80px;
		height: auto;
		flex-shrink: 0;
		padding: 0;
		margin: 0;
	}

}

@media screen and (max-width:380px) {

	aside
	{
		max-width: 100%;
		padding: 0;
		margin: 0;
		background-color: #c0c1c2;
		display: flex;
		flex-direction: column;
		flex-shrink: 0;
	}
	
	#last_entries_blog
	{
		width: 100%;
		padding: 10px;
		margin: 0;
		display: flex;
		flex-direction: column;
		flex-shrink: 0;
	}
	
	#last_entries_blog img
	{
		max-width: 100%;
		flex-shrink: 0;
		margin: 0;
	}

	#texte_last_entry
	{
		width: 100%;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
	}
	
	#miniature_dessin
	{
		width: 50%;
		padding: 0 5px 0 0;
		transition: 0.2s;
		opacity: 1.0;
		filter: alpha(opacity=100); /* For IE8 and earlier */
		cursor: pointer;
		flex-shrink: 0;
	}
	
	#dessins_majdel
	{
		width: 50%;
		padding: 0 10px 5px 0;
		display: flex;
		flex-direction: column;
	}
	
	#fiche_dessin_vertical
	{
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	
	#ensemble_fleche_dessin
	{
		max-width: 100%;
		height: auto;
		margin: 0;
	}

	#dessin_complet_vertical
	{
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	#fleches
	{
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	section p, #texte_dessin p
	{
		font-size: 15px;
		font-weight: normal;
		color: #1a1a1a;
		margin: 0 0 20px 0;
		padding: 0;
		line-height: 24px;
		text-align: justify;
	}
	
	#fleches img
	{
		max-width: 60px;
		height: auto;
		flex-shrink: 0;
		padding: 0;
		margin: 0;
	}
	
	#liens_galerie h4
	{
		font-family: florentiabold, sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #1a1a1a;
		margin: 0;
		padding: 0;
	}
	
	#liens_galerie h4 a:link, #liens_galerie h4 a:visited
{
	font-family: florentiabold, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #d58148;
}

	#liens_galerie h4 a:active, #liens_galerie h4 a:hover
	{
		font-family: florentiabold, sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #d58148;
	}
}