*{
    margin:0;
    padding:0;
}

.invisible  {
    display:none;
}


body{
	background-color: #fff;
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;
}


#wrap {
margin: auto;
width: 100%;
}

#wrapper {
margin: auto;
width: 100%;
}

#content {
padding: 0px;
}


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

header {
width:100%;
height:150px;
position:absolute;
z-index:10000;
 }

 .page_2 header  {
 }

 #header .inside{

  width: 960px;
  margin:auto;
}


#logo {
	float:left;
	position:absolute;
}

#logo img {

}

.phonetop {
	float:right;

}


.phonetop a{
	float:right;
	background-image:url("../images/design/phonetop.png");
	width:193px;
	height:46px;
	margin-top:0;
	text-indent:-3000px;

}

/***************** 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("../images/design/rss.png");
}

.social ul li:nth-child(2) a {
  background-image:url("../images/design/facebook.png");
}

.social ul li:nth-child(3) a {
  background-image:url("../images/design/googleplus.png");
}

.social ul li:nth-child(4) a {
  background-image:url("../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***********/

nav {
font: 15px/22px 'Montserrat', sans-serif;
font-weight:400;
text-transform:uppercase;
float:right;
width:750px;
 background: url("../images/design/fondnav.png") center top repeat;
 }

nav a {
color: #fff;
}

 nav ul {
    list-style:none;
    margin:0px auto;
    text-align: center;
    width: 100%;
}

header nav .level_1>li.submenu a {
    padding-bottom:20px;
}

header nav .level_1>li.submenu {
	margin-bottom:0px!important;
}

header nav .level_2 li a{
	padding-bottom:10px!important;
}

nav ul li {
    float:left;
	margin:20px 10px;
}

nav .level_1 > .first {
    margin-left:80px;

}

nav ul li a {
    text-decoration:none;
    display:block;
    color:#fff;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
    -moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	transition-property: all;
	transition-duration: 0.2s;
	padding:0px 2px;
	text-align: center;
	height:20px;

}


nav ul li a:hover {
    color:#deb331;

}

nav ul li.active {
    color:#ffb649;
	padding:0px 6px;

}

nav li ul {
    margin-left: -1000em;
    margin-top: 2.5em;
    position: absolute;
    width: 10em;
}

nav li:hover ul{	margin-left: 0; }

nav li li a {
	background-color:#deb331;
    font-size: 12px;
    text-align: left;
    text-transform: none;
	width:200px;
	padding:8px 0 8px 10px;
	margin:0;
}

nav li li a:hover {

}

nav ul li ul li a{
	color:#000;
	text-transform:uppercase;
	font: 15px/22px 'Montserrat', sans-serif;
	font-weight:900;

}

nav ul li ul li a:hover{
	background-color:#deb331;
	color:#fff;
}

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;
	width:200px;
	padding:8px 0 8px 10px;
	text-align:left;
	background-color:#bd8e00;
}

ul.level_2  .active {
    color:#fff;
	width:200px;
}

