/* Feuille de style client */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
/* Couleur & Fonts */


#page_content a
{
	color: #5d0c03;
    font-weight: 500;
}

#page_content a:hover, 
#page_content a:focus{
	color: #000;
}

#page_content a:hover, 
#page_content a:focus{
	color: #000;
}

b,
strong{
	font-weight: 600;
}

a:hover
{
	color:#cba136;
}

body
{
	color:#000;
	font-size:22px;
	font-family: "Source Sans 3", sans-serif;
	font-weight:normal;
	font-weight: 400;
}

#wrapper{
	line-height: 1.6;
	padding-bottom: 80px;s
	padding-top:100px;
}

h1,h2,h3,h4,h5,h6
{
	color:#000;
	font-family: "Merriweather", serif;
	margin-bottom: 20px;
	line-height: 1.4;
	text-transform: none;
	font-weight: 600;
}

.title-h1
{
	font-size:50px;
    color: #2a3519;
}

h1
{
	font-size:35px;
}

h2
{
	font-size:30px;
}

h3
{
	font-size: 22px;
}

h4
{
	font-size: 20px;
}

h5,
h1.style-h5,
h2.style-h5,
h3.style-h5,
h4.style-h5,
h6.style-h5
{
	font-size: 18px!important;
}

h6
{
	font-size: 16px;
}


#wrapper .font_20,
#wrapper .font_20 p {
	font-size:20px;
}

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

.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white p,
.white{
	color:#fff;
}

.red h1,
.red h2,
.red h3,
.red h4,
.red h5,
.red h6,
.red p,
.red{
	color:#5d0c03;
}

p
{
	color:#706259;
}

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

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

#title_site h2
{
	color:#b9af7e;
	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 #rotator_menu ul li:hover,#rot_content #rotator_menu ul li.selected
{
	background-color:#3f7cb3;
}

#rot_content {
    max-height: 450px;
    min-height: 450px;
}

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

#copy_left
{
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
}

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

#page_content
{
	color:#000;
	font-size:18px;
}

#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:#cba136 !important;
	//background-color:#0f81bf !important;
}

#menu ul li
{
	color:#e9eaeb;
	font-size:15px;
	max-width: 280px;
    min-width: 280px;
}

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

#menu ul{
	padding-top: 18px;
}

#menu ul li a
{
	background: #000;
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    font-family: 'Merriweather';
}

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

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

#menu ul li:hover a, 
#menu ul li:focus a{
	color:#d66512;
}

#menu ul li:first-child a,
#menu ul li:first-child a:hover{
	padding-top: 20px!important;
}

#menu ul li:last-child a,
#menu ul li:last-child a:hover{
	padding-bottom: 20px!important;
}

#menu_block{
	float: left;
	margin-left:45px;
}

#page_content h1,
.h1{
    color: #000;
    font-size: 35px;
    font-weight: 600 !important;
	text-transform: none;
}

#top_page
{
	min-height:200px;
	max-height:200px;
	position:relative;
}

#top_page h1
{
	color: #000;
    font-size: 34px;
    font-weight: 600 !important;
    z-index: 2;
    width: 40%;
    text-align: left;
    text-transform: none;
    position: absolute;
    left: 6%;
    bottom: 5px;
    transform: none;
    top: unset;
}

.top_header_menu
{
	color:#FFF;
}

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

.header_phone:hover, 
.header_phone:focus{
	color:#df2a1d;
}

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

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

.btn-gold.btn{
    color: #000 !important;
    background-color: #cba136;
}

.btn-gold.btn:hover, 
.btn-gold.btn:focus
{
    color: #000 !important;
    background-color: #cba136;
}

.btn-red.btn{
    color: #fff !important;
    background-color: #5d0c03;
}

.btn-red.btn:hover, 
.btn-red.btn:focus
{
    color: #fff !important;
    background-color: #5d0c03;
}

.btn, .btn_gros, .btn_petit
{
    color: #fff !important;
    background-color: #000;
    font-size: 18px;
    padding: 16px 20px;
    font-weight: 600 !important;
    transform: scale(1);
    text-transform: none;
	border-radius: 4px;
	margin-bottom: 20px;
}

.btn:hover,.btn_petit:hover,.btn_gros:hover
{
    color: #fff !important;
    background-color: #000;
	transform: scale(0.9);
}

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

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


