@font-face {
    font-family: 'roismedium';
    src: url('fonts/Rois-Medium.eot');
    src: url('fonts/Rois-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/Rois-Medium.woff2') format('woff2'),
         url('fonts/Rois-Medium.woff') format('woff'),
         url('fonts/Rois-Medium.ttf') format('truetype'),
         url('fonts/Rois-Medium.svg#roismedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'almarenadisplay_light';
    src: url('fonts/Rois-Medium.otf') format('opentype');
    src: url('fonts/almarena-display-light-webfont.woff2') format('woff2'),
         url('fonts/almarena-display-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {
	font-family: 'almarenadisplay_light'; color: #444444
}
#main_titre h1 { display: none }
.title h1 { font-size: 44px; font-family: 'roismedium'; font-weight: normal; color: #21234b }
.title.title_size_large h1 { font-size: 44px }

.h2, h2 { font-weight: normal; color: #22244c; font-size: 24px; margin: 0 auto 32px; font-family: 'roismedium'; text-transform: uppercase }
h3, .h3, h3 a { font-size: 24px; text-transform: none; padding-bottom: 20px; font-weight: normal;}
p { margin: 0 0 15px; font-size: 18px; line-height: 30px;}
ul { list-style-position: outside;  }
a:hover, p a:hover { text-decoration: underline; color: #22244c }

body { font-size: 18px; line-height: 26px }

.title h1, .title.title_size_small h1 { font-size: 44px; text-align: center  }

li { font-size: 18px; line-height: 25px; padding-left: 10px; margin-left: 20px; margin-bottom: 15px }

.main_menu li { line-height: 20px; margin-bottom: 15px; font-size: 16px; list-style: none; }

nav.main_menu.right { padding-top: 35px }

nav.main_menu ul li {
	font-family: 'almarenadisplay_light';
}

.content { margin-top: 0!important }

.filter_holder ul li.active span, .filter_holder ul li:hover span { color: #22244c!important }
.qbutton { color: white;     font-size: 12px; }
.qbutton.white:hover, .portfolio_slides .hover_feature_holder_inner .qbutton:hover { border-color: #cc874a; background-color: #cc874a; color: white!important }

.contact_section h2 { display: none }
.contact_section .separator { display: none }
.contact_form { margin-top: 32px }
.contact_form h5 { display: none }
.contact_form input[type=text], .contact_form textarea { font-size: 16px }

.qbutton { border: none; border-radius: 50px; background: #e0b894}
.qbutton:hover { background: #cc874a }

.qbutton.white { border: 1px solid white }

.contact_detail { padding-bottom: 100px }


#back_to_top { display: none } 

.bulletpoints { background-image: url('texture2.jpg'); color: white; padding-left: 48px!important; padding-right: 48px!important; }
.bulletpoints h2.p1, .bulletpoints h2 { color: white; font-size: 24px }
.bulletpoints p { color: white }
.bulletpoints a { color: white }

#content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column p:last-child, .vc_message_box>p:last-child, .wpb_alert p:last-child, .wpb_text_column :last-child, .wpb_text_column p:last-child { margin-bottom: 0 }

/*.full_section_inner { margin-top: 32px }*/

.header_bottom {
	background-color: #e0b894;
}

nav.main_menu > ul > li > a {
	color: white;
	font-size: 20px;
	text-transform: none;
    font-weight: normal;
}
nav.main_menu > ul > li > a:hover {
	text-decoration: underline;
	color: white
}

header:not(.with_hover_bg_color) nav.main_menu>ul>li>a>span:not(.plus), nav.vertical_menu>ul>li>a>span:not(.plus) { display:block }
header.centered_logo .header_inner_left { margin: 20px 0px; }
header.centered_logo nav.main_menu, header.centered_logo nav.main_menu.left, header.centered_logo nav.main_menu.right { vertical-align: top }
header .container { height: 110px }

footer { margin: 64px auto 0 }

.q_logo a img { width: 200px }

#manifesto {  }

#manifesto p {
	text-align: center;
	font-size: 30px;
	line-height: 42px;
	padding: 0 6%;
	color: #22244c;
	margin-bottom: 32px
}

#manifesto p strong { font-family: roismedium; font-size: 22px; line-height: 24px; text-transform: uppercase; letter-spacing: 1px}


.testimonials_holder .flex-direction-nav a {border-radius: 30px; }

.portfolio_slider .qbutton { color:white; background: none }
.portfolio_slider .qbutton:hover { color: #22244c }
.portfolio_slider .project_category { display: none }
.portfolio_slides .hover_feature_holder_inner .portfolio_title a { text-transform: none; font-size: 24px; line-height: 32px }
.qbutton.white:hover, .portfolio_slides .hover_feature_holder_inner .qbutton:hover { color: #22244c }
.portfolio_slider li.item { padding: 0; margin: 0 }

.testimonial_text_inner p { color: white }
.testimonial_text_inner p.testimonial_author { color: white }

.testimonials_holder .flex-direction-nav a:before { color: white }
.testimonials_holder .flex-nav-prev a.flex-prev { border-color: white }
.testimonials_holder .flex-direction-nav a.flex-next { border-color: white }
.testimonials_holder .flex-direction-nav a.flex-next:hover { background: #22244c; border-color: #22244c }
.testimonials_holder .flex-direction-nav a.flex-prev:hover  { background: #22244c; border-color: #22244c }
.testimonials li { margin: 0; padding: 0 }

.footer_top { background: #22244c}
.footer-add { color: white }
.footer_top .textwidget, .footer_top a, .footer_top li, .footer_top p, .footer_top span { color: white }
.footer_top h5 { font-family: roismedium; font-size: 12px }
.footer_bottom { display: none }
a#back_to_top { color: white }
#back_to_top span i, #back_to_top span span { color: white } 

.testimonials .flex-viewport { height: 200px }
.testimonials .testimonial_text_inner p { font-size: 30px; line-height: 34px; }
.testimonials_holder .flex-direction-nav li { margin-top: 0 }

::-moz-selection { color: white; background: #22244c; }
::selection { color: white; background: #22244c; }

.qode_image_gallery_no_space .controls a.prev-slide { left: 0px; top: 380px; }
.qode_image_gallery_no_space .controls a.next-slide { left: 65px; top: 380px; }

.title_subtitle_holder .breadcrumb { display: none }
.title_subtitle_holder { margin-top: 38px }
.vc_text_separator.full div { font-size: 30px }

.qode-inter-page-navigation-holder { padding: 0 }
.testimonials .testimonial_text_inner p.testimonial_author { color: white }
.qode-inter-page-navigation-holder .qode-inter-page-navigation-prev .qode-ipn-icon, .qode-inter-page-navigation-holder .qode-inter-page-navigation-next .qode-ipn-icon { color: #22244c }

footer li a:hover { text-decoration: underline }

.breadcrumbs { margin-bottom: 20px; }
.breadcrumbs a { color: #22244c }

.image_with_text h2 { margin: 12px auto 12px }
.image_with_text a.qbutton { background: #cc874a ; margin-top: 12px }

h2.q_team_name { font-size: 20px }
.q_team_title_holder span { font-size: 14px }
.q_team .q_team_text { padding: 24px 16px 0px }
.q_team .q_team_social_holder { padding-bottom: 10px }

.manifesto h2, .histoire h2, .equipe h2 { font-family: roismedium; font-weight: normal; font-size: 26px; text-transform: uppercase; color: #21234b; margin-top: 0 }

.manifesto p { font-size: 22px; line-height: 30px;!important ; color: #21234b}
.manifesto p strong { font-family: roismedium; text-transform: uppercase; font-size: 18px; font-weight: normal }

.chiffres .q_counter_holder p.counter_text { font-family: roismedium; color: white; font-size: 16px; line-height: 20px; font-weight: normal; letter-spacing: -0.01em; }
.q_counter_holder span.counter { color: white }
.q_counter_holder p.counter_text { color: white; font-size: 16px; line-height: 20px; }
.q_counter_holder .separator.small { margin: 10px auto 0 }

.histoire p { font-size: 22px; line-height: 34px }

.filter_holder ul li span { text-transform: none;font-weight: normal; font-size: 22px; letter-spacing: 0 }

.btn_droite { float: right }
.contact_info h3 { color: #22244c }
.contact_info p { color: #22244c }
.contact_info .q_social_icon_holder .simple_social { color: #22244c }
.partenaires .caroufredsel_wrapper { height: 171px!important }
.content_inner  { margin-bottom: 32px}
.home .content_inner  { margin-bottom: 0}
footer { margin-top: 0 }

.single-portfolio_page .title h1, .title.title_size_small h1 { font-size: 34px }
.single-portfolio_page h2 { font-size: 16px; margin-bottom: 16px!important }
.single-portfolio_page .wpb_text_column :last-child { margin-bottom: 16px }
.portfolio_single { padding-top: 70px }

/* NEWSLETTER*/

#wrapper-nl { width: 60%; margin: auto; /*max-width: 400px*/ }
#mc_embed_signup {max-width: 400px; margin: auto}
p.intro-form { margin-bottom: 20px}
#nl_form { width: 100%; margin: auto }
#nl_form input.email, #nl_form input#mce-FNAME, input#mce-LNAME { padding: 3% 6%; width:80%; font-size: 18px }
#nl_form input.button { padding: 3% 6%; width:93%; background: #22244c; color: white; cursor: hand; border: none; margin-top: 10px; font-size: 18px; }
#nl_form #mc_embed_signup_scroll p { margin: 0!important; height: 15px;}

.ajax_loader .stripes, .ajax_loader .wave, .text-align-center, header.centered_logo, table td, table th { text-align: left }


/* MOBILE */
.mobile_menu_button span { color: white }
nav.mobile_menu { background-color: #e0b894 }
nav.mobile_menu ul li a, nav.mobile_menu ul li h3 { color: white }
nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active>a { color:#22244c }

@media only screen and (max-width: 1000px) {
	.header_bottom  { background-color :#e0b894!important;	}
	.title.title_size_large h1 { font-size: 24px!important;    line-height: 24px!important; }
	h2 { font-size: 18px;  }
	p { font-size: 16px; line-height: 24px; }
	footer { margin-top: 0}
	.wpb_content_element { margin-bottom: 0!important }
	.testimonials .testimonial_text_inner p { font-size: 16px; line-height: 20px }
	div#media_image-2 { display: none }
	.footer_top { padding: 30px 15px; text-align: center }
	.footer_top .widget.widget_nav_menu li { font-size: 12px; line-height: 16px;  }
	.footer_top .column3, .column2 { display: none }
	.vc_row.full_screen_section { padding: 0 }
	.title_subtitle_holder { margin-top: 10px }
	.title h1, .title.title_size_small h1 { font-size: 20px }
	/*.wpb_text_column :last-child h2 { margin-bottom: 15px}*/
	.portfolio_single h2 { font-size: 12px; margin-bottom: 15px }
	.portfolio_single .wpb_single_image .vc_single_image-wrapper { display: block; text-align: left }
	.portfolio_single .wpb_wrapper li { margin-bottom: 0 }
	.portfolio_single .wpb_wrapper ul { margin-bottom: 15px}
	/*.wpb_text_column :last-child, .wpb_text_column p:last-child { margin-bottom: 15px }*/
	#manifesto .flexslider { margin-bottom: 0 }
	#manifesto .flex-direction-nav { display: none }
	.image_with_text {  }
	.qbutton { font-size: 10px; }
	.btn_droite { float: none; }
	.boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .full_width .parallax_content, .steps_holder_inner, div.grid_section .section_inner, nav.content_menu ul { width: 94% }
	.full_width_inner { width: 94%; margin: 0 auto; }
	.bulletpoints h2.p1, .bulletpoints h2 { font-size: 12px }
	.bulletpoints { padding-left: 3%!important;  padding-right: 3%!important;}
	.vc_custom_1582901656564 { padding: 0 3%!important }
	.testimonials { margin-top: 12px }
	.content .container .container_inner.page_container_inner, .full_page_container_inner { padding: 0 0 0 }
	.partenaires .caroufredsel_wrapper { height: 108px!important }
}
.page-template-contact-page .footer_top .column3, .column2 { display: block }