/***************** 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("../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("../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("../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("../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("../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("../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("../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("../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 a:first-child {
    color:#fff;
	font: 13px/22px 'Montserrat', sans-serif;
	text-decoration:none;
	padding:0px 20px 6px 6px;
}

.mod_breadcrumb li:first-child a {
	background: url("../images/design/home.gif") no-repeat center center;
	width:100%;
	text-indent:-3000px;
	display : inline-block;
	width:45px;
}

.mod_breadcrumb a {
	text-decoration:none;
	color:#888882!important;
	border-right:1px solid #ccc;

}

.mod_breadcrumb li {
    list-style-type:none!important;
	float:left;
	color:#888882!important;
	font: 13px/22px 'Montserrat', sans-serif!important;
	font-weight:200;
	padding:6px;
	margin-top: 9px !important;
}

.mod_breadcrumb .active {
    margin-top:9px!important;
}

.mod_breadcrumb li:last-child {
	border-right:0px!important;
}


.mod_breadcrumb {
    border-bottom:1px solid #ccc;
	padding-bottom:25px;
	margin-bottom:40px;
}

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

table {
	width:100%;
}

table tr td:first-child {
	font-weight:bold !important;
	font: 16px/22px 'Montserrat', Arial, sans-serif !important;
	padding:1em;
}

table tr td:first-child {
    background-color:#2d2d2d;
	text-align:left;
	color:#fff;
}

tr:first-child td:nth-child(2), tr:first-child td:nth-child(3), tr:first-child td:nth-child(4), tr:first-child td:nth-child(5)  {
    width:18%;
	background-color:#e1e1e1;
}


table tr td {
    border:1px solid #fff;
	background-color:#f5f5f5;
	padding:2em;
	text-align:center;

}

table tr td:hover {
	background-color:#deb331;
}

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

#main  {
  margin:auto;
 }

 .page_3 #main #accueil {

 background: url("../images/design/fondmainacc.jpg") center top no-repeat;
 }

#main H1 {
  font: 50px/50px 'Montserrat', sans-serif;
  font-weight:700;
margin-bottom:15px;
color:#000!important;
text-align:center;
text-transform:uppercase;
margin-top:56px!important;
margin-bottom:85px!important;
 }

   .page_3 #slid H1 {
  font: 30px/35px 'Montserrat', sans-serif;
  font-weight:400;
margin-bottom:15px;
margin-top:45px;
color:#000!important;
text-align:center;
text-transform:uppercase;
margin-top:85px!important;
margin-bottom:85px!important;
 }

   .page_3 #slid H1 strong {
  font-weight:900;
  color:#000;
 }

   .page_3 #accueil img {
 }

 #main H2{
  	color:#000;
font-size:34px;
line-height: 38px;
font-weight:900;
text-transform:uppercase;
 }

#main H2 a{
  	color:#8e98a3;
	text-decoration:none;
	font-weight:bold;
 }

#main H3{
  	color:#d2a92e;
font-size:15px;
font-weight:900;
text-transform:uppercase;
 }

#main H3 a {
color:#A3845E;
text-decoration:none;
 }

#main p, #slide p {
  font: 15px/22px 'Montserrat', sans-serif;
	color:#000;
	text-align:justify;
 }

#main p a{
	color:#f4c947;
	text-decoration:none;
	font: 15px/20px 'Montserrat', sans-serif;
	padding:0 5px;
 }

#main p a:hover{
	color:#E54922;
 }

#main li {
	list-style-type: disc;
	color:#000;
	font: 15px/20px 'Montserrat', sans-serif;
	margin:4px 0px;
 }

#main li p {
	margin:4px 0px;
 }

#main li a {
	color:#000;
	text-decoration:none;
 }

#main ul, .intro ul {
	margin-left:30px;
	padding:10px;
 }

#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 'Montserrat', sans-serif;
 }

#main img {
  float:left;
 }

 .float_right {
 margin:0 0 10px 10px;
 }
 .float_left {
 margin:0 10px 10px 0;
 }

#slide {
width:100%;
margin: auto auto;
 }


a voir{
  .page_13 #slide {
  width:100%;
  background: url("../images/slide/slidemuscu.jpg") center top no-repeat;
  height:350px;
   }

   .page_5 #slide {
  width:100%;
  background: url("../images/slide/entete-velo.jpg") center top no-repeat;
  height:350px;
   }

    .page_15 #slide, .page_17 #slide {
  width:100%;
  background: url("../images/slide/entete-cours.jpg") center top no-repeat;
  height:350px;
   }

     .page_16 #slide {
  width:100%;
  background: url("../images/slide/slideplus.jpg") center top no-repeat;
  height:350px;
   }

    .page_4 #slide, .page_6 #slide, .page_14 #slide {
  width:100%;
  background: url("../images/slide/entete-actus.jpg") center top no-repeat;
  height:350px;
   }

   .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;
 }

 .page_3 #container {
 margin-left: auto;
  margin-right: auto;
  width: 100%;
    background: url("../../theme/images/design/bordureblanche.gif") no-repeat top center #fff;
	float:left;
 }

 #container {
 margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color:#fff;
 }

.page_2 .custom  {
 margin-left: auto;
 margin-right: auto;
 width: 100%;
 }

  .custom  {

 }

 #sports  {
float:left;
background: url("../images/design/fondjaune.jpg") center top no-repeat;
margin-top:100px;
height:290px;
 }

  #sports H2 {
font: 43px/43px 'Montserrat', sans-serif;
font-weight:200;
color:#d2a92e;
width:100%;
margin:auto;
margin-top:8px;
text-align:center;
 }

   #sports H5 {
font: 32px/32px 'Montserrat', sans-serif;
font-weight:900;
color:#000;
width:100%;
margin-top:8px;
text-align:center;
text-transform:uppercase;
clear:both;
 }

#sports figure {
    margin: auto;
    width: 117px;
}


#sports .col_1 figure {
    margin-top: 15px;
}

#sports .sono figure {
    margin: auto;
    width: 80px;
}
 #sports .col-25x25x25x25  {
margin-top:25px!important;
 }

  .imgleft {
 background: url("../images/design/left.png") right top no-repeat;
 float:left;
position:absolute;
width:440px;
height:800px;
z-index: 1;
  }

 .page_3 .imgleft  {

margin-top:-302px;
 }


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



.col-33x33x33 h4{
    text-transform:uppercase;
	color:#000;
	background-color:#deb331;
	border-top:3px solid #c5970a;
	text-align:center;
	padding:5px;
	margin:0!important;
}


 .bulle1 a, .bulle2 a, .bulle3 a  {
 width: 100%;
 text-indent:-3000px;
 height:128px;
  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 {
background-position:0px 0px;
cursor:pointer;
 }

   .bulles:hover H4  {
	color:#deb331;
	background-color:#000;
 }

  .bulle1 a {
background: url("../images/design/bulle1.jpg") no-repeat 0px -128px;
 }

   .bulle2 a {
background: url("../images/design/bulle2.jpg") no-repeat 0px -128px;
 }

   .bulle3 a {
background: url("../images/design/bulle3.jpg") no-repeat 0px -128px;
 }

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

 .ce_colsetPart {
margin:0!important;
 }

/***************** ACTUALITES  ********************/
#actualites .layout_latest  {
	border-top : 1px solid #000;
	margin-bottom:50px;
	padding:20px 0 ;
}

