@charset "UTF-8";
/* CSS Document */


/*------------------------------------*\
    DEBUT DE PERSONNALISATION PAGE SPECIFIQUE TYPE CABINET
\*------------------------------------*/
.appel-expert{
	background:#F3F3F3;	
	padding:2em 0 1em;
}
.cabs{	
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.marg-cab{
	margin:3em 0 1em;
}
.introcab{
    width: 40%;
	margin-top:3em;
	display: inline-block;
}
.introcab h2{
	margin-top:0;
}
.img-cab1, .img-cab2{
    width: 30%;
	display: inline-block;
	margin-top:3em;
}
.img-cab1{
    padding-right:5px;
}
.img-cab2{
	padding-left:5px;
}
.cartos{
    width: 67%;
	display: inline-block;
}
.autr-cab{	
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2em;
}
.page-co{	
    margin: 2em 0 4em;
}
.colabo {
    width: 18%;
    display: inline-block;
    margin: 0 1%;
	text-align: center;
	margin-top:1em;
}
.centered{
    background: rgba(112,112,112, 0.55);
	height: 218px;
}

#cabinet-sing > div:nth-child(4) > div > div > div:nth-child(5) > a:hover{
	background: rgba(66, 174, 160, 0.85);
}
#cabinet-sing > div.list.container > div:nth-child(4) > div > div:nth-child(1) > a > img{
    padding-left: 0;
}
#cabinet-sing > div.list.container > div:nth-child(4) > div > div:nth-child(5) > a > img{
    padding-right: 0;
}
.acf-map {
    width: 100%;
    height: 400px;
    margin: 0px auto;
}
.intro-cab{
    background: #42AEA0;
    padding: 2.5em 0;
}
.les-cabs h2 {
    font-weight: 600;
}
.les-cabs hr{
    background: #42AEA0;
}
.les-cabs h3 {
    color: #42AEA0;
    margin: 0.7em 0;
}
.fond-colla img {
    background: #fff;
    padding: 15px;
    border-radius: 50%;
}
.fond-colla{
    margin-bottom: 1em;
}
.colabo > hr {
    width: 120px;
    background: #42AEA0;
    margin: auto;
    margin-bottom: 0.4em;
    margin-top: 0.5em;
}
.name-col{
    font-size: 1.2em;
    margin-top: 0.5em;
    line-height: 1;
}
.name-col1{
    line-height: 1;
}
.name-col1, .name-col2, .name-co3{
    font-size: 1em;
}
.messagerie{
    background: #42AEA0;
    border-radius: 50%;
    padding: 0 !important;
	margin:auto;
    margin-top: 0.2em !important;
}
.colabo img{
	margin:auto;
}
.coordon{
    width: 33%;
	display: inline-block;
	padding-left: 3em;
	padding-top: 7.5em;
}
.coordon ul li{
    display: inline-flex;
    margin: 0.5em 0;
	}
.coordon img {
    padding-right: 0.6em;
    height: 44px;
    margin-top: -0.5em;
}
.coordon, .cartos{
	margin-top:2em;
	margin-bottom: 4em;
}
.cab-link {
    width: 20%;
    display: inline-block;
	position: relative;
	text-align: center;
}
.les-cabs.introcab > p {
    padding-right: 1.5em;
}
/* RECUP DE LA PAGE*/
/* CO DE DU BANDEAU */
.ser-band{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}			
.servi2, .servi3, .servi4{
    width: 23%;
    display: inline-block;
	text-align: center;
}				
.servi1{
    width: 31%;
    display: inline-block;
}	
#sec-bandeau {
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/bandeau-service.jpg);
    background-size: cover;
    padding: 3em 0;
    margin: 4em 0;
}	
.ser-band h2 span{
	font-size:48px;
	font-weight:bold;
	color:#fff;
}	
.ser-band img {
    margin:auto;
	margin-bottom:1em;
}	
		