#page_content ul li:before
{
    color: #5d0c03;
    top: 13px;
    font-size: 13px;
    left: -5px;
    content: "\f054";
    font-weight: 900;
    font-family: 'Font Awesome 5 Pro';
}

#page_content ul li a
{
	color:#002d56;
	  text-decoration: none;
}

#page_content ul li a:hover, 
#page_content ul li a:focus
{
    color: #0067b1;
}

.rot_space{
	height: 30px;
}

.rot_txt
{
    font-size: 21px;
    width: 50%;
    margin-left: 0%;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
}

.rot_title
{
	font-size: 36px;
    width: 50%;
    font-weight: 600;
    margin-left: 0%;
    line-height: 1.3 !important;
    font-family: 'Merriweather';
    text-transform: none;
    color: #000;
}

.rot_btn
{
	width: 50%;
	margin-left: 0%;
}

.rot_title strong
{
	font-weight: 600;
}

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

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

#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:18px;
}

#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:15px;
	font-weight: 400;
}

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

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

.social_ico_circle
{
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

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

#footer_menu > li > a
{
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    font-family: 'Merriweather';
}

#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:#fff;	
}

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

.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
{
	//color:#fff;
	//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
.header_phone:hover:before
{
	//color:#fff;
}

.footer_info
{
	font-size: 15px;
    font-family: 'Merriweather';
    color: #fff;
	line-height: 1.5;
}

.footer_info > div:last-child{
	margin-top:10px;
}

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

.footer_xposito:before
{
	color:#fff;
}

.footer_projexmedia:before
{
	color:fff;
}

.footer_mail
{
    color: #cba136;
    text-decoration: underline;
    text-underline-position: under;
}

#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: #000;
    font-size: 30px !important;
}

.rot_next:before
{
    content: "\f105";
    color: #000;
    font-size: 30px!important;
}

.rot_prev:hover:before
{
	font-size:30px;
}

.rot_next:hover:before
{
	font-size:30px;
}

#copyright
{
	color:#6a6a6a;
	background: #fff;
}

.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:#000;
	font-size: 20px;
}

#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:#cba136 !important;
}

#footer.footer1 #footer_menu > li{
	margin-bottom: 15px;
}

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

#footer.footer1 .social_ico_circle
{
	color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px!important;
}

