@charset "utf-8";
/* Modern-browsers-optimized stylesheet for LeComtois.com
 * |\/|.GELJIC [à] G|\/|AIL
 */
/* MAIN ELEMENTS RULES */
* {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}
.clear {
clear:both;
}

p.clear {
	height:1px;
	margin:0;
	padding:0;
	overflow:hidden;
}
/*@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}*/
body {
	/*background-image: url(../img.mge/bgphotos/rose-00001-1920.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color:bleu #307cba rouge #9c0200 violet #5d2fc3 rose #f29fd0*/
        background-color:#307cba;
	text-align:center;
	overflow-x: hidden;
}
img {
	border:none;
        max-width:100%;
        height:auto;
}
div#img2 {
	border:none;
        max-width:100%;
        height:auto;
	text-align:center;
}
div#container {
  margin: 0 auto;
  padding: 0;
  width: 90%;
  min-width: 450px;
  max-width: 970px;
}
/* HEADER */
div#header {
	margin:0 auto;
	padding:0px 0 0 0px;
        height:156px;
	clear:both;
        overflow:hidden;
        width:450px;
	margin-left: auto;
        margin-right: auto;
        text-align:center;
}
div#logo {
	clear:both;
	float:left;
	width:235px;
	height:156px;
	overflow:hidden;
	position:relative;
	margin-left: auto;
        margin-right: auto;
}
div#logo a {
	display:block;
	margin:0;
	padding:0;
	margin-left: auto;
        margin-right: auto;
}

ul.navbar  {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:420px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background-color: none;
}

ul.navbar li {
    float: left;
}

ul.navbar li a, .dropbtn {
    display: inline-block;
    color: white;
    font-size: 14px;
    text-align:center;
    padding: 10px 7px;
    text-decoration: none;
}

ul.navbar li a:hover, .dropdown:hover .dropbtn {
    background-color: #3e77c2;
}

ul.navbar li.dropdown {
    display: inline-block;
}

ul.navbar .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    min-height: 45px;
    height: auto;
    max-height: 337px;
    overflow-x: hidden;
}

ul.navbar .dropdown-content a {
    color: black;
    padding: 0px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
}

ul.navbar .dropdown-content a:hover {background-color: #d3d3d3}

ul.navbar .dropdown:hover .dropdown-content {
    display: block;
}

/* Common styles */
ul.navbar2 li {
  display: inline-block;
    text-align:center;
}
/* Decoration */

ul.navbar2 {
  list-style: none;
  padding: 0;
  margin: 0;
  top: 0;
  max-width:100%;
  text-align:center;
  margin-left: auto;
  margin-right: auto; 
}
ul.navbar2 li {
  padding: 2px; 
/*  background: url(../img.mge/defil-bg-new.png) repeat center; */
  color: #FFCC00;
  font-size: 1.2em;
    text-align:center;
}

/* === STRUCTURE FLEXBOX === */

#wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* Colonne principale */
#center {
  flex: 1;
  min-width: 371px;
  margin-right: 10px;
}

/* Colonne À LA UNE (par défaut = à droite) */
#right {
  width: 186px;
  min-width: 186px;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* Bloc featured dans #right (utile seulement pour centrage) */
#right .featured-right {
  width: 100%;
  max-width: 186px;
}

/* === PETITS ÉCRANS === */

@media (max-width: 629px) {
  #wrapper {
    flex-direction: column;
  }

  #center {
    width: 100%;
    margin-right: 0;
  }

  #right {
    width: 100%;
    min-width: unset; /* Supprime la largeur minimale */
    padding-left: 0;
    text-align: center;
    max-width: 100%; /* Assure-toi qu'il ne dépasse jamais la largeur de l'écran */
  }

  /* Ajustements pour le bloc "featured-right" */
  #right .featured-right {
    width: 100% !important;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  /* Ajustements pour les éléments "featured-right" */
  #right .featured-right li.item {
    width: auto !important;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
  }
}

