/* =================================================== */
/* pour responsive a supprimer si marche pas 100126 */ 
/* =================================================== */

/* Bandeau responsive */
.bandeau-container {
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box;
}

.encart-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 10px;
}

.encart-item {
  flex: 1;
  padding: 10px;
  text-align: center;
  background: #90BD88;
  color: #004242;
  border-radius: 5px;
  margin: 0 5px;
}

.bandeau-boutons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  width: 100%;
}

.bouton-module {
  flex: 1 1 120px;
  min-width: 120px;
  text-align: center;
  padding: 8px;
  margin: 2px;
  background: #A7DB9E;
  border-radius: 5px;
  font-size: 0.9em;
}

.bouton-module a {
  color: #004242;
  text-decoration: none;
  display: block;
}

.bouton-dates {
  flex: 1 1 100%;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
  background: #FF5000;
  color: white;
  border-radius: 5px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .encart-header {
    flex-direction: column;
  }

  .encart-item {
    margin: 5px 0;
  }

  .bouton-module {
    flex: 1 1 100px;
    min-width: 100px;
    font-size: 0.8em;
  }
}

/* Menu responsive */
.menu-container {
  position: relative;
  width: 100%;
  background: #004242;
  margin-top: 10px;
}

.menu-toggle {
  display: none;
  background: #004242;
  color: white;
  border: none;
  padding: 10px;
  width: 100%;
  text-align: left;
  font-size: 1.2em;
  cursor: pointer;
}

.main-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-menu li {
  flex: 1;
  text-align: center;
}

.main-menu a {
  display: block;
  padding: 10px;
  color: white;
  text-decoration: none;
}

@media (max-width: 768px) {
  .menu-toggle {
    display: block;
  }

  .main-menu {
    display: none;
    flex-direction: column;
    position: absolute;
    width: 100%;
    background: #004242;
    z-index: 1000;
  }

  .main-menu.active {
    display: flex;
  }

  .main-menu li {
    width: 100%;
    border-bottom: 1px solid #A7DB9E;
  }
}

/* =================================================== */
/* pour responsive a supprimer si marche pas 100126 */ 
/* =================================================== */




/* =================================================== */
/* HARMONISATION DES STYLES PAR DEFAUT DES NAVIGATEURS */ 
/* =================================================== */

html { 
	margin:0; 
	padding:0; 
	border:0; 
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 1em;
	font-family: inherit;
	vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */ 
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height: 1.5;
  background: white; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { 
	border-collapse: separate; 
	border-spacing: 0; 
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
	text-align: left;
	font-weight: normal;
	float: none !important; /* Important rend cette propriété prioritaire */
}

/* Par défaut, toutes les cellules de tableau ont un centrage vertical * Pour les cas particulier, forcer avec un style="vertical-align: middle" */
table, th, td { 
	vertical-align: top; 
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }

/*** POLICES ***/
html { font-size:100.01%;padding:0px;margin:0px; }
body { padding:0px;margin:0px; }

/*** TITRES ***/
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	color: #111111;
}

h1 {
	font-size: 1.3em;
	line-height: 1;
	m/argin-bottom: 0.5em;
}
h2 {
	font-size: 1.2em;
	m/argin-bottom: 0.5em;
}
h3 {
	font-size: 1.1em;
	color: #FF6600;
	line-height: 1;
	ma/rgin-bottom: 0.5em;
}
h4 {
	font-size: 1em;
	line-height: 1.25;
	m/argin-bottom: 0.5em;
	background: url('../awd_images/puces/puce-triangle-rouge-8.png') left 0.6em no-repeat;
	text-indent: 10px;
}
h5 { font-size: 1em; font-weight: bold; m/argin-bottom: 0.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}
/*** Titre contact 221223 ***/
.titrecontact {
	font-size: 1.4em;
	padding-bottom:12px;
	line-height: 1;
}

/*** TEXTE ***/
p           {
	margin: 0px 0px 6px 0px; /* 9px ajouté le 110825 */
}

