/* Feuille de style client */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,800&family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,800&display=swap');
/*
300 => light
400 => regulier
600 => semi-bold
700 => bold
800 => extra-bold
900 => black
*/
/* Couleur & Fonts */

@font-face {
  font-family: 'velotric';
  src:  url('fonts/velotric.eot?91z7vs');
  src:  url('fonts/velotric.eot?91z7vs#iefix') format('embedded-opentype'),
    url('fonts/velotric.ttf?91z7vs') format('truetype'),
    url('fonts/velotric.woff?91z7vs') format('woff'),
    url('fonts/velotric.svg?91z7vs#velotric') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.display-none{
	display:none;
}

.center, 
.center p{
	text-align:center;
}

.slogan{
	text-transform: uppercase;
    font-family: 'Montserrat', sans-serif !important;
    font-style: italic;
    font-size: 40px;
    line-height: 1.2;
}

a:hover
{
	color:#0f81bf;
}

body
{
	color:#000;
	font-size:20px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:normal;
	line-height:1.2;
}

h1,h2,h3,h4,h5,h6
{
	color:#000;
	text-transform:none;
	line-height:1.2;
	margin-bottom: 25px;
}

p
{
	color:#000;
}

#header
{
	//background-color:#2d3039;
}

.orange
{
	color:#e3531a;
}

.rouge
{
	color:#ea0029;
}

#footer
{
	color:#fff;
	font-size:14px;
}

#title_site h2
{
	color:#000;
	font-size:34px;
}

#header_contact
{
	color:#FFF;
}

#header_phone
{
	font-size:20px;
	color:#fff;
}

#rot_content #rotator_menu ul li
{
	background-color:#FFF;
}

#rot_content ul li {
	background-position: top 35% center;
}

#rot_content #rotator_menu ul li:hover,#rot_content #rotator_menu ul li.selected
{
	background-color:#3f7cb3;
}

#rotator {
	background: #000;
}

#copyright_content
{
	color:#fff;
	border-top:solid 1px #717171;
}

#copy_left
{
	color:#747474;
	font-size:14px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:400;
}

#copy_right
{
	color:#fff;
	font-size:12px;
}

#page_content
{
	color:#000;
	font-size:calc(18px + 0.1vw) !important;
	max-width:100%;
	padding-left:6%;
	padding-right:6%;
	line-height: 1.7em;
}
#page_content_txt
{
	font-size:18px!important;
}
#menu_contact
{
	color:#FFF;
	font-size:20px;
}

#menu_tel
{
	color:#b9af7e;
	font-size:20px;
}

#menu li
{
	color:#e9eaeb;
	font-size:15px;
}

#menu > li:hover > a,#menu > li.selected:hover > a,#menu > li.selected > a,#menu ul > li.selected > a
{
	color:#0f81bf !important;
	//background-color:#0f81bf !important;
}

#menu ul li
{
	color:#e9eaeb;
	font-size:15px;
}

#menu ul li:hover > a,#menu ul li.selected > a
{
	color:#0f81bf !important;
	background:rgba(255,255,255,1) !important;
}

#menu ul li a
{
	background:rgba(255, 255, 255, 1);
	color:#6b6b6b;
}

#menu ul li:hover
{
	color:#fff;
}


#menu > li:hover > a,
#menu > li.selected > a
{
	border-bottom:solid 12px #0f81bf;
}

#page_content h1,
.h1{
	color: #000;
    font-size:calc(18px + 2.2vw) !important;
    text-transform: none;
    font-weight: 700!important;
}

#top_page
{
    min-height:400px;
    max-height: 400px;
    background-position: center center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
	background:#000;
	position: relative;
}

