@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,700');

/* font-family: 'Montserrat', sans-serif; */

body{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 16px;
	padding-top: 85px;
}

.wrap{
	width: 1220px;
	max-width: 100%;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat', sans-serif;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #a6a6a6;
	font-style: italic;
	font-size:16px;
	text-transform: none;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
	color: #a6a6a6;
	font-style: italic;
	font-size:16px;
	text-transform: none;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
	color: #a6a6a6;
	font-style: italic;
	font-size:16px;
	text-transform: none;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
	color: #a6a6a6;
	font-style: italic;
	font-size:16px;
	text-transform: none;
}

header.mobile{
	display: none;
}

header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 9999;
	text-align: right;
	text-transform: uppercase;
	padding: 15px 0;
}

nav.nav>a{
	font-weight: 300;
	font-size: 15px;
	padding: 15px 15px 0;
	display: inline-block;
	vertical-align: bottom;
	text-decoration: none !important;
	position: relative;
}

nav.nav>a:not(.btn_language):after{
	content: "";
	display: block;
	position: absolute;
	bottom: -4px;
	height: 1px;
	width: 0;
	background: #000;
	left: 50%;
	transform: translateX(-50%);
	transition: all .4s;
}

nav.nav>a:not(.btn_language):hover:after{
	width: 80%;
}

.soc>span{
	display: inline-block;
	font-weight: 100;
    line-height: 1;
}

.soc>span a{
	margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
}

.soc>span+span{
    margin-left: 25px;
}


.btn_social:not(.fb){
	font-size: 24px;
	width: auto;
	height: 20px;
	padding: 0;
	vertical-align: middle;
	margin-right: 0;
	line-height: 1;
	margin-top: -5px;
}

a.fb.btn_social{
	background-color: #000;
	color: #fff !important;
	vertical-align: middle;
	width: 21px;
	height: 21px;
	font-size: 12px;
    padding: 5px 0;
}

nav.nav>a.btn_language{
	padding-right: 0;
	border-left: 1px solid #000;
	padding-top: 0;
}

.banner{
	background-image: url(../images2/banner-home.jpg);
	background-size: cover;
	height: 660px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	position: relative;
}
.banner.nothome{
	height: 370px;
	background-position: center;
}

.banner.nothome img{margin-top: 20px;}

.banner.nothome>div{bottom: 20px;}

.banner>div{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 45px;
}

.banner img{
	display: block;
	margin: 50px auto 0;
	width: 160px;
	filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.8));
}

.banner a.logohead img{display: block;width: 100%;}

a.logohead{
	text-decoration: none !important;
	display: block;
	cursor: pointer;
	color: #fff !important;
	margin-bottom: 50px;
    width: 410px;
	max-width: 95%;
    margin-left: auto;
    margin-right: auto;
	transition: all .4s;
}

.nothome a.logohead{margin-bottom: 15px;}

a.logohead>div{
	display: inline-block;
	vertical-align: top;
	font-size: 100px;
	line-height: .9;
	position: relative;
    text-align: center;
    margin-right: 0px;
    width: 460px;
	transition: all .4s;
}

.nothome a.logohead>div{font-size: 70px;}
.nothome a.logohead .sm{font-size: 14px;margin-top: 5px;}

a.logohead>div:nth-of-type(1), a.logohead>div:nth-of-type(2){margin-bottom: 40px;}
.nothome a.logohead>div:nth-of-type(1), .nothome a.logohead>div:nth-of-type(2){margin-bottom: 20px;}

a.logohead hr{
    width: 2px;
    height: 130px;
    border:none;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    margin-bottom: 20px;
    margin-top: 0;
}

.nothome a.logohead hr{height: 68px;}

a.logohead>div+hr+div{
    text-align: left;
    margin-right: 0;
    margin-left: 30px;
    
}

a.logohead:hover{transform: scale(.98);}


a.logohead .light{
	font-weight: 100;
	display: block;
	
}

a.logohead .bold{
	font-weight: 300;
	display: block;
}

a.logohead .sm{
	font-weight: 100;
	font-size: 22px;
	display: block;
	margin-top: 15px;
}

a.btnhead{
	text-transform: uppercase;
	color: #fff !important;
	text-decoration: none !important;
	display: inline-block;
	background: rgba(0,0,0,.4);
	font-weight: 300;
	padding: 15px 25px 15px 45px;
	font-size: 14px;
	transition: all .4s;
}