/* A utiliser pour mettre une image en tete de paragraphe et ajuster le texte autour */
/* Exemple: <p><img class="left">Text</p> */
.left  			{ float: left !important; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right 			{ float: right !important; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

/*** Emmanuel avant le 9/4/11 
a:focus,
a:hover     { color: #FF6600; text-decoration: none;border-bottom: 1px dotted #FF6600;}
a           { color: #406a39; text-decoration: none;border-bottom: 1px dotted #406a39; }
a:visited   { color: #FF6600; }
***/
/*** FRED après le 9/4/11 ***/
a:focus,
a:hover     { color: #FF6600; text-decoration: underline;}
a           { color: #006600; text-decoration: underline;}
a:visited   { color: #FF3300; }


blockquote  { width: 95%;	margin: 0 0 0 18px;}
strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/*** LISTES ***/
li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 0.5em 0; padding-left: 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/*** TABLEAUX ***/
table       {
/*	margin-bottom: 1.1em;  modification supprime le 310818 pour enlever marge basse */ 
	w/idth: 100%;
}
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
/* Ajouter la classe even aux balises TR pour alterner les couleurs de ligne sur les vieux navigateurs */
tbody tr:nth-child(even) td, 
tbody tr.even td  { 
	b/ackground: #e5ecf9; 
}
tfoot       { font-style: italic; }
caption     { background: #eee; }

/*** DIVERS ***/
hr {
	margin: 10px 0 10px 0;
	display: block;
	background: #BED9B9;
	height: 1px;
	border: none;
}

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.medium      { font-size: 1.1em; margin-bottom: 2.200em; line-height: 1.250em; }
.medium-sans-margeb      { font-size: 1.1em; margin-bottom: auto; line-height: 1.250em; }
.large      { font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.25em; }
.xlarge      { font-size: 1.4em; line-height: 1.5em; margin-bottom: 1.25em; }
.xxlarge      { font-size: 1.8em; line-height: 1.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* ============================ */
/* LAYOUT 											*/ 
/* ============================ */

body {
	/*   font-size: 83%;*/
  color: #000000;
	font-family: "Trebuchet MS", Helvetica, sans-serif; /* background: #FDFFBA url(../awd_images/bckg.png) 0 0 repeat-x;*/;
	background: #FCFCE8;
	word-wrap: break-word;
}

#encapsuleur-general {
  /* 	min-width: 950px; supprime 181123*/
  /* 		max-width: 1400px;supprime 181123*/
	max-width: 100%; /*modifie181123*/
	
	padding: 0 10px;
	margin: 0 auto;
	p/osition: relative;
	z-index:1;
}

#en-tete {
	position: relative;
	z-index:1;
}

#encapsuleur {
	overflow:hidden; 
}

#colonne-gauche {
	float:left; 
	width: 200px; 
	margin: 0 15px 0 5px; 
}

#colonne-droite {
	float:right; 
	width:200px;
	margin: 0 5px 0 15px;
}

#colonne-principale {
	margin:0 220px;
}

#colonne-principale-sansmarge {
	margin:0;
}

#colonne-unique {/* ajouté 060919 	*/
	margin:0;
}

#con/tenu {min-height: 400px;}

#contenu {
  min-height: 400px;
  max-width: 100%; /* Adds horizontal scroll if needed 071224*/
  overflow-x: auto; /* Adds horizontal scroll if needed 071224*/
  padding: 0 10px; /* Adds horizontal scroll if needed 071224*/
    -webkit-overflow-scrolling: touch; /* Pour un meilleur défilement sur iOS 071224*/
}


#tampon-droit,
#tampon-gauche {
	display: none;
}

#pied-de-page {
	clear:both; 
	margin: 0px 5px;
}

/* Sélecteur 2/3 colonnes */
body.deux-colonnes #colonne-droite {display:none;}
body.deux-colonnes #colonne-principale {margin-right:5px;}


/* ============================ */
/* ELEMENTS	COMMUNS DE LA PAGE	*/ 
/* ============================ */

/* Bandeau contenant le logo et les vignettes */
#bandeau-logo {
	display: block;
	margin: 10px 0;
/* 		height: 54px;  221223 */
	height: 48px;
}

/* Taille et position du logo */
#logo {
/* 	top: 5px;  221223 */
	left: 10px;
	width: 330px;
	/* 	Height: 66px;  221223 */
	height: 51px;
	background: url(../awd_images/logo330.jpg) top left no-repeat;

	display: block;
	position: absolute;
}

/* Taille et position des vignettes */
#vignettes {
	top: 5px;
	right: 3px;
	width: 300px;
	height: 66px;
	background: url(../awd_images/logo.png) right -70px no-repeat;
	text-align: right;
	padding-right: 200px;
	line-height: 21px;
	 
	display: block;
	position: absolute;
}
/* remplace le 8/3/11 autour de la ligne 267 de modeles.css */

#sous-titre,
#sous-titre h1,
#sous-titre h2 {
	text-align: center;
	color: #004242;
	font-size: 0.8em;
	margin-top:-5px;
	padding-right:8px;
	text-align:right;
	line-height: 100%;
	font-weight: normal;
	border: none;	
}

#sous-titre h1,
#sous-titre h2 {
	font-size: 100%;
	padding-bottom: 0;
	margin-bottom: 0;
	padding-right: 0;
}

/* Bandeau contenant le sous titre et les 3 cellules en haut de page */
#cadre-encarts {
	position: relative;
	min-height: 60px;
	margin: 10px 0 0 0;
	z-index: 100;
	padding: 5px;
}

#tableau-encarts {
	width: 100%;
	border-spacing: 10px 0;
	margin: 5px 0;
}

#tableau-encarts td {
	background: #ffffff; 
/* 	background: #FCFCE8;  test jaune clair du fond 09/08/17 Entreprises et acheteurs arrondis */
	border: 1px solid #A7DB9E; 
	padding: 5px 10px;
	vertical-align: top;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#tableau-encarts td p {
	text-align: justify;
	font-size: 0.9em;
	margin: 0;
}

#tableau-encarts td p.titre-cellule-vertical {
	text-align: center;
	font-size: 1.3em;
	color: #004242;
	border-bottom: 1px solid #A7DB9E;
	padding-bottom: 2px;
	margin-bottom: 7px; 
}

#tableau-encarts td p.titre-cellule {
	float: left;
	display: block;
/*	width: 160px; */
	width: auto; /* modifie 08/08/17 */
	padding-right:5px; /* modifie 08/08/17 */
	vertical-align:middle;	 /* modifie 08/08/17 */
	margin-right: 10px;
	line-height: 35px;
	text-align: center;
	font-size: 1.3em;
	border-right: 1px dotted #A7DB9E;
	color: #004242;
}

/* Position du menu déroulant */
#menu-container {
	position: relative;
	margin: -10px 5px 10px 5px;
	height: 39px;
	z-index: 1;

	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