#top_page:before {
	content: "";
    backgound: -moz-linear-gradient(top, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#99000000',GradientType=0 );
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#top_page h1
{
    color: #fff;
	font-size:calc(18px + 2.2vw) !important;
	line-height: 1.2;
    text-shadow: 0 0 14px rgba(0,0,0,0.6);
    text-align: center;
    text-transform: none;
	font-weight: 700!important;
}

.top_header_menu
{
	color:#FFF;
}

.header_phone
{
	color:#000;
	font-size:28px;
	font-weight:800;
	font-family: 'Montserrat', sans-serif;
}

.header2 .header_phone
{
	font-size:24px;
}

.rot_box_content
{
	color:#FFF;
	font-size:44px;
}
.btn
{
	font-size:20px;
}

.btn_petit
{
	font-size:16px;
}

.btn_gros
{
	font-size:24px;
}

.btn,.btn_gros,.btn_petit
{
	color:#FFFFFF !important;
	background-color:#121212;
	border-radius:5px;
	text-transform:none;
	font-weight:600;
	padding: 15px 35px;
}

.btn:hover,.btn_petit:hover,.btn_gros:hover
{
	background-color:#333333;
	color:#fff !important;
}

.footer_title
{
	color:#fff;
	font-size:16px;
}


.sous-title
{
	color:#808285;
	font-size:24px;
}

.title-h1
{
	font-size:calc(18px + 1.6vw) !important;
    color: #2a3519;
}

h1.style-h2,
h2.style-h2,
h3.style-h2,
h4.style-h2,
h5.style-h2,
h6.style-h2 {
	font-size:calc(18px + 1.6vw) !important;
}

h2
{
	font-size:calc(18px + 1.6vw) !important;
	color:#000;
	font-weight:700;
}

h3
{
    color: #000;
	font-size:calc(18px + 1.1vw) !important;
	font-weight:700;
}

h4
{
    color: #000;
	font-size:calc(18px + 0.6vw) !important;
	font-weight:700;
}

h5
{
    color: #000;
	font-size: 25px;
	font-weight:700;
}

h6
{
	font-size: 22px;
	color:#000;
	font-weight:700;
}

h1.h2,
#page_content h1.h2
{
    font-size: calc(18px + 1.6vw) !important;
}

#page_content ul li a,
#page_content ol li a
{
	color:#ea0029;
	text-decoration: underline;
}

#page_content ul li a:hover,
#page_content ol li a:hover
{
	color:#000;
}


#page_content ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

#page_content ol li {
    counter-increment: my-awesome-counter;
    display: table;
    margin-bottom: 20px;
	line-height: 1.5em;
}

#page_content ol li::before {
    content: "0" counter(my-awesome-counter);
    font-size: 35px;
    padding-right: 25px;
    line-height: 1;
    font-weight: 800;
	color:#ea0029;   
	display:table-cell;
	text-align:right;
	vertical-align:top;
}


.rot_txt
{
	color:#ffffff;
	font-size:17px;
}

.rot_title
{
	font-size:calc(18px + 2vw) !important;
	font-family: 'Montserrat', sans-serif;
	font-weight:800;
	font-style:italic;
	margin-left:15%;
	width:70%;
	text-align:center;
	line-height:1.2 !important;
	text-shadow: 0px 0px 14px rgba(0,0,0,0.6);
}

.title
{
	font-size:22px;
	color:#000;
}

#rotator_text ul li
{
	color:#FFF;
	font-size:17px;
}

#facebook_ico:before,
#instagram_ico:before,
#pinterest_ico:before,
#youtube_ico:before,
#twitter_ico:before,
#google_ico:before,
#linkedin_ico:before,
#mail_ico:before,
.header_phone:before
{
	color:#0f81bf;
	font-size:20px;
}

#facebook_ico:hover:before,
#instagram_ico:hover:before,
#pinterest_ico:hover:before,
#youtube_ico:hover:before,
#twitter_ico:hover:before,
#google_ico:hover:before,
#linkedin_ico:hover:before,
#mail_ico:hover:before,
.header_phone:hover:before
{
	color:#fff;
}

.footer_adress
{
	color:#FFF;
	font-size:16px;
}

.footer_tel
{
	color:#e9eaeb;
	font-size:18px;
}

#footer_menu_site > li > a
{
	color:#fff;
}

#footer_menu_site > li:before
{
	color:#333;
}

.social_ico_circle
{
	color:#ea0029;
}


.social_ico_circle:hover
{
	//background-color:#f40337 !important;
}

#footer_menu > li
{
	color:#b0b0b0;
	font-size:14px;
}

#footer_menu > li > ul > li:before
{
	color:#FFF;
	font-size:5px;
}

#footer_menu > li > ul
{
	font-size:12px;
}

.footer_social .social_ico_circle
{
	background-color:#717171;	
}

.footer_social .social_ico_circle:hover
{
	background-color:#ea0029;	
}

.footer_social #facebook_ico:before,
.footer_social #instagram_ico:before,
.footer_social #pinterest_ico:before,
.footer_social #youtube_ico:before,
.footer_social #twitter_ico:before,
.footer_social #google_ico:before,
.footer_social #linkedin_ico:before,
.footer_social #mail_ico:before
{
	color:#000;
	//font-size:18px;
}

.footer_social #facebook_ico:hover:before,
.footer_social #instagram_ico:hover:before,
.footer_social #pinterest_ico:hover:before,
.footer_social #youtube_ico:hover:before,
.footer_social #twitter_ico:hover:before,
.footer_social #google_ico:hover:before,
.footer_social #linkedin_ico:hover:before,
.footer_social #mail_ico:hover:before
{
	color:#fff;
}

