* {
   margin:0;
   padding:0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.loading { width:100%; height:100%; background-color:#fff; z-index: 9000 }

html {
   width: 100%;
   height:auto;
   overflow-x: hidden;
}

body {
   width: 100%;
   height:100%;
   text-align: left;
   font-size: 1em;
   line-height: 1.2em;
   font-family: 'Abel', sans-serif;
   overflow-x: hidden;
}

#meteo { display: none; width: 100%; float: left; background-color:#efece5; margin:0; padding:1em; text-align:center }

img {
   border: 0;
}

input {
  -webkit-appearance: none;
}

a,
a:link 
a:active {
   text-decoration: none;
   background-color: inherit; 
   color: #888;
}

a:visited {
   text-decoration: none;
   background-color: inherit;
}

a:hover {
   text-decoration: none;
   background-color: transparent;
   color: #a11c23;
}

a:focus{
   outline: none;
}

body {
   background: #fff;
   color: #372f2b;
}

div#pagewrapper {
   position:relative;
   width: 100%;
   margin: 0;
   padding: 0;
}

header {
   float: left;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   z-index: 200;
   background-color: #fff;
}

header .cont a { display: table; margin: 0 auto }

header .cont span { display: table-cell; font-size: 2em; background-color:#fff; vertical-align: middle }

#logo {
   display: inline;
   height: 100%;
   width: auto;
   max-height: 120px;
   margin: 1em 1em 1em 0
}

.fluid, .fluid img { width: 100%; height: auto; }

#liensSociaux {
   float: right;
   width: 20%;
}

#liensSociaux img {
   width: 20%;
   max-width: 49px;
   float: right;
   margin: 0 0 0 3%;
}

.social { margin-top: 2em; }

#content {
   float: left;
   width: 100%;
   margin: 0;
   z-index: 100;
}

.cont {
   position: relative;
   margin: 0 auto;
   max-width: 1200px;
   height: 100%
}

#blog {
   width: 50%;
   float: left;
   margin: 0;
   padding: 2em 2em 0 2em;
   color: #000
}

#blog .NewsSummarySummary h2,
#blog .NewsSummaryContent h2 { 
   color: #a11c23;
   font-size: 1.7em
}
#blog .NewsSummaryContent,
#blog .NewsSummarySummary p { color: #555 }

#blog .NewsSummary { display: table; border-bottom: 10px solid #efefef; padding: 1em 0 }
#blog .NewsSummary .picto,
#blog .NewsSummarySummary, #blog .NewsSummaryContent { display: table-cell; vertical-align: middle }
#blog .NewsSummarySummary, #blog .NewsSummaryContent { padding: 1em 1em 1em 0 }

#blog #infos { padding: 1em; }

#blog .NewsSummary .picto img { 
   width: 100%; 
   height: auto;
   padding-bottom:0.5em; 
   display: block
}

#blog .picto {
  width: 40%;
  margin-left: 2em;
  clear: both
}

.partenaires #blog .NewsSummary .picto img {
  width: 100%;
  padding: 0.5em;
  margin-bottom: 0.5em;
  border: 1px solid #8c6e4d
}

#blog .NewsSummaryMorelink a { color: #a11c23; }


#main .petiteactu { width: 100% }
#blog .petiteactu { width: 25% }

#blog.bloglarge { width: 100% }
#blog.bloglarge .petiteactu { width: 33.33% }


#footer {
   float: left;
   width: 100%;
   margin: 0;
   text-align: center;
   padding: 1em
}

#footer p {
   font-weight: normal;
   font-size: 0.7em;
   line-height: 110%;
   padding: 0;
   margin: 0;
}

#liensbas { width: 100%; float: left; background-color: #2eafc2; }
#liensbas article { width: 12.5%; }

#adressebas{
   float: left;
   width: 100%;
   margin: 0;
   text-align: center;
   padding: 1em;
   background-color: #efece5;
}


#infos { padding: 1em; margin: 0 0 0 1em; background-color: #2eafc2 }

#infos li { color: #fff; margin: 0; padding: 0; font-size: 1.2em; list-style-type: none }