/* 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%);

}

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

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

.header_top_right {
padding-top: 40px;
}

.header3 #logo img
{
	text-align: left;
}

.header3 #menu > li > a
{
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 50px;
}

.header3 .header_phone
{
	font-size: 30px;
}

#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: #fff;
}

#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:#df2a1d;
}

#menu li
{
	font-size: 18px;
	font-weight: 400;
}

#menu ul li
{
	font-size: 16px;
}


#footer_content
{
	max-width: 1800px;
	padding: 0px 30px;
}

#copyright_content
{
	max-width: 1800px;
	padding: 20px 30px;
	background: #5d0c03;
	border-top: solid 1px #cba136;
}

.footer_carbone:before {
    content: "\e911";
    font-family: "carbone";
    line-height: normal;
    font-size: 24px;
}

.footer_xposito
{
	margin-left: 10px;
}

#footer.footer1 .footer_cell1
{
	text-align: left;
}

.footer_title
{
	display: none;
}

#menu{
	max-width: unset;
}

#menu > li > a{
    padding: 30px 40px 30px 0;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    border: 0;
    text-transform: none;
    font-family: 'Merriweather';
}

#menu > li:last-child > a{
	padding-right:0;
	background: #000;
    font-family: 'Source Sans 3';
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    padding: 16px 35px;
    border-radius: 4px;
}

#header.header1 #header_bottom{
	padding:18px 5%;
}

#header.header1 #header_top{
	padding: 0 3%;
}

#footer_content,
#copyright_content{
    max-width: unset;
    padding-right: 4%;
	padding-left: 4%;
}

#footer_content{
	margin-bottom: 75px;
}

#footer{
	font-weight:300;
}

#footer_content .footer_logo{
	width: 280px;	
}	

#footer.footer1 .footer_cell1{
	text-align: left;
}

.boxed{
	max-width: 1800px;
	padding-left: 6%!important;
    padding-right: 6%!important;
}

#page_content{
    max-width: 1800px;
    padding-right: 4%;
    padding-left: 4%;
	position: relative;
}

.max-width{
	max-width:1200px;
	margin-left: auto;
	margin-right:auto;
	padding-left: 6%;
    padding-right: 6%;
}

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

#page_content .toggle_item{
	background: #eaeaea;
	margin-bottom: 16px;
}

#page_content .toggle_item .toggle_title{
    color: #001728;
    font-size: 22px;
    font-weight: 600;
    padding: 20px 50px 20px 25px;
	line-height: 1.2;
}

#page_content .toggle_item .toggle_html {
    padding: 0 25px 25px;
	font-size: 18px;
}

#page_content .toggle_item .toggle_html ul li:before{
    top: 15px;
}

#page_content .toggle_item .toggle_icone{
	padding-right: 25px;
}

.formulaire_block input{
	border: 0!important;
    height: 45px;
    border-bottom: 1px solid #000!important;
	color: #000;
	font-size: 20px;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 300;
	background: none;
}

.formulaire_block input{
	 color: #000;
}

.formulaire_block textarea{
	border: 1px solid #000!important;
	height: 150px;
	color: #000;
	font-size: 20px;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 300;
	background: none;
}

.bg-fixed{
    background-attachment: fixed;
}

.footer_social
{
	margin-top: 20px;
}

#footer{
	padding-top:50px;
}

#logo img{
	width:160px;
	margin-top: 10px;
}

.field_error_info{
	border: solid 1px #df2a1d;
    color: #df2a1d;
}

.field_error_txt {
    color: #df2a1d;
}

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

#footer.footer1 .footer_cell2 {
	text-align: left;
}

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

#wrapper a.social-link:before{
	background: #eaeaea;
	color:#001728;
	width: 45px;
    height: 45px;
    line-height: 45px;
}

#wrapper a.social-link{
	text-decoration: none;
	margin-right: 5px;
}

#wrapper a.social-link:hover:before{
	background:#001728;
	color:#fff;
}

.display-none{
	display:none!important;
}

#icon-logo img{
	max-width: 270px;
}

#wrapper .icon-constru img{
	max-width: 100px;
	max-height: 100px;
}

.border-block{
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}

#wrapper .quality-bloc h3{
	font-size: 25px!important;
    font-weight: 600;
}

#logo_section img{
    max-width: 220px;
    max-height: 80px;
	width: 100%;
    height: 100%;
	
-webkit-filter: grayscale(100%); 
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

#logo_section .cell_1_3{
    margin-left: 2%;
    margin-right: 2%;
	width:calc(33.33% - 4%)
}

#top_menu_contact_btn
{
	float: right;
	margin-top: 16px;
}


#header .top_header_menu li:first-child{
	padding-right: 15px;
}

#header .social_ico_circle{
	width: 0;
}

#wrapper .icon-services img{
	    width: 30px;
}

#bloc_services .cell_1_3:hover{
	 transform: scale(0.9);
}

#bloc_services .cell_1_3{
	width: calc(33.33% - 2%);
    margin-right: 3%;
	align-content: flex-end;
	position:relative;
	transform: scale(1);
	
	    -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;
}

#bloc_services .cell_1_3:nth-child(3n+3){
	  margin-right: 0%;
}

#bloc_services .cell_1_3:after{
    content: "";
    width: 100%;
    height: 23px;
    background: url(http://cabinet.projexhebergement.com/modules/upload/bg_shadow_middle-top.png);
    position: absolute;
    bottom: -25px;
    left: 50%;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateX(-50%);
}

/*****/
#bloc_services .cell_1_1:hover{
	 transform: scale(0.9);
}

#bloc_services .cell_1_1{
	/*width: calc(33.33% - 2%);
    margin-right: 3%;
	align-content: flex-end;
	position:relative;
	transform: scale(1);*/
	
	    -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;
}

#bloc_services .cell_1_1:nth-child(3n+3){
	  margin-right: 0%;
}

#bloc_services .cell_1_1:after{
    content: "";
    width: 100%;
    height: 23px;
    background: url(http://cabinet.projexhebergement.com/modules/upload/bg_shadow_middle-top.png);
    position: absolute;
    bottom: -25px;
    left: 50%;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateX(-50%);
}
/********/

#bloc_page_services .image_block{
	position:relative;
}

