/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/**

 * Contao Open Source CMS

 *

 * Copyright (C) 2005-2013 Leo Feyer

 *

 * @package Core

 * @link    https://contao.org

 * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL

 */



/**

 * Make the wrapping container 960 pixel wide

 */

#wrapper {
	width:100%;
	margin:0 auto;
}
#container {
	margin:0 auto;
}
/**

 * Set the default margin of the grid columns

 */



.clic {
	display:none;
}
/**

 * Automatically clear the floats in the main column, so you do not have to add

 * a clearing div to each article

 */

#main .inside {
	overflow:hidden;
}





@media (max-width:1100px) {
    .milleCent{
        width: 95%;
    }
}

/**

 * Reduce the overall width and the width of the grid columns if the screen

 * width is less than 980px (e.g. on a portrait tablet)

 */

@media (min-width:768px) and (max-width:979px) {

	/**

	 * Reduce the overall width TABLETTE

	 */



		#right {
 margin-left:5%;
}
 .imgleft, #actus {
 display:none;
}
 .rsts-caption {
 margin-left: 5%;
}
 #wrapper {
 width:100%;
}
 footer .inside {
 width:744px;
 margin:0 auto;
}
 .clic {
 display:block;
 float:right;
}
.clic a {
	display:block;
	margin-right:20px;
	color:#fff;
	background-color:#3e82c2;
	text-decoration:none;
	font-weight:900;
	font: 30px/30px 'Bree Serif', sans-serif;
	padding:10px;
}
.mod_Recherche{
	top: 130px;
}
 .page_3 #chiffres .inside {
 margin: auto;
 width: 100% !important;
}
 nav {
 position: relative !important;
 top:0 !important;
}
 #logo {
 float: left;
 margin-left:20px;
}
 header nav > ul > li {
 margin: 0 3px!important;
}
 header nav > ul > li:nth-child(1) {
 margin-left:50px;
}
 header nav {
 display:none;
}
 #ctrl_email_38 {
 width: 100px;
}
 #menumobile {
 position: absolute !important;
}
 #container .inside, footer .inside, #main .inside, #header .inside, .page_3 #chiffres .inside {
 width: 100%;
}
 footer .inside, #main .inside, #header .inside {
 margin:0 auto;
}
 .page_3 #slide .inside, .page_3 #slider {
 width:100%!important;
}
 .page_3 .col_1, .page_3 .col_2, .page_3 .col_3 {
 width:100%!important;
 clear:both;
}
 .page_3 #chiffres .col_1, .page_3 #chiffres .col_2, .page_3 #chiffres .col_3, .page_3 #chiffres .col_4, .page_3 #chiffres .col_5 {
 float:left;
 width:33%!important;
 clear:right;
 margin-bottom:40px;
}
 #main .mod_navigation ul {
 width: 423px!important;
}
 .subcr .mod_rocksolid_slider {
 width:100%!important;
}
 .col-33x33x33, #actus .col-33x66 {
 margin:0!important;
}
.bulles a{
	background-position: center center;
   }
	footer .ce_image {
		text-align: center;
	}
 #main .inside {width: 95%;margin: auto;}
 #right{display: none;}
 #footer .col-33x33x33 .col_1 p{text-align: center;}
}



/**

 * Remove all floats and fixed widths if the screen width is less than 768

 * pixel (e.g. on a mobile phone)

 */

@media (max-width:767px) {

	/**

	 * Remove the overall width SMARTPHONE

	 */
     #actualites_liste section{
        display: flex;
        flex-direction: column;
     }

    #contact_lateral{
        margin-top: 125px;
    }

	 footer .ce_image {
		text-align: center;
	}
	#footer .col-33x33x33 .col_1 p{text-align: center;}
	#main .inside {width: 95%;margin: auto;}
	.navbouton {
 margin-top:20px !important;
 margin-bottom:30px;
}
 .imgleft, #actus {
 display:none;
}
 #wrapper {
 width:auto;
}
 .clic {
 display:block;
 float:right;
}
 .clic a {
 display:block;
 margin-right:20px;
 color:#fff;
 background-color:#3e82c2;
 text-decoration:none;
 font-weight:900;
 font: 30px/30px 'Bree Serif', sans-serif;
 padding:10px;
}
 .page_3 #chiffres {
 clear: both;
 float: left;
 margin-top: 0px!important;
 position: relative!important;
 margin-bottom:40px;
}
 .page_3 #chiffres .col_1, .page_3 #chiffres .col_2, .page_3 #chiffres .col_3, .page_3 #chiffres .col_4, .page_3 #chiffres .col_5 {
 float:left;
 width:100%!important;
 clear:both;
 margin-bottom:40px;
}
 .page_3 .col_1, .page_3 .col_2, .page_3 .col_3 {
 width:100%!important;
 clear:both;
}
 #main {
 width: 100%;
}
 .col_1, .col_2, .col_3, .col_4, .col_5 {
 width:100%!important;
 clear:both;
}
 .page_3 #chiffres .inside {
 margin: auto;
 width: 100% !important;
}
 .page_3 #accueil {
 margin: auto;
 width: 100%!important;
}
 #right {
 display:none!important;
}
 #main .ce_text img {
}
 .page_33 #main img {
 width:100%!important;
}
 #main {
 float:none!important;
}
 #slide {
 height:230px!important;
 background-position:center center!important;
 background-size:cover!important;
}
 .page_7 #slide {
 height:400px!important;
}
 .page_7 .col_2 div, .page_7 .col_1 div, .page_14 .col_2 div, .page_14 .col_1 div, .page_3 #accueil .col_1 div, .page_3 #accueil .col_2 div {
 padding:0px!important;
}
 .page_7 .col_2, .page_7 .col_1 {
 width:80%!important;
 float:none!important;
}
 .subcr .mod_rocksolid_slider {
 width:100%!important;
}
 #footer {
 border-top:0;
}
 .logofooter {
 background: none!important;
 margin: auto;
 padding-left: 0!important;
 width: 250px;
}
 #footer .mentions p, #footer .mentions {
 float: inherit!important;
 margin: auto;
 margin-top:20px;
 text-align: center;
 width: 150px;
}
 #footer .mentions a {
 float: inherit!important;
}
 #footer .tabularasa {
 clear:inherit!important;
 float: inherit!important;
 margin: auto;
 padding-bottom: 15px;
 width: 300px;
 margin-top: 30px !important;
 text-align: center !important;
}
 #footer .tabularasa a {
 float:inherit;
}
 #slide H1 {
 font: 900 37px/37px "Bree Serif", sans-serif!important;
}
 #logo img {
 width: 100%;
}
 #logo {
 width:75%;
 max-width: 200px;
}
.mod_Recherche{
	top: 130px;
}
 .custom {
 padding-top: 100px;
}
 .ce_sliderStart, .page_3 .col-50x50, #slid .col-33x33x33 {
 margin-left: 0px!important;
}
 .page_3 .col-50x50, #slid .col-33x33x33 {
 margin-right: 0px!important;
}
 .page_3 #slid {
 float: left;
 width: 100%;
}
 .page_3 .mod_rocksolid_slider {
 padding-bottom:30px!important;
}
 .page_3 .ce_text.last.block {
 float: left;
}
.bulles a{
	background-position: center center;
   }
 .bulles H4 {
 font-size: 13px !important;
}
 .leftsubmenu, .rsts-caption {
 display:none;
}
 .page_3 #main #accueil p {
 font: 15px/17px "Bree Serif", sans-serif!important;
}
 .page_3 .subcl {
 padding: 0 3px 0 0!important;
}
 .page_3 .subc {
 padding-left: 4px!important;
 padding-right: 4px!important;
}
 .page_3 .subcr {
 padding-left: 4px!important;
}
 .rsts-nav, .rsts-prev, .rsts-next {
 display:none;
}
 .box {
 height: auto !important;
 margin-top: 0px !important;
 padding-top: 0px !important;
}
 header nav {
 display:none;
}
 #container {
 width:auto;
 margin:0 auto;
}
 #header .inside {
 width:auto;
 margin:0 auto;
}
 footer .inside {
 width:auto;
 margin:0 auto;
}
 table tr td:first-child, table tr td {
 font: 13px/14px "Bree Serif", Arial, sans-serif !important;
 padding: 0.2em!important;
}



	/**

	 * Show all columns underneath each other

	 */

	*[class*="grid"], .inside>*[class*="grid"] {
 float:none;
 display:block;
 width:auto;
 margin:0;
}
}



/**

 * Reduce the overall width and the width of the grid columns if the screen

 * width is less than 980px (e.g. on a portrait tablet)

 */



@media (min-width:1130px) {

	/**

	 * Reduce the overall width GRANDES RESOLUTIONS

	 */

.mod_breadcrumb {
    margin: 0 auto;
    width: 1100px;
}

.carousel {
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: -100px;
    position: relative;
    z-index: 1000000;
}
.rsts-caption {
 width: 1100px;
 margin:auto !important;
}
 #container {
 width: 1100px;
}
 .page_3 #container .inside {
 width: 100%;
}
 .page_3 #container #accueil, .page_3 #contactez-nous{
 width: 100%;
}
 .page_3 #container #accueil .col-40x60, .page_3 #container #accueil h1, .page_3 #container #avis, .page_3 #titre, .page_3 #actus, .page_3 .bouttonactu, .page_3 #realisations h2, .page_3 #realisations .col-25x25x25x25, .page_3 #contactez-nous p, .page_3 .traitpresentation {
 width: 1100px;
 margin:auto;
}
 .page_3 #slid H1 {
width: 1100px;
margin:auto;
}
 .page_7 #slid, .page_7 #slide .inside {
 width: 100%!important;
}
 footer .colonnes-footer {
 width:1100px;
 margin:0 auto;
}
 #slide .inside, #main .inside {
 width: 100%;
}
 .page_3 #slide .inside {
 width: 100%!important;
}
#main {
	width: 72%;
	padding-right: 30px;
}
.page_7 #main, .page_27 #main {
    padding: 0;
    width: 100%;
}

 .page_3 .col-25x25x25x25 {
 margin-bottom: auto !important;
 margin-left: auto !important;
 margin-right: auto !important;
 position: relative;
 width: 1100px;
 margin-top:-100px !important;
}
 #actus .col-30x70 {
 margin-bottom: auto !important;
 margin-left: auto !important;
 margin-right: auto !important;
 margin-top: -100px;
 position: relative;
 width: 1100px;
 z-index: 1000000;
}

 #tabcontrol_463 .tabcontrol_tabs li {
 width: 273px;
 height:41px;
 background-color:#ba2830 !important;
 float:left;
 margin:1px;
 color:#fff;
 font: 18px/18px 'Ubuntu', sans-serif!important;
 text-align:center;
 padding-top:160px;
 cursor:pointer;
 list-style: none;
}