#infos li a { color: #fff }
#infos li a:hover { color: #ddd }

/******** Typos *********/

h1 {
   display: table;
   width: 100%;
   font-size: 2em;
   font-weight: 400;
   text-align: center;
   margin: 0;
   padding: 1em;
   height: auto;
   line-height: 120%;
   color: #2eafc2;
   background-color: #efece5;
   clear: both;
}

h1 span {
   display: table-cell;
   vertical-align: middle;
}

.home h1 {
   position: absolute;
   font-size: 1em;
   right: 0.3em;
   top: 1em;
   padding:0;
   margin:0;
   color: #494343;
   background-color: transparent;
}

div#mainBlog h1 {
   clear: none;
}

h2 {
   font-size: 1.7em;
   font-weight: 400;
   margin: 0;
   padding: 0 0 0.5em 0;
   line-height: 110%;
   color: #a11c23
}

.grandeactu h2 { font-size: 2em; color: #fff }
.grandeactu p { font-size: 1.2em }
#actusD .grandeactu h2 { font-size: 1.2em; }

#actusD .grandeactu { width: 100% }

h3 {
   font-size: 1.3em;
   font-weight: 400;
   margin: 0;
   padding: 0.5em 0 0.5em 0;
   line-height: 110%;
   color: #5c4a46
}

h4 { color: #a11c23; font-weight: 400; font-size: 1.2em; padding:0 0 0.5em 0 }
table .col1, table .col2 { padding-right:0.5em }
.col1 h4 {padding: 0}

blockquote { font-weight: bold; color: #8c6e4d; font-size:1.1em; margin: 0; padding: 0.5em 0 }

p, li {
   line-height: 130%;
   padding: 0 0 0.5em 0;
}

p strong, li strong, h2 strong { font-weight: bold }

.legende { display: block; position: relative; width: 100%; margin:-0.5em 0 0.5em 0; padding: 0.5em; background-color: #a11c23; color: #fff; z-index: 500 }

div#main .NewsSummaryContent h3 {
   font-weight: normal;
   font-size: 1.2em;
   line-height: 110%;
   padding: 0;
   margin: 0;
   text-align: left;
 }

.NewsSummaryContent a h3 { color:#fff }

.NewsSummary h2 strong, #main h2 strong { font-weight: bold }

ul {
   margin: 0.2em 0;
}

li {
   margin: 0 0 0.2em 2em;
}

/*** Couleurs ***/

.orange {
   background-color:#ff8a00;
}

.violet {
   background-color:#583f67
}

.vert {
   background-color:#85c103;
}

.bleu {
   color:#2eafc2;
   background-color:#2eafc2;
}
.fondbleu { background-color:#2eafc2 }

.brun1 {
   background-color:#bd8500;
   color:#bd8500;
}
.fondbrun1 { background-color:#bd8500 }

.brun2 {
   background-color:#53422d;
}

.brun3 {
   background-color:#7f341a;
}

.gris {
   background-color:#efece5;
}

.gris2 {
   background-color:#e6e1d7
}

.petiteactu.gris h2, .petiteactu.gris2 h2 { color:#2eafc2 }

.brun1 .txt *, .brun2 .txt *, .brun3 .txt *, .violet .txt *, .orange .txt a, .vert .txt a, .bleu .txt * { color: #fff }
.brun1 .txt a:hover, .brun2 .txt a:hover, .brun3 .txt a:hover, .violet .txt a:hover, .orange .txt a:hover, .vert .txt a:hover { color: #eee }

/* Grille */

.pleine { width: 100%; clear: both; margin-bottom: 0.5em }
.tiers, .NewsSummary.tiers { width: 33.33% }
.demi { width: 50%; }
.quart { width: 25% }
#blog.pleine { width: 100%; padding:0; margin:0 }

.gauche { float: left }
.droite { float: right }
.cell { display: table-cell; vertical-align: middle; padding:0; background-size: cover; background-repeat: no-repeat; cursor: pointer }
.last { margin-right: 0 }

table { display: table; table-layout: fixed; padding: 0 0 1em 0 }
td { border-bottom: 1px solid #ccc; padding: 0.5em 0 }
tr:hover {
   background-color: #efefef;
   cursor: pointer
}

.txt, .grandeactu .cell.demi.txt { padding: 2em }
#liensbas .txt { padding: 1.5em }
.petiteactu h2 { color: #fff; font-size:1.2em}

.pleine.brun3 { padding: 1em }

hr { clear: both; height: 0px; border: 0px }

/*************** Menu ********************/

div.clearb {
	clear: both;
}

#menu {
  position: relative;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  z-index: 1000;
  text-align: center;
  background-color: #2eafc2;
}

#menu.collapsed {
   position: relative;
   top: 0;
}


#menu ul {
  position: relative;
  width: 100%;
  text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  z-index: 900
}

#menu li {
   position:relative;
   width: auto;
   display: inline;
   list-style-type: none;
   margin: 0;
   /*padding: 0.5em 0;*/
   background: none;
   font-size: 1em
   z-index: 901
}

#menu li a {
   display: inline-block;
   font-size: 1.2em;
   line-height: 1.1em;
   color: #add8de;
}

#menu li.menuactive a {
   color: #fff;
}

#menu li a:hover {
   color: #000
}

#menu_lang {
  float: right;
  margin: 1em;
}


/********** Blog *************/

.NewsSummaryBlog {
   position: relative;
   float: left;
   height: auto;
   width: 100%;
   margin: 0;
   padding: 4%;
   color: #fff;
}

.NewsSummaryBlog a {
   color:#cccec9;
}

.NewsSummaryBlog a:hover {
   color:#ccc;
}

.NewsSummaryCategory {
   color:#ccc;
   font-size: 0.8em;
}



.brun1 .cell .picto, .brun2 .cell .picto { opacity: 0.7 }
.cell .picto, .cell .picto p { text-align: center }
.cell .picto a { color: #fff }
.cell .picto img { height: 60px; width: auto; }

/** anim picto **/
/* tester Safari Mac */


#liensbas .picto:hover {
   opacity: 1;
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   //transition: transform 0.3s, opacity 0.3s;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
}



/********** articles *************/

article {
   position: relative;
   cursor: pointer
}

.rouge {
   background-color: #a11c23
}

.rouge p, .rouge p a { color: #fff }

.ocre {
   background-color: #b27311
}

.grandeactu {
   width: 50%;
   height: 100%;
   margin: 0; 
   padding: 0;
   float: left;
   overflow: hidden
}

.grandeactu .cell {
   padding: 0;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
} 

#petites .grandeactu { width: 25% }

.petiteactu {
   display: table;
   width: 25%;
   height: 100%;
   margin: 0; 
   padding: 0;
   float: left;
   overflow: hidden
}

.NewsSummary {
   position: relative;
   float: left;
   width: 100%;
   margin: 0 0 1% 0;
   padding: 0;
   text-align: left;
}

.NewsSummary.demi {
   position: relative;
   float: left;
   width: 47.5%;
   margin: 0 5% 1% 0;
}

.NewsSummary.quart {
   position: relative;
   float: left;
   width: 24%;
   margin: 0 1.33% 1% 0;
   overflow: hidden;
}

.NewsSummary.last,
.NewsSummary.demi.last,
.NewsSummary.quart:last-child { margin-right:0 }

.NewsSummaryContent {
   position: relative;
   margin: 0;
   padding: 0;
}

.blocPart { width: 25%; height: 20em; float: left; margin: 0; padding: 0.5em; font-size: 0.7em; text-align: center }
.blocPart h2 { text-align: center; padding: 0 }
.blocPart img { width:100%; height:auto }



.NewsSummary.gauche .NewsSummaryContent {
   float: left;
}

.NewsSummary.droite .NewsSummaryContent {
   float: right;
}

.NewsSummary.quart .NewsSummaryContent {
   position: relative;
   float: left;
   width: 100%;
   padding: 0 0 100% 0;
   margin: 0;
}

.NewsSummaryContent p,
.NewsSummarySummary {
   /* color: #fff; */
   font-weight: normal;
   line-height: auto;
   text-align: left
}

.NewsSummarySummary p { color: #fff; font-size: 1.2em }

.NewsSummarySummary h2, .NewsSummaryContent h2 {
   line-height: 100%;
   padding: 0 0 0.5em 0;
   margin: 0;
   background: none;
   text-align: left
}

.NewsSummaryLink h2 {
   font-size: 1.2em;
}

.NewsSummaryContent p {
   font-weight: 100
}

.petiteactu h2 { font-size: 1.2em }

.imgSommaire {
   position: absolute;
   right: 0;
   width: 75%;
   height: 100%;
}

.imgSommaire div {
   position: absolute;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.NewsSummary.demi .imgSommaire {
   width: 50%;
   padding: 0 0 50% 0;
   left: 0;
}

.NewsSummary.gauche .imgSommaire {
   right: 0;
   left: auto;
}

.NewsSummary.droite .imgSommaire {
   left: 0;
   right: auto;
}

.NewsSummary.quart .imgSommaire {
   display: none
}

.imgSommaire img {
   /*width: 100%;
   height: 100%;*/
}

.NewsSummary.quart .NewsSummaryContent {
   background-color: #fff;
   border: 1px solid #372f2b;
}

.NewsSummaryMorelink a { color: #fff; font-weight: bold }

.blog .NewsSummaryMorelink a {
   background-color: #fff;
   padding: 0.5em;
   color: #372f2b;
}

.NewsSummary.quart .NewsSummaryContent h2, 
.NewsSummary.quart .NewsSummaryContent p,
.NewsSummary.quart .NewsSummaryMorelink a {
   color: #372f2b;
}

#NewsPostDetailContent p img {
   margin: 0 0 0 -10px;
}

.realis {
   width: 990px;
   margin: 0 0 0 -10px;
}

#NewsPostDetailReturnLink {
   font-size: 1em;
   padding: 0
}

.Gmap { width: 100% }


/******** Formulaire *****************/


.formulaire {
   width: 50%;
   margin: 3% auto;
}
.formulaire form, td, th, li {
	font-size: 100%
}
.formulaire div {
	margin: 0 0 1em 0;
}
.formulaire fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
.formulaire fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
.formulaire fieldset {
	margin-bottom: 1em;
	border: 1px solid #F60;
	padding: 0.5em
}
.formulaire fieldset label {
	width: auto;
}
.formulaire legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}
.formulaire textarea {
	margin: 0.5em 0;
	height: 6em;
        font-family: 'Dosis', sans-serif;
}

.formulaire .short-label label {
	float: left;
	width: 10em;
}
.formulaire .short-label fieldset div input, .short-label fieldset div select {
	width: 16em;
}

.formulaire .captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center;
}
.formulaire .captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em;
}
.formulaire .captcha input {
	width: 196px;
	margin-top: 0.5em;
}

.formulaire .submit {
	margin-top: 0.5em;
}

.formulaire .cms_submit {
        background-color: #85c103;
        color: #fff;
        /*margin-left: 50%;*/
        font-size: 1em;
        padding: 1em
}

.formulaire input {
	background-color: #eef0eb;
        border: none;
        height: 2em;
        width: 100%;
        -webkit-appearance: none;
        border-radius: 0;
        padding: 0.7em
}
.formulaire .cms_checkbox {
	border: none;
        float: left;
        margin: 1.5% 0.2em 0 0;
        width: 1em;
        height: 1em;
}
.formulaire label {
	display: block;
	float: left;
        width: 50%;
        font-size: 1em;
}
.formulaire label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.formulaire textarea {
        width: 100%;
	background-color: #eef0eb;
	border: none;
}

.formulaire select,
.formulaire textarea,
.formulaire input {
   height: auto;
   font-size: 1em;
   font-weight: 300;
}

.formulaire .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

.formulaire .boite div {
   margin-left: 50%;
   height:1.5em;
}

.formulaire .boite div label {
     width: 85%;
}

.error_message,
.fb_invalid { color: #2ec2af }

.error_message {
   color: #fff;
   background-color: #2ec2af;
   padding: 1em;
}

.hidden { 
   display: none;
}

/******** Gallery *********/

.gallery .img {
   display: block;
   height: auto;
   width: 24%;
   float: left;
   margin: 0 1% 1% 0;
}

.gallery .img a,
.gallery .img a img {
   display: block;
   width: 100%;
   height: auto;
   max-width: 350px;
   max-height: 350px;
}

.imgSommaire .gallery .img {
   display: inline;
   width: 100%;
   height: auto;
}

.imgSommaire .gallery .img a,
.imgSommaire .gallery .img a img {
   display: inline;
   width: 100%;
}

.imgSommaire .gallery .img a img {
   position: relative;
   /*margin-top: -50%;*/
}

.gallery .img a:hover {
	border-color: #999;
}

.gallery img {
	border: none;
}

.gallery .img h3 {
   background-color: #a11c23;
   color: #fff;
   text-align: center;
   font-weight: normal;
   font-size: 0.9em;
   line-height: 130%;
   padding: 0.2em
}

.gallery .pagenavigation {
	height: 50px;
}

.gallery .prevpage a, .gallery .prevpage em {
	display: block;
	width: 50px;
	height: 39px;
	float: left;
	margin: 0;
	text-indent: -1000px;
	background: url(../../images/previous.png) transparent no-repeat 0 0;
	overflow: hidden;
}

.gallery .nextpage a, .gallery .nextpage em {
	display: block;
	width: 50px;
	height: 39px;
	float: left;
	margin: 0 6px 0 0;
	text-indent: -1000px;
	background: url(../../images/next.png) transparent no-repeat 0 0;
	overflow: hidden;
}

.gallery .parentlink a {
	display: block;
	width: 50px;
	height: 39px;
	float: left;
	text-indent: -1000px;
	background: url(../../images/uppage.png) transparent no-repeat 0 0;
	overflow: hidden;
}

.gallery .pagenavigation a:hover {
	background-position: 0 -40px;
}

.gallery .prevpage em, .gallery .nextpage em {
	background-position: 0 -80px;
}

.gallery .pagelinks {
	float: right;
	border-right: 2px solid #666;
}

.gallery .pagelinks a, .gallery .pagelinks em {
	margin-top: 6px;
	padding: 0 6px;
	border-left: 2px solid #666;
	text-align: center;
	font: bold 11px verdana; color: #666;
}

.gallery .pagelinks em {
	color: #000;
}

.galleryclear {
	clear: both;
}


/* FANCYBOX 2 */

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background: transparent url('../../images/design/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../../images/design/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../../images/design/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
        background-color: rgba(0,0,0,0.7);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../../images/design/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../../images/design/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/**** Cycle2 ****/

.cycle-slideshow { width: 100%; min-width: 200px; max-width: 1200px; margin: 1% 0; padding: 0; position: relative;
    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;
 }

.cycle-slideshow img { 
   position: absolute; top: 0; left: 0;
   width: 100%; padding: 0; display: block;
   height: auto
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial,sans-serif; font-size: 2em; width: 1em; height: 1em; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #372F2B;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}



.fdphoto {
   background-size: cover;
   padding: 0;
   overflow: hidden;
   -moz-transition: all .5s;
   -webkit-transition: all .5s;
   transition: all .5s;
   -moz-transform: scale(1,1);
   -webkit-transform: scale(1,1);
   transform: scale(1,1);
}

.fdphoto:hover {
    -moz-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}

.Msgcookie {
   display: block;
   z-index: 10000;
   position: fixed;
   left: 0; 
   bottom: 0;
   padding: 1em;
   width: 100%;
   background-color: #372f2b;
   color: #fff;
}

.Msgcookie p { font-size: 0.8em }

.Msgcookie .close { float: right; cursor:pointer }

#impliedsubmit {
   border: none;
   background-color: #2eafc2;
   color: #fff;
   padding: 0.5em 1em;
   cursor: pointer;
   border-radius:0;
}

/* Menu */

#toggle, .toggle { display: none; }

/* Menu Responsive */


.menu-collapser {
    position: relative;
    float:left;
    background-color: #372f2b;
    color: #FFF;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 8px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 5000
}
.collapse-button {
    position: absolute;
    right: 8px;
    top: 50%;
    width: 40px;
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    color: #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    padding: 7px 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button:hover, .collapse-button:focus {
    background-image: none;
    background-color: #fff;
    color: #000;
}
.collapse-button .icon-bar {
    background-color: #000;
    border-radius: 1px 1px 1px 1px;
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
}
#menu ul.slimmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    -webkit-overflow-scrolling: touch
}
#menu ul.slimmenu li {
    position: relative;
    display: inline-block;
    flaot: left;
    padding:0;
}
#menu ul.slimmenu > li:first-child { border-left: 0 }
#menu ul.slimmenu > li:last-child { margin-right: 0 }
#menu li a {
    display: block;
    padding: 0.75em 1em;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
}
#menu ul.slimmenu li a:hover {
    background-color: #fff;
    text-decoration: none;
}
#menu ul.slimmenu li .sub-collapser {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: 3em;
    text-align: center;
    z-index: 999;
    cursor: pointer;
}
#menu ul.slimmenu li .sub-collapser:before {
    content: '';
    display: table;
    height: auto;
    vertical-align: middle;
}
#menu ul.slimmenu li .sub-collapser > i {
    color: #ccc;
    font-style: normal;
    font-variant: normal;
    display: table-cell;
    vertical-align: middle;
    width:3em;
    height: 3em
}
#menu ul.slimmenu li ul {
    margin: 0;
    list-style-type: none;
}
#menu ul.slimmenu li ul li { background-color: #53422d; width: 100% }
#menu ul.slimmenu li > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2000;
    width: 100%;
    background-color: #53422d
}
/*
#menu ul.slimmenu li > ul > li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    width: 100%;
}
*/
#menu ul.slimmenu.collapsed li {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
#menu ul.slimmenu.collapsed li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
#menu ul.slimmenu.collapsed li .sub-collapser {
    height: 40px;
}
#menu ul.slimmenu.collapsed li > ul {
    display: none;
    position: static;
}