.page_3 .mod_newslist, .page_3 .layout_latest > *  {
	margin:0!important;
}

.content-slider {
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
	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("../images/design/prev.gif");

}

.slider-control .slider-next {
	width:23px;
	text-indent:-3000px;
	background-image: url("../images/design/next.gif");

}

.layout_latest {
	width:100%;
	height:auto;
	min-height:55px;
	float:left;
}

.layout_latest .more a {
	font-size:15px;
	color:#fff!important;
	background-color:#deb331;
	text-decoration:none;
	margin-bottom:20px;
}

.page_3 .teaser p {
	font: 15px/17px 'Montserrat', sans-serif!important;
}

.layout_latest img {
	margin: 20px 10px 5px 5px;
}

.layout_latest .teasernews {
	width:100%;
	float:left;

}

.layout_latest .info {
	float:right;
}

.layout_latest .info p {
	margin:0!important;
}


.layout_latest .more {
	float:right;
	text-align:left !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:#000 !important;
	font-size:17px!important;
	color:#000!important;
	font-weight:700;
	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);

}
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 'Montserrat', sans-serif;
padding-top:0;
}
.consult p{
margin:0 !important;
background-color:#a3845e;
height:18px;
font: 10px/18px 'Montserrat', 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;
}


.toggler.active {
  	font: 18px/26px 'Montserrat', sans-serif;
	color:#fff;
	text-align:left;
	text-decoration:none;
	background-color:#3b8cc2;

}

.toggler {
  	font: 18px/26px 'Montserrat', 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(../images/accordion.png);
	vertical-align:-4px;
	margin-right:5px;
}

.toggler:hover:before {
	content : url(../images/accordionha.png);

}

.toggler.active:before {
	content : url(../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 'Montserrat', sans-serif!important;
  font-weight: 900;
  padding:10px;
	background-color:#deb331;
	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;
	width:70px;
	float:right;
	text-align: center;
}

.back a {
	color:#fff!important;
	text-decoration:none;
}


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

.mod_Recherche H1 {
	display:none;
}

.mod_Recherche {
	padding-top:30px;
	width:700px;
	height:100px;
	margin:auto;
}

.mod_Recherche input:hover {
	background-color:#5A4218;
}

.mod_Recherche submit:hover  {
	background-color:#F9BB4B;
}

 .mod_Recherche input{
	height: 50px;
    width: 554px;
	border:0;
	color:#fff;
	background-color:#D7CEBE;
	text-indent:10px;
	font-size:20px;
	font-weight:900;
	text-transform:uppercase;
	border-radius:40px 0 0 40px ;
	border:3px solid #fff;

}

 .mod_Recherche .submit{
    width: 140px;
	height:56px;
	float:right;
	background: url("../images/design/loupe.png") no-repeat scroll center center #F08C0F;
	margin-top:0;
	display:block;
    border: none;
    cursor: pointer;
    margin-left:0;
    padding: 0;
    text-indent: -3000px;
	border-radius:0 40px 40px 0;
	border:3px solid #fff;
}

 /***************** 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("../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:200px;
	margin:auto;
}

 .mod_login H1{
	text-indent:-5000px;
	width: 230px;
	height:79px;
	background: url("../images/top_ae.png") no-repeat scroll left top transparent;

}

/***************** FORMULAIRE RECHERCHE ********************/
 .mod_form {
	background: url("../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("../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: 230px;
margin-top:150px;
}

#left {
margin-left:0;
}

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

#footer a {
text-decoration:none;
color:#fff;
  }

  #footer a:hover {