#tabcontrol_463 li.selected {
    background-color: #24292d !important;
}

 #tabcontrol_463 .tabcontrol_tabs li:nth-child(1) {
background: url("../../files/theme/images/design/trombine.png") no-repeat center 14px;
}
#tabcontrol_463 .tabcontrol_tabs li:nth-child(2) {
background: url("../../files/theme/images/design/trombine.png") no-repeat center 14px;
}
#tabcontrol_463 .tabcontrol_tabs li:nth-child(3) {
background: url("../../files/theme/images/design/trombine.png") no-repeat center 14px;
}
#tabcontrol_463 .tabcontrol_tabs li:nth-child(4) {
background: url("../../files/theme/images/design/trombine.png") no-repeat center 14px;
}
 #header .inside {
 width:1100px;
 margin:0 auto;
}
 .page_3 #chiffres .inside {
 width: 1100px;
}
}
 @media (min-width:980px) and (max-width:1129px) {

	/**

	 * FOR BIG SCREENS

	 */


footer .inside, #header .inside, .page_3 #chiffres .inside {
 width: 980px;
}
 footer .inside, #main .inside, #header .inside {
 margin:0 auto;
}
 .page_3 #slide .inside {
 width:100%!important;
}
 .col-33x33x33, #actus .col-33x66 {
 margin:0!important;
}
 #container {
 width: 980px;
}
 .page_3 #container .inside {
 width: 980px;
}
 .imgleft {
 background: url("../../files/theme/images/design/left.png") right top no-repeat;
 float:left;
 position:absolute;
 width:30px;
 height:800px;
 display:none;
}
 #main .mod_navigation ul {
 width: 820px!important;
}
}
 @media (min-width:1130px) and (max-width:1240px) {

	/**

	 * FOR BIG SCREENS

	 */

	    .imgleft {
 width:70px;
}
}
 @media (min-width:1241px) and (max-width:1440px) {

	/**

	 * FOR BIG SCREENS

	 */

	    .imgleft {
 width:10%;
}
 .rsts-skin-default .rsts-caption {
 top: 250px !important;
}

}
 @media (min-width:1441px) and (max-width:1540px) {

	/**

	 * FOR BIG SCREENS

	 */

	    .imgleft {
 width:15%;
}
 .rsts-skin-default .rsts-caption {
 top: 300px !important;
}
}
 @media (min-width:1541px) and (max-width:1740px) {

	/**

	 * FOR BIG SCREENS

	 */

	    .imgleft {
 width:18%;
}
 .rsts-skin-default .rsts-caption {
 top: 320px !important;
}
}

@font-face {

    font-family: 'Bree Serif';

    src: url('../../files/theme/css/breeserif-regular-webfont.eot');

    src: url('../../files/theme/css/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../../files/theme/css/breeserif-regular-webfont.woff2') format('woff2'),

         url('../../files/theme/css/breeserif-regular-webfont.woff') format('woff'),

         url('../../files/theme/css/breeserif-regular-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}

.milleCent{
		width: 1100px;
		margin-left: auto;
		margin-right: auto;
		float: none;
}

* {

	margin:0;

	padding:0;

}

.invisible {

	display:none;

}

body {

	background-color: #fff;

	font-family: 'Bree Serif', sans-serif;

	-webkit-font-smoothing: antialiased;

}

#wrap {

	margin: auto;

	width: 100%;

}

#wrapper {

	margin: auto;

	width: 100%;

	background: url("../../files/theme/images/design/fondcontenu.gif") repeat-y;

	background-position:center center;

}

#content {

	padding: 0px;

}

/***************** HEADER ********************/







header {

	width:100%;

	height:238px;

	position:absolute;

	z-index: 8;
	background: url("../../files/theme/images/design/nav.png");

	background-position:center center;



}



.borderheader {

	background: url("../../files/theme/images/design/borderheader.png");

	clear:both;

	 height: 88px;

    position: absolute;

    width: 100%;

    z-index: 9999;

}



.page_2 header {

}



#header .inside {

	margin:auto;

}



#logo {

    float: left;

	margin-top:10px;

}



#logo img {

}



.phonetop {

	float:right;

}



.phonetop a {

	float:right;

	background-image:url("../../files/theme/images/design/phonetop.png");

	width:193px;

	height:46px;

	margin-top:0;

	text-indent:-3000px;

}

.clic a {

	display:none;

	margin-right:20px;

	color:#fff;

	background-color:#3e82c2;

	text-decoration:none;

	font-weight:900;

	font: 30px/30px 'Bree Serif', sans-serif;

	padding:10px;

   }

/***************** NEWSLETTER ********************/







.mod_subscribe {

	float:left;

	width:268px;

	height:36px;

	margin:15px 0 35px 0;

	background-color:#d7cebe;

}

/***************** RESEAUX SOCIAUX ********************/







.social {

	float:right;

	width:268px;

	height:36px;

	margin:15px 0 35px 15px;

	background-color:#d7cebe;

}

.social img:first-child {

	margin-left:15px;

}

.social ul li {

	float:left;

	list-style:none;

	width:32px;

}

.social ul {

	padding-left: 0px;

	float:right;

	width:150px;

}

.social ul li a {

	background-position:5px 0;

	background-repeat:no-repeat;

	display:block;

	height:36px;

	text-indent:-9999em;

	width:32px;

	float:left;

}

.social ul li:first-child a {

	background-image:url("../../files/theme/images/design/rss.png");

}

 .social ul li:nth-child(2) a {

 background-image:url("../../files/theme/images/design/facebook.png");

}

 .social ul li:nth-child(3) a {

 background-image:url("../../files/theme/images/design/googleplus.png");

}

 .social ul li:nth-child(4) a {

 background-image:url("../../files/theme/images/design/twitter.png");

}

.social ul li a:hover {

	-webkit-transition: all 200ms ease-in-out 0s;

	-moz-transition: all 200ms ease-in-out 0s;

	-o-transition: all 200ms ease-in-out 0s;

	transition: all 200ms ease-in-out 0s;

	background-color:#5A4218;

}

/***************** NAVIGATION*********/

header nav {

    float: left;

    font: 15px/22px "Bree Serif",sans-serif;

	  height: 49px;

    padding-top: 35px;

    width: 100%;

}





nav ul {

    list-style:none;

    text-align: center;

    width: 100%;

    margin-top:-36px;

}



nav ul li {

    float: left;

	   margin:20px 12px;

}



nav ul li:after {

    content: url("../../files/theme/images/design/trait-nav.gif");

    float: right;

    font-size: 22px;

    margin-right: -13px;

    margin-top: -46px;

    color: #5a5959 !important;

}



nav ul li li:after, nav ul li:last-child:after {

    content:"";

}



nav ul li a, nav ul li span{

  	text-decoration:none;

  	display:block;

    height: 20px;

    font-size: 15px;

  	color: #5a5959;

    text-transform: uppercase;

  	padding: 22px 5px 24px;

}



nav a {

    color: #5a5959;

}



nav li ul {

    margin-left: -1000em;

    margin-top: -1px !important;

    position: absolute;

    width: 10em;

}

header nav .level_1 > li:first-child a, header nav .level_1 > li:first-child span {

  background: url("../../files/theme/images/design/home.png") no-repeat center center;

  text-indent: -10022px;

  width: 19px;

  padding-right: 36px;

}



header nav ul li:first-child span {

   padding-top: 44px;

}



.page_3 header nav ul li:first-child span {

   padding-top: 22px !important;

}



header nav .level_1>li.submenu {

	margin-bottom:0px!important;

}



header nav .level_2 li a{

	padding-bottom:10px!important;

}



nav li:hover ul{

  margin-left: 0;

}



nav li li a {

	background-color:#eaecee;

    font-size: 12px;

    text-align: left;

    text-transform: none;

	width:287px;

	padding:8px 0 8px 10px;

	margin:0;

    border-right: none !important;

}



nav ul li ul li a{

	color:#5a5959;

	font: 15px/22px 'Bree Serif', sans-serif;



}



nav ul li ul li a:hover{

	color:#cf181c;

}



nav ul li ul li {

	padding:0;

	margin:0;

	border-bottom: 3px solid #fff;

}



ul.level_2 {

	margin-top:0;





}



ul.level_2 li.active  {

    color:#fff;

	text-align:left;

	background-color: #5296d0 ;

	width:287px;

	padding:0 5px;

}





ul.level_2 li.active span {

     padding-left: 0 !important;

     padding-bottom: 10px !important;

     padding-left: 10px !important;

     padding-top: 10px !important;

	 text-transform:none!important;

}



header nav ul li span:first-child {

	text-transform: uppercase;

  font-weight:500;

}



nav ul:first-child li:first-child span{

  	padding: 0px;

}



nav ul li.active {

  color:#cf181c;

}



nav ul li span.active {

    color: #cf181c;

}



nav ul li a:hover {

  color:#cf181c;



}

/***************** NAVIGATION REPONSIVE ***********/











.mm-menu .level_1 > .first {

	margin-left:0!important;

}

.mm-menu li {

	float:inherit!important;

}

.mm-menu li a {

	text-align:left!important;

}

.mm-menu li ul {

	position:relative!important;

	width:100%!important;

}

.mm-menu ul {

	text-align:left!important;

}

.mm-menu ul li ul li {

	border-bottom:inherit!important;

}

.mm-menu li li a {

	background-color:transparent!important;

}

/***************** NAVIGATION COLONNE ***********/















#main .mod_navigation {

	background:none!important;

	width:100%;

	margin-bottom:50px;

	margin-top:-30px;

}