#bloc_page_services .image_block:after{
    content: "";
    width: 100%;
    height: 23px;
    background: url(http://cabinet.projexhebergement.com/modules/upload/bg_shadow_middle-top.png);
    position: absolute;
    bottom: -25px;
    left: 50%;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateX(-50%);
}

#bloc_page_services a:hover img{
	transform: scale(0.9);
}

#bloc_page_services img{
	transform: scale(1);
	    -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;
}


#footer.footer1 .footer_cell4{
	text-align: left;
}

#footer.footer1 .footer_cell3{
	text-align: left;
}

.bloc_cabinet .icon-services,
.bloc_cabinet h3{
	display:inline-block;
}

.bloc_cabinet .icon-services{
	padding-right: 15px;
    position: absolute;
}

.bloc_cabinet h3,
.bloc_cabinet p{
	margin-left: 50px;
}

.bottom-shadow,
.top-shadow{
	position: relative;
}

.bottom-shadow:after{
    content: "";
    width: 1200px;
    height: 58px;
    background: url(http://cabinet.projexhebergement.com/modules/upload/bg_shadow_middle.png);
    position: absolute;
    bottom: 3px;
    left: 50%;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateX(-50%);
}

.top-shadow:before{
    content: "";
    width: 1200px;
    height: 58px;
    background: url(http://cabinet.projexhebergement.com/modules/upload/bg_shadow_middle-top.png);
    position: absolute;
    top: 0px;
	left:50%;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateX(-50%);
}

#bloc_clock img{
	padding-left: auto;
    position: absolute;
    top: -280px;
    z-index: 1;
    width: 350px;
    right: -5%;
	z-index: 10;
}


#top_page:before{
	content: "";
    width: 100%;
    height: 50px;
    background: url(http://cabinet.projexhebergement.com/modules/upload/bg_shadow_middle-top.png);
    position: absolute;
    bottom: -52px;
    left: 50%;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateX(-50%);
}

ul.menu_langue
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 15px;
}

ul.menu_langue > li:after
{
	content: "|";
	margin-left: 10px;
	margin-right: 10px;
}

ul.menu_langue > li:last-child:after
{
	content: "";
	margin: 0px;
}


.blocks_1
{
	max-width: 1800px;
	padding-left: 4%;
	padding-right: 4%;
	margin: auto;
}


#copyright_bottom
{
	background: #fff;
	padding: 20px 4%;
	display: flex;
	justify-content: flex-end;
}



ul.footer_menu_langue
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
}

ul.footer_menu_langue > li:after
{
	content: "|";
	margin-left: 10px;
	margin-right: 10px;
}

ul.footer_menu_langue > li:last-child:after
{
	content: "";
	margin: 0px;
}

.footer_projexmedia:before,
.footer_xposito:before
{
	color: #999;
}
.block_click
{
	position: relative;
}

.block_click > a
{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

#wrapper{
	background-image:url(http://cabinet.projexhebergement.com/modules/upload/bg-main-marteau.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.page_61 #wrapper,
.page_60 #wrapper,
.page_58 #wrapper,
.page_57 #wrapper,
.page_56 #wrapper,
.page_55 #wrapper,
.page_54 #wrapper,
.page_53 #wrapper,
.page_44 #wrapper,
.page_46 #wrapper,
.page_45 #wrapper{
	padding-bottom: 0;
}


#footer.footer1 #footer_menu > li > ul
{
    padding: 0px;
    margin: 0px;
    font-size: 0px;
    list-style: none;
    margin-top: 15px;
}

#footer.footer1 #footer_menu > li > ul > li
{
    margin-left: 0px;
    list-style: none;
    display: block;
    font-size: 15px;
    margin-bottom: 15px;
}

#footer.footer1 #footer_menu > li > ul > li:before
{
    display: none;
}

#footer_menu > li a
{
    color: #fff;
    font-weight: 300;
    font-family: 'Merriweather';
}

#footer.footer1 .footer_cell3 #footer_menu
{
    display: block;
}

.footer_cell3 #footer_menu:nth-child(2) > li:nth-child(2)
{
    display: none !important;
}

.footer_cell2 #footer_menu > li > a
{
    color: #cba136 !important;
    font-size: 18px;
}

.footer_separator
{
    width: 100%;
    padding-bottom: 0px !important;
    margin-top: 50px;
}


@media screen and (max-width: 1600px)
{

	.rot_title{
		font-size: 30px!important;
		line-height: 1.3!important;
	}
	
	.rot_txt{
		font-size: 18px;
	}
	
	h1 {
    	font-size: 30px!important;
	}
	
	h2
	{
		font-size:25px!important;
	}

	h3
	{
		font-size: 20px!important;
	}

	h4
	{
		font-size: 18px!important;
	}

	h5
	{
		font-size: 18px!important;
	}

	h6
	{
		font-size: 16px!important;
	}
	
	#top_page h1{
		font-size: 30px!important;
	}	
	
	#page_content h1, .h1 {
    	font-size: 30px!important;
	}
}