/*************************** MENU ACTIONS ***/
ul#menu-top {
	padding:0 450px 0 220px;
	margin:0 auto;
	width:220px;
}
ul#menu-top li.top-block {
	width:180px;
	height:156px;
	overflow:hidden;
	margin-left:15px;
	padding:0 5px 0 5px;
	float:left;
	background:url(../img.mge/top-block-shadow.png) no-repeat bottom;
}
ul#menu-top li.top-block h2 {
	display:block;
	height:18px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}
ul#menu-top li.top-block p {
	text-align:center;
}
span.use {
	display:none;
}
/*************************** SECOND BLOCK ***/
li#custom div.custom-div {
	padding:9px 0 0 0;
	margin:0;
	height:100px;
	line-height:10px;
}
li#custom div p {
	line-height:16px;
	padding:0 10px;
	margin-bottom:3px;
}
span.orange {
	color:#ff9000;
}
span.big {
	font-size:1.6em;
}
li#custom a#custom-action {
	display:block;
	position:absolute;
	z-index:12;
	width:150px;
	height:19px;
	margin:0 0 0 15px;
	padding:6px 0 0 0;
	background:url(../img.mge/icons/mag-comtois.gif) no-repeat top;
	background-position:bottom;
  color:#212121;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}
li#custom a#custom-action:hover {
	background-position:bottom;
}

/*************************** CENTERCOL ******/
.rounded {
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:10px;
}
.bgnoir {
	/*background:url(../img.mge/black-transparent-bg.png) repeat;*/
        background-color: #141414;
}
.bgblanc {
	background:url(../img.mge/blanc-pixel.png) repeat;
}
.one-item {
	margin-bottom:10px;
	width:100%;
	height:auto;
}
.half-item {
	width:50%;
	margin:0 auto 10px auto;
}
.one-item div.paddinger{
	padding:20px;
}
.one-item div img, .one-item div#map {
	border:0px solid #fecc00;
}
.one-item div#map {
	text-align:center;
}
.one-item p, .one-item h1, .one-item h2, .one-item h4, .one-item span {
	color:#fff;
	font-size: 1.1em;
}
/*.one-item h1 {
	margin:0 0 10px 0;
	padding:0;
	font-size:2.1em;
	line-height:.9em;
}
.one-item h2 {
	margin:0 0 10px 0;
	padding:0;
	font-size:2.3em;
	line-height:.9em;
}*/
.one-item h4 {
	font-size:1.8em;
	font-style:normal;
	font-weight:normal;
	color:#fecc00;
	margin:0;
	padding:0;
	text-align:center;
}
.one-item h5 {
	font-size:1.2em;
	font-style:italic;
	color:#fecc00;
	margin:0 0 10px 0;
	padding:0;
}
h4#ariane {
	padding:3px 10px;
	font-size:1.5em;
	/*font-size:1.1em;
	font-weight:bold;*/
	text-align:left;
	display:inline;
	/*font-variant:small-caps;*/
}
h4#ariane2 {
	padding:0;
	text-align:left;
	display:inline;
}
.one-item p.results {
  margin:10px 0 2px 0;
  clear:both;
}
.one-item a, .one-item font strong {
	color:#fecc00;
}
.one-item em {
	font-style:normal;
}
.one-item a:hover {
  text-decoration:none;
}
.one-item table, .one-item thead, .one-item tbody, .one-item tfoot, .one-item tr, .one-item th, .one-item td {
  background:none;
  color:#fff;
  font-size:13px;
}

table.center1 {margin-left:auto; margin-right:auto;}

table.srch {
  border:none;
}
table.srch tr td.label, td.label {
  text-align:left;
  max-width:80%;
  padding:0 10px 0 0;
}
table.srch tr td, table.srch tr {
  margin:0; padding:0;
}
table caption {
  padding:0;
}