a.btnhead:hover{
	background: rgba(0,0,0,.7);
	padding: 15px 30px 15px 50px;
}

a.btnhead i{
	font-size: 12px;
	margin-left: 15px;
	transition: all .4s;
}

.prophome {
    text-align: center;
    margin-bottom: 50px;
}

.prophome h2{
	font-weight: 100;
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 25px 0;
}

.prophome a:not(.btn){
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 90px) / 3);
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}

.prophome a:not(.btn):nth-of-type(2){
	margin: 0px 20px;
}

.prophome a img{
	display: block;
	width: 100%;
}

.rollprop{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(80,80,80,.7);
	color: #fff;
	transform: translateY(-101%);
	transition: all .4s;
}

a:hover .rollprop{
	transform: none;
}

.rollprop>div{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

.rollprop h3, .rollprop h3+p+p{
	text-transform: uppercase;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 15px;
}

.rollprop h3+p{
	margin: 25px 0;
	font-family: "serif";
	font-size: 32px;
}

a.btn{
	display: inline-block;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none !important;
	font-weight: 300;
}

a.btn i{color: #505050;margin-left: 7px;font-size: 14px;transition: all .4s;}
a.btn:hover i{margin-left: 12px;}

.oro.wrap{
	border:1px solid #676767;
	background-image: url(../images2/oropattern.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 20px;
	margin-bottom: 10px;
}

.oro>div:last-child{
	display: inline-block;
	vertical-align: middle;
	width: calc(100% / 3 * 2);
	background-image: url(../images2/milleniumbg.jpg);
	background-size: cover;
	height: 370px;
}

.oro>div:first-child{
	display: inline-block;
	vertical-align: middle;
	width: calc(100% / 3);
	box-sizing: border-box;
	padding-left:70px;
}

.oro h2, .temhome h2, .profilhome h2{
	text-transform: uppercase;
	font-weight: 100;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
}

.oro p{
	color: #505050;
	line-height: 1.5;
	margin: 0;
	font-family: "serif";
	font-size: 28px;
	font-weight: normal;
}

hr.sideway{
	width: 25px;
	height: 1px;
	background: #000;
	margin: 30px auto;
	transform: rotate(-45deg);
	border:none;
}

.oro a.btn, .temhome a.btn, .profilhome a.btn{
	font-size: 14px;
	font-weight: 100;
}
.oro a.btn i, .temhome a.btn i, .profilhome a.btn i{font-size: 11px;}

.temhome{
	display: block;
	width: 100%;
	text-align: center;
	background: #505050;
	color: #fff;
	box-sizing: border-box;
	min-height: 365px;
	line-height: 365px;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
    margin-bottom: 20px;
}

.temhome>div{
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	line-height: 1;
}

.temhome hr{
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 20px;
}

.profilhome hr{margin-top: 40px;margin-bottom: 20px;background-color: #000;}
.profilhome p+hr{margin-top: 20px;margin-bottom: 30px;}

.temhome div+hr{margin-top: 20px;margin-bottom: 40px;}

.temhome p{
	font-family: 'serif';
	width: 400px;
	display: inline-block;	
}

.profilhome p{
	font-family: 'serif';
	font-size: 20px;
	margin: 0;
}

.temhome a.btn, .temhome a.btn i{color: #fff !important;}

.profilhome{
	height: 393px;
	display:block;
	width: 100%;
	margin-left: 0px;
	border:1px solid #505050;
	background-image: url(../images2/profilhome.jpg);
	background-size: cover;
	background-position: bottom;
	text-align: center;
}

.profilhome>div{
	text-align: center;
	width: 26%;
    margin-left: 37%;
	margin-top: 30px;
}

footer{
	margin-top: 50px;
}

footer .wrap{
	text-align: center;
	position: relative;
}

footer .logo-cont{
	width: 275px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-bottom: 50px;
}

footer .logo-cont a.logo{
	text-transform: uppercase;
	font-family: "serif";
	font-size: 24px;
	font-weight: lighter;
}

footer .logo-cont a.logo span{font-weight: bold;}

footer .logo-cont p{
	text-transform: uppercase;
	margin-top: 7px;
	margin-bottom: 15px;
	font-size: 14px;
}

footer .logo-cont p+p{
	text-transform: none;
	font-weight: 100;
	font-size: 13px;
}

footer p.quartiers{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0px 20px;
	font-size: 13px;
	width: calc(100% - 275px - 120px);
	font-weight: 100;
	margin-top: 0;
}

footer .sutton{
	display: inline-block;
	vertical-align: top;
	width: 120px;
	text-align: center;
}

footer .sutton img{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

footer .sutton img+p{
	margin: 0;
	font-weight: 100;
	font-size: 12px;
}

.footer_partager {
    position: absolute;
    right: 9px;
    top: 110px;
    transform: none;
}

a#lienPartager, a#lienPartager:link, a#lienPartager:visited {
    background: url(../images/partager_bg.png) no-repeat scroll 7px 13px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #505050;
	font-weight: 300;
}

.profilpage h1, .temoignages h1, .prop-bg h1, .millenium h2, .outilspage h1{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
	padding: 50px 0 30px;
}

.temoignages h1, .prop-bg h1{text-align: center;}

.prop-bg .titre_page h1{text-align: left;padding: 0;font-size: 24px;}

.team{
	margin-bottom: 60px;
}

.team img{
	display: inline-block;
	vertical-align: top;
	width: 330px;
	border:1px solid #3e3e3e;
	margin-right: 40px;
	margin-bottom: 30px;
}

.team img+div{
	width: calc(100% - 372px);
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0px;
}

.team img+div h2{
	margin-top: 0;
	text-transform: uppercase;
	font-size: 22px;
}

.team p{
	margin-top: 0;
	margin-bottom: 25px;
	line-height: 1.45;
	font-weight: 300;
}

.team p:last-child{margin-bottom: 0;}

.team p:first-child{font-weight: 400;}

.team a.btn{color: #505050;}

.oropage h1{
	text-align: center;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 300;
	background-image: url(../images2/orologo.png);
	background-size: 128px auto;
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 30px 0px 30px;
}

div.framed{
	width: 55%;
	display: block;
	margin: 0px auto 60px;
	box-sizing: border-box;
	border-radius: 3px;
	border:2px solid #e0aa19;
	padding: 30px 40px;
	font-weight: 300;
	line-height: 1.45;
	background: #fff;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
}

.oropage .half{
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 15px);
	text-align: center;
}

img.half{margin-bottom: 10px;}

.oropage .half+.half{
	margin-left: 30px;
}

.oropage img:not(.half){
	display: block;
	width: 100%;
}

.imgfull{
	position: relative;
	margin-bottom: 60px;
}

.imgfull .half{
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	box-sizing: border-box;
	padding: 25px 25px 0px 25px;
}

.oropage h2{
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 25px;
	font-size: 20px;
	text-align: left;
}

.oropage p{
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 300;
	text-align: left;
}

.oropage p+p{margin-top: 25px;}

a.btn2{
	display: inline-block;
	margin-top: 45px;
	background: #e0aa19;
	color: #505050 !important;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
	text-transform: uppercase;
	font-weight: 300;
	padding: 20px 40px;
	text-decoration: none !important;
	transition: all .4s;
}

a.btn2 i{
	margin-left: 7px;
}

a.btn2:hover{
	background: #505050;
	color: #e0aa19 !important;
}

.temoignages a.btn_calcul4{float: right;margin-top: 30px;}


.txt_temoin{
	width: 100%;
	max-width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #000;
}

.tit_temoin, .detail_temoin{
	color: #000;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 300;
	padding-bottom: 0;
}

.nom_temoin{
	padding-bottom: 0;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0;
	float: none;
}


#form_item{
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 35px);
}

.temlist{
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 35px);
	margin-left: 70px;
}

.titre_ajouter_item{
	font-weight: 300;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 20px;
}

.box_ctem{
	width: calc(50% - 15px);
	display: inline-block;
	vertical-align: top;
	margin-bottom: 30px;
}

.box_ctem+.box_ctem{
	margin-left: 30px;
}

.box_ctem input{
	width: 100%;
}

.champs_tem{width: 100%;}

.btn_calcul4, a.btn-form, .btn_download, a.btn_calculateurs{
	background-color: #e0aa19 !important;
	color: #505050 !important;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.15);
	border-radius: 0px !important;
	text-transform: uppercase;
	font-weight: 300;
	padding: 8px 20px;
    font-size: 16px;
	text-decoration: none !important;
	transition: all .4s;
}

a.btn_calcul4:hover, a.btn-form:hover, a.btn_download:hover, a.btn_calculateurs:hover{
	background-color: #505050 !important;
	color: #e0aa19 !important;
}

a.btn-form{margin-top: 20px;display: inline-block;}

a.btn_print, a.retour_maison, .btn_wrapper i{
	color: #e0aa19 !important;
}
.indentmenu ul li a.selected {
    background-color: #e0aa19;
    border-bottom: 1px solid #e0aa19;
}
.box_tabs{
	border-bottom: 3px solid #e0aa19;
}

.wrapper_triger.active, h3.stit_detail.stit_calcul, .right_btn{background-color: #e0aa19;}

.wrapper_right_btns{right: 20px;}

.right_btn:hover{background-color: #505050;}

.vendreintro{
	text-align: center;
	background: #505050;
	color: #fff;
	padding: 30px 0;
}

.vendreintro h1{
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
	color: #fff;
}

.vendreintro ul{
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 14px;
	margin-left: 30px;
	text-align: left;
}

.vendreintro li{
	margin-bottom: 5px;
}

.courtiers{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 18px;
}

.courtiers a{display: block;margin-top: 10px;margin-bottom: 25px;}

.txt_contact img{
	display: inline-block;
	vertical-align: top;
	width: 100px;
	margin-bottom: 40px;
}

.txt_contact img+p{
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
	width: calc(100% - 100px);
	box-sizing: border-box;
	padding-left: 40px;
	margin: 0;
	font-weight: 300;
	margin-bottom: 40px;
	font-size: 18px;
}

.txt_contact img+p span{
	display: block;
	margin-top: 10px;
	text-transform: none;
}

a.agenceadd{
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 10px;
	display: block;
}

a.agenceadd+a{
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 40px;
	display: block;
}

.wrapper_btns_mobile > div:first-child, .btn_mobile {
    background-color: #e0aa19;
}

.wrapper_btns_mobile > div:last-child, .wrapper_btns_mobile > div:last-child .btn_mobile {
    background-color: #505050;
}

.profilhome2 img{
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}

.profilhome2 div{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-bottom: 15px;
    box-sizing: border-box;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}

.profilhome2 .sideway{margin: 0;margin-left: 40px;margin-right: 40px;}

.profilhome2 h2 {
    text-transform: uppercase;
    font-weight: 100;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
}

.profilhome2 p{
	font-family: 'serif';
	font-size: 18px;
	margin: 0;
}

.temhome, .profilhome3{
    width: calc(50% - 10px);
    display: inline-block;
    vertical-align: top;
}

.profilhome3{margin-left: 20px;overflow: hidden;}

.profilhome3{
    box-sizing: border-box;
    border:1px solid #000;
    position: relative;
    background-image: url("../images2/profilpattern.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 395px;
}

.profilhome3 img{
    display: block;
    left: 0;
    bottom: 0;
    width: 265px;
    position: absolute;
}

.profilhome3 img:last-child{
    left: auto;
    right: -40px;
    width: 305px;
}

.profilhome3 div{
    width: 100%;
    padding-left: 215px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    padding-right: 30px;
    padding-top: 55px;
    padding-bottom: 55px;
}

.profilhome3 h2, .perreault h2{
    text-transform: uppercase;
    font-weight: 100;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
}

.profilhome3 hr.sideway{margin-left: 0;margin-right: 0;}
.profilhome3 p, .perreault p {
    font-family: 'serif';
}

.perreault p{margin: 45px 0;}


a.logohead{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

a.logohead>div{
    width: auto;
    font-size: 80px;
	padding-right: 40px;
    
}

a.logohead>div+div{
    padding-right: 0;
    position: relative;
    padding-left: 40px;
	
}

a.logohead>div+div:before{
    content: "";
    left: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 1px;
    height: 80px;
    background-color: #fff;
}

a.logohead .sm{font-size: 18px;}

.millenium .wrap{
	margin-top: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.millenium .gal{
	width: 40%;
}

.millenium .gal img{
	display: block;
	width: 100%;
}

.millenium .projthumbcont{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 23px;
}

.millenium .projthumbcont a{
	width: calc(25% - 15px);
	display: block;
	margin-bottom: 23px;
	background-color: #000;
}
.millenium .projthumbcont a img{transition: all .4s;}
.millenium .projthumbcont a:hover img{opacity: .65;}

.millenium .content{
	width: calc(60% - 40px);
}

.millenium h2{margin-bottom: 20px;padding-bottom: 0;padding-top: 0;}

.millenium h1{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 44px;
	margin-top: 35px;
	margin-bottom: 30px;
}

.millenium h1 img{
	display: block;
	width: 450px;
	max-width: 100%;
}

img.partners{
	display: inline-block;
	vertical-align: middle;
	max-width: 30%;
}

img.partners+img.partners{
	margin-left: 5%;
}

.millenium .content hr, .millenium .infossup hr{
	display: block;
	width: 66%;
	height: 1px;
	border:none;
	background-color: #000;
	margin-left: 0;
	margin-top: 30px;
	margin-bottom: 45px;
}

.millenium .infossup hr{width: 100%;}

.millenium .content p{
	max-width: 80%;
	margin-top: 0;
	margin-bottom: 30px;
}

a.btn3{
	display: inline-block;
	background-color: #000;
	color: #fff !important;
	font-weight: bold;
	text-transform: uppercase;
	padding: 13px 18px;
	border:1px solid #000;
	font-size: 16px;
	line-height: 1;
	text-decoration: none !important;
	transition: all .4s;
}
a.btn3:hover{
	background-color: #fff;
	color: #000 !important;
}

a.btn4{
	font-weight: bold;
	display: inline-block;
	background-color: #fff;
	color: #000 !important;
	text-transform: uppercase;
	padding: 13px 18px;
	border:1px solid #000;
	font-size: 16px;
	text-decoration: none !important;
	transition: all .4s;
}

a.btn3 i{
	display: inline-block;margin-left: 10px;
}

a.btn4:hover{background-color: #000;color: #fff !important;}

.millenium iframe{width: 100%;height: 300px;margin-top: 50px;}

.millenium .infossup{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.millenium .infossup h3{
	text-transform: uppercase;
	margin-top: 0;margin-bottom: 30px;
	text-align: center;
	width: 100%;
}

.millenium .infossup a.btn4{margin-left: 20px;}
.millenium .infossup a.btn4:last-child{margin-left: auto;margin-right: 0;}


.perreault{
	display: flex;
	justify-content: center;
	align-items: stretch;
	border:1px solid #000;
}

.perreault .img{display: block;width: 60%;}
.perreault img{display: block;width: 100%;}
.perreault .txt{
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(../images2/oropattern.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.perreault .txt div{
	width: calc(100% - 80px);
}

.outilspage h1, .outilspage h2{width: 100%;}

.outilspage .wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.outilspage h2{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 22px;
	padding-top: 40px;
	border-top: 1px solid #000;
}

.outilspage h2:first-of-type{
	border-top:0;
	padding-top: 0;
}

.outilspage p{
	width: 25%;
	box-sizing: border-box;
	padding-right: 15px;
	margin-bottom: 30px;
	font-size: 14px;
	font-weight: 300;
}

.outilspage p strong{font-size: 16px;}

@media screen and (min-width: 2200px) {
	.wrap{
		max-width: 1300px;
		width: 95%;
	}
	
	a.logohead{width: 560px;}
	.nothome a.logohead{width: 400px;}
	
}

@media screen and (max-width: 1240px) {
    .profilhome3{height: 365px;}
	.wrap{width: 1000px;}
	
	.temhome hr, .profilhome hr{margin-top: 40px;margin-bottom: 20px;}
	
	.temhome div+hr{margin-bottom: 40px;margin-top: 20px;}
	
	.profilhome{height: 333px;}
    .profilhome p{font-size: 18px;}
	
	.temhome{height: 335px;}
    
  
    
    .profilhome hr{margin-top: 30px;}
    .profilhome p+hr{margin-bottom: 20px;}
    
    .soc{font-size: 12px;}
    
    .soc>span{font-weight: 300;}
    
    
    .profilhome3 img:first-child{
        left: -15px;
        width: 255px;
    }
    .profilhome3 img:last-child {
        left: auto;
        right: -40px;
        width: 280px;
    }
    .profilhome3 div{padding-left: 165px;}
	.millenium .content p{max-width: 100%;}
	
	a.logohead{width: 350px;}
}


@media screen and (max-width: 1024px) {
    .profilhome3 img{width: 230px;}
    .profilhome3 div{padding-left: 165px;padding-right: 0;}
    
    
    .soc{font-size: 11px;font-weight: 300;}
    .soc>span{font-weight: 300;text-align: left;}
    .soc>span a{margin-left: 5px;}
    .soc>span a:first-of-type{margin-left: 0;font-size: 13px;}
    .soc>span+span{margin-left: 25px;}
    a.fb.btn_social{width: 17px;height: 17px;font-size: 14px;}
    .btn_social:not(.fb){margin-top: -3px;height: 17px;font-size: 20px;}
    a.logohead hr{height: 85px;width: 1px;}
	.banner{background-image: url(../images2/banner-home-m.jpg);}
	body{padding-top: 46px;}

	.wrapper_right_btns{display: none;}
	
	.wrap {
    	width: calc(100% - 20px);
		padding: 0px 10px;
	}
	
	.perreault.wrap{
		padding: 0;
	}
	
	.menu-ico{
		display: inline-block;
		vertical-align: middle;
		width: 30px;
		height: 22px;
		padding: 0px;
		margin: 0;
		position: relative;
		z-index: 11;
		transition: all .4s;
	}
	
	.menu-ico.open{
	}
	
	.menu-ico span{
		display: block;
		width: 100%;
		height: 4px;
		background: #e0aa19;
		margin-bottom: 5px;
		border-radius: 1px;
		transition: all .4s;
	}
	
	.menu-ico.open span{
		background: #fff;
	}
	
	header.main{display: none !important;}
	header.mobile{
		display: block;
	}
	
	header nav.soc{
		display: inline-block;
		vertical-align: middle;
		box-sizing: border-box;
		padding-right: 15px;
		width: calc(100% - 35px);
	}
	
	header nav.nav{
		width: 100%;
		display: none;
		border-bottom: 2px solid #e0aa19;
	}
	header nav.nav a{
		display: block;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	
	
    a.logohead{
    }
	
	.rollprop{
		color: #000 !important;
		position: relative;
		transform: none;
		height: auto;
		background-color:#fff;
	}
	
	.rollprop>div{
		position: relative;
		top: 0;
		transform: none;
		margin-top: 10px;
	}
	
	.rollprop h3+p{font-size: 24px;}
	
	.oro.wrap{
		padding: 0;
		width: calc(100% - 2px);
	}
	
	.oro>div:first-child{padding-left: 15px;}
	
	.temhome hr, .temhome div+hr, .profilhome hr, .profilhome p+hr{margin-top: 20px;margin-bottom: 20px;}
	
	.profilhome{
		height: 263px;
	}
	.temhome{height: 265px;}
	
	.temhome p{max-width: 98%;margin: 5px auto;}
	
	.profilhome p{font-size: 16px;}
	
	.profilhome>div{
        margin-top: 10px;
    }
    
    .profilhome p{font-size: 15px;}
    
    .profilhome a.btn{white-space: nowrap;text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);}
	
	nav.nav>a.btn_language{
		border-left:0;
		font-size: 14px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
    .nothome a.logohead .sm{font-size: 10px;}
    
    .profilhome2 h2, .profilhome2 p, .profilhome2 a.btn{width: 100%;}
    .profilhome2 div{text-align: center;}
    .profilhome2 .sideway{margin-top: 20px;margin-bottom: 20px;}
    
    
    a.logohead>div{font-size: 60px;padding-right: 20px;}
    a.logohead>div+div{padding-right: 0;padding-left: 20px;}
    
    .profilhome3 img:first-child {
        left: -5px;
        width: 175px;
    }
    
    .profilhome3 img:last-child {
        width: 225px;
    }
    
    .profilhome3 div{padding-left: 120px;padding-top: 30px;padding-bottom: 30px;}
    .profilhome3, .temhome{height: 330px;min-height: 330px;}
    .temhome{line-height: 330px;}
	
	.millenium .content {
		width: calc(50% - 20px);
	}
	.millenium .gal{width: 50%;}
	img.partners{max-width: 40%;}
	.millenium .content hr{width: 86%;}
	.millenium .infossup a.btn4{margin-left: 10px;}
	a.btn4 {
		font-weight: bold;
		display: inline-block;
		background-color: #fff;
		color: #000 !important;
		text-transform: uppercase;
		padding: 13px 9px;
		border: 1px solid #000;
		font-size: 14px;
		text-decoration: none !important;
		transition: all .4s;
	}
	.perreault p{margin: 20px 0;}
	.perreault .txt div {
		width: calc(100% - 50px);
	}
}

@media screen and (max-width: 800px) {
    .profilhome3{width: 100%;margin-left: 0;height: auto;}
    .profilhome3 div{padding-left: 235px;}
	.soc>span{padding-right: 0px;font-size: 10px;width: auto;margin-bottom: 5px;}
    header{padding: 10px 0px 5px;}
  
    .nothome a.logohead{margin-bottom: 0;}
    a.logohead>div, .nothome a.logohead>div, a.logohead:hover>div, .nothome a.logohead:hover>div{
        font-size: 60px;
        width: 300px;
    }
    a.logohead .sm{font-size: 14px;margin-top: 5px;}
    a.logohead hr, .nothome a.logohead hr{height: 65px;}
	a.logohead>div:nth-of-type(1), a.logohead>div:nth-of-type(2) {
        margin-bottom: 20px;
    }
    a.logohead{}
	.banner{height: 400px;}
	.nothome.banner{height: 330px;}
	a.logohead{margin-bottom: 20px;}
	.banner img{margin-top: 20px;}
	
	.oro>div:first-child{width: 45%;}
	.oro>div:last-child{width: 55%;height: 245px;background-position: right;}
	
	.oro p{
		font-size: 18px;
		line-height: 1.4;
	}
	
	footer p.quartiers{display: none;}
	
	.profilhome{width: calc(100% - 2px);margin-left: 0;margin-top: 15px;    background-position: center;}
	
	.temhome{
		width: 100%;
		padding: 35px 10px;
		height: auto;
	}
	
	.temhome>div{
		position: relative;
		top: 0;
		transform: none;
	}
	
	.profilhome>div{width: 36%;margin-left: 32%;}
	
	footer .logo-cont, footer .sutton{
		display: block;
		margin: 0 auto 25px;
	}
	
	.footer_partager{top: -40px;}
	
	div.framed{
		width: 90%;
	}
	.oropage h1{
		padding-top: 100px;
		background-position: center top 15px;
	}
	
	.imgfull .half{
		position: relative;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.imgfull{margin-top: 20px;}
	
	.team img{
		display: block;
		margin: 0 auto 20px;
		max-width: 100%;
	}
	.team img+div, #form_item{width: 100%;}
    .team img+div{margin-bottom: 20px;}
	
	.temlist{margin-left: 0;width: 100%;margin-top: 30px;}
    
    .profilhome{
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: bottom;
    }
    
    a.logohead>div, .nothome a.logohead>div, a.logohead:hover>div, .nothome a.logohead:hover>div{font-size: 40px;width:auto;}
    a.logohead .sm{font-size: 10px;}
	
	.millenium h1{font-size: 36px;}
	img.partners{max-width: 45%;}
	.millenium .content hr{width: 100%;}
	.millenium .projthumbcont a {
		width: calc(25% - 5px);
		margin-bottom: 5px;
	}
	
	.millenium .infossup{
		justify-content: center;
	}
	
	.millenium .infossup a.btn4:last-child{
		margin-left: auto;margin-right: auto;
		margin-top: 20px;
	}
	
	.perreault{margin-top: 30px;flex-direction: column;}
	.perreault>*{width: 100% !important;}
	.perreault .txt{padding: 30px 0;}
}

@media screen and (max-width: 600px) {
	.perreault .txt div {
    width: calc(100% - 40px);
}
    .profilhome3 img{width: 180px;}
    .profilhome3 div{padding-left: 155px;padding-top: 35px;padding-bottom: 35px;}
	.profilhome{height: 175px;}
	.soc>span{
		padding-right: 0px;
		font-size: 9px;
		margin-bottom: 2px;
	}
	
    .soc>span+span{margin-left: 10px;}
	
	.soc>span a{margin-left: 0px;}
	
	header nav.soc{padding-right: 10px;}
	
	a.fb.btn_social{
		width: 15px;	
		height: 15px;
		font-size: 11px;
	}
	
	.btn_social:not(.fb){
		font-size: 18px;
		height: 15px;
		margin-left: 0;
        margin-top: -3px;
	}
	
	header{padding: 6px 0;}
    
    a.logohead, .nothome a.logohead{margin-bottom: 0;width: 260px;}
    a.logohead>div:nth-of-type(1), a.logohead>div:nth-of-type(2), .nothome a.logohead>div:nth-of-type(1), .nothome a.logohead>div:nth-of-type(2){margin-bottom: 0 !important;}
	a.logohead>div, .nothome a.logohead>div, a.logohead:hover>div, .nothome a.logohead:hover>div{
		font-size: 45px;
        
	}
    a.logohead, .nothome a.logohead{margin-bottom: 10px;}
    a.btnhead:hover{padding: 10px 15px 10px 25px;}
    .banner.nothome>div{bottom: 10px;}
    .banner.nothome img{margin-top: 10px;}
   
    a.logohead hr, .nothome a.logohead hr {
        height: 55px;
        margin-bottom: 10px;
    }
    
    .soc>span a[href^="tel"]{
        margin-right: 5px;
    }
	
	a.logohead .sm, .nothome a.logohead .sm{font-size: 9px;}
	
	
	a.btnhead{padding: 10px 15px 10px 25px;font-size: 12px;}
	
	.banner img{width: 65px;margin-top: 15px;}
	.banner>div{bottom: 20px;}
	
	.banner{height: 260px;}
	
	.nothome.banner{height: 230px;}
	
	.prophome a:not(.btn){width: 100%;}
	
	.prophome a:not(.btn):nth-of-type(2){
		margin: 0;
		margin-bottom: 20px;
	}
	
	.oro>div:last-child{
		width: 100%;
	}
	.oro>div:first-child{
		width: 100%;
		height: 200px;
		padding-top: 30px;
	}
	
	hr.sideway{margin: 15px auto;}
	
	.oro.wrap{text-align: center;}
	
	.profilhome{
            background-image: url(../images2/profilhomesm.jpg);
		padding-bottom: 200px;
		background-size: 100% auto;
		background-position: bottom;
		background-repeat: no-repeat;
	}
	
	.profilhome>div {
		width: 95%;
		margin:0 auto;
		text-align: center;
		padding-top: 40px;
	}
	footer .logo-cont, footer .sutton{text-align: center;}
	
	.oropage h1{font-size: 20px;}
	
	.oropage .half{width: 100%; margin-left: 0 !important;margin-bottom: 20px;}
	
	.box_ctem{width: 100%;margin-left: 0 !important;}
	
	.oro>div:last-child{height: 155px;}
	
	.courtiers, .txt_contact img+p, a.agenceadd, a.agenceadd+a{font-size: 14px;}
    
    header nav.soc {
        padding-right: 5px;
    }
    
    a.logohead>div, .nothome a.logohead>div, a.logohead:hover>div, .nothome a.logohead:hover>div{font-size: 30px;width:auto;padding-right: 10px;}
    a.logohead>div+div{padding-left: 10px;padding-right: 0;}
    a.logohead>div+div:before{height: 40px;}
     body{padding-top: 38px;}
	
	
	.millenium .gal{width: 100%;order:2;}
	.millenium .content{width: 100%;order:1;margin-bottom: 20px;}
	.millenium .infossup{order:3;}
	.millenium .infossup a.btn4{
		margin-left: auto;margin-right: auto;
		margin-top: 5px;margin-bottom: 5px;
		min-width: 80%;
		text-align: center;
	}
}
@media screen and (max-width: 400px) {
    body{padding-top: 38px;}
    .profilhome{padding-bottom: 150px;}
    .soc>span+span {
        margin-left: 10px;
    }
    
    
    header nav.soc{
            width: calc(100% - 30px);
    }
    .menu-ico{width: 25px;}
    
    .profilhome3 div{padding-left: 120px;}
    .profilhome3 p{font-size: 15px;}
    
    header .wrap{
        width: calc(100% - 10px);
        padding-left: 0;
    }
    
    .soc>span a:first-of-type{font-size: 11px;}
	
	a.fb.btn_social{width: 14px;height: 14px;font-size: 10px;padding-top: 3px;}
	.btn_social:not(.fb){
		height: 14px;margin-top: -2px;font-size: 13px;
	}
}
@media screen and (max-width: 370px) {
    .profilhome3 img{width: 150px;left: 0;}
    .profilhome3 div{padding-left: 105px;}
    .soc>span{width: auto;}
	.profilhome {
        padding-bottom: 120px;
    }
	a.logohead .sm, .nothome a.logohead .sm{font-size: 7px;}
	
	
	a.btnhead{font-size: 10px;}
	
	div.framed {
		width: 95%;
		padding: 20px 30px;
	}
	
	
    .soc>span{
        font-size: 8px;
    }
	
    a.fb.btn_social{
        width: 12px;
        height: 12px;
        font-size: 11px;
        padding: 2px 0;
        border-radius: 1px;
    }
    
    .btn_social:not(.fb) {
        font-size: 15px;
        height: 12px;
        margin-left: 0;
        margin-top: -3px;
    }
    .soc>span a{margin-left: 0;}
}