#menu ul.slimmenu li.parent { padding-right: 3em }

/**** Responsive ****/

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) {
   .grandeactu, .formulaire, #blog, .quart, .NewsSummary.demi { width: 100% }
   #blog .petiteactu, .petiteactu { width: 100% }
   .petiteactu h2, .petiteactu h3 { font-size: 1.2em }
   .grandeactu .cell.demi, .petiteactu .cell.demi  { display: block; width: 100% }
   .txt, .grandeactu .cell.demi.txt { display: table-cell; vertical-align: middle; height: 100% }
   .cell .picto img { height: 40px; width: auto }
   #actus .NewsSummarySummary, #actus .NewsSummaryContent { padding: 1em }
   .txt *, header .cont span { font-size:1em }
   #liensbas article { width: 50%; padding:0.9em 0 }
   #logo { display: none }
   header .cont { padding:0.5em }
   header .cont span { display:inline; font-size:1.2em }
   .petiteactu .txt { min-height: 100px; padding: 1em }
   #blog { padding: 1em }
   .picto p { font-size:1.2em }
   #blog.bloglarge .petiteactu, #blog .droite { width: 100% }
   #footer p { font-size: 0.6em }
   blockquote { padding: 0.5em }
   table .col3, table .col4 { display: none }
   table .col1, table .col2 { width: 50%; padding-right:0.5em }
   #blog .picto { margin: 0 }
}