div.defil2, span.agendaStruct a {
	/*background:url(../img.mge/black-transparent-bg.png) repeat;*/
        background-color: #f7ce00;
	border:0px solid #fecc00;
	margin:0px 0 15px 0;
	padding:5px 10px;
	text-align:center;
}
div.defil, span.agendaStruct a {
	/*background:url(../img.mge/black-transparent-bg.png) repeat;*/
        background-color: #141414;
	border:0px solid #212121;
	margin:0px 0 15px 0;
	padding:5px 10px;
	text-align:center;
}
div.defil p, div.defil span{
	display:inline;
	margin:0;
	padding:0;
	line-height:19px;
	font-weight:bold;
	text-align:left;
}
ul.featured {
	list-style:none outside;
	margin:0 -10px 10px 0;
}
li.item {
	float:left;
	width:186px;
	padding:0;
	margin:0 0 10px 0;
	display:inline; 
	height:310px; 
}
li.item a.block {
	display:block;
	width:186px;
	height:310px;
	margin:0 10px 0 0;
	padding:0;
	/*background:url(../img.mge/black-transparent-bg.png) repeat;*/
        background-color: #141414;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	cursor:pointer;
}

li.item a.block span.rubrique {
	display:block;
	line-height:20px;
	margin:0;
	padding:3px 0 0 0;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}                                     