#menu {
	position: absolute;
	color: #ffffff;
	top: 10px;
	left: 10px;
	z-index: 2000;
}
/* ajoute FM le 20/08/11 
avec marges réduites*/
/* Je séléctionne mes <li> par les sélecteurs (<li> est contenu par le <ul>), inutile de lui rajouter une class */
ul#menu_horizontal {
list-style-type : none; /* Car sinon les puces se placent n'importe où */;
text-align: center;
margin-bottom:12px;
}

ul#menu_horizontal li { 
display : inline;
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
}

ul#menu_horizontal a:hover {
	background: #FDFFD9;
}

/* Flux RSS */
#fluxRSS {
	position: absolute;
	top: 16px;
	right: 10px;
	text-align: right;
	padding-right: 22px;
	height: 16px;
	line-height: 17px;
	background: url(../awd_images/rss_icon.png) right center no-repeat;
	border: none;
	color: #fff;
}



#cliquer-ici.module {
	padding: 0 10px;
	border-width: 2px;
	background: #FCFCE8;
}

#cliquer-ici table {
	margin-bottom: 0;
	border-spacing: 0px 10px;
	position: relative;
}

#cliquer-ici table td {
	vertical-align: middle;
	padding: 0;
}

#cliquer-ici table td.icone {
	width: 100px;
	background: url(../awd_images/fleche.png) 90% center no-repeat;
	padding-right: 46px;
}

#cliquer-ici table td.texte {
	font-size: 1.2em;
	padding: 5px;
	color: #004242;
	font-weight: bold;
	background: #ffffff;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#cliquer-ici table td.texte span.non-gras {
	font-weight: normal;
}

#cliquer-ici table td.texte.entreprise {
	border: 2px solid #A3107A;
}

#cliquer-ici table td.texte.formation {
	border: 2px solid #FF9900;
}

/* Module contenant les 3 colonnes de liens en pied de page */
#module-liens-pied-de-page {
	color: #ccc;
	padding: 0;
}

#module-liens-pied-de-page div.marges {
	padding: 15px;
}

#table-liens-pied-de-page {
	width: 100%;
	margin-bottom: 0;
}

#table-liens-pied-de-page td {
	vertical-align: top;
	padding: 10px;
	background: #1B3B3B;
	background: rgba(0,0,0,0.1);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#table-liens-pied-de-page td.separateur {
	background: url(../awd_images/separateur-colonnes.gif) top center repeat-y;
}

#table-liens-pied-de-page p.titre-colonne {
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 0;
	color: #fff;
}

#table-liens-pied-de-page a:link,
#table-liens-pied-de-page a:visited {
	color: #fdffba;
	font-weight: bold;
	text-decoration: none;
	border:none;
}

#table-liens-pied-de-page a:visited {color: #90BD88;}

#table-liens-pied-de-page a:hover,
#table-liens-pied-de-page a:active {
	color: #90BD88;
	text-decoration: underline;
	border:none;
	font-weight: bold;
}

#texte-bas-de-page {
	text-align: center;
	color: #004242;
	font-size: 0.9em;
	margin-bottom: 30px;
}

/* ============================ */
/* BOUTONS								*/ 
/* ============================ */

a.me-contacter {
	background: url(../awd_images/tel.png) 8px center no-repeat;
	height: 30px;
	line-height: 30px;
	display: block;
	padding-left: 35px;
	color: #f2f2f2;
	font-size: 20px;
	border: none;
	text-decoration:none
}
a.me-contacter1 {
	background: url('../IMAGES/web/ccag.jpg') no-repeat 8px
center;
	height: 30px;
	line-height: 30px;
	display: block;
	padding-left: 35px;
	color: #f2f2f2;
	font-size: 20px;
	border: none;
	text-decoration: none;
}

