/* passer tous les éléments de largeur fixe en largeur automatique */ 
 body, element1, element2 { 
  width: auto !important; 
  margin: auto !important; 
  padding: auto !important; 
 } 
body {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	background-image:url(../medias/fond.jpg);
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
  	background-size: cover; /* version standardisée */
	background-attachment:fixed;
}
.displayblock {
	display:block;
}
/* fixer une largeur maximale de 100 % aux éléments potentiellement problématiques */ 
img, table, td, blockquote, code, pre, textarea, input, object, embed, video { 
 max-width: 100% !important; 
} 

/* gestion des mots longs */ 
textarea, table, td, th, code, pre, samp { 
word-wrap: break-word; /* césure forcée */ 
white-space: pre-line; /* passage à la ligne spécifique pour les éléments à châsse fixe */ 
} 
/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */ 
element1, element2 { 
float: none !important; 
width: auto !important 
} 


h1, h2, h3, h4, h5, p, ul, li, dl, dd, dt {
	margin:0;
	padding:0;
}
a {
	text-decoration:underline;
	color:#000000;
}
img {
	border:0;
	
}
#top img, #bottom img, #backmob img {
	width:100%!important;
	margin-top:10px;
	z-index:0;
}
/*************************************************************************TOP*/
#top {
	width:100%;
	background-color:#e40048;
	border-bottom:#fff solid 5px;
	background-image:url(../medias/logo_menu.png);
	background-position:10px 5px;
	background-repeat:no-repeat;
	height:50px;

}
#top h1 {
	color:#fff;
	font-size:1em;
	display:none;
}
#top h2 {
	color:#fff;
	font-size:1em;
	display:none;
}
#lang_menu {
	display:block;
	text-align:right;
}
#lang_menu a {
	color:#fff;
	margin-right:10px;
}
/*************************************************************************MENU*/
#menutop {
	display:none;
	clear:both;
	margin-top:-30px;
}
#menutop ul {
	padding-top:10px;
	padding-bottom:10px;
	background-color:#E40048;
	margin-bottom:20px;
}
#menutop ul li ul {
	width:95%;	
	margin-top:0;
	margin-left:5%;
	padding:0;
	margin-bottom:10px;
}
#menutop li {
	list-style:none;
	font-size:1.3em;
	
}
#menutop li ul {	
}
#menutop li ul li {
	list-style-type:circle;
	font-size:0.8em !important;
	
}
#menutop li a {
	color:#FFFFFF;
	text-decoration:none;
}
#menutop li ul li a {
	color:#FFFFFF;
}
#menutop .smactive {
	font-weight:bold!important;
}