.footer_info
{
	font-size:18px;
}


.footer_info > li:before
{
	color:#FFF;
}

.footer_xposito:before
{
	color:#747474;
}

.footer_projexmedia:before
{
	color:#747474;
}

.footer_mail
{
	color:#fff;
}

#footer a:hover
{
	color:#fff;
}

.top_header_menu li
{
	font-size:12px;
}

.right_arrow:after
{
	color:#FFF;
	font-size:20px;
}

.rot_prev:before
{
	content:"\f104";
	color:#FFF;
	font-size:calc(18px + 1.6vw) !important;
}

.rot_next:before
{
	content:"\f105";
	color:#FFF;
	font-size:calc(18px + 1.6vw) !important;
}

.rot_prev:hover:before
{
	font-size:calc(18px + 2.2vw) !important;
}

.rot_next:hover:before
{
	font-size:calc(18px + 2.2vw) !important;
}

#copyright
{
	color:#fff;
}

#page_content ul li:before
{
	font-size: 15px;
    color: #ea0029;
    content: "\f054";
    left: -9px;
    top: 16px;
}

.toggle .toggle_item {
	background-color: #f5f5f5;
	margin-bottom: 15px;
	border-radius: 6px;
	border: 1px solid #ececec;
}

.toggle .toggle_item .toggle_title {
	font-weight: 700!important;
    font-size: 22px;
	padding: 22px 25px;
}

.toggle .toggle_item .toggle_icone{
	padding-right: 20px;
}

.toggle .toggle_item .toggle_html {
    padding: 0 25px 20px;
	font-size: 18px;
    line-height: 1.5em;
}

.footer_xposito:before
{
	font-size:24px;
}

.footer_projexmedia:before
{
	font-size:24px;
}

#menu li a.more:after
{
	font-size:14px;
}

.formulaire_correct .formulaire_message
{
	border:solid 1px #060;
	color:#060;
	background-color:#f9fff9;
}

.formulaire_error .formulaire_message
{
	border:solid 1px #900;
	color:#900;
}

.field_error
{
	border:solid 1px #900 !important;
	color:#900;
}

.note
{
	font-size:13px;
}

.custom_file
{
	background-color: #317fc1;
	color: #fff;
	font-size: 14px;
}
.custom_file:hover
{
	background-color:#fff;
	color:#317fc1;
}

.custom_file_txt
{
	background-color: #fff;
    font-size: 14px;
}

/* Fin Couleur & Font */





/* Header 1 */

/* Fin Header 1 */



/* Footer 1 */

#footer.footer1 #facebook_ico:before,
#footer.footer1 #instagram_ico:before,
#footer.footer1 #pinterest_ico:before,
#footer.footer1 #youtube_ico:before,
#footer.footer1 #twitter_ico:before,
#footer.footer1 #google_ico:before,
#footer.footer1 #linkedin_ico:before
{
	color:#e9eaeb;
}

#footer.footer1 #facebook_ico:hover:before,
#footer.footer1 #instagram_ico:hover:before,
#footer.footer1 #pinterest_ico:hover:before,
#footer.footer1 #youtube_ico:hover:before,
#footer.footer1 #twitter_ico:hover:before,
#footer.footer1 #google_ico:hover:before,
#footer.footer1 #linkedin_ico:hover:before
{
	color:#fff;
}

#footer.footer1 #footer_menu > li a:hover,
#footer.footer1 #footer_menu > li.selected a
{
	color:#fff !important;
}

#footer.footer1 .social_ico_circle
{
	color:#e9eaeb;
}

/* Fin Footer 1 */




/* Custom */
.Accueil #wrapper
{
	padding-top:0px;
	padding-bottom:0px;
}