#main .mod_navigation ul {

	/*border-bottom:1px solid #999;*/



margin:auto;

	width:76%;

}

#main .mod_navigation li {

	list-style-type:none;

	padding: 10px;

	border-right: 1px solid #999;

}

#main .mod_navigation li:last-child {

	border-right: none;

}

#main .mod_navigation li:first-child span:before {

	content: "";

	background: url("../../files/theme/images/design/musculation-icone.gif") no-repeat 0px 0px;

	padding: 8px 23px 5px 26px;

}

 #main .mod_navigation li:nth-child(2) span:before {

 content: "";

 background: url("../../files/theme/images/design/cardio-icone.gif") no-repeat 0px 0px;

 padding: 8px 23px 5px 26px;

}

 #main .mod_navigation li:nth-child(3) span:before {

 content: "";

 background: url("../../files/theme/images/design/cours-icone.gif") no-repeat 0px 0px;

 padding: 8px 23px 5px 26px;

}

 #main .mod_navigation li:nth-child(4) span:before {

 content: "";

 background: url("../../files/theme/images/design/submenuplus.gif") no-repeat 0px 0px;

 padding: 8px 23px 5px 26px;

}

 #main .mod_navigation li:first-child span, #main .mod_navigation li:nth-child(2) span, #main .mod_navigation li:nth-child(3) span {

 color:#f4c947!important

}

 #main .mod_navigation li:nth-child(1) a:before {

 content: "";

 background: url("../../files/theme/images/design/musculation-icone.gif") no-repeat 0px -33px;

 padding: 8px 23px 5px 26px;

}

 #main .mod_navigation li:nth-child(2) a:before {

 content: "";

 background: url("../../files/theme/images/design/cardio-icone.gif") no-repeat 0px -33px;

 padding: 8px 23px 5px 26px;

}

 #main .mod_navigation li:nth-child(3) a:before {

 content: "";

 background: url("../../files/theme/images/design/cours-icone.gif") no-repeat 0px -33px;

 padding: 8px 23px 5px 26px;

}

 #main .mod_navigation li:nth-child(4) a:before {

 content: "";

 background: url("../../files/theme/images/design/submenuplus.gif") no-repeat 0px -33px;

 padding: 8px 23px 5px 26px;

}

#main .mod_navigation li a:hover:before {

	background-position:0px 0px;

}

#main .mod_navigation li a:hover {

	color:#f4c947!important

}

#main .mod_navigation li a:before {

	-webkit-transition: all 200ms ease-in-out 0s;

	-moz-transition: all 200ms ease-in-out 0s;

	-o-transition: all 200ms ease-in-out 0s;

	transition: all 200ms ease-in-out 0s;

}

/***************** FIL D'ARIANE ***********/







.page_3 .mod_breadcrumb, .page_13 .mod_breadcrumb, .page_14 .mod_breadcrumb, .page_15 .mod_breadcrumb, .page_16 .mod_breadcrumb {

	display:none;

}

.mod_breadcrumb li:first-child a {

	color:#fff;

	font: 600 16px/22px 'Bree Serif', sans-serif;

	text-decoration:none;

	padding:0px 20px 6px 6px;

	background: url("../../files/theme/images/design/home.gif") no-repeat center center;

	width:100%;

	text-indent:-3000px;

	display : inline-block;

	width:45px;

}



.mod_breadcrumb li:first-child {

    margin-top: 11px !important;

    padding: 0 10px 0 0 !important;

}



.mod_breadcrumb a {

	text-decoration:none;

	color:#fff!important;

}



.mod_breadcrumb li {

	list-style-type:none!important;

	float:left;

	color:#fff !important;

	font: 16px/22px 'Bree Serif', sans-serif!important;

	font-weight:200;

	padding: 10px 6px 6px;

	margin-top: 3px !important;

}

.mod_breadcrumb a {

	list-style-type:none!important;

	float:left;

	color:#fff !important;

	font: 16px/22px 'Bree Serif', sans-serif!important;

	font-weight:200;

	padding: 3px 12px 6px 6px;

}



.mod_breadcrumb .active {

	margin-top:6px!important;

}

.mod_breadcrumb li:last-child {

	border-right:0px!important;

}

#fil-ariane {

  background-color: #5296d0;

  height: 57px;

}

.page_3 #fil-ariane {

    display: none;

}

.mod_breadcrumb ul li:first-child img {

    display: block;

    float: right;

    padding-top: 6px;

}

.mod_breadcrumb ul li img {

    display: block;

    float: right;

    padding-top: 3px;

}

/*********** BOUTON REMONTER *******************/

#back-to-top{

  display: block;

  width: 50px;

  height: 50px;

  position: fixed;

  bottom: 25px;

  right: 25px;

  background-color: #5296D0;

  background-image: url("../../files/theme/images/design/upwards-arrow.png");

  background-position: center;

  background-repeat: no-repeat;

  z-index: 99;

  -webkit-transition-property: all;

  -webkit-transition-duration: 0.5s;

  -moz-transition-property: all;

  -moz-transition-duration: 0.5s;

  transition-property: all;

  transition-duration: 0.5s;

}

#back-to-top:hover{

  background-color: #ba2830;

}



/***************** TABLEAUX ********************/







table {

	width:100%;

}

table tr td:first-child {

	padding:0.2em;

}

table tr td {

	background: #f5f5f5;

	border:1px solid #000;

	padding:0.1em;

	font: 15px/22px 'Bree Serif', Arial, sans-serif !important;



}

table tr td:hover {



}

/***************** MAIN ********************/







#main {

	margin:auto;

  float:left;

}

.page_3 #main #accueil {

	background: url("../../files/theme/images/design/fond-realisations.jpg") center top no-repeat;

}



.page_3 #main {

    padding-right: 0 !important;

    width: 100% !important;

}



#etapes-vehicule-magasin {

	color:#4d4d4f;

	text-align:center;

	border-bottom:5px solid #c1c1c2;

	padding: 0 0 80px 0;

}

#etapes-vehicule-magasin .subcolumns {

	padding: 0 5%;

}

#etapes-vehicule-magasin H2 {

	color:#4d4d4f;

	text-align:center;

	display: table;

	white-space: nowrap;

	padding:100px 0 40px;

}

#etapes-vehicule-magasin H2:before, #etapes-vehicule-magasin H2:after {

	content: "";

	display: table-cell;

	width: 50%;

	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=) repeat-x left center;

}

.page_3 #main #trophee {

	background: url("../../files/theme/images/design/trophee.jpg") center top no-repeat;

	min-height:487px;

}



#main H1, #slide h1 {

    color: #cf181c !important;

    font: 44px/50px "Bree Serif",sans-serif;

    margin-top: 0 !important;

    padding-bottom: 56px;

    padding-top: 56px;

    text-align: left;

    text-transform: uppercase;

}



.page_3 #main H1 {

	font: 41px/43px 'Bree Serif', sans-serif;

	font-weight:400;

	margin-bottom:15px;

	margin-top:45px;

	color:#ba2830!important;

	text-align:center;

	text-transform:none;

	margin-bottom: 100px !important;

    margin-top: 0 !important;

	padding-top: 78px;

	background: transparent !important;

}

.page_3 #main H1 strong {

	font-weight:500;

	color:#ba2830;

	font-size: 66px;

}





.traitbas {

    position: absolute;

    right: 37%;

	top: 8%;

}



.traithaut {

    left: 37%;

    position: absolute;

}

#main H2 {

	color:#5296d0;

	font-size:38px;

	line-height: 38px;

	font-family: "Bree Serif",sans-serif;

	text-transform:none;

}

#main H2 a {

	color:#2c73b0;

	text-decoration:none;

	font-weight:bold;

}



.page_62 .col-50x50 div:first-child h2 {

    margin-top: 0 !important;

}



#main H3 {

	color:#ba2830;

	font-weight:900;

	font: 21px/22px "Bree Serif",sans-serif;

}

#main H3 a {

	color:#A3845E;

	text-decoration:none;

}

#main p, #slide p {

	font: 15px/21px "Bree Serif",sans-serif;

	color:#000;

	text-align:justify;

}

#main p a {

	color:#3790dd;

	text-decoration:none;

}

#main p a:hover {

	color:#E54922;

}



#main li {

    list-style: inside none disc;

    margin: 10px 30px;

}





#main .mod_rocksolid_slider li {

    list-style: outside none none;

    margin: auto;

}



#main li p {

	margin:4px 0px;

}

#main li a {

	color:#3790dd;

	text-decoration:none;

}

#main .block {

	overflow:visible;

}

#main blockquote {

	padding-right:15px;

	padding-bottom:15px;

	margin:2px 0px 20px 20px;

}

#main blockquote p {

	margin-bottom:0px;

	margin-top:15px;

	font: 12px/20px 'Bree Serif', sans-serif;

}

.float_right {

	margin:0 0 9px 18px;

}

.float_left {

	margin:0 18px 9px 0;

}

.imgcenter {

    padding: 20px 0;

}



figcaption {

    background-color: #5296d0;

    clear: both;

    color: #fff;

    font: 15px/19px 'Bree Serif', sans-serif;

    padding: 16px 3px;

    text-align: center;

}

.page_3 #slide {

	width:100%;

	background:none !important;

	margin: auto auto;

	height:inherit !important;

}



#slide {

	width:100%;

	background: url("../../files/theme/images/slide/slide-contenu.jpg") center top no-repeat;

	height:553px;

}



.page_52 #slide, .page_53 #slide, .page_54 #slide, .page_55 #slide, .page_56 #slide {

	width:100%;

	background: url("../../files/theme/images/slide/slide-contenu-comite-79.jpg") center top no-repeat;

	height:553px;

}



.page_4 #slide {

  width:100%;

  background: url("../../files/theme/images/slide/slide-contenu-actualite.jpg") center top no-repeat;

  height:553px;

}



.page_72 #slide, .page_85 #slide, .page_84 #slide {

  width:100%;

  background: url("../../files/theme/images/slide/slide-contenu-associations.jpg") center top no-repeat;

  height:553px;

}



