@charset "utf-8";
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ @font-face {font-family:"Oswald Light";src:url("font/Oswald-Light.eot?") format("eot"),url("font/Oswald-Light.woff") format("woff"),url("font/Oswald-Light.ttf") format("truetype"),url("font/Oswald-Light.svg#Oswald-Light") format("svg");font-weight:normal;font-style:normal;}


/**********************************************************************/
/* HELPERS */
/**********************************************************************/
.cf:before,
.cf:after	{ content:""; display:table; }
.cf:after	{ clear:both; }
.cf 	 	{ zoom:1; }

.clearboth 		{ display: block; margin: 0; padding: 0; clear: both; }
.alignleft 		{ float: left; margin-right: 10px; }
.alignright 	{ float: right; margin-left: 10px; }
.aligncenter	{ margin-left: auto; margin-right: auto; display: block; }

.wpb_row.no-btm-margin,
.no-btm-margin,
.wpb_wrapper .no-btm-margin     { margin-bottom: 0; }
.small-btm-margin,
.wpb_wrapper .small-btm-margin  { margin-bottom: 10px; }
.medium-btm-margin,
.wpb_wrapper .medium-btm-margin { margin-bottom: 20px; }
.wpb_row, .wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin,
.wpb_button                     { margin-bottom: 0; }
.vc_column_container            { padding: 0; }