.btn_test
{
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	border:solid 1px #1e5799;
	
	background: #7db9e8;
	background: -moz-linear-gradient(left,  #7db9e8 0%, #1e5799 50%, #7db9e8 100%);
	background: -webkit-linear-gradient(left,  #7db9e8 0%,#1e5799 50%,#7db9e8 100%);
	background: linear-gradient(to right,  #7db9e8 0%,#1e5799 50%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#7db9e8',GradientType=1 );

	background-size:200%;
	background-position:0% 0%;

	webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_test:hover
{
	background-position:100% 0%;
}

.btn_test2
{
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	border:solid 1px #1e5799;
	
	background: #7db9e8;
	background: -moz-linear-gradient(-45deg,  #7db9e8 0%, #1e5799 50%, #7db9e8 100%);
	background: -webkit-linear-gradient(-45deg,  #7db9e8 0%,#1e5799 50%,#7db9e8 100%);
	background: linear-gradient(135deg,  #7db9e8 0%,#1e5799 50%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#7db9e8',GradientType=1 );


	background-size:200%;
	background-position:0% 0%;

	webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_test2:hover
{
	background-position:100% 0%;
}

.btn_test3
{
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	border:solid 1px #1e5799;
	
	background: #65bc78;
	background: -moz-linear-gradient(left,  #65bc78 0%, #3b6d4c 50%, #65bc78 100%);
	background: -webkit-linear-gradient(left,  #65bc78 0%,#3b6d4c 50%,#65bc78 100%);
	background: linear-gradient(to right,  #65bc78 0%,#3b6d4c 50%,#65bc78 100%);



	background-size:200%;
	background-position:0% 0%;

	webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_test3:hover
{
	background-position:100% 0%;
	
	background: #65bc78;
	background: -moz-linear-gradient(left,  #65bc78 0%, #3b6d4c 50%, #65bc78 100%);
	background: -webkit-linear-gradient(left,  #65bc78 0%,#3b6d4c 50%,#65bc78 100%);
	background: linear-gradient(to right,  #65bc78 0%,#3b6d4c 50%,#65bc78 100%);

}

.border_round
{
	border-radius:14px;
}

.social_ico_circle
{
	background-color:#ea0029;
	height:38px;
	width:38px;
}

.header3 #facebook_ico:before, .header3 #instagram_ico:before, .header3 #pinterest_ico:before, .header3 #youtube_ico:before, .header3 #twitter_ico:before, .header3 #google_ico:before, .header3 #linkedin_ico:before, .header3 .header_phone:before,.header3 #mail_ico:before
{
	font-size:18px;
	color:#fff;
}
.header3 #mail_ico:before,
.footer_social #mail_ico:before
{
	content:"\f003";
}

a:hover
{
	color:#ea0029;
}

#menu > li:hover > a, #menu > li.selected > a
{
	border-bottom:none;
}

#header #logo img
{
	width: 330px;
}

#header.menu_fixed #logo img
{
	height:85px;
}

#header.menu_fixed #menu > li > a
{
	padding:20px 30px;
}

#header.menu_fixed  .top_header_info {
    margin-bottom: 10px;
    margin-top: 20px;
}

#footer_content,
#copyright_content
{
	max-width:100%;
	padding-left:2%;
	padding-right:2%;
}

#header.header3 #header_top_block{
	max-width: unset;
}

#footer_content{
	margin-bottom: 80px;
}

#menu li
{
	font-size:21px;
	color:#000;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:700;
	text-transform:none;
}

#menu > li:hover > a, #menu > li.selected:hover > a, #menu > li.selected > a, #menu ul > li.selected > a
{
	color:#ea0029 !important;
}

#menu ul li a
{
	background-color:#000;
	color:#fff;
}

#menu ul li:hover > a, #menu ul li.selected > a
{
	background-color:#000 !important;
	color:#ea0029 !important;
}

#menu ul li
{
	font-size:16px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:600;
	text-transform:none;
}


#rot_slide li::before {
    content: "";
    backgound: -moz-linear-gradient(top, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#99000000',GradientType=0 );
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.rot_btn
{
	width:70%;
	margin-left:15%;
	text-align:center;
}

.rot_btn .btn
{
	background-color:#ea0029;
	color:#fff;
	font-size:20px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:600;
	text-transform:none;
	border-radius:5px;
	padding: 18px 35px;
	text-align:center;
}

.rot_btn .btn:hover
{
	background-color:#f40337;
	color:#fff!important;
}


#rot_content
{
	max-height:720px;
}

#footer .footer_logo{
	max-width: 216px;
}

#footer
{
	padding-top:80px;
}

#footer.footer3 .social_ico_circle {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#footer.footer3 #footer_menu > li
{
	color:#fff;
	font-size:21px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:800;
	text-transform:none;
}

#footer a:hover,
#footer.footer3 #footer_menu > li.selected
{
	color:#ea0029;
}


#footer.footer3 .footer_cell1 {
	margin-bottom: 40px;
}

#footer.footer3 .footer_cell2
{
	margin-bottom:45px;
}

#footer.footer3 .footer_cell3
{
	margin-bottom:30px;
}

#footer.footer3 .footer_info
{
	font-size:18px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:400;
	text-transform:none;
}


.footer_carbone:before
{
	content:"\e902";
	color:#747474;
	font-family: "xposito";
    line-height: normal;
	font-size:24px;
}

.footer_xposito, .footer_projexmedia
{
	margin-left:25px;
}

#wrapper
{
	line-height:1.4;
	 padding-bottom: 100px;
    padding-top: 100px;
}

.btn.btn_white, .btn_gros.btn_white, .btn_petit.btn_white
{
	background-color:#fff;
	color:#000 !important;
}

.btn.btn_white:hover, .btn_gros.btn_white:hover, .btn_petit.btn_white:hover
{
	background-color:#e5e5e5;
	color:#000 !important;
}

.btn.btn_black, .btn_gros.btn_black, .btn_petit.btn_black
{
	background-color:#000;
	color:#fff !important;
}

.btn.btn_black:hover, .btn_gros.btn_black:hover, .btn_petit.btn_black:hover
{
	background-color:#fff;
	color:#000 !important;
}

.btn.btn_orange, .btn_gros.btn_orange, .btn_petit.btn_orange
{
	background-color:#e3531a;
	color:#fff !important;
}

.btn.btn_orange:hover, .btn_gros.btn_orange:hover, .btn_petit.btn_orange:hover
{
	background-color:#fe7b07;
	color:#fff !important;
}

.btn.btn_rouge, .btn_gros.btn_rouge, .btn_petit.btn_rouge
{
	background-color:#ea0029;
	color:#fff !important;
}

.btn.btn_rouge:hover, .btn_gros.btn_rouge:hover, .btn_petit.btn_rouge:hover
{
	background-color:#f40337;
	color:#fff !important;
}



.space_right_10
{
	margin-right:10px;
	margin-bottom:12px;
}


.child_border_round .container > div
{
	border-radius: 14px;
}







.price_block .container > div
{
	padding: 25px 30px !important;
	background:#e5e5e5;
	float:none;
	width:calc(33.33% - 30px);
	margin-left:15px;
	margin-right:15px;
}

.price_block
{
	margin-left:-15px;
	margin-right:-15px;
}

.price_block h3{
	font-size:30px!important;
	font-weight: 800;
}

.price_block .container
{
	display:flex;
	flex-wrap:wrap;
}


.produits_block .container > div
{
	background:#e5e5e5;
	font-size:30px;
	font-weight:800;
	padding:20px 25px;
	float:none;
	width:calc(33.33% - 30px);
	margin-left:15px;
	margin-right:15px;
	position:relative;
	overflow:hidden;
	background-position:bottom right 15px !important;
	background-size:contain !important;
	
	webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

.produits_block .container > div .cell_container
{
	padding-bottom:50%;
}

.produits_block .container > div:hover
{
	transform:scale(1.05);
}

.produits_block .container > div h3
{
	position:absolute;
	width:40%;
	top:30px;
	left:30px;
	font-size:30px!important;
	font-weight:800;
	color:#000;
}

.produits_block .container > div > a.link_block
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:3;
	border-radius:15px;
}

.produits_block .container > div > a.link_block:before
{
	font-size:35px;
	color:#e3531a;
	content:"\e900";
	font-family: 'velotric' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	position:absolute;
	bottom:30px;
	left:30px;
	
	webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

.produits_block .container > div:hover > a.link_block:before
{
	transform:rotate(360deg);
}

.produits_block
{
	margin-left:-15px;
	margin-right:-15px;
}

.produits_block .container
{
	display:flex;
	flex-wrap:wrap;
}

.block_oblic_orange
{
	position:relative;
	margin-top:-140px;
}

.block_oblic_orange:before
{
	content:"";
	position:absolute;
	z-index:-1;
	width:120%;
	height:100%;
	left:-10%;
	top:0;
	background: #e3531a;
	background: -moz-linear-gradient(left,  #e3531a 0%, #fe7b07 100%);
	background: -webkit-linear-gradient(left,  #e3531a 0%,#fe7b07 100%);
	background: linear-gradient(to right,  #e3531a 0%,#fe7b07 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3531a', endColorstr='#fe7b07',GradientType=1 );
	
	transform:rotate(-3deg);
}

.block_oblic_rouge
{
	position:relative;
	margin-top:-140px;
}

.block_oblic_rouge:before
{
	content:"";
	position:absolute;
	z-index:-1;
	width:120%;
	height:100%;
	left:-10%;
	top:0;
	background: #ea0029;
	background: -moz-linear-gradient(left,  #ea0029 0%, #f40337 100%);
	background: -webkit-linear-gradient(left,  #ea0029 0%,#f40337 100%);
	background: linear-gradient(to right,  #ea0029 0%,#f40337 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0029', endColorstr='#f40337',GradientType=1 );
	
	transform:rotate(-3deg);
}

.galerie_block .galerie_img_block img,
.galerie_block .galerie_img_block .galerie_img_block_content:before{
	border-radius: 10px;
}


.formulaire_block input{
	height: 50px;
	border-radius: 10px;
	border: 2px solid #ececec!important;
	font-size: 20px;
	color: #000;
	font-family: 'Nunito Sans', sans-serif;
}

.formulaire_block textarea{
	height: 130px;
	border-radius: 10px;
	border: 2px solid #ececec!important;
	font-size: 20px;
	color: #000;
	font-family: 'Nunito Sans', sans-serif;
}

.formulaire_block .formulaire_field_txt {
    font-weight: 800;
}

.formulaire_block .field_error_txt {
    color: #e3531a;
}

.formulaire_block .field_error_info {
	border: solid 1px #e3531a;
    color: #e3531a;
    padding: 3px 15px;
}

.formulaire_block .field_error_info:before {
	border-color: #e3531a transparent transparent transparent;
}

#accueil_img_1
{
	position:relative;
	z-index:-2;
	margin-top:-3%;
}

.uppercase
{
	text-transform:uppercase !important;
}

.italic
{
	font-style:italic !important;
}

.boxed
{
	max-width:1450px;
}


.left_space_cell_1_2
{
	width:calc(50% - 2%);
	margin-left:2%;
}
.right_space_cell_1_2
{
	width:calc(50% - 2%);
	margin-right:2%;
}

.Montserrat
{
	font-family: 'Montserrat', sans-serif !important;
}

.btn_inline .btn_container
{
	display:inline-block;
}

.header3 .top_header_info
{
	margin-bottom:20px;
}

.header3 #menu > li > a{
	padding: 22px 30px 44px;
}

#header.menu_fixed #logo img
{
	height:80px;
}

#header.menu_fixed #menu ul
{
	padding-top:0px;
}

#top_page h1
{
	width:80%;
}

.block_oblic_orange .btn
{
	white-space:nowrap;
}

.btn_reserver
{
	background: #E3531A;
	color: #fff;
	padding: 0px 30px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	border-radius: 5px;
	margin-right: 10px;
	display: inline-block;
	white-space: nowrap;
}

.btn_reserver:hover
{
	background:#fe7b07;
	color:#fff;
}

#wrapper .logo-partenaire img{
	max-width: 250px;
    max-height: 60px;
}

#wrapper .logo-max-width img{
	max-width: 400px;
}

.galerie_block .galerie_img_block .galerie_img_block_content:after{
	font-size: 25px;
}

.logo-2
{
	margin-top: 20px;
}

.logo-2 > img
{
	max-width: 200px;
}


.top_header_menu .top_header_tel
{
	color: #000;
	font-size: 18px;
	font-weight: 900
}


@media screen and (max-width: 1700px)
{
	#header.menu_fixed #menu > li > a
	{
		padding:20px 15px;
	}

	.header_phone
	{
		font-size:24px;
	}
}

@media screen and (max-width: 1600px)
{
	.block_60
	{
		padding-left:40% !important;
	}
	
	.block_60_inverse
	{
		padding-left:6% !important;
		padding-right:40% !important;
	}
}

@media screen and (max-width: 1500px) and (min-width: 1201px)
{
	.produits_block .container > div h3,
	.price_block h3{
		 font-size: 22px!important;
	}
}



@media screen and (max-width: 1400px)
{
	#menu li
	{
		font-size:18px;
	}

	
	#header.menu_fixed #logo img {
		height: 55px;
	}
	
	.footer_logo {
    	max-width: 175px;
	}
	
	.block_oblic_orange .cell_3_4
	{
		width:65%;
	}
	.block_oblic_orange .cell_1_4
	{
		width:35%;
	}
	
	.slogan{
		font-size: 30px;
	}
	
	#top_page{
		min-height: 300px;
   	 	max-height: 300px;
	}
	
}

@media screen and (max-width: 1300px){
	#header #logo img
	{
		width:300px;
	}
	
	.header3 #menu > li > a {
    	padding: 22px 18px 30px;
	}
}

@media screen and (max-width: 1236px){
	
	#wrapper_content #page_content {
		padding-left: 4%!important;
		padding-right: 4%!important;
	}
}


@media screen and (max-width: 1200px){
	.block_60
	{
		padding-left:20% !important;
	}
	
	.block_60_inverse
	{
		padding-right:20% !important;
	}
	
	.produits_block .container > div
	{
		width: calc(50% - 30px);
	}
	
	#footer.footer3 #footer_menu > li
	{
		font-size:18px;
	}
	
	#footer.footer3 .footer_info,
	.footer_tel
	{
		font-size:15px;
	}
	
	#header.header3 #header_top_left{
		position:relative;
		z-index:10;
	}
}

@media screen and (max-width: 1024px){
	#rot_content {
		max-height: 500px;
	}
	
	.toggle .toggle_item .toggle_title{
		font-size: 20px;
	}
}

@media screen and (max-width: 1000px)
{
	.price_block .container > div
	{
		width:calc(50% - 30px);
	}
	.block_oblic_orange .cell_3_4
	{
		width:55%;
	}
	.block_oblic_orange .cell_1_4
	{
		width:45%;
	}
	
	.slogan{
		font-size: 25px;
	}
	
	#menu
	{
		display:none;
	}
	
	.header_top_menu {
		width: calc(100% + 60px);
		position: absolute;
		left: calc(-30px);
		bottom: 0;
	}
	
	#header.header3 #header_top_right {
		padding-bottom: 48px;
	}
	
	.header3 .top_header_info {
		margin-bottom: 20px;
		margin-right: 0;
	}
	
	#menu_media_content {
		color: #000;
	}
	
	#menu {
		top: 0;
	}
	
	.header3 #menu_media {
		position: relative;
		display: block;
		cursor: pointer;
		padding: 0px 39px 20px 0px;
		top: 0;
		right: 0;
		//transform: translateY(-50%);
	}
	
	#menu_media_content {
		font-size: 0;
	}
	
	#menu_media_content:before {
		content: "\f0c9";
		font-family: FontAwesome;
		font-size: 28px;
	}
	
	.header3 #menu_block {
		display: block;
		//margin-top: 40px;
		z-index: 100;
		width: 100%;
		position: absolute;
		margin-left: 0;
	}
	
	#menu li {
		display: block;
		position: relative;
		text-align: left;
	}
	
	.header3 #menu li, .header3 #menu ul li > a {
		background-color: #fff !important;
	}
	
	.header3 #menu > li > a {
    
		color: #000 !important;
		padding:10px 20px;
	}
	
	#menu ul {
		position: relative;
		width: 100%;
		padding-top: 0px;
	}
	
	#menu ul li {
		display: block;
		width: 100%;
		max-width: 100%;
		font-size: 14px;
		text-align: left;
		border: none!important;
		color:#000 !important;
	}
	
	#menu li.have_elem:after {
		display: flex !important;
		position: absolute;
		width: 50px;
		right: 0;
		top: 0px;
		height: 100%;
		cursor: pointer;
		text-align: center;
		content: "\f0d7";
		font-family: FontAwesome;
		padding-top:10px !important;
		justify-content: center;
	}
	
	#menu li a.more {
		background-image: none;
	}
	
	#menu li a.more:after {
		display: none;
	}
	
	.header3 #menu li, .header3 #menu ul li > a {
		color: #000 !important;
	}
	
	body #header #menu li,
	body #header #menu ul li > a
	{
		//background-color:#323b46 !important;
		color:#000 !important;
	}	
	
	body #header #menu li:hover,
	body #header #menu li.selected
	{
		color:#000 !important;
	}
	
	/* hover du menu mobile */
	body #header #menu > li:hover > a, body #header #menu > li.selected:hover > a, body #header #menu > li.selected > a, body #header #menu ul > li.selected > a,
	body #header #menu ul li > a:hover,
	body #header #menu ul li:hover > a, body #header #menu ul li.selected > a
	{
		background-color:#e5e5e5 !important;
		color:#000 !important;
	}
	
	#menu ul li a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	
	#menu li:hover > ul {
		display: none;
	}
	
	#header.menu_fixed #menu_block {
		margin-top: 0px;
	}
	
	.header3 #menu_media
	{
		margin-right:37px;
		padding-bottom:0px;
		padding-right:0px;
		position:absolute;
		top:-52px;
	}
	
	#header.header3 #header_top_block,
	#footer_content,
	#copyright_content
	{
		max-width:100%;
		padding-left:0;
		padding-right:0;
	}
	
	#menu li.have_elem.open:after {
		content: "\f0d9";
		color:#000;
	}
	
	#page_content_txt,
	.toggle_item .toggle_html{
		font-size:16px!important;
		line-height: 1.5;
	}
	
	#page_content ul li:before{
		font-size: 11px;
    	top: 10px;
	}
	
}