.page_82 #slide, .page_67 #slide, .page_68 #slide, .page_69 #slide, .page_70 #slide , .page_71 #slide , .page_73 #slide, .page_74 #slide, .page_75 #slide   {

  width:100%;

  background: url("../../files/theme/images/slide/slide-contenu-itineraires.jpg") center top no-repeat;

  height:553px;

}

.page_81 #slide, .page_77 #slide {

  width:100%;

  background: url("../../files/theme/images/slide/slide-contenu-editions.jpg") center top no-repeat;

  height:553px;

}



.page_83 #slide, .page_60 #slide, .page_61 #slide, .page_62 #slide, .page_63 #slide, .page_64 #slide, .page_65 #slide {

  width:100%;

  background: url("../../files/theme/images/slide/slide-contenu-formations.jpg") center top no-repeat;

  height:553px;

}



.page_58 #slide {

  width:100%;

  background: url("../../files/theme/images/slide/slide-contenu-membres-associes.jpg") center top no-repeat;

  height:553px;

}



.page_7 #slide {

	height:400px;

}

.page_3 #slide .inside {

	width:100%;

}

.quote {

	width:1100px;

	position:absolute;

	z-index:1000;

	margin-top:-32px;

}

.quote figure {

	width:34px;

	margin:auto;

}

.page_3 #slid {

	margin-top:0!important;
    position: relative;
    z-index: 1;
}

.page_3 #container {

	margin-left: auto;

	margin-right: auto;

	width: 100%;

	background: url("../../files/theme/images/design/bordureblanche.gif") no-repeat top center #fff;

	float:left;

	margin-bottom: 0 !important;

}

#container {

	margin-left: auto;

	margin-right: auto;

	width: 100%;

	background-color:#fff;

	margin-bottom: 200px !important;

}

.page_2 .custom {

	margin-left: auto;

	margin-right: auto;

	width: 100%;

}

.custom {

}

#actus {

	margin-bottom: 100px;

}



#actus H3 {

	text-align:center;

	color:#fff;

}



#actus H2, #presentation h2 {



	font-weight:500;

	width:100%;

  font-size: 57px;

	margin:auto;

	text-transform:none;

	margin-top:8px;

	text-align:center;

}



#actus h2 {

    color: #428bca;

    text-transform: uppercase;

    padding-bottom:60px;

}

#actus H5 {

	font: 32px/32px 'Bree Serif', sans-serif;

	font-weight:900;

	color:#000;

	width:100%;

	margin-top:8px;

	text-align:center;

	text-transform:uppercase;

	clear:both;

}



.page_3 #actus .layout_latest h2 {

	text-align: left;

	text-transform:none;

	 margin-top: 0 !important;

    padding: 0;

	margin-bottom: 5px !important;

}



#actus .sono figure {

	margin: auto;

	width: 80px;

}

#actus .col-25x25x25x25 {

	margin-top:25px!important;

}



.bouttonactu p a {

    border: 2px solid #a79988;

    clear: both;

    padding: 11px !important;

}



#actus .col-33x33x33 {

    margin-bottom: 50px;

}



.bouttonactu {

    margin-bottom: 100px !important;

}



.imgleft {

	background: url("../../files/theme/images/design/left.png") right top no-repeat;

	float:left;

	position:absolute;

	width:440px;

	height:800px;

	display: none!important;

	z-index: 1;

}

.page_3 .imgleft {

	margin-top:-302px;

}

/***************** BULLES  *******************/







.bulles:hover .bouton {

    opacity:0.75;

}







.bulles h4 {

	text-transform:uppercase;

	color:#fff;

	text-align:center;

	padding-top: 8px;

	margin:0!important;



	font:20px/30px 'Bree Serif', sans-serif!important;

	font-weight:900;

}



.bulles a {

    text-decoration: none;

}



.bulle1 a, .bulle2 a, .bulle3 a, .bulle4 a {

	width: 100%;

	text-indent:-3000px;

	height:181px;

	background-origin:initial;

	background-repeat:no-repeat no-repeat;

	display:block;

	background-attachment:initial;

	background-clip:initial;

	background-color:initial;

	-webkit-transition: all 200ms ease-in-out 0s;

	-moz-transition: all 200ms ease-in-out 0s;

	-o-transition: all 200ms ease-in-out 0s;

	transition: all 200ms ease-in-out 0s;

}

.bulles:hover .bulle1 a, .bulles:hover .bulle2 a, .bulles:hover .bulle3 a, .bulles:hover .bulle4 a  {

	cursor:pointer;

}

.bulle1 a {

	background: url("../../files/theme/images/design/bulle1.jpg") no-repeat 0px 0px;

}

.bulle2 a {

	background: url("../../files/theme/images/design/bulle2.jpg") no-repeat 0px 0px;

}

.bulle3 a {

	background: url("../../files/theme/images/design/bulle3.jpg") no-repeat 0px 0px;

}



.bulle4 a {

	background: url("../../files/theme/images/design/bulle4.jpg") no-repeat 0px 0px;

}



.phrasebulles {

    text-transform: uppercase;

}

.phrasebulles p {

    color: #fff !important;

    text-align: center !important;

	font-size: 13px !important;

  line-height: 15px !important;

}



.bulles .bouton {

    background-color: #cf181c;

    border-top: 6px solid #961013;

	padding: 5px;

}



/***************** COLUMNS  ********************/







 .ce_colsetPart {

	margin:0!important;

}

/***************** ACTUALITES  ********************/



.page_3 #actualites .layout_latest {

	border-top : 1px solid #000;

	margin-bottom:50px;

	padding:20px 0;

	float:left;

}



.page_4 #actualites .layout_latest {

	border-top : 1px solid #000;

	margin-bottom:50px;

	padding:20px 0;

	float:none !important;

}



.page_3 .mod_newslist, .page_3 .layout_latest > * {

	margin:0!important;

}



.page_4 .mod_newslist .image_container {

    float: left;

    padding-right: 10px;

}



.page_4 .mod_newslist .info {

    display: none;

}



.content-slider {

	padding-bottom: 15px;

}

.slider-control {

	float:inherit!important;

	margin:0!important;

	width:inherit;

	background:none!important;

}

.slider-control .slider-prev {

	right: 25px;

	left:inherit!important;

	width:23px;

	text-indent:-3000px;

	background-image: url("../../files/theme/images/design/prev.gif");

	height: 24px;

}

.slider-control .slider-next {

	width:23px;

	text-indent:-3000px;

	background-image: url("../../files/theme/images/design/next.gif");

	height: 24px;

}

.layout_latest {

	height:auto;

	margin-top: 50px;

}

.layout_latest .more a, .layout_teaser .more a {

    margin: 10px 0 0 !important;

    float: right;

    background: #cf181c;

    color: #fff !important;

	padding: 3px;

}



.layout_latest .teasernews {

	width:100%;

	float:left;

}

.layout_latest .info {

	float:right;

}

.layout_latest .info p {

	margin:0!important;

}

.layout_latest H2 {

	padding:0 !important;

	margin-top:0!important;

	line-height:14px!important;

}

.page_3 .layout_latest H2 {

	margin-top:0.4em!important;

	margin-bottom:0.4em!important;

}

.layout_latest H2 a {

	color:#cf181c !important;

	font-size:17px!important;

	font-weight:700;

  letter-spacing: 1px;

	text-decoration:none;

}

.layout_simple {

	width:450px;

	height:20px;

	background-color:#d7cebe;

	color:#fff;

	text-shadow: 0 1px rgba(181, 181, 181, 100);

	border-top:1px solid #bab1a2;

	border-bottom:1px solid #e2dbce;

	padding:5px;

}

.layout_simple a {

	font-size:16px;

	color:#fff;

	text-decoration:none;

	text-shadow: 0 1px rgba(181, 181, 181, 100);

}



.page_3 .news-padding {

  padding: 11px;

}



time {

	color:#deb331;

	font-weight:bold;

	font-size:11px;

}

.consult {

	float:right;

	height:18px;

	background-color:#b9a185;

	padding-left:12px;

	margin-top:-15px;

}

.consult a {

	text-decoration:none;

	text-transform:uppercase;

	color:#fff !important;

	font: 10px/10px 'Bree Serif', sans-serif;

	padding-top:0;

}

.consult p {

	margin:0 !important;

	background-color:#a3845e;

	height:18px;

	font: 10px/18px 'Bree Serif', sans-serif;

}

.consult p:hover {

	background-color:#b9a185 !important;

}

/***************** ACTUALITES ARCHIVES ********************/











.mod_newsarchive .teaser {

	margin-top:00px;

	height:0px;

}

.mod_newsarchive .info {

	float:right;

}

.mod_newsarchive .more {

	padding-bottom:30px;

}

/***************** ACCORDEONS ********************/







.ce_accordion {

	margin-bottom:20px;

}

.ce_accordion .ui-accordion-content {

    padding: 15px;

}

.toggler.active {

	font: 18px/26px 'Bree Serif', sans-serif;

	color:#fff;

	text-align:left;

	text-decoration:none;

	background-color:#3b8cc2;

}

.toggler {

	font: 18px/26px 'Bree Serif', sans-serif;

	color:#fff;

	padding:7px;

	text-decoration:none;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	background-color:#006aaf;

}

.toggler:before {

	content : url(../../files/theme/images/accordion.png);

	vertical-align:-4px;

	margin-right:5px;

}

.toggler:hover:before {

	content : url(../../files/theme/images/accordionha.png);

}

.toggler.active:before {

	content : url(../../files/theme/images/accordionha.png);

}

.toggler:hover {

	cursor:pointer;

	background-color: #3b8cc2;

}

/***************** GALERIE ********************/







 .ce_gallery {

	float:left;

	border-top:1px solid #CCC;

	padding-top:30px;

}

/***************** BOUTON RETOUR ********************/







.retour, .back {

	clear:both;

	color:#fff;

	text-decoration:none;

	font: 15px/10px 'Bree Serif', sans-serif!important;

	font-weight: 900;

	padding:10px;

	background-color:#4d4d4f;

	margin-bottom:20px;

	-webkit-transition-property: all;

	-webkit-transition-duration: 0.6s;

	-moz-transition-property: all;

	-moz-transition-duration: 0.6s;

	transition-property: all;

	transition-duration: 0.6s;

	float:right;

	text-align: center;

	text-transform:uppercase;

	cursor: pointer;

}