/**********************************************************************/
/* BOOTSTRAP */
/**********************************************************************/
.no-space [class*="-3"]	{ padding: 0; }
.jumbotron 				{ background: #fff; margin: 0; }
.jumbotron .content p 	{ font-size: 16px; font-weight: normal; color: white; }
.inner                  { max-width: 1600px; margin: 0 auto; }
.contenu                { max-width: 980px; margin: 0 auto; }

/**********************************************************************/
/* GENERAL */
/**********************************************************************/
body 	{ font-family: 'Oswald', sans-serif; font-size: 14px; color: #818285; font-weight: 300; background: url(../images/pattern.png) }
body a,
body input[type="submit"]	{ -webkit-transition:  all 0.3s ease; -moz-transition:  all 0.3s ease; -ms-transition:  all 0.3s ease; -o-transition:  all 0.3s ease; transition:  all 0.3s ease; }
a:hover 					{ text-decoration: none; }

* 						{ outline: none; }
a:active 				{ outline: none; }
:-moz-any-link: focus	{ outline: none; }

h1	{ font-size: 72px; font-family: 'Oswald', sans-serif; line-height: 73px; font-weight: bold; color: white; }
h2	{ font-size: 42px; color: white; font-family: 'Oswald', sans-serif; font-weight: bold; margin: 0 0 30px !important; line-height: 55px;}
h3	{ font-size: 26px; font-family: 'Oswald', sans-serif; }
h4	{ font-size: 27px; font-family: 'Open Sans', sans-serif;  font-weight: 300; color: white; margin-top: 35px; margin-bottom: 15px !important; }
h5	{ font-size: 14px; font-family: 'Oswald', sans-serif; }

p	{ font-size: 16px; color: white; font-family: 'Oswald', sans-serif; }

ul	{ line-height: 24px; list-style-type: none; padding-left: 0; }

::selection			{ background-color: #a4d165; color: #fff; }
::-moz-selection	{ background-color: #a4d165; color: #fff; }

::-webkit-scrollbar			{ width: 14px; }
::-webkit-scrollbar-track	{ background-color:#dfdfdf; }
 ::-webkit-scrollbar-thumb	{ background-color: #a4d165; outline: none; }

.content .row	{ margin: 0; }

.page-id-156, 
.page-id-156 p { font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 13px; }
.page-id-156 h3 { font-size: 16px; font-weight: normal; font-family: 'Open Sans', sans-serif; }
.page-id-156 h2 { font-size: 26px; font-weight: bold; margin-bottom: 0 !important; }
.page-id-156  li   { list-style-type: disc; list-style-position: inside; color: white; }

/**********************************************************************/
/* HEADER */
/**********************************************************************/
.logo    { position: relative; z-index: 999; }
.header   { height: 55px; }

/**********************************************************************/
/* SLIDER */
/**********************************************************************/


/**********************************************************************/
/* CONTENT */
/**********************************************************************/
.featured-image		{ width: 100%; height: 340px; background-size: cover; background-repeat: no-repeat; position: relative; top: -38px; }
.featured-image h1	{ color: #fff; text-align: right; font-size: 60px; } 

.informations       { padding: 30px 0; position: relative; top: -90px; }
.texte              { margin-bottom: 15px; line-height: 30px; padding-right: 40px; border-right: 1px solid #545454; padding-bottom: 20px; }
.texte p            { font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 13px; line-height: 20px; }
.texte li           { font-size: 36px; color: white; font-family: 'Oswald Light', sans-serif; }
.texte li span      { font-family: 'Oswald', sans-serif; }
.texte li:before    { content: '\2022'; padding-right: 10px; }
.imgAccueil,
.slider             { padding: 0; position: relative; top: -90px; }
.banner             { max-height: 518px; height: 518px; }
.telephone h2       { font-weight: bold; text-align: left; color: #A4D165; font-size: 32px; }
h1.titre            { position: relative; top: 186px; }
h1.titre p:first-of-type    { font-size: 32px; line-height: 42px; }
h1.titre p          { font-size: 72px; font-family: 'Oswald', sans-serif; font-weight: bold; line-height: 73px; margin-bottom: 0; }
/**********************************************************************/
/* FORMULAIRE */
/**********************************************************************/
.textBox input                                    { border: 1px solid #3aa4c8; border-radius: 5px; }

.formulaire .gform_body                                  { margin-top: 25px; }
.formulaire .gform_wrapper .top_label input.medium       { height: 50px; width: 75%; }
.formulaire .gform_wrapper .top_label .gfield_label      { color: white; font-size: 18px; font-family: 'Oswald Light', sans-serif; text-transform: uppercase; font-weight: normal; }
.formulaire                                              { border-radius: 10px; padding-left: 40px; }
.formulaire .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]      { border: none; border-radius: 5px; text-align: left; color: #282828; padding: 6px 20px; background-color: #a4d165; font-size: 29px; font-weight: bold; margin-top: 20px; }
.formulaire .gform_wrapper .gform_footer                 { padding: 0; }
.formulaire .gform_heading h3.gform_title                { color: white; font-weight: normal; font-size: 40px; font-weight: bold; line-height: 39px; }
.formulaire .gform_heading .gform_description            { color: #a4d165; font-family: 'Oswald Light', sans-serif; font-size: 21px; margin-bottom: 30px; }

.formulaire .gform_wrapper .gfield_required              { display: none; }

/**********************************************************************/
/* FOOTER */
/**********************************************************************/
.footer     { padding: 30px 0; position: relative; top: -70px; }
.footer p   { font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 300; }
.footer a   { color: white; }
.footer h2  { font-size: 30px; font-family: 'Oswald Light', sans-serif; font-weight: normal; margin-bottom: 25px !important; line-height: 30px; margin-top: 25px !important; }
.footer li  { color: white; font-weight: 300; font-size: 13px; font-family: 'Open Sans', sans-serif; }
.footer li span { font-size: 16px; font-weight: bold; }
.footer ul:last-of-type { margin-top: 20px; }
.footer ul:last-of-type li { line-height: 20px; }

.footer .map { margin-top: 30px; }
/**********************************************************************/
/* BLOG */
/**********************************************************************/


/**********************************************************************/
/* ARCHIVE  */
/**********************************************************************/


/**********************************************************************/
/* SINGLE */
/**********************************************************************/


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


/* 404 
**********************************************************************************/
.error404	{ background-image:url('../images/BG_repeat.jpg'); background-repeat:repeat; width:100%; height:100%;}
.error404 .container	{ border-radius: 0 35px; background: #0d557e; width: 50%; margin-left: -25%; margin-top: 5%; position: absolute; left: 50%; }
.error404 h1	{ font-size: 30px; color: #fff; text-align: center; padding-top: 40px; margin-bottom: 10px; }
.error404 h2	{ color: #fff; font-size: 56px; font-weight: 300; text-align: center; margin-bottom: 65px; text-transform: uppercase; }
.error404 .cta	{ width: 50%; margin-left: auto; margin-right: auto; text-align: center; padding-bottom: 30px; }
.error404 a	{ color: #fff; text-decoration: none; text-align: center; display: inline-block; border: 1px solid #fff; padding: 15px; width: 200px; }
.error404 a:hover	{ color: #0d557e; background:#fff; border: 1px solid #fff; border-radius: 0 5px; }

/**********************************************************************/
/* RESPONSIVE */
/**********************************************************************/
@media (max-width: 1800px)  {
    /*.container { width: 100%; }*/
} 

@media (max-width: 1200px)  {


}

@media (max-width: 960px)  {

	.error404 .container	{ width: 80%; margin-left: -40%; }
	.error404 h1			{ font-size: 24px; }
	.error404 h2			{ font-size: 30px; }
    .contenu                { padding: 0 10px; }
    .texte                  { padding-right: 0; border-bottom: 1px solid #545454; border-right: none; margin-top: 20px; }
	
}

@media (max-width: 900px)  {


}

@media (max-width: 768px)  {

	.error404 h1			{ font-size: 18px; }
	.error404 h2			{ font-size: 24px; padding: 0 20px; }
    .formulaire             { padding-left: 0; }
	
}

@media (max-width: 480px)  {

	.cta .back-to-home	{ width: initial; }
 
}

@media (max-width: 320px)  {


}