@media screen and (max-width: 1400px)
{
	#logo img{
/*		width: 270px;*/
	}
	
	#menu li{
		font-size: 18px;
		letter-spacing: 0;
	}
	
	.header_phone{
		font-size: 25px;
	}
	
	.footer_logo {
    	width: 280px;
	}
	
	#footer_menu > li{
		font-size: 16px;
	}
	
	#footer.footer1 .social_ico_circle{
		width: 45px;
    	height: 45px;
    	line-height: 45px;
	}
	
	.footer_logo {
    	width: 200px;
	}
	
	.footer_apchq img {
    	max-width: 170px;
	}
	
	.btn, .btn_gros, .btn_petit{
		 padding: 14px 25px;
	    font-size: 14px;
	}
	
	#page_content h1, .h1 {
    	font-size: 25px!important;
	}
    
    #footer.footer1 .footer_cell1,
    #footer.footer1 .footer_cell2,
    #footer.footer1 .footer_cell3,
    #footer.footer1 .footer_cell4
    {
        width: 50% !important;
        margin-bottom: 30px;
        text-align: left !important;
    }
    
     #footer.footer1 .footer_cell3
    {
        clear: both;
    }
	
	#menu > li > a
	{
		padding-right: 20px;
		font-size: 14px;
	}
	
	#menu > li:last-child > a
	{
		font-size: 16px;
		padding: 12px 25px;
	}
	
	#logo img
	{
		width: 130px;
	}
    
}


@media screen and (max-width: 1300px)
{
	
	#logo_section img{
		max-width: 175px;
    	max-height: 71px;
	}
	
}

@media screen and (max-width: 1236px)
{

	#copyright {
    	padding-left: 0!important;
    	padding-right: 0!important;
	}
	
	#footer_content {
    	padding-left: 4%!important;
    	padding-right: 4%!important;
	}
	
	.blocks_1
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	
}


@media screen and (max-width: 1200px)
{
	h1 {
    	font-size: 25px!important;
	}
	
	h2
	{
		font-size:22px!important;
	}

	h3
	{
		font-size: 20px!important;
	}

	h4
	{
		font-size: 18px!important;
	}

	h5
	{
		font-size: 18px!important;
	}

	h6
	{
		font-size: 16px!important;
	}

		
	#top_page h1{
		font-size: 25px!important;
	}
	
	#page_content_txt,
	#wrapper .formulaire_block input,
	#wrapper .formulaire_block textarea{
    	font-size: 18px!important;
	}
	
	#rot_content {
    	max-height: 400px;
    	min-height: 400px;
	}
	
	
	
	#logo img {
/*        width: 220px;*/
    }
	
	
	
	#rot_content .rot_title,
	#rot_content .rot_txt{
		width:60%;
	}
	
	#rot_content .rot_title{
		font-size: 25px!important;
	}
	
	#rot_content .rot_txt{
		font-size: 17px;
	}
	
	#bloc_clock img{
		width: 300px;
    	right: -5%;
		top: -250px;
	}
	
	#footer_content .footer_logo{
		width: 250px;	
	}
	
	#logo img
	{
		width: 110px;
	}
	
	.header_top_right
	{
		padding-top: 24px;
	}
	
	#menu > li > a
	{
		font-size: 13px;
	}
	
	#menu_block
	{
		margin-left: 30px;
	}
	
	#menu > li:last-child > a
	{
		font-size: 14px;
		padding: 10px 20px;
	}

}


@media screen and (max-width: 1196px){
	
	#rotator_text ul li{	
	   padding-left: 0!important;
       padding-right: 0!important;
	}
}