.page_19 .retour, .back {

	float:none !important;

	display:block;

	margin:auto;

	 border: 2px solid #4d4d4f;

	margin-top: 30px;

}

.back a {

	color:#fff!important;

	text-decoration:none;

}

/***************** RECHERCHE ********************/







.mod_Recherche H1 {

	display:none;

}

.mod_Recherche {

  height: 40px;

  margin: auto;

  position: absolute;

  right: 0;

  width: 100%;

  top: 20px;

}



#header .mod_Recherche {

    width: 290px;

}



.mod_Recherche input:hover {

	background-color:#f1f2f3;

}



.mod_Recherche input:last-child:hover {

	background-color:#479feb;

}



.mod_Recherche submit:hover {

	background-color:#428bca;

}

.mod_Recherche input {

   background-color: #f1f2f3;

   border: none;

   color: #939393;

   font-size: 15px;

   height: 40px;

   width: 230px;

   text-indent: 10px;

}

.mod_Recherche .submit {

	width: 60px;

	height:40px;

	float:right;

	background: url("../../files/theme/images/design/loupe.png") no-repeat scroll center center #428bca;

	margin-top:0;

	display:block;

	border: none;

	cursor: pointer;

	margin-left:0;

	padding: 0;

	text-indent: -3000px;

	border:none;

}



.page_8 #container #recherche .mod_Recherche form {

    margin: auto;

    width: 290px;

}



.page_8 #main .mod_Recherche {

  margin-top: 10px !important;

  position: initial;

  height: auto;

}

.page_8 #main .mod_Recherche input{

  background-color: #d8dadc;

  color: #000;

}



.page_8 #main .mod_Recherche .submit{

  background-color: #428bca;

}



/***************** NEWSLETTER ADHESION ********************/







 .mod_subscribe input {

	height: 20px;

	margin-top: 10px;

	width: 185px;

	border:0;

	color:#fff;

	background-color:transparent;

	text-indent:10px;

	font-size:11px;

	font-weight:900;

}

.mod_subscribe .submit {

	width: 75px;

	height:36px;

	float:right;

	background: url("../../files/theme/images/design/ok_nl.png") no-repeat scroll center center #5a4218;

	margin-top:0;

	display:block;

	border: none;

	cursor: pointer;

	margin-left:0;

	padding: 0;

	text-indent: -3000px;

}

 input:-webkit-autofill {

 -webkit-box-shadow: 0 0 0px 1000px white inset;

}

/***************** CONNEXION ********************/







#autologin {

	width:auto;

}

.submit_container .submit {

	background-color:#2780ba;

	border:none;

	cursor:pointer;

	color:#fff;

	font-size:11px;

	margin:10px 0;

}



.mod_login .formbody {

	width:370px;

	margin:auto;

}



.mod_login table tr td {

    border: medium none;

    padding: 9px !important;

}

.mod_login .submit_container .submit {

    font-size: 15px;

    height: 29px;

}



.mod_login select, .mod_login input, .mod_login textarea {

    width: 100%;

}



.mod_login H1 {

	text-indent:-5000px;

	width: 230px;

	height:79px;

	background: url("../../files/theme/images/top_ae.png") no-repeat scroll left top transparent;

}

/***************** FORMULAIRE RECHERCHE ********************/

/***

 .mod_form {

	background: url("../../files/theme/images/design/fondsearch.gif") no-repeat scroll left top transparent;

	float: right;

	font-size: 11px;

	width: 230px;

	clear:right;

	margin-top:20px;

}

.mod_form input {

	background: none repeat scroll 0 0 transparent;

	border: medium none;

	margin-left: 48px;

}

#ctrl_1_submit {

	background: url("../../files/theme/images/design/ok.gif") no-repeat scroll center top transparent;

	border: medium none;

	cursor: pointer;

	float: right;

	height: 26px;

	margin-left:0;

	padding: 0;

	text-indent: -3000px;

	width: 41px;

}**/

/***************** RIGHT / LEFT ********************/







#right {

	width: 260px;

  float:right !important;

  margin-right:0 !important;

  margin-top:30px;

}



.page_3 #right {

    display: none;

}



.page_7 #right {

    display: none;

}



.page_27 #right {

    display: none;

}



#left {

	margin-left:0;

}

/***************** FOOTER ********************/







#footer a {

	text-decoration:none;

	color:#fff;

}

#footer a:hover {

	text-decoration:none;

	color:#a79988;

}

#footer {

	width: 100%;

	height: 493px;

	clear:both;

	margin-bottom:0;

	background: transparent url("../../files/theme/images/design/fond-footer.png") no-repeat center center;

}



#footer .col-33x33x33 .col_3 {

	text-align:center;

}

#footer .col-33x33x33 p {

	font: 17px/22px 'Bree Serif', sans-serif;

}

#footer .col-33x33x33 .col_1 p {

	text-align:left;

}

#footer .inside {

	margin:auto;

	margin-top:50px;

	float: left;

	width:100%;

}

footer .mod_customnav {

	text-align:center;

}

footer .mod_customnav ul {

	margin: 2px auto;

	line-height: 1.4;

	padding-left: 0;

}

footer .mod_customnav li {

	display: inline!important;

	text-align: center;

	float:none!important;

}

footer .mod_customnav .level_1 li {

	margin-right: 20px;

}

footer .mod_customnav .level_1 > li:nth-child(2) {

 margin-right: 290px;

}

footer .mod_customnav li a {

	color:#4d4d4f!important;

	text-transform:uppercase;

	display: inline!important;

	font: 900 17px/20px 'Bree Serif', sans-serif;

}

#footer .tabularasa {

    clear: both;

    padding-top: 23px;

}

#footer .tabularasa a{

  color:#fff;

  text-decoration:none;

  font: 17px/10px 'Bree Serif', sans-serif;

  font-weight: 500;

  padding:15px;

  background-color:#599cd7;

  	-webkit-transition-property: all;

	-webkit-transition-duration: 1s;

    -moz-transition-property: all;

	-moz-transition-duration: 1s;

	transition-property: all;

	transition-duration: 1s;

	float:right;

}



#footer .tabularasa a:hover{

  background-color:#ba2830;

  color:#fff;



}

#footer .colonnes-footer {

	color:#FFF;

	font: 11px/20px 'Bree Serif', sans-serif;

	margin-top: 340px;

}

#footer .mentions {

    float: right;

    height: 29px;

}

#footer .mentionsglobal {

	width:500px;

	margin: auto;

}

#footer #logobot {

	position:absolute;

	margin-left:168px;

	margin-top:-109px;

}

#footer .mentions a {

	color:#FFF;

	text-decoration:none;

}

#footer .mentions-line {

	float:left;

	margin-top:20px;

}





#footer .col-33x33x33 .col_2 figure {

    margin-left: auto;

    margin-right: auto;

    width: 210px;

}



/*#footer .col-33x33x33 .col_1 .ce_text.block p {

    line-height: 11px;

}*/



#footer .col-33x33x33 .col_1 .ce_text.block {

    margin-top: 5px;

    padding-top: 6px;

}



#footer .img-foot {

    float: right;

}

/************** FORMULAIRE *************************/







   .formulaire H1 {

	background: url("../../files/theme/images/mail.png") no-repeat scroll left bottom transparent;

	padding-left: 45px;

	height:30px;

	font: 25px/25px 'Bree Serif', sans-serif;

	color:#025d6b;

}

.formulaire {

	float:left;

	width:734px;

	font: 11px/16px 'Bree Serif', sans-serif;

	padding-top:20px;

	letter-spacing: 0;

	color:#221f24;

}

.formulaire label {

	display: block;

	float: left;

	font-size: 14px;

	margin-top: 10px;

	padding: 5px 5px 3px;

	width: 110px;

	color:#025d6b;

}

.formulaire .formbody {

	border-left:1px solid #006777;

	margin-top:10px;

	padding-left:10px;

}

.formulaire input, textarea, #devis input, select, textarea {

	margin-top: 10px;

}

.formulaire input:focus, .formulaire textarea:focus {

	background:#ed7132;

	color:#000;

}

.formulaire input:hover, .formulaire textarea:hover {

	background:#da510b;

	color:#000;

}

#ctrl_9_submit {

	background-color: #ba2830 !important;

	color: #fff;

	cursor: pointer;

	float: left;

	font: 14px/10px "Monserrat", sans-serif;

	margin-right: 0;

	margin-top: 30px !important;

	text-transform:uppercase;

	font-weight:700;

}

#ctrl_9_submit:hover {

	color:#FFFFFF;

}

label.ditesmoitout {

	float: right;

	margin-right: 275px;

	margin-top: -110px;

}

#ctrl_9 {

	border: medium none;

	clear: both;

	color: #000;

	font: 16px/16px "Bree Serif", sans-serif;

	height: 50px;

	padding: 10px;

	width: 100%;

  background: #f0ede5;

}

#ctrl_9:hover {

	color:#000;

}

/****************** CONTACT *************************/











.mod_dlh_googlemaps {

	width:100%!important;

	float:right;

}

#dlh_googlemap_1 {

	width:100%!important;

}

.mod_dlh_googlemaps H1 {

	display:none;

}

.coord {

	float:left;

	margin-top:45px;

}

.coord p {

	padding-left:80px;

}

.coord img {

	float:left;

	margin-left:-80px;

	margin-top:-11px;

}

.coord .ad {

	margin-top:0;

}

#contact {

	float:left;

	font: 16px/16px 'Bree Serif', sans-serif;

	padding-top:20px;

	letter-spacing: 0;

	color:#221f24;

	margin-bottom:100px;

}

#contact label {

	display: block;

	float: left;

	font-size: 13px;

	margin-top: 10px;

	padding: 10px 0px 0px 0px;

	width: 190px;

	color:#000;

  clear: both;

	text-transform:uppercase;

}

#contact .formbody {

	margin: auto;

}

.ce_form H1 {

	margin: auto;

	clear:both;

}

#contact input {

	background-color: #f0ede5;

	border: medium none;

	color: #000;

	margin-top: 3px;

	padding: 8px 0 8px 8px;

	width: 100%;

}