@media screen and (max-width: 800px)
{
	
	.header3 .header_phone
	{
		font-size:0px;
		background: #e3531a;
		height: 38px;
		width: 38px;
		border-radius:100%;
		display:inline-block;
		vertical-align:top;
		margin-right: auto;
	}
	
	.header3 .header_phone:before
	{
		content:"\f095";
		font-family: FontAwesome;
		font-size:18px;
		color:#fff;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.top_header_menu li:nth-child(2)
	{
		order:1;
	}
	.top_header_menu
	{
		display:flex;
		align-items: center;
	}
	.top_header_menu li
	{
		display:block;
/*		order:2;*/
	}
	
	
	.block_60,
	.block_60_inverse
	{
		padding-left:6% !important;
		padding-right:6% !important;
	}

	.block_oblic_orange .cell_3_4,
	.block_oblic_orange .cell_1_4
	{
		width:100%;
	}
	.block_oblic_orange .cell_1_4 .btn_container,
	.block_oblic_orange h4
	{
		text-align:center !important;
	}
	
	#copy_left, #copy_right {
		float: none;
		line-height: normal;
		padding-top: 5px;
		padding-bottom: 5px;
		height: auto;
		text-align:center;
	}
	
	.concept
	{
		width:100%;
	}
	
	.produits_block .container > div h3,
	.price_block h3{
		 font-size: 25px!important;
	}
	
	.rot_prev, .rot_next {
   	 	display:none;
	}
	
	.toggle .toggle_item .toggle_title{
		font-size: 18px;
	}
}