.ser-band a {
    text-align:center;
	color:#fff;
	font-weight:600;
	text-transform: uppercase;
	font-size:18px;
}	
.ser-band h2{
	font-size:30px;
	font-weight:600;
	margin:0.1em 0 0.5em;
	color:#fff;
    text-align: left;
}	
.ser-band hr {
    background: #2D2D2D;
}	
/* FIN CODE DU BANDEAU*/
/* CODE SECTION PARLER A UN PROFESSIONNEL*/
#grrepr{
	margin: 4em 0;
}
.bloc-grrepr {
    margin-bottom: 2em;
}
.sect-grrepr{
	padding-left:0;
	padding-right:0;
}
.bloc-grrepr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.grrepr{
    width: 50%;
    display: inline-block;
    position: relative;
}
.recru-acc{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}		
.recru-act1{
    width: 50%;
    display: inline-block;
}
.grrepr.recru-acc > .recru-act1:nth-child(2){
    padding-left: 0.8em;
}
.grrepr > h2 > span, .recru-act1 > h2 > span{
	font-weight:bold;
	font-size:48px;
}	
.grrepr > h2{
	font-weight:400;
	margin-top:0;
}
.grrepr hr{
    width: 80px;
    height: 5px;
    margin-left: 0;
    margin-bottom: 2em;
    border: 0;
}	
.pro-acc2 hr {
    background: #4EB2DB;
    margin: 2em 0 1em;
}
.recru-act1 hr{
    background: #FE5E3C;
	margin:4em 0;
}		
.pro-acc2 hr{
    background: #4EB2DB;
	margin:2.5em 0 1.5em;
}		
.pro-acc2 h3{
    color: #4EB2DB;
}	
.btn-grrepr {
    border: 0;
    padding: 12px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    transition: 0.3s;
	font-weight:600;
    margin-left: -0.35em;
	display: inline-block !important;
	position:absolute;
	bottom:0;
}
.lge {
    background: #0F358D;
    margin-right: 1em;
    margin-top: 1em;
}
.nrs{
	background:#FE5E3C;
}
.pap{
	background:#4EB2DB;
}
.btn-nosen{
    margin-left: 24%;
}
/* FIN SECTION PARLER PRO */
/* BANDEAU BAS NOUS REJOINDRE*/
.sty {
    border: 0;
    padding: 18px 15px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    background: #2D2D2D;
    transition: 0.3s;
	cursor:pointer;
}	
.nj1{
    width: 25%;
    display: inline-block;
}		
.nj2{
    width: 50%;
    display: inline-block;
}			
.nj2 p{
	text-align: left;
	color: #fff;
}				
.nj3{
    width: 25%;
    display: inline-block;
	text-align: center;
}				
#nous-r-bandeau {
    background: #42AEA0;
    padding: 2em 0 1em;
    margin: 2em 0 0;
}		
/*------------------------------------*\
    FIN DE PERSONNALISATION PAGE SPÉCIFIQUE TYPE CABINET
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:432px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:600px) {

}
@media only screen and (min-width:720px) {

}
@media only screen and (min-width:768px) {

}
@media screen and (min-width: 481px) and (max-width: 991px) {
	
}
@media only screen and (min-width: 1025px){ 
	
}	
@media screen and (min-width: 1024px) and (max-width:1040px) {
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
}
@media only screen and (min-width:1200px) {

}
@media only screen and (min-width:1366px) {
}
@media only screen and (min-width:1440px) {
}
@media only screen and (min-width:1500px) {
}
@media only screen and (min-width:1680px) {
}
@media only screen and (min-width:1920px) {
}
@media only screen and (min-width:2560px) {
}
@media only screen and (max-width:1680px) {
}
@media only screen and (max-width:1500px) {
}
@media only screen and (max-width:1440px) {
}
@media only screen and (max-width:1366px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1199px) {
.cab-part {
    width: 20%;
}
.img-wrapper {
    height: 184px;
}
.centered {
    height: 182px;
}
#grrepr > div > div > div.grrepr.pro-acc2 > p{
	display:none;
}
.ser-band h2 {
    font-size: 26px;
}
}
@media only screen and (max-width: 1024px) {
.intro-cab {
    padding: 2.5em 0 2em;
}
}
@media only screen and (max-width:992px) {
.introcab {
    width: 50%;
    margin-top: 2em;
}
.img-cab1{
    width: 50%;
    margin-top: 2em;
}
.img-cab2 {
    display: none;
}
.introcab h2{
	margin-top:1em;
}
.img-cab1 img{
	width:100%;
}
.cartos {
    width: 100%;
    margin-top: 0;
}
.coordon {
    width: 100%;
    padding-top: 0;
    margin-top: 0;
}
.coordon ul li {
    display: flex;
    margin: 1em 0;
}
.nj3 {
    padding: 0;
}
.sty {
    font-size: 16px;
}
.les-cabs h2 {
    font-size: 36px;
}
}
@media only screen and (max-width:800px) {
.appel-expert, #nos-services {
    background: #F3F3F5;
    display: none;
}
.pro-acc2 h3 {
    display: none;
}
.introcab h2 {
    margin-top: 0;
}
.img-wrapper {
    height: 140px;
}
.centered {
    height: 144px;
}
.sty {
    padding: 12px 8px;
}
.coordon, .cartos {
    margin-bottom: 0;
}
.ser-band hr {
    margin-bottom: 0.5em;
}
.grrepr > h2 > span, .recru-act1 > h2 > span {
    font-size: 50px;
}
.grrepr > h2 {
    font-size: 40px;
}
}
@media only screen and (max-width:768px) {

}
@media only screen and (max-width:720px) {
.introcab {
    width: 100%;
}
.les-cabs.introcab > p {
    padding-right: 0;
}
.img-cab1 {
    width: 100%;
    padding: 0;
}
#cabinet-sing > div:nth-child(4) {
    display: none;
}
.img-cab1, .carte-oc {
    margin-bottom: 1em;
}
#grrepr {
    display: none;
}
.nj1 {
    width: 100%;
    padding-left: 0;
}
.nj2 {
    width: 70%;
    padding-left: 0;
}
.nj3 {
    width: 30%;
}
#nous-r-bandeau {
    padding: 1em 0;
}
.coordon {
    padding-left: 0;
}
}
@media only screen and (max-width:600px) {
.sty {
    font-size: 14px;
}
}
@media only screen and (max-width:480px) {
.container {
	padding: 0 .9375em;
}
.footer .container, body > footer > div.container {
	padding: 0;
}
.nj2 {
    width: 100%;
    padding-left: 0;
    margin-bottom: 0.5em;
}
}
@media only screen and (max-width:432px) {

}
@media only screen and (max-width:414px) {
}
@media only screen and (max-width:411px) {
}
@media only screen and (max-width:384px) {

}
@media only screen and (max-width:375px) {
/*
p{
	text-align: justify;
}
*/
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}
@media only screen and (min-width:1800px) {
}
@media only screen and (min-width:2000px) {
}