#contact input:focus, #contact textarea:focus {

	background:#5296d0;

	color:#fff;

}

#ctrl_12 {

	border: none;

	color: #3D2716;

	font-size: 100%;

	height: 50px;

	padding: 10px;

	width: 281px;

	color:#808080;

	font: 11px/10px 'Bree Serif', sans-serif;

}

#ctrl_12:hover {

	color:#FFF;

}

#ctrl_12_submit {

	margin-right: 0px;

	font-size:14px;

	font: 14px/10px 'Bree Serif', sans-serif;

	color:#025d6b;

	width:95px;

	height:30px;

	cursor:pointer;

	float:left;

	margin-left:200px;

}

/*************** JQUERY SLIDERS *****************/



.carouselcontent {

	width:100%;

}



#galerie-image {

	background-color: #eaecee;

  height: 275px;

    padding-bottom: 50px;

    padding-top: 50px;

}



#galerie-image a.rsts-next, #galerie-image a.rsts-prev {

    display: none;

}

/**

.carouselcontent img {

    border: 15px solid #1b2028;

	filter: sepia(1);

        -webkit-filter: sepia(1);

        -moz-filter: sepia(1);

        -o-filter: sepia(1);

        -ms-filter: sepia(1);

}

.carouselcontent img:hover {

	filter: sepia(0);

        -webkit-filter: sepia(0);

        -moz-filter: sepia(0);

        -o-filter: sepia(0);

        -ms-filter: sepia(0);

}**/



.rsts-caption {

	font: 45px/47px 'Bree Serif', sans-serif;

	color:#fff!important;

  background: transparent !important;

	text-transform:uppercase;

	border-radius:0!important;

  padding-right: 25% !important;

}

.rsts-skin-default .rsts-caption {

	right: 20px !important;

	top:400px!important;

}

/*



 .rsts-caption:before {



content:"";



width:20px;



background: url("../../files/theme/images/design/captionleft.png") no-repeat scroll left top transparent;



 }







  .rsts-caption:after {



content:"";



width:20px;



background: url("../../files/theme/images/design/captionright.png") no-repeat scroll left top transparent;



 }



 */



 #main .mod_rocksolid_slider {

	margin:auto!important;

}

/*************** CIRCLES *****************/







 .ch-grid {

	margin: 20px 0 0 0;

	padding: 0;

	list-style: none;

	display: block;

	text-align: center;

	width: 100%;

}

.ch-grid:after,  .ch-item:before {

	content: '';

	display: table;

}

.ch-grid:after {

	clear: both;

}

#slide ul {

	margin: 0px!important;

}

.ch-grid li {

	width: 201px;

	height: 201px;

	display: inline-block;

	margin: 18px!important;

}

.ch-item {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	position: relative;

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

	cursor: default;

}

.ch-info-wrap,  .ch-info {

	position: absolute;

	width: 181px;

	height: 181px;

	border-radius: 50%;

}

.ch-info-wrap {

	top: 10px;

	left: 10px;

	background: #F9BB4B;

	box-shadow:

 0 0 0 10px rgba(255, 255, 255, 0.9),  inset 0 0 3px rgba(115, 114, 23, 0.8);

}

.ch-info > div {

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	background-position: center center;

	-webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/

}

.ch-info .ch-info-front {

	-webkit-transition: all 0.6s ease-in-out;

	-moz-transition: all 0.6s ease-in-out;

	-o-transition: all 0.6s ease-in-out;

	-ms-transition: all 0.6s ease-in-out;

	transition: all 0.6s ease-in-out;

}

.ch-info .ch-info-back {

	opacity: 0;

	background: #F9BB4B;

	pointer-events: none;

	-webkit-transform: scale(1.5);

	-moz-transform: scale(1.5);

	-o-transform: scale(1.5);

	-ms-transform: scale(1.5);

	transform: scale(1.5);

	-webkit-transition: all 0.4s ease-in-out 0.2s;

	-moz-transition: all 0.4s ease-in-out 0.2s;

	-o-transition: all 0.4s ease-in-out 0.2s;

	-ms-transition: all 0.4s ease-in-out 0.2s;

	transition: all 0.4s ease-in-out 0.2s;

}

.ch-img-1 {

	background-image: url("../../files/theme/images/design/bulle1.png");

}

.ch-img-2 {

	background-image: url("../../files/theme/images/design/bulle2.png");

}

.ch-img-3 {

	background-image: url("../../files/theme/images/design/bulle3.png");

}

.ch-img-4 {

	background-image: url("../../files/theme/images/design/bulle4.png");

}

.ch-info h3 {

	color: #fff;

	font-weight:900;

	letter-spacing: 1px;

	font-size: 20px;

	margin: 30px 15px 0 15px;

	padding: 40px 0 0 0;

	height: 80px;

	font-style:italic;

	line-height:24px;

	text-shadow:

 0 0 1px #fff,  0 1px 2px rgba(0, 0, 0, 0.3);

}

.ch-info p {

	color: #fff;

	padding: 10px 5px 0;

	font-style: italic;

	margin: 0 30px;

	font-size: 12px;

	border-top: 1px solid rgba(255, 255, 255, 0.5);

}

.ch-info p a {

	display: block;

	color: #e7615e;

	font-style: normal;

	font-weight: 700;

	text-transform: uppercase;

	font-size: 9px;

	letter-spacing: 1px;

	padding-top: 4px;

}

.ch-info:hover {

	color: #fff;

	cursor:pointer;

}

.ch-item:hover .ch-info-front {

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	opacity: 0;

}

.ch-item:hover .ch-info-back {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 1;

	pointer-events: auto;

}

.title {

	height: 145px;

	margin: auto !important;

	padding: 0 !important;

	text-align: center;

	width: 960px;

	float:left;

}

.title li H2 {

	text-align: center !important;

	text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.85);

}

.title li {

	display: inline-block;

	margin: 0px 8px !important;

	width: 220px;

	color:#01717d;

	font: 15px/27px 'Bree Serif', sans-serif;

	font-style:italic;

}

.goutte {

	background: url("../../files/theme/images/design/goutte.png") no-repeat;

	width:55px;

	height:120px;

	position:absolute;

	z-index:10000;

	margin-top:140px;

}

.boutonjaune {

	border:1px solid #e2dfcc;

	border-radius:8px;

	background-color:#fff;

	margin-top:100px;

	text-align:center;

	margin:auto;

	width:350px;

	padding:10px;

}

.boutonjaune a {

	font-style:italic;

	color:#01717d;

	text-decoration:none;

	font-size:17px;

	width:350px;

}

.boutonjaune:hover a {

	color:#fff;

}

.boutonjaune:hover {

	background-color:#01717d;

	border:1px solid #fff;

}

.boutonblanc {

	border:1px solid #e2dfcc;

	border-radius:8px;

	background-color:#e2dfcc;

	margin-top:100px;

	text-align:center;

	margin:auto;

	width:350px;

	padding:10px;

	margin-bottom:80px;

}

.boutonblanc a {

	font-style:italic;

	color:#01717d;

	text-decoration:none;

	font-size:17px;

	width:350px;

}

.boutonblanc:hover a {

	color:#fff;

}

.boutonblanc:hover {

	background-color:#01717d;

	border:1px solid #fff;

}

.service {

	float: left;

	margin: 10px;

	width: 300px;

}

.service:hover H3 {

	color:#F9BB4B!important;

}

.service:hover img {

	opacity:0.8;

	filter:alpha(opacity=80); /* For IE8 and earlier */

}

.service H3 {

	text-align:center;

}

.service img {

	border-radius:15px;

	margin-bottom:15px;

}

.encadre {

	background-color:#ba2830;

	padding:20px;

	margin-top:30px;

  margin-bottom:50px;

}

.encadre p {

	text-align:center!important;

	color: #fff !important;

	font: 17px/22px 'Bree Serif', sans-serif!important;

}



.encadre p a {

    color: #fff !important;

}



.encadre p a:hover {

  color: #2975b6 !important;

}



.encadregris {

	background-color:#eaeaea;

	padding:20px;

	margin-top:30px;

  margin-bottom:50px;

}

.encadregris p {

	font: 17px/22px 'Bree Serif', sans-serif!important;

}

.encadregris H3, .encadre H3 {

	margin-top:7px;

}





.top0 {

  margin-top:0 !important;

}

/* Style the buttons that are used to open and close the accordion panel */



button.accordion {

	background-color: #eee;

	color: #fff;

	cursor: pointer;

	padding: 8px 18px;

	width: 100%;

	text-align: left;

	border: none;

	outline: none;

	margin-top: 20px;

	-webkit-transition: all 200ms ease-in-out 0s;

	-moz-transition: all 200ms ease-in-out 0s;

	-o-transition: all 200ms ease-in-out 0s;

	transition: all 200ms ease-in-out 0s;

	background:#636365 url("../../files/theme/images/design/sort-down.png") no-repeat 359px 4px;

}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */



button.accordion.active, button.accordion:hover {

	background: #4d4d4f url("../../files/theme/images/design/caret-arrow-up.png") no-repeat 359px 4px;

	-webkit-transition: all 200ms ease-in-out 0s;

	-moz-transition: all 200ms ease-in-out 0s;

	-o-transition: all 200ms ease-in-out 0s;

	transition: all 200ms ease-in-out 0s;

}

/* Style the accordion panel. Note: hidden by default */



div.panel {

	padding: 18px;

	background-color: white;

	display: none;

}

/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */



div.panel.show {

	display: block;

}

.page_19 #container {

	width: 100%;

}

.page_5 #main .col_1, .page_20 #main .col_1, .page_21 #main .col_1 {

	background: #d9d9db;

	height: 100%;

}

.selection {

	margin-bottom: 34px !important;

	margin-top: 2px !important;

}

.page_5 .formbody label:first-child, .page_21 .formbody label:first-child, .page_20 .formbody label:first-child {

	 border-bottom: 2px solid #000;

    display: block;

    font-size: 32px;

    margin-right: -20px;

    padding-bottom: 6px;

    text-align: left;

}

.page_19 .size {

	display: none;

}

.page_19 .document li a {

	color: #fff !important;

}

.page_19 .document img {

	display: block;

	margin:auto;

	float:none !important;

}