text-decoration:none;
color:#5A4218;
  }

#footer {
  width: 100%;
  float:left;
  clear:both;
  margin-bottom:0;
  min-height:137px;
  background-color:#2d2d2d;
  margin-top:150px;
}

#footer .inside{
	margin:auto;
	margin-top:50px;

}

#footer .tabularasa{
  float:right;
}

#footer .tabularasa a{
  color:#fff;
  text-decoration:none;
  font: 14px/10px 'Montserrat', sans-serif;
  font-weight: 900;
  padding:15px;
  background-color:#000;
  	-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:#deb331;
  color:#000;

}

#footer .mentions{
  float:left;
  color:#FFF;
  font: 11px/20px 'Montserrat', sans-serif;
  margin-top:10px;
  text-transform:uppercase;
}

#footer .mentions a{
  color:#FFF;
  text-decoration:none;

}



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

   .formulaire H1 {
   background: url("../images/mail.png") no-repeat scroll left bottom transparent;
    padding-left: 45px;
	height:30px;
	font: 25px/25px 'Montserrat', sans-serif;
	color:#025d6b;

  }

   .formulaire {
float:left;
width:734px;
font: 11px/16px 'Montserrat', 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 {
	background-color: #f0ede5;
    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: #deb331 !important;
    color: #000;
    cursor: pointer;
    float: left;
    font: 14px/10px "Monserrat",sans-serif;
    margin-right: 0;
    margin-top: 30px !important;
	text-transform:uppercase;
	font-weight:900;
}

#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 "Montserrat",sans-serif;
    height: 50px;
    padding: 10px;
    width: 100%;
}

#ctrl_9:hover {
	color:#FFF;
}

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


.mod_dlh_googlemaps {
width:100%!important;
float:right;
  }

  #dlh_googlemap_1 {
width:100%!important;
  }

.mod_dlh_googlemaps H1{
display:none;
  }

.coord {
float:left;
width:300px;
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 'Montserrat', 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;
	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:#f0be2f;
	color:#000;
}

#contact input:hover, #contact textarea:hover{
	background:#f0be2f;
	color:#000;
}

#ctrl_12 {
	border: none;
    color: #3D2716;
    font-size: 100%;
    height: 50px;
    padding: 10px;
    width: 281px;
	color:#808080;
	font: 11px/10px 'Montserrat', sans-serif;
}

#ctrl_12:hover {
	color:#FFF;
}

#ctrl_12_submit {
    margin-right: 0px;
	font-size:14px;
	font: 14px/10px 'Montserrat', sans-serif;
	color:#025d6b;
	width:95px;
	height:30px;
	cursor:pointer;
	float:left;
	margin-left:200px;
}


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

.rsts-slide img, .mod_rocksolid_slider {
	margin: 0px!important;
}

.rsts-caption {
font: 28px/28px 'Montserrat', sans-serif;
color:#000!important;
text-transform:uppercase;
background: url("../images/design/captionf.png") repeat-x scroll left top transparent!important;
margin-right: 20% !important;
border-radius:0!important;
 }

 .rsts-skin-default .rsts-caption {
right: 20px !important;
top:400px!important;
 }
/*
 .rsts-caption:before {
content:"";
width:20px;
background: url("../images/design/captionleft.png") no-repeat scroll left top transparent;
 }

  .rsts-caption:after {
content:"";
width:20px;
background: url("../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("../images/design/bulle1.png");
}

.ch-img-2 {
	background-image: url("../images/design/bulle2.png");
}

.ch-img-3 {
	background-image: url("../images/design/bulle3.png");
}

.ch-img-4 {
	background-image: url("../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 'Montserrat', sans-serif;
	font-style:italic;
}

.goutte {
    background: url("../../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:#deb331;
	padding:10px;
	margin-top:30px;
}

.encadre p{
	text-align:center!important;
	font: 17px/22px 'Montserrat', sans-serif!important;
}