/*************************************************************************bouton nav*/
#bout_nav {
	border-left:5px solid #fff;
	z-index:1000;
	display:block;
	right:0;
	font-size:1.6em;
	position:absolute;
	padding-left:0.5em;
	padding-top:0.3em;
	padding-right:1em;
	height:46px;
	color:#fff;;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	width:50px;
}
/*****************************************************FIL D'ARIANE*/
#middle {
	background-size:30%;
	
}
#middle ul {
	margin-top:35px;
}
/*********************************************************************FIL D'ARIANE*/
#ariane {
	display:none;
	padding-left:35px;
	color:#848484;
}
#ariane li {
	list-style:none;
	display:inline;
}
#ariane a {
	color:#848484;
}
/**********************************************************************BLOC CENTRAL*/
#middle {
	display:block;
	min-height:100%;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;
	padding-top:17%;
	background-image:url(../medias/logogmd.png);
	background-size:40%;
	background-repeat:no-repeat;
	background-position:top right;
	
	z-index:1000;
}
#middle #contenu_page {
}
#milieu {
	
}
#contenu_page {
	padding:15px 15px 15px 15px;
	background-color: #fff;
	color:#282828;
	margin-left:auto;
	margin-right:auto;
	
}
#contenu_page a {
	color:#E40048;
}
#middle h1, #middle h2, #middle h3, #middle h4, #middle ul {
	clear:both;
	font-weight:100;
}
#middle h1 {
	font-weight:normal;
}
#middle h2 {
	margin-top:30px;
	font-size:24px;
	font-weight:100;
	margin:0;
	color:#fff;
	background-color:#e40048;
	display:table;
	padding:3px 8px 3px 8px;
}
#middle p {
	
}
#middle li {
	margin-left:20px;
}
#middle h3 {
	color:#282828;
	margin-top:15px;
	font-weight:bold;
}
#middle h3 a {
	color:#E40048!important;
	text-decoration:none;
}
.date_article {
	margin-bottom:10px;
	color:#999999;
	display:block;
}
#fichiers_lies {
	margin-top:20px;
}
#fichiers_lies p {
	font-weight:bold;
	margin-bottom:10px;
}
#fichiers_lies a {
	display:block;
}
.navig_articles {
	display:block;
	text-align:center;
	margin-top:10px;
}
/*******************************************FORMULAIRE DE CONTACT*/
/*******************************************FORMULAIRE DE CONTACT*/
.info_form {
	display:block;
	margin-top:20px;
}
#form_contact {
	width:100%;
	margin:0;
	padding:5px;
	background-color:#CBBB9D;
	border:0;
}
#form_contact .oblig, .info_form .oblig {
	color:#000000!important;
}
#form_contact .col1 {
	width:37%;
	vertical-align:top;
	font-weight:bold;
	text-align:right;
}
#form_contact select {
}
#form_contact td {
	vertical-align:top;
}
#form_contact .textinput {
	width:auto;
}
#form_contact .textarea {
	width:95%;
	height:200px;
}
.envoyer {
	background-color:#666666;
	color:#FFFFFF;
	border:0;
	cursor:pointer;
	font-weight:bold;
}
#form_contact .form_submit {
	float:right;
}
/****************************************************CADRE A LA UNE*/
#a_la_une {
	position:absolute;
	top:0;
	padding:0;
	width:378px;
	height:112px;
	background-color:#eeeeee;
	margin-left:412px;
}
#a_la_une .savoir_plus {
	float:right;
}
#a_la_une ul {
	font-size:12px;
}
#a_la_une .tt {
	font-size:18px;
	color:#000000;
	display: inline-block;
}
#a_la_une h2 {
	font-size:12px;
	color:#000;
}
#a_la_une a {
}
#a_la_une a:hover {
}
.liste_articles_all {
	padding:5px;
}
.liste_articles_all h2 {
}
.liste_articles_all h3 a {
	color:#E40048;
}
.liste_articles_prem {
	padding:5px;
}
.liste_articles_prem h2 {
}
.liste_articles_prem h2 a {
}
.bt_retour_liste {
	display:block;
	text-align:right;
	margin-top:-18px;
	margin-bottom:5px;
}
.bt_retour_liste a {
	background-color:#E40048!important;
	color:#fff !important;
	padding:3px!important;
	text-decoration:none;
}
/*************************************************************************gallery*/
#Gallery {
	display:inline-block;
	width:100%;
}
#Gallery li a img {
	width:50%;
}
.gallery li {
	float:left;
	list-style:none;
	display:block;
}
/*************************************************************************BOTTOM*/
#bottom {
	clear:both;
	width:100%;
}
/*************************************************************************sBOTTOM*/
.bts_share {
}
/*******************************************************BOUTONS RESEAUX SOCIAUX**/
.addthis_toolbox {
	padding-left:2%;
	padding-top:30px;
	position:absolute;
}
/* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
	max-width: 100%;
}
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
	height: auto;
	width: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/********************************AFFICHAGE DES GALERIES D'IMAGES*/
.scrollimg{
	overflow:auto;
	width:100%;
	height:183px;
	padding-top:25px;
	padding-bottom:25px;
	background-color:#fff;


}
#planche_images{
	width:4000px;
}
#planche_images .thumb{
	float:left;

}

#planche_images .thumb img {
	margin-left:10px;
	margin-right:10px;
}

#planche_images .thumb .bdalt{
	background-color:#FBFBFB;opacity:0.75;filter:alpha(opacity=75);
	height:35px;
	text-align:center;
	font-size:1em;
	margin:0;
	margin-top:-40px;
	padding:10px;
	padding-bottom:0px;
	padding-top:5px;
}
#planche_images .thumb .alt{
	
}
/*************************************************************************sBOTTOM*/


/* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
	word-wrap: break-word; /* passage à la ligne forcé */
	-webkit-hyphens: auto; /* césure propre */
	-moz-hyphens: auto;
	hyphens: auto;
}
code, pre, samp {
	white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
}
/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
	float: none;
	width: auto;
}
/* masquer les éléments superflus */
 .hide_mobile {
	display: none !important;
}
 /* Un message personnalisé 
 body:before { 
  content: "Version mobile du site"; 
  display: block; 
  color: #777; 
  text-align: center; 
  font-style: italic; 
 }  */