.page_19 #main .col_2 {

	background: #4d4d4f none repeat scroll 0 0;

	margin-top: 250px !important;

	height: 610px;

}

.page_19 #main .col_2 h2 {

	font-size: 28px;

	color: #fff !important;

}

.page_19 label {

	color: #fff;

}

.page_19 label .mandatory {

	display:none;

}

.page_19 .widget-textarea {

	margin-top: 8px !important;

}

.page_19 .formbody input {

	clear: both !important;

	float: right;

	margin-bottom: 8px;

	margin-right: 10px;

	margin-top: 8px;

	width: 97%;

}



.page_19 .formbody input.submit {

	   background: #e51a2d none repeat scroll 0 0;

    border: 3px solid #fff;

    border-radius: 2%;

    color: #fff;

    display: block;

    float: right;

    font-weight: bold;

    left: -8px;

    position: relative;

    text-transform: uppercase;

    width: 25%;

	margin-right: 0 !important;

	cursor: pointer;

}





.page_19 #main .subcolumns {

	margin: auto;

	width: 50%;

}

.bordurebleu {

	border-bottom: 10px solid #005d99;

	clear: both;

	width: 100%;

}

.panes .rs-column.-large-col-6-1.-large-first.-large-first-row.-medium-col-6-1.-medium-first.-medium-first-row.-small-col-6-1.-small-first.-small-first-row {

	width: 16.458%;

}

.page_3 .panes .rs-column {

	margin-right: 0 !important;

}

.panes h3 {

	background: #005d99 none repeat scroll 0 0;

	color: #fff !important;

	text-align: center;

	padding-bottom: 7px;

	padding-top: 7px;

}

.panes .rs-column.-large-col-6-1.-large-first.-large-first-row.-medium-col-6-1.-medium-first.-medium-first-row.-small-col-6-1.-small-first.-small-first-row ul {

	background: #9cc0d8;

	height: 447px;

	margin-top: -12px;

}

.bordurebleu2 {

	border-bottom: 36px solid #005d99;

	margin-top: -81px;

	width: 1100px;

}

.panes .ce_rs_column_start.rs-column.-large-col-6-5.-large-last.-large-first-row.-medium-col-6-5.-medium-last.-medium-first-row.-small-col-6-5.-small-last.-small-first-row {

	width: 82.8%;

}

.panes li {

	padding-left: 20px;

	font: 500 15px/31px 'Bree Serif', sans-serif !important;

	color: #45443f !important;

}

.panes li:first-child {

	padding-top: 17px;

}

.vertical {

	display:table-cell;

	vertical-align:middle;

	width:15px;

	padding:0;

}

.vertical p {

    color: #014d89 !important;

    display: table;

    font-size: 21px !important;

    transform: rotate(-90deg) translate(-50%, 0px);

}

.page_19 #main h1 {

	width: 200%;

}



.mod_eventlist .layout_teaser .image_container img {

    height: 160px;

    width: 100% !important;

}



.mod_eventlist .layout_teaser .teaser {

    background: #4d4d4f;

	height: 314px;

	max-height: 314px !important;

    min-height: 314px !important;

}




.mod_eventlist .layout_teaser figure {

    height: 306px;

}



.layout_teaser .more a {

    font-size: 15px;

    margin-top: 0 !important;

    padding-bottom: 3px !important;

    padding-top: 3px !important;

}



.layout_teaser .teaser h4 {

    color: #fff;

    font-size: 23px;

    font-weight: bold;

    margin-bottom: 0;

    margin-top: 0 !important;

}

.layout_teaser .teaser h4:first-child {

    margin-bottom: -3px;

    padding-top: 183px !important;

}

.layout_teaser .teaser p {

    color: #fff !important;

    font-weight: bold !important;

    padding-bottom: 20px;

}



.top50 {

	margin-top: 50px;

}

.bot30 {

	margin-bottom: 30px;

}



.bot50 {

  margin-bottom: 50px;

}



.bot100 {

	margin-bottom: 100px;

}



.bot200 {

	margin-bottom: 200px;

}



.noborder img {

	border-bottom:none !important;

}





#avis h3 {

	font: 31px/28px "Bree Serif",sans-serif;

	color: #0b7daf;

}



.avis h3 {

    margin-top: 155px;

}



.rsts-next, .rsts-prev, .rsts-nav-bullets {

    z-index: 9595323;

}



.page_3 #slide .rsts-prev {

    left: 2%;

    top: 50%;

    background: url("../../files/theme/images/design/fleche-prev.gif");

    height:67px;

    width: 42px;

}



.page_3 #slide .rsts-next {

    right: 2%;

    top: 50%;

    background: url("../../files/theme/images/design/fleche-next.gif");

    height: 67px;

    width:42px;

}



.page_3 #slide .rsts-skin-default .rsts-nav-bullets {

    display: none;

}



#presentation h2 {

    margin-bottom: 8px !important;

    margin-top: 0 !important;

    padding-top: 0 !important;

    text-align: left;

    color: #cf181c;

    font: 500 26px/29px 'Bree Serif', sans-serif;

    text-transform: uppercase;

}



#presentation .col-50x50 strong {

    font-size: 18px;

    font-weight: 500;

}



#presentation {

    margin-bottom: 100px;

    background: url("../../files/theme/images/design/fond-presentation.jpg") no-repeat;

}



#presentation {

    background: url("../../files/theme/images/design/fond-presentation.jpg") no-repeat;

}

#presentation .c50l .subcl {

    padding: 35px !important;

    padding-top: 60px;

}

.traitpresentation p {

    margin-bottom: 0;

}

/*#realisations {

    margin-top: 164px !important;

}*/



#presentation .col-50x50 .col_2 {

  background: url("../../files/theme/images/pages/photo-presentation.jpg") no-repeat;

  height: 496px;

}





#realisations h2{

    background-color: #428bca;

    color: #fff;

    font: 35px/43px "Bree Serif",sans-serif;

    padding: 10px;

    text-align: center;

    text-transform: none;

    margin-bottom: 50px !important;

}



.rea {

    margin-bottom: 0 !important;

    margin-top: 90px !important;

}



.rea p a {

    border-color: #302121 !important;

    color: #302121 !important;

}





.conta p a{

 background-color: #cf181c !important;

    color: #fff !important;

	font-size: 23px !important;

    padding: 10px 40px !important;



}



.conta p {

  margin-top: 10px;

}





.conta {

    bottom: 0;

    display: none;

    left: 0;

    position: absolute;

    right: 0;

	height:150px;

    top: -49px;

}



.conta figure {

    margin: auto;

    width: 163px;

}



.page_3 .conta {

  display: block !important;

}



/***************** GOOGLE MAPS METAMODELS *********************/



/*  */

.gmap-infobox-content{width:150px;padding:15px;border:5px solid #000;color:#000;behavior:url('assets/css3pie/1.0.0/PIE.htc');background-color:rgba(255,255,255,.99);behavior:url('assets/css3pie/1.0.0/PIE.htc')}

/*  */

.gmap-infobox-content .imagebulle {margin-top:15px;}



/*  */

.gmap-infobox-content p{margin-bottom:0}





/*  */

.gmap-infobox-content p.name{font-size:11px!important; text-align:left!important; font-weight:900!important; line-height:1.2em;color:#000; text-transform:uppercase;}





/*  */

.gmap-infobox-content a{color:#42a6ed}



  #main .ce_dlh_googlemaps .gmap-infobox img {

    float: right;

}

/*  */

.gmap-infobox-tip {

	width:147px;

	height:8px;

	background: url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') no-repeat;

	background-position-x: -65px;

	background-position-y: 2px;

	margin-left: -65px;

}

/************************************************/

/******************* METAMODELS LIST ***********************************/



.page_3 .produit {

	display: inline-block;

	padding-left: 20px;

	padding-right: 20px;

	 width: 16.1%;

}



.page_3 .produit a {

	text-decoration: none !important;

}



.page_3 .produit h3, .page_3 .produit p.commune {

    clear: both;

    font-family: "Bree Serif",serif !important;

    font-size: 15px !important;

    text-align: center !important;

	margin-bottom: 0;

}

.page_3 .produit p.commune {

	color: #7a7a7a !important;

}



.page_3 .descliste {

    background-color: #eeeeee;

}





.list_metamodel .icon img {

    width: 187px;

}



.list_metamodel {

    float: left;

    margin: 14px;

    width: 155px;



}

.list_metamodel:hover {

    opacity:0.7;

}



.list_metamodel a {

    text-decoration: none;

}



.descliste {

    background:#5296d0;

	padding: 5px;

	height: 100px;

}



.list_metamodel h3 {

    font-size: 17px !important;

    text-align: center;

    color: #fff !important;

	margin-top:4px;

	float:left;

    width: 100%;

	text-align:center;

}



.list_metamodel .commune {

    text-align: center !important;

}



.page_27 h5, .page_27 .ce_metamodels_frontendfilter .secteur_geographique label:first-child, .page_27 .ce_metamodels_frontendfilter .typederando label:first-child, .page_27 .ce_metamodels_frontendfilter .duree_filtre label:first-child , .page_27 .ce_metamodels_frontendfilter .distance_filtre  label:first-child {

    color: #0062b7;

    font-size: 18px;

}



.page_27 .ce_metamodels_frontendfilter .secteur_geographique #ctrl_secteur_geographique, .page_27 .ce_metamodels_frontendfilter .typederando #ctrl_typederando, .page_27 .ce_metamodels_frontendfilter .duree_filtre #ctrl_duree_filtre, .page_27 .ce_metamodels_frontendfilter .distance_filtre #ctrl_distance_filtre{

    clear: both;

    margin-bottom: 14px;

    margin-top: 12px;

	line-height: 22px;

}



.page_27 .ce_metamodels_frontendfilter .distance{

    margin-top: 27px;

}



.page_27 .ce_metamodels_frontendfilter .duree_filtre:before, .page_27 .ce_metamodels_frontendfilter .distance_filtre:before {

    content: "";

	margin-right: 0;

	margin-left: 0;

}



.page_27 .secteur_geographique fieldset span, .page_27 .typederando fieldset span, .page_27 .duree_filtre fieldset span, .page_27 .distance_filtre fieldset span {

    margin-right: 37px;

}



.ce_metamodels_frontendfilter {

    margin-bottom: 30px;

}



.page_27 .submit_container .submit {

    font-size: 16px !important;

    padding: 9px;

}



.page_28 #dlh_googlemap_4.dlh_googlemap {

    width: 100% !important;

}