@media screen and (max-width:1080px)
{

	#footer.footer1 .footer_cell1{
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
	}
	
	#footer.footer1 .footer_cell2,
	#footer.footer1 .footer_cell3,
	#footer.footer1 .footer_cell4{
		 width: 33.33%;
	}
	
	 #footer.footer1 .footer_cell3 {
        justify-content: center;
    }
	
	#footer_content {
    	margin-bottom: 40px;
	}
	
}
	

@media screen and (max-width: 1024px)
{
	
	.bg-fixed {
    	background-attachment: scroll!important;
	}
	
	.footer_logo {
        width: 160px;
    }
	
	#footer.footer1 .footer_cell3{
		justify-content: left;
	}
	
	#bloc_services .cell_1_3{
		width: calc(50% - 2%);
    	margin-right: 2%;
    	align-content: flex-end;
    	position: relative;
	}
	
	#bloc_services .cell_1_3:nth-child(3n+3) {
    	margin-right: 2%;
	}

}


@media screen and (max-width: 1000px)
{
	
	/* a changer seulement si on veut forcer les couleur du menu mobile	*/
	/* menu mobile */
	body #header #menu li,
	body #header #menu ul li > a
	{
		//background-color:#323b46 !important;
		color:#fff !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:#000 !important;
		color:#cba136 !important;
	}
	#menu_media_content
	{
		color:#fff;
	}
	
	#menu_media_content:before{
		font-size: 23px!important;
	}
	
	#header.header1 #logo{
		padding-top:0px;
    	padding-bottom:0px;
	}
	
	.header1 #menu_media{
		top: -38px;
	}
	
	#menu > li > a{
		color:#fff;
	}
	
	#header.header1 #header_bottom{
		padding: 18px 3%;
	}
	
	.header1 #menu{
		width: calc(100% + 67px)!important;
		margin-left: -31px!important;
		padding-top: 18px;
	}
	
	#menu li.have_elem:after{
		right: 1.5%!important;
	}
	
	.top_header_menu li:last-child{
		padding-right:0;
	}
	
	#menu ul li:first-child a{
		padding-top: 0;
	}
	
	#menu ul li a{
		padding-left: 45px!important;
		font-size:14px;
	}
	
	#top_page h1{
		font-size: 25px!important;
	}
	
	#page_content_txt,
	#wrapper .formulaire_block input,
	#wrapper .formulaire_block textarea{
    	font-size: 16px!important;
	}
	
	#menu ul li:first-child a,
	#menu ul li:first-child a:hover{
		padding-top: 5px!important;
	}

	#menu ul li:last-child a,
	#menu ul li:last-child a:hover{
		padding-bottom: 10px!important;
	}
	
	.footer_logo {
        padding-right: 0!important;
	}
	
	ul.menu_langue{
		font-size: 16px;
	}
	
	#menu > li:last-child > a{
		font-size: 16px;
        font-family: 'Merriweather';
        text-transform: none;
        font-weight: 300;
        padding: 8px 30px;
	}
	
	.header_top_right
	{
		padding-top: 0px;
	}
	
	#menu > li:last-child > a,
	#menu > li > a
	{
		font-size: 14px;
	}
}

@media screen and (max-width:950px)
{
	ul.footer_menu_langue{
		font-size: 15px;
	}
}	
	


@media screen and (max-width:850px)
{
	
	#rotator_text ul li,
	#rotator .rot_prev, #rotator .rot_next{
		top: 50%;
	}
	
	 #copyright_content{
	 	display: flex;
    	flex-direction: column;
	}
	
	#copy_left,
	#copy_right{
		justify-content: center;
		display: flex;
	}
	
	#copyright_bottom{
		justify-content: center;
	}
}


@media screen and (max-width:800px)
{

	.rot_prev, .rot_next {
		display:none;
	}
	
	#rot_content .rot_title{
		width:90%;
		font-size: 30px;
    	line-height: 1.4em;
	}
	
	#rot_content .rot_txt{
		width:90%;
	}
	
	.btn, .btn_gros, .btn_petit{
    	padding: 11px 25px;
    	font-size: 14px;
		letter-spacing: 0;
	}
	
	#top_page h1{
		font-size: 25px!important;
		width:90%;
	}
	
	#wrapper .font_20 p, #wrapper .font_20{
		font-size: 16px;
	}
    
    
    
    
}