li.item a.block span.head {
	display:block;
	height:172px;
	margin:0;
	padding:0;
	overflow:hidden;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
li.item a.block span.head strong.itemtitle {
	display:block;
	margin:0;
	padding:3px 0 0px 0;
	color:#fff;
	font-size:15px;
	min-height:40px;
	line-height:20px;
	text-align:center;
}
li.item a.block span.head span.imgholder {
	display:block;
	margin:-5px 0 0 0;
	padding:10px 0 0 0;
}
/* Dimensions bloc annonce avec visuel */
li.item a.block span.head span.imgholder img {
	display:block;
	margin:0 auto;
        padding:0;
        width:auto;        /* laisse la largeur proportionnelle */
        min-width:186px;   /* largeur minimale du bloc */
        height:auto;      /* hauteur fixe du bloc */       /* laisse la largeur proportionnelle */
        min-height:192px;
	/*height:auto;*/
	/*min-height:192px;*/
	/*height:225px;*/
	border-top-width:1px;
	border-top-style:solid;
	border-left-width:0px;
	border-left-style:solid;
	border-right-width:0px;
	border-right-style:solid;
}
li.item a.block span.desc {
	display:block;
	height:88px;
	margin:0;
	padding:3px 8px 0px 8px;
	overflow:hidden;
}
li.item a.block span.date {
	display:block;
	margin:5px 8px 0px 8px;
	padding:3px 0 0 0;
	font-weight:bold;
	line-height:14px;
	border-top-width:1px;
	border-top-style:solid;
	border-bottom-width:0px;
	border-bottom-style:solid;
	height:42px;
	overflow:hidden;
}
li.item a.block span.date em {
	font-style:normal;
}
li.item a.block span.longdate {
  display:block;
  width:300px;
}
li.item a.block span.more {
	display:none;
}
li.item a.block span.hover-sup {
	display:none;
	width:238px;
	height:18px;
	margin:0;
	padding:0;
}
li.item a.block span.hover-inf {
	display:none;
	width:238px;
	height:28px;
	margin:0;
	padding:0;
	background:url(../img.mge/hover-inf.png) no-repeat top;
}
li.item a.jshover span.hover-inf, li.item a.jshover span.hover-sup, li.item a.csshover:hover span.hover-inf, li.item a.csshover:hover span.hover-sup {
	display:block;
}
/*************************** Hover on blocks */
li.item a.csshover:hover, li.item a.jshover {
	position:absolute;
	width:238px;
	height:auto;
	margin:-19px 0 0 -19px;
	padding:0;
	color:#000;
	background:none;
	/*background:url(../img.mge/hover-sect.png) repeat-y top;*/
}
li.item a.csshover:hover span.hover-sect, li.item a.jshover span.hover-sect {
	display:block;
	background:url(../img.mge/hover-sect.png) repeat-y top;
	width:220px;
	height:auto;
	margin:0;
	padding:0 9px;
}
li.item a.csshover:hover span.rubrique, li.item a.jshover span.rubrique {
	color:#000;
}
li.item a.csshover:hover span.head, li.item a.jshover span.head {
	height:auto;
	min-height:200px;
	overflow:auto;
	border:none;
	padding:0;
	margin:0;
}
li.item a.csshover:hover span.head span.imgholder, li.item a.jshover span.head span.imgholder {
	margin:0;
	padding:0 10px;
	background:none;
}
li.item a.csshover:hover span.head span.imgholder img, li.item a.jshover span.head span.imgholder img {
	padding:1px 0;
	width:200px;
	height:auto;
	border:none;
}
li.item a.csshover:hover span.desc, li.item a.jshover span.desc {
	height:auto;
	margin:0 10px;
	padding:1px 0 0 0;
	overflow:auto;
	border-top-width:4px;
	border-top-style:solid;
}
li.item a.csshover:hover span.date, li.item a.jshover span.date {
	display:none;
}
li.item a.csshover:hover span.more, li.item a.jshover span.more {
	display:block;
	height:19px;
	margin:10px 0 0 0;
	padding:1px 0 0 0;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	text-transform:uppercase;
}
li.item a.csshover:hover span.more:hover, li.item a.jshover span.more:hover {
	background-position:top;
}

li.item a.jshover {
	display:none;
	position:absolute;
	margin:-320px 0 0 -19px;
	z-index:20;
}
/* Variantes sans image, sans texte, annonce courte */
li.nopic a.block span.head {height:264px;border:none;}
li.nopic a.block span.head span.desc {height:auto;}
li.nopic a.block span.head span.imgholder img {border:none; height:0;}
li.nopic a.csshover:hover span.head, li.nopic a.jshover span.head {height:auto;}
li.nopic a.csshover:hover span.desc, li.nopic a.jshover span.desc{border:none; margin:-20px 14px 0 14px;}
li.nopic a.csshover:hover span.head span.imgholder img, li.nopic a.jshover span.head span.imgholder img {height:21px;}

li.notxt a.block span.head {height:264px;border:none;}
li.notxt a.block span.head span.imgholder img {border-bottom-style:solid; border-bottom-width:0px;}
li.notxt a.block span.head span.desc {height:0px;}
li.notxt a.csshover:hover span.head, li.notxt a.jshover span.head {height:auto; overflow:hidden;}

li.small, li.small a.block {height:150px;}
li.small a.block span.head {height:104px; border:none;}

/*************************** Colorsets */
.blue, a.blue, span.blue a, h4 span.blue, h4.blue, div.paddinger p span.blue, h5.blue, h1.blue, h2.blue, h3.blue {color:#008aff;}
.bluebold, a.bluebold, span.bluebold a, h4 span.bluebold, h4.bluebold, div.paddinger p span.bluebold, h5.bluebold, h1.bluebold, h2.bluebold, h3.bluebold {color:#008aff; font-weight:bold;}
.bluemenu {color:#0066CC;}
.blueboldmenu {color:#0066CC; font-weight:bold;}
.org, a.org, span.org a, h4 span.org, h4.org, div.paddinger p span.org, h5.org, h1.org, h2.org, h3.org {color:#ff9000;}  
.orgbold, a.orgbold, span.orgbold a, h4 span.orgbold, h4.orgbold, div.paddinger p span.orgbold, h5.orgbold, h1.orgbold, h2.orgbold, h3.orgbold {color:#ff9000; font-weight:bold;}
.orgmenu {color:#CC6600;}
.orgboldmenu {color:#CC6600; font-weight:bold;}
.vert, a.vert, span.vert a, h4 span.vert, h4.vert, div.paddinger p span.vert, h5.vert, h1.vert, h2.vert, h3.vert {color:#9ac000;}
.red, a.red, span.red a, h4 span.red, h4.red, div.paddinger p span.red, h5.red, h1.red, h2.red, h3.red {color:#f00;}
.redbold, a.redbold, span.redbold a, h4 span.redbold, h4.redbold, div.paddinger p span.redbold, h5.redbold, h1.redbold, h2.redbold, h3.redbold {color:#f00; font-weight:bold;}
.pink, a.pink, span.pink a, h4 span.pink, h4.pink, div.paddinger p span.pink, h5.pink, h1.pink, h2.pink, h3.pink {color:#e400ff;}
.violet, a.violet, span.violet a, h4 span.violet, h4.violet, div.paddinger p span.violet, h5.violet, h1.violet, h2.violet, h3.violet {color:#e400ff;}
.violetbold {color:#990099; font-weight:bold;}
.yellowpass, a.yellowpass, span.yellowpass a, h4 span.yellowpass, h4.yellowpass, div.paddinger p span.yellowpass, h5.yellowpass, h1.yellowpass, h2.yellowpass, h3.yellowpass {color:#fecc00;}
.yellow, a.yellow, span.yellow a, h4 span.yellow, h4.yellow, div.paddinger p span.yellow, h5.yellow, h1.yellow, h2.yellow, h3.yellow {color:#fecc00;}
.white, a.white, span.white a, h4 span.white, h4.white, div.paddinger p span.white, h5.white, h1.white, h2.white, h3.white {color:#fff;}
.whitebold, a.whitebold, span.whitebold a, h4 span.whitebold, h4.whitebold, div.paddinger p span.whitebold, h5.whitebold, h1.whitebold, h2.whitebold, h3.whitebold {color:#fff; font-weight:bold;}
li.event .color {color:#008aff;}
li.event .border {border-color:#008aff;}
li.event a.block span.date em {color:#008aff;}
li.event a.block span.more {background:url(../img.mge/colorsets/008affbtn.gif) no-repeat bottom;}
li.event a.block span.hover-sup {background:url(../img.mge/colorsets/008aff6.png) no-repeat top;}
li.event a.csshover:hover span.rubrique, li.event a.jshover span.rubrique {background-color:#008aff;}
li.event a.csshover:hover span.head strong.itemtitle, li.event a.jshover span.head strong.itemtitle {background-color:#008aff;}
li.event a.csshover:hover span.head span.imgholder, li.event a.jshover span.head span.imgholder {background:url(../img.mge/colorsets/008aff5.gif) no-repeat top;}

li.struct .color {color:#ff9000;}
li.struct .border {border-color:#ff9000;}
li.struct a.block span.date em {color:#ff9000;}
li.struct a.block span.more {background:url(../img.mge/colorsets/ff9000btn.gif) no-repeat bottom;}
li.struct a.block span.hover-sup {background:url(../img.mge/colorsets/ff90006.png) no-repeat top;}
li.struct a.csshover:hover span.rubrique, li.struct a.jshover span.rubrique {background-color:#ff9000;}
li.struct a.csshover:hover span.head strong.itemtitle, li.struct a.jshover span.head strong.itemtitle {background-color:#ff9000;}
li.struct a.csshover:hover span.head span.imgholder, li.struct a.jshover span.head span.imgholder {background:url(../img.mge/colorsets/ff90005.gif) no-repeat top;}

li.ville .color {color:#9ac000;}
li.ville .border {border-color:#9ac000;}
li.ville a.block span.head span.imgholder {background:url(../img.mge/colorsets/9ac0004.gif) no-repeat top;}
li.ville a.block span.date em {color:#9ac000;}
li.ville a.block span.more {background:url(../img.mge/colorsets/9ac000btn.gif) no-repeat bottom;}
li.ville a.block span.hover-sup {background:url(../img.mge/colorsets/9ac0006.png) no-repeat top;}
li.ville a.csshover:hover span.rubrique, li.ville a.jshover span.rubrique {background-color:#9ac000;}
li.ville a.csshover:hover span.head strong.itemtitle, li.ville a.jshover span.head strong.itemtitle {background-color:#9ac000;}
li.ville a.csshover:hover span.head span.imgholder, li.ville a.jshover span.head span.imgholder {background:url(../img.mge/colorsets/9ac0005.gif) no-repeat top;}

li.serv .color {color:#e400ff;}
li.serv .border {border-color:#e400ff;}
li.serv a.block span.head span.imgholder {background:url(../img.mge/colorsets/e400ff4.gif) no-repeat top;}
li.serv a.block span.date em {color:#e400ff;}
li.serv a.block span.more {background:url(../img.mge/colorsets/e400ffbtn.gif) no-repeat bottom;}
li.serv a.block span.hover-sup {background:url(../img.mge/colorsets/e400ff6.png) no-repeat top;}
li.serv a.csshover:hover span.rubrique, li.serv a.jshover span.rubrique {background-color:#e400ff;}
li.serv a.csshover:hover span.head strong.itemtitle, li.serv a.jshover span.head strong.itemtitle {background-color:#e400ff;}
li.serv a.csshover:hover span.head span.imgholder, li.serv a.jshover span.head span.imgholder {background:url(../img.mge/colorsets/e400ff5.gif) no-repeat top;}

li.turq .color {color:#00e2aa;}
li.turq .border {border-color:#00e2aa;}
li.turq a.block span.head span.imgholder {background:url(../img.mge/colorsets/00e2aa4.gif) no-repeat top;}
li.turq a.block span.date em {color:#00e2aa;}
li.turq a.block span.more {background:url(../img.mge/colorsets/00e2aabtn.gif) no-repeat bottom;}
li.turq a.block span.hover-sup {background:url(../img.mge/colorsets/00e2aa6.png) no-repeat top;}
li.turq a.csshover:hover span.rubrique, li.turq a.jshover span.rubrique {background-color:#00e2aa;}
li.turq a.csshover:hover span.head strong.itemtitle, li.turq a.jshover span.head strong.itemtitle {background-color:#00e2aa;}
li.turq a.csshover:hover span.head span.imgholder, li.turq a.jshover span.head span.imgholder {background:url(../img.mge/colorsets/00e2aa5.gif) no-repeat top;}

li.redd .color {color:#ff3a30;}
li.redd .border {border-color:#ff3a30;}
li.redd a.block span.head span.imgholder {background:url(../img.mge/colorsets/ff3a304.gif) no-repeat top;}
li.redd a.block span.date em {color:#ff3a30;}
li.redd a.block span.more {background:url(../img.mge/colorsets/ff3a30btn.gif) no-repeat bottom;}
li.redd a.block span.hover-sup {background:url(../img.mge/colorsets/ff3a306.png) no-repeat top;}
li.redd a.csshover:hover span.rubrique, li.redd a.jshover span.rubrique {background-color:#ff3a30;}
li.redd a.csshover:hover span.head strong.itemtitle, li.redd a.jshover span.head strong.itemtitle {background-color:#ff3a30;}
li.redd a.csshover:hover span.head span.imgholder, li.redd a.jshover span.head span.imgholder {background:url(../img.mge/colorsets/ff3a305.gif) no-repeat top;}

li.jaun .color {color:#fcff00;}
li.jaun .border {border-color:#fcff00;}
li.jaun a.block span.head span.imgholder {background:url(../img.mge/colorsets/fcff004.gif) no-repeat top;}
li.jaun a.block span.date em {color:#fcff00;}
li.jaun a.block span.more {background:url(../img.mge/colorsets/fcff00btn.gif) no-repeat bottom;}
li.jaun a.block span.hover-sup {background:url(../img.mge/colorsets/fcff006.png) no-repeat top;}
li.jaun a.csshover:hover span.rubrique, li.jaun a.jshover span.rubrique {background-color:#fcff00;}
li.jaun a.csshover:hover span.head strong.itemtitle, li.jaun a.jshover span.head strong.itemtitle {background-color:#fcff00;}
li.jaun a.csshover:hover span.head span.imgholder, li.jaun a.jshover span.head span.imgholder {background:url(../img.mge/colorsets/fcff005.gif) no-repeat top;}
/*************************** RIGHTCOL *******/
img#skyscraper {
	border:1px solid #4f4f4f;
	float:right;
}
/* FOOTER */
div#footer {
	clear:left;
	}
div#footer-left {
	/*background:url(../img.mge/black-transparent-bg.png) repeat;*/
        background-color: #141414;
	border:1px solid #212121;
	padding:18px 5px 20px 5px;
	margin:0px 0% 0 0%;
	margin-left: 0px;
	text-align:center;
}

div#footer-left h3, div#footer-left p, div#footer-left h3 a {
	color:#008aff;
	text-align:center;
	margin:0px 0% 5px 0%;
	text-decoration:none;
}
div#footer-left p a {
	color:#008aff;
}
div#footer-left p a:hover {
	color:#008aff;
}

div#footer-left p img {
	margin-right:0px;
}


/*************************** Éléments spécifiques *****************/
a#guide_loisirs {
    text-decoration: none;
}






/*************************** Ajout Pass'Comtois *****************/
.clear{
	clear: both;
}
.bloc_avantage_pass_comtois{
	padding: 0em;
	margin-bottom: 10px;
}
.bgnoir .bloc_avantage_pass_comtois{
    border: 0px solid rgb(254, 204, 0);
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(254, 204, 0);
    border-right-color: rgb(254, 204, 0);
    border-bottom-color: rgb(254, 204, 0);
    border-left-color: rgb(254, 204, 0);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
	margin-bottom: 1.5em;
}
	.bloc_avantage_pass_comtois .img_carte_pass_comtois{
		display: block;
		float: left;
		width: 150px;
		height: 230px;
		margin: 0 1em 0 0;
		background: url('../img/pass-comtois.jpg') no-repeat left top;
		-webkit-background-size: 150px; -moz-background-size: 150px; -o-background-size: 150px; background-size: 150px;
	}
	.bloc_avantage_pass_comtois .img2_carte_pass_comtois{
		display: inline;
		float: center;
		width: 150px;
		height: 75px;
	}
	.bloc_avantage_pass_comtois h3{
		font-size: 1.8em;
		font-style: normal;
		font-weight: normal;
		color: #FF0000;;
		margin: 0 0 10px 0;
		padding: 0;
		text-align: left;
	}
	.bloc_avantage_pass_comtois .contenu_avantage_carte_pass_comtois{
		padding: 0 0 0 0;
		text-align: left;
	}
		.bloc_avantage_pass_comtois .contenu_avantage_carte_pass_comtois p{
		        font-size: 1.2em;
			color: #fff;
		text-align: left;
		}
		.bloc_avantage_pass_comtois .contenu_avantage_carte_pass_comtois .lien_voir_all_avantages_pass_comtois{
			float: left;
			color: #fecc00;
		}
		.bloc_avantage_pass_comtois .contenu_avantage_carte_pass_comtois .lien_commande_pass_comtois{
			float: right;
			color: #ea4737;
		}
@media (max-width: 629px) {
  div#header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }

  div#logo {
    flex-shrink: 0;
    margin-right: 10px;
    text-align: center;
  }

  ul#menu-top {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  ul#menu-top li.top-block {
    margin: 0;
    text-align: left;
  }

  .custom-div {
    text-align: left;
  }
}