/********* METAMODELS DETAIL ***************/





.infosupp {

    background-color: #428bca;

	padding: 20px;

    width: 36%;

	text-align: center !important;

	color: #fff !important;

	float: right;

}



.distance, .duree, .ville {

    clear: both;

    margin-bottom: -11px;

	text-align:left;

}



.ce_metamodel_content .infosupp h3 {

    margin-top: 0;

}

.page_3 .ce_metamodel_content {

    margin: auto;

    width: 1100px;

}

.ce_metamodel_content h1 {

    text-align: center;

}

.distance:before, .duree:before, .ville:before {

	margin-right:15px;

	margin-left:20px;

}

.distance:before {

	content: url("../../files/theme/images/design/marcheur.png");

}



.duree:before {

	content: url("../../files/theme/images/design/horloge.png");

}



.ville:before {

	content: url("../../files/theme/images/design/ville.png");

}



.intro {

    float: left;

    width: 57%;

}



.intro p {

    color: #343434 !important;

    font-size: 17px !important;

}



.pdf {

    text-align: center;

}



.pdf a img {

    float: none !important;

    margin-top: 25px;

    width: 85px;

    padding: 20px;

}



.geocoordonne {

    margin-bottom: 15px;

}



.video-container {

   height: 0;

   overflow: hidden;

   padding-bottom: 56%;

   position: relative;

}

.video-container iframe, .video-container object, .video-container embed {

   border: 0 none;

   height: 100%;

   left: 0;

   position: absolute;

   top: 0;

   width: 100%;

}



.carte-associations {

    position: relative;

}

.bouton-association {

  background: url("../../files/theme/images/pages/btn-association.png") no-repeat;

  display: block;

  position:absolute;

  height: 38px;

  text-indent: -1000px;

  width: 44px;

  cursor:pointer;

}

.bouton-association:hover {

  cursor:pointer;

  opacity:0.9;

}



.btn-ass-1 {

    left: 47%;

    top: 3%;

}



.btn-ass-2 {

    left: 22%;

    top: 11%;

}





.btn-ass-3 {

    left: 45%;

    top: 31%;

}



.btn-ass-4 {

    bottom: 37%;

    left: 72%;

}



.btn-ass-5 {

    bottom: 31%;

    left: 26%;

}



.btn-ass-6 {

    bottom: 17%;

    left: 80%;

}

/********* SOUS-MENU *********/



.sous-menu ul li:first-child a {

    background: #5296d0;

    text-indent: 0;

    width: auto;

}

.sous-menu .level_2 li a:hover, .sous-menu .level_2 li a.active {

    background:#84b9ed !important;

}



.sous-menu .level_2 li a{

    padding-left: 22px;

    background: #5296d0 none repeat scroll 0 0;

}



.sous-menu ul li ul li {

    border: none !important;

}



.sous-menu ul li a, .sous-menu ul li span {

    border: 0;

    height: auto !important;

    padding: 14px !important;

    width: auto;

    text-align: left;

    color:#fff !important;

    text-transform: none !important;

}

.sous-menu ul li:before{

    content: url("../../files/theme/images/design/x.png");

    float: left;

    margin-left: 15px;

    margin-top: 14px;

    padding-right: 11px;

}

.sous-menu ul {

    margin-left: 0 !important;

    margin-top: 0;

    position: relative !important;

    width: 100%;

}



.sous-menu ul li {

    margin: 0 !important;

    width: 100%;

    background:#5296d0 !important;

}

.sous-menu ul li ul li:hover, .sous-menu ul li ul li.active {

    background:#84b9ed !important;

}



.sous-menu ul li.active, .sous-menu ul li:hover {

    background:#84b9ed !important;

}

.sous-menu h2 {

    font-size: 19px;

    color: #cf181c;

    text-transform: uppercase;

}



.sous-menu h2:before {

    content: url("../../files/theme/images/design/menu-droite-titre.jpg");

}



.fiches-raccourci {

  background: url("../../files/theme/images/design/fiches-raccourci.png") no-repeat;

  background-size: 100%;

  height: 57px;

}



.agenda-raccourci {

  background: url("../../files/theme/images/design/agenda-raccourci.png") no-repeat;

  background-size: 100%;

  height: 117px;

  margin-top: -11px;

}



.adherez-raccourci {

  background: url("../../files/theme/images/design/adherez-raccourci.png") no-repeat;

  background-size: 100%;

  height: 55px;

}



.agenda-raccourci a, .adherez-raccourci a, .fiches-raccourci a {

  display: block;

  text-indent: -10000px;

}



.fiches-raccourci:hover, .agenda-raccourci:hover, .adherez-raccourci:hover {

    opacity: 0.8;

}



.trace-3 {

    margin-top: -4px;

}



.fiches-raccourci a {

    height: 93%;

}



.fiches-raccourci a {

    height: 93%;

}



.agenda-raccourci a {

    height: 82%;

    padding-top: 13px;

}



.adherez-raccourci a {

    height: 100%;

}







/********* EXCEPTIONS MISE EN FORME ***************/



.page_53 #main li {

   margin:10px;

   color:#8b8b8b;

}



.page_53 #main H2 {

   font-size: 25px;

   line-height: 28px;

   margin-top:50px;

}

.page_72 #main H2 {

    color: #cf181c;

    font-size: 31px;

    line-height: 35px;

}



/**************************************************/



.btn-esp-secu p a {

    background-color: #cf181c;

    color: #fff !important;

    font-size: 17px;

    padding: 10px 40px;

}



.btn-esp-secu {

    margin-top: 20px;

}



.btn1 p a{

  background-color: #cf181c;

  color: #fff !important;

  font-size: 17px;

  padding: 10px 40px;

}



.btn1 p {

    text-align: center !important;

}



.btn1 {

  margin-top: 40px;

}



.btn1:hover > p a {

  background-color: #5296d0;

}

/********** PAGE LIGHTBOX **********/

.page_lightbox {
    background: #fff;
}

.page_lightbox #container {
    margin: 0 !important;
}

.page_lightbox #container h1 {
    text-align: center;
}

.page_lightbox .bot50 {
	margin-bottom: 50px !important;
}


.RGPDcontact {
	margin-top: 10px;
}
.RGPDcontact input {
	width: auto!important;
}
.RGPDcontact label {
	display: inline !important;
	float: inherit !important;
}

/**************ACTUS LISTE**************/
#actualites_liste section {
    display: flex;
    align-items: center;
    margin-top: -150px;
    position: relative;
    z-index: 5;
  }

  #actualites_liste section .mod_newslist .actu_min {
    margin-top: 30px;
  }

  #actualites_liste section .mod_newslist .actu_min .bt1 {
    margin: 0px 0px 10px 0px;
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
  }

  #actualites_liste section .mod_newslist .actu_min .bt1 a {
    background-color: #eaecee;
    padding: 10px;
    color: #000;
    font-size: 16px;
    text-align: left;
    width: 100%;
    font-weight: 500;
    text-decoration: none;
    transition: all ease 0.5s;
  }

  #actualites_liste section .mod_newslist .actu_min .bt1 a:hover {
    background-color: #5296d0;
  }

  #actualites_liste section .mod_newslist .actu_min .bt1::after {
    content: "+";
    font-weight: 900;
    background-color: #c41921;
    font-size: 40px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #eaecee;
    display: inline-block;
    margin-left: -30px;
    position: relative;
    line-height: 27px;
  }

  #actualites_liste section #btn_actu .bt2 {
    text-align: center;
  }

  #actualites_liste section #btn_actu a {
    text-decoration: none;
  }

  #actualites_liste section #btn_actu a strong {
    display: inline-block;
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    transition-property: color;
    transition-duration: 0.3s;
    padding: 5px 0px 20px 0;
    color: #eaecee;
    text-transform: uppercase;
    text-align: center;
    margin-top: 30px;
    font-weight: 900;
    background-color: #c41921;
    width: 100%;
    transition: all ease 0.5s;
  }

  #actualites_liste section #btn_actu a strong:hover {
    background-color: #5296d0;
  }

  #actualites_liste section #btn_actu a::after {
    content: "+";
    font-weight: 900;
    background-color: #eaecee;
    font-size: 40px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #c41921;
    display: block;
    position: relative;
    text-decoration: none;
    line-height: 27px;
    margin: -15px auto 0px auto;
  }

  #actualites_liste section .uneActu {
    background-color: #eaecee;
    height: 100%;
    transition: all ease 0.5s;
  }

  #actualites_liste section .uneActu:hover {
    background-color: #5296d0;
  }

  #actualites_liste section .uneActu a {
    text-decoration: none;
  }

  #actualites_liste section .uneActu a h3 {
    display: block;
    padding: 0 15px;
    color: #c41921;
    font-weight: 500;
    margin: 10px 0;
    text-transform: uppercase;
  }

  #actualites_liste section .uneActu a .texte {
    padding: 0px 15px 15px 15px;
  }

  #actualites_liste section .btcroix a {
    font-weight: 900;
    background-color: #c41921;
    font-size: 40px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #eaecee;
    display: block;
    position: relative;
    line-height: 27px;
    text-align: center;
    margin: -15px auto 0px auto;
    text-decoration: none;
  }

  #contact_lateral {
    position: absolute;
    z-index: 9999;
    right: 10px;
    top: 35%;
  }

  #contact_lateral a {
    position: relative;
    text-decoration: none;
  }

  #contact_lateral .vgn {
    margin-bottom: 10px;
    padding: 10px 20px 0px 10px;
    background-color: #cf181c;
    border-bottom: solid 5px #951015;
    transition: all ease 0.5s;
    display: flex;
    align-items: center;
  }

  #contact_lateral .vgn:hover {
    background-color: #951015;
  }

  #contact_lateral .vgn .float_left {
    margin: 0 10px 9px 0;
  }

  #contact_lateral .vgn p {
    color: #eaecee;
  }