@media only screen and (max-width:480px) and (orientation:landscape) {
   #logo { display: none }
   #blog { padding: 1em }
   #blog.bloglarge .petiteactu, #blog .petiteactu, .grandeactu, #blog, .NewsSummary.demi, .quart, #blog .picto { width: 100% }
   #liensbas article { width: 50% }
   .picto p { font-size:1.2em }
   header .cont { padding:1em 0.5em }
   header .cont span { display:inline; font-size:1.2em }
   .NewsSummarySummary h2, .NewsSummaryContent h2, .cell.demi.txt h2, .cell.demi.txt h3 { font-size: 1.4em }
   #footer p { font-size: 0.6em }
   blockquote { padding: 0.5em }
}

@media only screen and (min-width:481px) and (orientation:portrait) {
   body { font-size: 1.1em }
   .NewsSummarySummary h2, .NewsSummaryContent h2, .cell.demi.txt h2, .cell.demi.txt h3 { font-size: 1.6em }
   .cont, .grandeactu, #blog .petiteactu, .formulaire, #blog, .quart, .NewsSummary.demi { width:100% }
   .cell.demi, #blog .NewsSummary .picto { width:50% }
   #blog .NewsSummary { display: block; }
   #blog .NewsSummarySummary, #blog .NewsSummaryContent, #blog .NewsSummary .picto { display: table-cell; padding: 0; width:50% }
   #main .petiteactu { width:100% }
   .petiteactu { width:100% }
   .petiteactu .cell.demi { width:50% }
   .gallery .img { width:49% }
   .blocPart { width:50%; height:auto }
   .blocPart img { width:70%; }
   .cell.demi.txt { display: table-cell; vertical-align: middle; height: 100%; padding: 2em }
   .cell .picto img { height:auto; width:82% }
   header .cont span { font-size:1.2em }
   #liensbas article { width: 25% }
   #blog.bloglarge .petiteactu { width: 100% }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
   body { font-size: 1.2em }
   .quart, .demi, #blog { width:100% }
   .cell.demi, #blog .petiteactu { width:50% }
   .gallery .img { width:24% }
   .petiteactu { width:100% }
   .petiteactu .txt { padding: 1em }
   .cell .picto img { width:25%; height: auto }
   .blocPart { width:50%; height:auto }
   .NewsSummarySummary h2, .NewsSummaryContent h2, .cell.demi.txt h2, .cell.demi.txt h3 { font-size:1.2em }
   .NewsSummarySummary p, .NewsSummaryContent p { font-size:1em }
   header .cont span { font-size:1.5em }
   #blog.bloglarge .petiteactu { width: 50% }
}