@media screen and (max-width:768px)
{
	#footer.footer1 .footer_cell2, #footer.footer1 .footer_cell3, #footer.footer1 .footer_cell4 {
        width: 100%;
        text-align: center;
    }
	
	#footer.footer1 #footer_menu > li{
		 text-align: center;
	}
	
	#footer.footer1 .footer_cell2{
		margin-top: 0;
		margin-bottom: 0px;
	}
	
	#footer.footer1 .footer_cell3{
		margin-top: 0;
		margin-bottom:40px;
	}
	
	#footer.footer1 .footer_cell4{
		margin-top: 0;
	}
    
    #footer.footer1 .footer_cell1,
    #footer.footer1 .footer_cell2,
    #footer.footer1 .footer_cell3,
    #footer.footer1 .footer_cell4
    {
        width: 100% !important;
        margin-bottom: 30px;
        text-align: center !important;
    }
    
    #footer.footer1 .footer_cell3 #footer_menu
    {
        display: inline-block;
    }
    
    #footer.footer1 .footer_cell3
    {
        display: flex;
        flex-direction: column;
    }
}	


@media screen and (max-width: 656px)
{
	#rotator_text ul li {
    	padding-left: 0!important;
    	padding-right: 0!important;
	}
	
	#top_page{
		min-height: 150px;
    	max-height: 150px;
	}
	
	h1 {
    	font-size: 25px!important;
	}
	
	h2
	{
		font-size:22px!important;
	}

	h3
	{
		font-size: 20px!important;
	}

	h4
	{
		font-size: 18px!important;
	}

	h5
	{
		font-size: 18px!important;
	}

	h6
	{
		font-size: 16px!important;
	}
	
	h1, h2, h3, h4, h5, h6{
		margin-bottom: 12px;
	}
	
	#rot_content .rot_title {
    	font-size: 22px!important;
		margin-bottom: 13px;
	}
	
	#rot_content .rot_txt{
		font-size: 15px;
	}
	
	#wrapper .font_50, #wrapper .font_50 p {
    	font-size: 25px;
	}
	
	#page_content .toggle_item .toggle_title{
		 font-size: 18px;
	}
	
	#wrapper .font_25, #wrapper .font_25 p{
		font-size:18px;
	}
	
	#footer_content {
        margin-bottom: 0;
    }
	
	#copy_left {
        margin-bottom: 0;
    }
	
	#wrapper{
		padding-top: 60px;
	}
	
	#bloc_clock img {
        width: 250px;
        right: -5%;
        top: -206px;
    }
	
	ul.menu_langue {
        font-size: 14px;
    }
	
	#bloc_services .cell_1_3{
		width:100%;
    	margin-right: 0%;
	}
	
	#bloc_services .cell_1_3:nth-child(3n+3) {
    	margin-right: 0%;
	}
	
	h5,
	h1.style-h5,
	h2.style-h5,
	h3.style-h5,
	h4.style-h5,
	h6.style-h5
	{
		font-size: 16px!important;
	}
	
	.bloc_cabinet{
		margin-bottom: 40px!important;
    	min-height: unset!important;
	}
	
	#footer.footer1 #footer_menu > li{
		margin-bottom: 15px!important;
	}
	
	#top_page:before{
		bottom: -40px;
	}
	
	.footer_info{
		font-size: 13px;
	}
	
	#header.header1 #header_top{
		display: flex;
    	justify-content: center;
	}

	.mobile-picture{
		min-height: 300px;
	}
}
	
	
@media screen and (max-width: 480px)
{
	.header1 #menu_media {
        top: -41px!important;
    }
	
	#bloc_clock img {
        width: 241px;
        right: -13%;
        top: -173px;
    }
	
	.btn, .btn_gros, .btn_petit{
		padding: 11px 19px;
        font-size: 13px;
	}
	
	#page_content h1, .h1 {
        font-size: 20px !important;
    }
	
	#page_content_txt, #wrapper .formulaire_block input, #wrapper .formulaire_block textarea {
        font-size: 14px !important;
    }
	
	h3 {
        font-size: 18px !important;
    }
	
	#top_page h1{
		font-size: 22px!important;
	}
}