@media screen and (max-width: 768px)
{
	#footer.footer3 #footer_menu > li 
	{
		text-align:center;
	}
	.cell_1_2,
	.cell_1_3,
	.cell_2_3,
	.cell_1_4,
	.cell_3_4
	{
		float: none;
		width: 100%;
		vertical-align: top;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.left_space_cell_1_2
	{
		margin-left:0px;
	}
	.fix_bg
	{
		padding-top:60%;
	}
	
	.equal_height .cell_1_2,
	.equal_height .cell_1_3,
	.equal_height .cell_2_3,
	.equal_height .cell_1_4,
	.equal_height .cell_2_4,
	.equal_height .cell_3_4,
	.equal_height .cell_1_1
	{
		min-height:0px !important;
	}
	
	.galerie_block[col="6"] > .galerie_block_content > .galerie_img_block, .galerie_block[col="5"] > .galerie_block_content > .galerie_img_block, .galerie_block[col="4"] > .galerie_block_content > .galerie_img_block, .galerie_block[col="3"] > .galerie_block_content > .galerie_img_block {
		width: 50%;
	}
	
	#header #logo img {
    	width: 250px;
	}
	
	.gallerie_velo .galerie_img_block{
		width: 33.33%!important;
	}

}

@media screen and (max-width: 760px)
{
	.produits_block .container > div
	{
		width: calc(100%);
	}
}