@media only screen and (min-width:481px) and (max-width:1024px) and (orientation:landscape) {
   header .cont span { font-size:1.3em }
   .grandeactu, #blog, .quart { width: 100% }
   .petiteactu { width:50% }
   .blocPart { width:33%; height:auto }
   .blocPart img { height:auto; width:80%; }
   .demi, .ibg-bg { background-size: cover }
   .cell .picto img { width: 40%; height: auto }
   #logo { height: 65px; width: auto }
   #liensbas article { width: 25% }
   #blog { padding:1em }
   #blog .picto { width: 50% }
   #blog .NewsSummarySummary h2, #blog .NewsSummaryContent h2 { font-size:1.4em }
   .NewsSummary.demi { width: 100% }
}


@media only screen and (max-width:1024px) {
   .ibg-bg { display:none }
   header .cont { max-width: 100% }
   #menu ul.slimmenu li > ul, #menu ul.slimmenu li ul li { position: relative }
   #menu li > ul, #menu li  { width: 100% }
   #menu li > ul > li ul { left: 0 }
   nav li, nav li ul li a { text-align: center }
   #menu li.sectionheader, #menu li.menuparent { padding: 0.5em }
   #menu li { background-color: #2eafc2 }
   #menu li a { font-size: 1.5em }
   #contLogos .picto img { width:80%; height:auto }
   .cell.demi { background-position: center center }
   #menu ul.slimmenu li .sub-collapser { width: 3em }
   #menu ul.slimmenu li.parent { padding-right: 0 }
   #menu ul.slimmenu li .sub-collapser > i { height: 4em }
   #blog .petiteactu { width: 50% }
}

@media only screen and (max-width:1024px) {
   #blog .petiteactu { width: 100% }
}


@media only screen and (min-width:1200px) and (max-width:1400px) {
   #blog .petiteactu { width: 33.33% }
   #liensbas .txt { padding: 1em 0 }
}

@media only screen and (max-width:1600px) {
   #liensbas .txt { padding: 1em 0 }
}

/* Stylesheet: ot Modified On 2017-09-01 09:25:28 */