a.me-contacter:hover {color: #90BD88;border: none;}
/* ajoute le 10 mai 2011 16h20 = */
a.me-contacter:visited {color: #f2f2f2;border: none;}

/* ============================ */
/* BOUTONS								*/ 
/* ============================ */
/* ajoute le 13 mai 2011 19h10 = */

a.bouton-acceuil {
	height: 20px;
	line-height: 20px;
	display: block;
	color: #f2f2f2;
	font-size: 20px;
	border: none;
	text-decoration:none
}

a.bouton-acceuil:hover {color: #90BD88;border: none;}
a.bouton-acceuil:visited {color: #f2f2f2;border: none;}

/* ============================ */
/* MENU DEROULANT								*/ 
/* ============================ */

#menu ul {display:inline-block;} 
#menu ul.top-level {margin-left:0;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#menu li {margin:0; padding:0;}
#menu a {display:block;font-size: 1em;color:#ffffff; line-height:25px; text-decoration:none; padding:0 20px 0 6px;border: none;}
#menu a:hover,
#menu a:active {}
#menu a b {font-weight: normal;} 
* html #menu ul.top-level {margin-left:0;}

#menu a.active,
#menu a.active b {color:#800000;}
#menu a.active.item-menu-current,
#menu a.active.item-menu-current b {font-weight:bold;color:#800000;}

#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu ul.top-level {margin:0 auto;} 
#menu li.top-level-li {float:left; position:relative; margin-right:1px;}

#menu a.top-level-a {float:left; padding:0 0 0 10px; line-height: 29px; background:url(../awd_images/menu/menu-tab-l.png) no-repeat left top;} 
#menu a.top-level-a.down {background-image:url(../awd_images/menu/menu-tab-l-parent.png)}
#menu a.top-level-a b {float:left; padding:0 15px 0 0; background:url(../awd_images/menu/menu-tab-r.png) no-repeat right top; cursor:pointer; cursor:hand;}
#menu a.down b {float:left; padding:0 15px 0 0; background:url(../awd_images/menu/menu-tab-r-parent.png) no-repeat right top; cursor:pointer;}
#menu a.top-level-a:hover {color:#004242;white-space:nowrap; background:url(../awd_images/menu/menu-tab-l.png) no-repeat left -29px;}
#menu a.top-level-a.down:hover {color:#004242;white-space:nowrap; background:url(../awd_images/menu/menu-tab-l-parent.png) no-repeat left -29px;}
#menu a.top-level-a:hover b {background:url(../awd_images/menu/menu-tab-r.png) no-repeat right -29px; cursor:pointer;}
#menu a.down:hover b {background:url(../awd_images/menu/menu-tab-r-parent.png) no-repeat right -29px; cursor:pointer;}

#menu li.top-level-li:hover > a {color: #004242; white-space:nowrap; background:url(../awd_images/menu/menu-tab-l.png) no-repeat left -29px;}
#menu li.top-level-li:hover > a.down {color: #004242;white-space:nowrap; background:url(../awd_images/menu/menu-tab-l-parent.png) no-repeat left -29px;}
#menu li.top-level-li:hover > a b { background:url(../awd_images/menu/menu-tab-r.png) no-repeat right -29px;}
#menu li.top-level-li:hover > a.down b {background:url(../awd_images/menu/menu-tab-r-parent.png) no-repeat right -29px;}

#menu li ul {display:block; position:absolute; visibility:hidden; background: #90BD88 url(../awd_images/menu/menu-bas.png) repeat-x left bottom;padding:0px; left:0;
	-moz-box-shadow: 2px 2px 3px #444444;
	-webkit-box-shadow: 2px 2px 3px #444444;
	box-shadow: 2px 2px 3px #444444;
}
#menu li li {border-bottom:1px solid #A0D997;border-left:1px solid #A0D997;border-right:1px solid #A0D997;}

#menu li li a {color: #004242;}
#menu li li a:hover {color: #354242;background: #A7DB9E;} 
#menu li li:hover > a {color: #354242;background: #A7DB9E;}
#menu li li a.fly {background: url(../awd_images/menu/fly.gif) no-repeat right center;}
#menu li li a.fly:hover {color: #354242; background: #A7DB9E url(../awd_images/menu/fly.gif) no-repeat right center;} 
#menu li li:hover > a.fly {color: #354242; background: #A7DB9E url(../awd_images/menu/fly.gif) no-repeat right center;}

#menu ul.drop-down {top:27px; left: 3px; z-index: 3000; opacity:0.98;min-width: 140px;} 
#menu li li ul {left:100%; margin-top:-23px; margin-left:-5px;z-index: 6000;}

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:20px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px; margin-left: -25px; z-index: 6000;}


#menu a.mis-en-valeur {color: #ff9900;}
#menu a.mis-en-valeur b {font-weight:bold;}


/* ============================ */
/* MENU LATERAL								  */
/* ============================ */

div.module.menu ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
}

div.module.menu ul li {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #1F5555;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

div.module.menu ul li.dernier-element {
	border-bottom: none;
}

div.module.menu ul li:hover {
}

div.module.menu ul li a:link,
div.module.menu ul li a:visited {
	color: #ffffff;
	display: block;
	padding: 5px 2px 5px 18px;
	text-decoration: none;
	background: url(../awd_images/puce-menu.png) 2px 9px no-repeat;
	border:none;
}

div.module.menu ul li a:hover, 
div.module.menu ul li a:active { 
	color: #ffffff;
	text-decoration: none; 
	background: #144C4C url(../awd_images/puce-menu.png) 2px -92px no-repeat;
	background: rgba(255,255,255,0.1) url(../awd_images/puce-menu.png) 2px -291px no-repeat;
	border:none;
}

/* ============================ */
/* MODULES				  						*/ 
/* ============================ */

/* Par défaut */
div.module {
	position: relative;
	margin: 0 0 15px 0;
	padding: 10px;

	background: #ffffff;
	border: 1px solid #004242;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* Module Vert * background par defaut puis background FF puis bakgroud safari * au dessus idem pour coins arrondis CSS3 */
div.mod-vert {
	color: #ffffff;
	border: none;

	background: #004242;
	background: -moz-linear-gradient(#354242, #004242);
	background: -webkit-gradient(linear, left top, left bottom, from(#354242), to(#004242));
}

/* Module ROUGE CONTACT 250219 * CSS3 */
div.mod-rouge {
    color: #ffffff;
    border: none;

    background: #FF5000;
/* Module ROUGE CONTACT 250219 * CSS3 anvien modifié 030920
	background: -moz-linear-gradient(#870D65, #870D65);
    background: -webkit-gradient(linear, left top, left bottom, from(#870D65), to(#870D65));*/
    
/* Nouveau 030920 bouton CONTACT accueil */
    background: -moz-linear-gradient(#FF5000, #FF5000);
    background: -webkit-gradient(linear, left top, left bottom, from(#FF5000), to(#FF5000));
}

/* Module Violet2 ajoute par mail emmanuel FM du 15 mai 2011 14h00 */
div.mod-violet2 {
    color: #ffffff;
    border: none;

    background: #870D65;
    background: -moz-linear-gradient(#870D65, #870D65);
    background: -webkit-gradient(linear, left top, left bottom, from(#870D65), to(#870D65));
}


/* Module Vert Clair */
div.mod-vert-clair {
	border: 1px solid #004242; 

	-moz-box-shadow: 2px 2px 3px #444444;
	-webkit-box-shadow: 2px 2px 3px #444444;
	box-shadow: 2px 2px 3px #444444;
 	background: #90BD88;

  	background: -moz-linear-gradient(#A7DB9E, #90BD88); 
/* 		background: -moz-linear-gradient(#90BD88, #90BD88); /* nouveau sans degrade 250817 */

	background: -webkit-gradient(linear, left top, left bottom, from(#A7DB9E), to(#90BD88)); 
	background: -moz-linear-gradient(#A7DB9E, #90BD88); 

/* 		background: -webkit-gradient(linear, left top, left bottom, from(#A7DB9E), to(#90BD88));  original degrade 250817 */ 
	background: -webkit-gradient(linear, left top, left bottom, from(#40826D), to(#40826D));  /* nouveau sans degrade 250817 */ 

/* 		background: -moz-linear-gradient(#A7DB9E, #90BD88); 
	background: -webkit-gradient(linear, left top, left bottom, from(#A7DB9E), to(#90BD88)); 08/08/17*/
}

/* Module Bords Violets */
div.mod-violet {
	border-color: #4F083C;
}

/* Module Titre */
div.mod-titre {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	color: #004242;
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
	border: 1px solid #004242;

	-moz-box-shadow: 2px 2px 3px #444444;
	-webkit-box-shadow: 2px 2px 3px #444444;
	box-shadow: 2px 2px 3px #444444;
	background: #90BD88;
	background: -moz-linear-gradient(#A7DB9E, #90BD88);
	background: -webkit-gradient(linear, left top, left bottom, from(#A7DB9E), to(#90BD88));
}

/* Module Titre mise en forme dans les modeles 110308*/
div.mod-ti/tre h2 {
    font-size: 1em;
    background: none;
    border: none;
    color: #004242;
    text-indent: 0;
}

/* Module Titre mise en forme dans les modeles 260126 cause hauteur trop grande*/
div.mod-titre h2 {
    font-size: 1em; /* Garde votre taille actuelle */
    margin: 0 !important; /* Annule les 18px qui viennent de typographie.css */
    padding-top: 8px; /* Ajustez ce chiffre pour descendre le texte dans le bouton */
    padding-bottom: 8px; 
    text-align: center;
    color: #004242;
    text-indent: 0;
}

/* Module Tampon */
div.mod-tampon {
	border: 1px solid #004242;
	min-height: 40px;
	
	background: #FDFFD9;
}

/* ============================ */
/* BOUTONS											*/ 
/* ============================ */
/*
 - TAILLES: petit, moyen, grand, geant
 - COULEURS: rose, vert, orange, bleu, jaune 
*/


.bouton {
	display: inline-block;

/* BOUTONS FM ajoute le 15 mai 2011 suppression de effet glossy pour voir en supprimant la ligne
background: url('../awd_images/boutons/effet-glossy.png') repeat-x 0px 0px;     */ 
/*	background: url('../awd_images/boutons/effet-glossy.png') repeat-x 0px 0px; */

	padding: 6px 10px 6px 10px;
	border:1px solid rgba(0,0,0,0.4);
	-moz-border-radius: 10px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	border-radius: 10px;
}

.bouton,
.bouton span {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

a.bouton:hover {
	cursor:pointer;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	border:1px solid rgba(0,0,0,0.4);
	text-decoration:none;/* cette propriete permet d'eviter le soulignement des liens */
}

a.bouton:visited,
a.bouton:focus,
a.bouton:active {
	text-decoration:none;/* cette propriete permet d'eviter le soulignement des liens */
}

/* Tailles */
.btn-petit {}  /* par défaut */
.btn-moyen {font-size: 1.2em;}  
.btn-grand {font-size: 1.4em;}  
.btn-geant {font-size: 1.6em;}   
.btn-megageant {font-size: 2em;} /* reduit le 291223 */

/* Couleurs */
.bouton, 
.bouton span,
a.bouton:visited {
	background-color: #7BB172;
	color: #ffffff;
}
/* par défaut */
a.bouton:hover span,
a.bouton:active,
a.bouton:focus,
a.bouton:hover {background-color: #5B9452; color: #ffffff;}

.btn-couleur6, 
.btn-couleur6 span, 
a.btn-couleur6:visited {
	background-color: #FF0000;
	color: #ffffff;
}
a.btn-couleur6:hover span,
a.btn-couleur6:active,
a.btn-couleur6:focus,
a.btn-couleur6:hover {background-color: #690A4F; color: #ffffff;}



.btn-couleur-rouge, 
.btn-couleur-rouge span, 
a.btn-couleur-rouge:visited {background-color: #ff0000; color: #ffffff;}
a.btn-couleur-rouge:hover span,
a.btn-couleur-rouge:active,
a.btn-couleur-rouge:focus,
a.btn-couleur-rouge:hover {background-color: #690A4F; color: #ffffff;}

.btn-couleur1, 
.btn-couleur1 span, 
a.btn-couleur1:visited {background-color: #870D65; color: #ffffff;}
a.btn-couleur1:hover span,
a.btn-couleur1:active,
a.btn-couleur1:focus,
a.btn-couleur1:hover {background-color: #690A4F; color: #ffffff;}

.btn-couleur2, 
.btn-couleur2 span, 
a.btn-couleur2:visited {background-color: #FF5000; color: #ffffff;}
a.btn-couleur2:hover span,
a.btn-couleur2:active,
a.btn-couleur2:focus,
a.btn-couleur2:hover {background-color: #FF3300; color: #ffffff;}

.btn-couleur3, 
.btn-couleur3 span, 
a.btn-couleur3:visited {background-color: #004242; color: #ffffff;}
a.btn-couleur3:hover span,
a.btn-couleur3:active,
a.btn-couleur3:focus,
a.btn-couleur3:hover {background-color: #002B2B; color: #ffffff;}

.btn-couleur4, 
.btn-couleur4 span, 
a.btn-couleur4:visited {background-color: #ffb515; color: #004242;}
a.btn-couleur4:hover span,
a.btn-couleur4:active,
a.btn-couleur4:focus,
a.btn-couleur4:hover {background-color: #fc9200; color: #004242;}

.btn-couleur5, 
.btn-couleur5 span, 
a.btn-couleur5:visited {background-color: #CCCCCC; color: #141414;}
a.btn-couleur5:hover span,
a.btn-couleur5:active,
a.btn-couleur5:focus,
a.btn-couleur5:hover {background-color: #90BD88; color: #004242;}

.btn-couleur-vertfonce, 
.btn-couleur-vertfonce span, 
a.btn-couleur-vertfonce:visited {
	background-color: #004242;
	color: #ffffff;
}


.largeur-fixe {width:200px;}
.largeur-fixe span.largeur-fixe-span {width:202px;} /* Largeur du bouton en pixel plus 2 - ajoute FM EP 25 mai 2011*/


/* Bouton non gras - ajoute FM EP 20 mai 2011 */
/* permet appliquer aussi non-gran dans les balises span enfant sinon reste gras dans IE - ajoute FM EP 20 mai 2011 */
a.btn-non-gras, a.btn-non-gras span {
	font-weight:normal;
}

/* ============================ */
/* BOUTONS PASTILLES						*/ 
/* ============================ */
a.pastille {
	display: block;
	overflow: hidden;
	height: 40px;
	width: 60px;
	padding: 10px 0;

	line-height: 20px;

	text-align: center;
	text-decoration: none;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	
	background: url(../awd_images/pastilles/icones60.png) 0 0 no-repeat;
}

a.pastille:hover {
	background-position: 0 -60px;
	color: #ffffff;
	text-shadow: #000000 1px 1px 2px;
}

a.pastille.vert {background-position: -60px 0px;}
a.pastille.vert:hover {background-position: -60px -60px;}

a.pastille.violet {background-position: -120px 0px;}
a.pastille.violet:hover {background-position: -120px -60px;}

a.pastille.orange {background-position: -180px 0px;}
a.pastille.orange:hover {background-position: -180px -60px;}

/* ============================ */
/* TABLEAUX											*/ 
/* ============================ */

/* modifie 071224 */
/* table.standard {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: separate;
	border-spacing: 2px;
} */

/* nouveau 071224 */
table.standard {
    table-layout: auto; /* Changer fixed en auto pour une meilleure adaptation 111224 */
    border-collapse: collapse; /* Au lieu de separate 071224  */
    border-spacing: 0; /* Au lieu de 2px 071224  */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* ajouter 071224 */
table.standard colgroup col {
    width: 25%;
}




/* ajoute FM 21/08.11 largeur tableau auto*/
table.standard-larg-auto {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border-collapse: separate;
	border-spacing: 2px;
}

/* ahoute FM 11/08.11 */
table.standard caption {
	background: #FFFFFF;
	border-color: #004242;
	color: #004242;
}

/* td, th permet d'affecter le même style a ces deux éléments car séparés par une virgule
par contre "table.standard th" en dessous permet de particulariser certains 
attributs uniquement pour ce selecteur */ 

/* Ajuster les cellules */
table.standard td,
table.standard th {
	padding: 4px;
	border: 1px solid #777;
	  	word-wrap: break-word; /* Allows text to wrap within cells 071224 */
  		overflow-wrap: break-word; /* Allows text to wrap within cells 071224 */
  		  white-space: normal; /* Allows text to wrap within cells 071224 */
  	text-align:center;
	white-space: normal;
    max-width: 100%; /* Empêcher le débordement 071224 */
}


table.standard th {
  background: #A7DB9E;
	border-color: #004242; 
	color: #004242
}
table.standard th {
  background: #A7DB9E;
	border-color: #004242; 
	color: #004242
}

/* permet de cadrer a gauche les textes de la derniere colonne */
table.standard td.derniere-colonne {
	text-align: left;
	white-space: normal;
}

/* on cree une table pour aligner les celleules a gauche FM EB ajoute le 20 mai 2011 17h17 */
/* exemple table class="standard gauche nowrap" aligne les cellules agauche sans retour ligne 
par defaut les cellule du tableau sont centrees */
table.gauche td,
table.gauche th,
table.standard td.gauche,
table.standard th.gauche {
	text-align: left;
}
table.nowrap td,
table.nowrap th,
table.standard td.nowrap,
table.standard th.nowrap {
	white-space: nowrap;
}
/* pour enlever la bordure de tableau FM EB ajoute le 4 juin 2011 */

table.noborder td,
table.noborder th,
table.standard td.noborder,
table.standard th.noborder {
	border: none;
}

/* pour colorer une cellele ou tablea FM EB ajoute le 4 juin 2011 */

table.tab-couleur1 td,
table.tab-couleur1 th,
table.standard td.tab-couleur1,
table.standard th.tab-couleur1 {
	 background-color: #FCFCE8;
}

/* pour colorer une cellele ou tablea FM EB ajoute le 21/08/11 tableau des procedure EA PA blanc sur orange */
table.tab-couleur2 td,
table.tab-couleur2 th,
table.standard td.tab-couleur2,
table.standard th.tab-couleur2 {
	 background-color: #FF5000;
	 color: white;
}

/* pour regler des erreurs td align FM EB ajoute le 20 mai 2011 */
td.td-standard {
	vertical-align: top; 
	text-align:left;
	width:99%; 
}


/* ============================ */
/* STYLES PERSONNALISES						*/ 
/* ============================ */
table.sans-marge {
	margin:0;	
}
/* Ajoute FM le 12/08/11 pour tableau standard pas trop large */
table.tableau-larg-auto {
	 width: auto;	
}

/* Ajoute un padding-bottom à toutes les cellules des lignes de la classe .padding-bas */
tr.padding-bas td {
	padding-bottom:25px;
}  

/* ============================ */
/* STYLE bidon	on laisse vide FM EB ajoute le 25 mai 2011 
on selectionne la colonne pour lui affecter ce style 
puis on remplace td par th par exemple*/ 
/* ============================ */
.bidon {
	
}

/* --- CORRECTIF LARGEUR ET CLICS OPTIMISÉ --- */
@media screen and (max-width: 1000px) {
    /* 1. On libère TOUS les conteneurs, y compris la colonne de gauche */
    #encapsuleur-general, #encapsuleur {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important; /* Pas de padding pour alignement parfait */
        position: static !important;
        box-sizing: border-box !important;
    }
    
    #colonne-gauche, #colonne-droite {
        display: none !important; /* Masquer les colonnes latérales */
    }
    
    #colonne-principale {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 6px !important; /* Petit padding pour respirer */
        position: static !important;
        box-sizing: border-box !important;
    }

    /* 2. On assure que le menu est cliquable */
    #menu-container, #menu {
        position: relative !important;
        z-index: 9999 !important;
        width: 100% !important;
        display: block !important;
    }

    /* 3. On traite TOUS les tableaux pour le mobile */
    table {
        display: block !important; /* Transforme le tableau en bloc empilable */
        width: 100% !important;
        border-spacing: 0 !important;
    }

    /* On force les cellules à s'empiler les unes sous les autres */
    #tableau-encarts td, #cliquer-ici td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
        margin-bottom: 5px;
    }
    
    /* === ENCART "RÉPONDRE" - RECONSTRUCTION COMPLÈTE EN FLEX PUR === */
    
    /* Container principal */
    #cliquer-ici.module {
        padding: 0 !important;
        margin: 0 0 15px 0 !important;
        border-width: 2px !important;
        background: transparent !important;
        overflow: visible !important;
    }
    
    /* Destruction complète du tableau */
    #cliquer-ici table,
    #cliquer-ici table tbody,
    #cliquer-ici table tr {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
    }
    
    /* Container flex pour toutes les cellules */
    #cliquer-ici table tr {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding: 15px 10px !important;
        background: #FCFCE8 !important;
        border-radius: 10px !important;
    }
    
    /* Toutes les cellules en mode flex-item */
    #cliquer-ici table td {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        float: none !important;
        border: none !important;
        background: transparent !important;
    }
    
    /* TD 1 : Bouton orange - Largeur automatique, pas de shrink */
    #cliquer-ici table tr td:nth-child(1) {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }
    
    /* TD 2 : Flèche - Largeur fixe 35px */
    #cliquer-ici table td.icone {
        flex: 0 0 35px !important;
        width: 35px !important;
        height: 35px !important;
        background: url(../awd_images/fleche.png) center center no-repeat !important;
        background-size: 30px !important;
        padding: 0 !important;
    }
    
    /* TD 3 : Texte - Prend tout l'espace restant */
    #cliquer-ici table td.texte {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        font-size: 14px !important;
        padding: 10px 15px !important;
        text-align: left !important;
        line-height: 1.4 !important;
        background: #ffffff !important;
        border: 2px solid #A3107A !important;
        border-radius: 8px !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    /* 4. On empêche les images de déborder */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
/* Amélioration du tableau de dates sur mobile - 2 COLONNES */
#tableau-encarts {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

#tableau-encarts tbody,
#tableau-encarts tr {
    display: contents !important; /* Les TR deviennent transparents */
}

#tableau-encarts td {
    display: block !important;
    width: calc(50% - 4px) !important; /* 2 colonnes */
    margin: 0 !important;
    padding: 10px 5px !important;
    text-align: center !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box !important;
}

/* DATES (bouton orange) prend toute la largeur à GAUCHE */
#tableau-encarts td.fond-Paris { 
    width: 100% !important; /* Prend toute la largeur */
    order: -1 !important; /* Apparaît en premier */
    border-color: red !important;
    background: #FF5000 !important;
    color: white !important;
    font-weight: bold !important;
    margin-bottom: 8px !important;
}

/* Formations et Assistance sur la MÊME LIGNE */
#tableau-encarts td:nth-child(6),  /* Formations */
#tableau-encarts td:nth-child(7) { /* Assistance */
    width: calc(50% - 4px) !important;
}

/* Styles spécifiques pour J01-J04 */
#tableau-encarts td.fond-J01,
#tableau-encarts td.fond-J02,
#tableau-encarts td.fond-J03,
#tableau-encarts td.fond-J04 {
    background: white !important;
}

/* --- RÉPARATION DU MENU VERT --- */
#menu ul.top-level {
    display: flex !important;
    flex-wrap: wrap !important; /* Permet aux boutons d'aller à la ligne si besoin */
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important; /* Libère la hauteur fixe du bandeau vert */
}

/* Suppression des images de fond sur les liens du menu */
#menu a.top-level-a {
    background-image: none !important;
    background: #004444 !important;
}

#menu a.top-level-a b {
    background-image: none !important;
    background: none !important;
}

#menu a.top-level-a:hover,
#menu li.top-level-li:hover > a {
    background-image: none !important;
    background: #A7DB9E !important;
}

#menu a.top-level-a:hover b,
#menu li.top-level-li:hover > a b {
    background-image: none !important;
    background: none !important;
}

/* --- RÉPARATION FINALE DU MENU VERT --- */
    #menu ul.top-level {
        display: flex !important;
        flex-wrap: wrap !important; /* Retour automatique à la ligne */
        justify-content: flex-start !important;
        padding: 0 !important;
        margin: 0 0 10px 0 !important;
        height: auto !important;
        gap: 6px !important;
    }

    #menu ul.top-level li {
        display: block !important;
        float: none !important;
        width: auto !important; /* Largeur automatique selon le texte */
        flex: 0 1 auto !important; /* Pas de stretch, juste la taille du contenu */
        margin: 0 !important; 
        background: #004444 !important;
        border-radius: 8px !important;
        min-height: 45px !important; /* Hauteur réduite */
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    
    #menu ul.top-level li:hover {
        background: #A7DB9E !important; /* Vert clair au survol */
    }

    #menu ul.top-level li a {
        padding: 10px 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 100% !important;
        min-height: 45px !important;
        font-size: 13px !important; 
        line-height: 1.2 !important;
        width: 100% !important;
        color: #ffffff !important;
        text-decoration: none !important;
        text-align: center !important;
        white-space: nowrap !important; /* Pas de retour à la ligne dans le texte */
        box-sizing: border-box !important;
        background: none !important;
    }
    
    #menu ul.top-level li:hover a {
        color: #004242 !important; /* Texte vert foncé au survol */
    }
    
    /* Suppression totale des effets sur les balises b */
    #menu ul.top-level li a b {
        background: none !important;
        background-image: none !important;
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
        display: inline !important;
        font-weight: normal !important;
    }
    
    #menu ul.top-level li:hover a b {
        background: none !important;
        background-image: none !important;
    }
    
/* Libère les hauteurs fixes qui causent les chevauchements */
#menu-container, #menu, .mod-vert, .arrondi {
    height: auto !important;
    min-height: 0 !important;
}
/* Sécurité pour le logo et le bandeau */
#en-tete, #header, #logo, .logo-bandeau {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    float: none !important;
    text-align: center !important;
}

#en-tete img, #logo img {
    max-width: 100% !important;
    height: auto !important;
}
/* Empêche les tableaux de "pousser" les murs du site */
table, tr, td, th {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Si un tableau est vraiment trop large, on permet le défilement interne */
.contenu-page {
    overflow-x: auto !important;
    display: block !important;
}
/* Nettoyage du bas de page */
#pied-de-page, footer, .footer {
    width: 100% !important;
    float: none !important;
    padding: 15px 5px !important;
    text-align: center !important;
}

/* --- RÉPARATION DU HAUT DE PAGE --- */

#bandeau-logo {
height: auto !important;
position: relative !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
padding: 15px 10px !important;
gap: 20px !important;
}

#logo {
position: static !important;
display: block !important;
width: 300px !important; /* 50% plus grand (200px × 1.5 = 300px) */
height: 75px !important; /* 50% plus grand (50px × 1.5 = 75px) */
margin: 0 !important;
flex-shrink: 0 !important;
background: url(../awd_images/logo330.jpg) center center no-repeat !important;
background-size: contain !important;
}


#sous-titre {
display: none !important; /* MASQUER le sous-titre sur mobile */
}

#vignettes {
position: static !important;
width: auto !important;
flex: 1 !important;
height: auto !important;
background: none !important;
padding: 0 !important;
text-align: left !important;
color: #ffffff !important;
font-weight: bold !important;
font-size: 22px !important; /* 70% plus grand (13px × 1.7 ≈ 22px) */
line-height: 1.4 !important;
display: block !important;
word-spacing: 20px !important; /* 3 espaces larges entre les mots */
letter-spacing: 0.3px !important;
}

/* Ajout du contenu via CSS si le HTML ne contient pas le bon texte */
#vignettes::after {
content: "" !important;
}

/* Tentative d'ajout de séparateurs avec CSS pur (ne fonctionne que si le texte est dans des éléments séparés) */
#vignettes::before {
content: "" !important;
}

#vignettes br {
display: none !important;
}

#vignettes::after {
content: "" !important;
display: block !important;
}

/* === CORRECTION DES MODULES (PAVÉS) === */
div.module {
    margin: 0 0 15px 0 !important;
    padding: 15px 10px !important;
    box-sizing: border-box !important;
}

div.mod-vert,
div.mod-vert-clair,
div.mod-violet,
div.mod-rouge {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

}