@media screen and (max-width: 656px)
{
	.Accueil #accueil_img_1
	{
		margin-bottom:10% !important;
	}
	.price_block .container > div
	{
		width:100%;
	}
	

	
	#wrapper h4{
		 font-size: 22px;
	}
	
	.slogan{
		font-size: 22px;
	}
	
	.header3 .top_header_info
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: flex;
		justify-content: flex-end;
		margin-bottom: 0;
		z-index: 100;
	}
	
	.logo-2
	{
		margin-top: 80px;
	}
	
	
}
@media screen and (max-width: 600px)
{
		
	#rotator_text ul li {
		left: 5%;
		width: 90%;
	}
	.rot_btn .btn
	{
		font-size:16px;
		padding:14px 20px;
	}
	.footer_tel
	{
		display:block;
		margin-bottom:30px;
		font-size:20px;
	}
	#top_page
	{
		height:250px;
		max-height:250px;
		min-height:250px;
	}
	.galerie_block[col="6"] > .galerie_block_content > .galerie_img_block, .galerie_block[col="5"] > .galerie_block_content > .galerie_img_block, .galerie_block[col="4"] > .galerie_block_content > .galerie_img_block, .galerie_block[col="3"] > .galerie_block_content > .galerie_img_block {
		width: 100%;
	}
	
	.btn {
    	font-size: 16px;
    	padding: 10px 20px;
	}
}


@media screen and (max-width: 570px) {
	
	.rot_title {
		width: 100%;
		margin-left: 0;
		margin-bottom: 0;
	}
}



@media screen and (max-width: 540px) {
	
    #header #logo img {
        width: 200px;
    }
	
	#header.header3 #header_top{
		padding: 0px 20px;
	}

}


@media screen and (max-width: 480px)
{
	#header #logo img
	{
		height:65px !important;
	}
	
	.produits_block .container > div h3, .price_block h3 {
    	font-size: 18px!important;
	}
}


@media screen and (max-width: 450px)
{
	.header3 .top_header_info{
/*	 	display: none;*/
	}
	
	#header.header3 #header_top_right {
        padding-bottom: 0;
    }
	
	#header.header3 #header_top {
        padding: 0px 20px;
    }
	
	.header3 #menu_media{
		top: -55px;
	}
	
}


@media screen and (max-width: 400px)
{
	.top_header_menu .top_header_tel
	{
		font-size: 16px;
	}
}