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


/*------------------------------------*\
    DEBUT DE PERSONNALISATION PAGE SPÉCIFIQUE SPECIALITE
\*------------------------------------*/

/* STRUCTURE EXPERT & SERVICES */	
#experts-metiers{
    background: #F3F3F3;
    padding: 1em 0;
}
.exp-serv-spe{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.spe-chi{
    margin-top: 1.5em;
}
.spe-expert{
    width: 45%;
    display: inline-block;
}				
.spe-temoignage{
    width: 55%;
    display: inline-block;
}						
/* FIN STRUCTURE EXPERT & SERVICES */	
/*===================*/
.intro-spe{
    background: #FC555C;
}
.special-x{
	margin-top: 2em;
}
.special-x p{
    font-size: 16px;
	margin: 1em 0;
}
.sing-spe{
	margin: 1em 0;
}
.sing-spe h2 {
    font-size: 34px;
    font-weight: 300;
    margin-bottom: 0.9em;
}
.sing-spe h2 span {
    border-bottom: 4px solid #FC555C;
    font-size: inherit;
	display: inline-block;
}
.sing-spe h2 strong{
    font-size: 48px;
    font-weight: bold;
}
.sing-spe > hr, .spec.spe1 > hr, .les-experts hr{
    background: #FC555C;
    margin: 0.8em 0;
}
.sing-spe h3 {
    font-size: 20px;
    color: #FC555C;
    margin: 0.7em 0;
}
.sing-spe.spec-accor > div > div{
    margin: 0.8em 0 0;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.sing-spe.spec-accor > div > div:first-child{
    margin: 0;
}
.sing-spe > ul > li{
    list-style-type: disc;
    color: #FC555C;
    margin-left: 1.2em;
	font-size:16px;
}
.sing-spe > ul > li > span{
    color: #333;
}
.serbes-bloc > ul > li{
    list-style-type: disc;
    color: #009FE3;
    margin-left: 1.2em;
}
.serbes-bloc > ul > li > span{
    color: #333;
}
.spe-accor{
	width:64%;
}
.spe-tiers{
	width:36%;
}
.nos-ser{
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/nos-serv.jpg) no-repeat;
}
.nos-spec{
    background: rgba(0, 159, 227, 0.63);
}
.ouca-spe{
    background: #FC555C;
}
.ser-tiers h2{
    color:#fff;
	font-size:30px;
	text-transform: uppercase;
}
.ser-tiers > div > hr{
    width: 80px;
    background: #000;
    height: 5px;
    margin-left: 0;
    margin-bottom: 1em;
    border: 0;
}
.seric{	
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.servvice1, .servvice2{
    width: 50%;
	display: inline-block;
    text-align: center;
}
.seric a{	
	color:#fff;
	margin:auto;
	text-transform: uppercase;
	margin-top:1em;
}
.serv.servvice1 > a > img, .serv.servvice2 > a > img {
    margin: auto;
    margin-bottom: 1em;
    margin-top: 1em;
}
.ser-tiers > div{
    margin-bottom: 1.5em;
    padding: 1.5em;
}
.les-experts{
    margin-top: 1em;
	font-size:30px;
}
/* PERSONNALISATION */
/* SPECIFIQUE A AUDIT */
.list-audit{	
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-audit ul{
    width: 50%;
	display: inline-block;
}
.list-audit > ul > li {
    font-size: 1em;
}
#specialite-sing > article > div > div > div > ul > li{
    color: #FC555C;
	font-size: 16px;
}
#nos-chiffres-spe{
	background:	#F3F3F3;
	padding:3em 0;
	margin:2.5em 0 1em;
}	
.spe-band, .spe-chi{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.spe-chi{
    margin-top: 1.5em;
}
.spe1{
    width: 20%;
    display: inline-block;
}				
.spe2, .spe3{
    width: 40%;
    display: inline-block;
}			
.chi-1, .chi-2{
    width: 50%;
    display: inline-block;
}				
.spe-band img {
    margin:auto;
	margin-bottom:1em;
}	
.spe-band a {
    text-align:center;
	color:#fff;
	font-weight:600;
	text-transform: uppercase;
	font-size:18px;
}		
#shiva > span{
    font-size: 48px;
    font-weight: bold;
    color: #fc555c;
}
#shiva > em{
    font-size: 26px;
    font-weight: bold;
    color: #fc555c;
}
.marg-plus{
    min-height:26px;
}
/* SLIDE DES SPECIALITES */
/*SLIDER*/
#autre-spelist{
    margin-top: 1.5em;
    margin-bottom: 2.5em;
}
#nosspe{
	padding-left:0;
	padding-right:0;
} 
.second-slide-spe{
	padding-bottom:1.5em;
}
#nosspe h2{
	font-weight:600;
} 
#nosspe hr {
    background: #FC555C;
}
#experts-metiers > div > div > div > div.spe-temoignage > div > hr, #experts-metiers > div > div > div > div.spe-expert > div > hr {
    margin: 0.3em 0 0 0;
}
#nosspe > section{
    margin-top: 2em;
} 
#autre-spelist > .row > .second-slide-spe h2, #autre-spelist > .row > .second-slide-spe > hr{
    margin-left:5px;
} 
/* DEBUT TEMOIGNAGE*/
#temoignage-spe{
	background:	#FC555C;
	padding:3em 0;
}	
.spe-band{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.spe-tem1{
    width: 40%;
    display: inline-block;
	color:#fff;
}	
.spe-tem1 h2, .spe-tem1 p strong{
    color:#fff;
}		
.spe-tem1 p strong{
    font-size:1.2em;
}		
.spe-tem1 p{
    color:#fff;
	margin-left:2em;
	margin-bottom: 1em;
}		
.spe-tem1 hr{
    width: 80px;
    background: #000;
    height: 5px;
    margin-left: 0;
    margin-bottom: 2em;
    border: 0;
}
.spe-tem1 img{
	margin-left:2.3em;
}				
.spe-tem2{
    width: 60%;
    display: inline-block;
	padding-right:0;
	align-self: center;
}	
/* FIN TEMOIGNAGE */

/* DEBUT AFFICHE EXPERT*/
#specialite-sing > div > div > div > div > div.les-experts > h2 {
    font-weight: 600;
}
#specialite-sing > div > div > div > div > div.les-experts > hr{
    width: 80px;
    background: #FC555C;
    height: 5px;
    margin: 0.5em 0;
    border: 0;
}
.les-experts p{
    font-size: 16px;
}	
/* COLLABORATEUR */
.les-experts hr {
    width: 80px;
    background: #FC555C;
    height: 5px;
    margin-left: 0;
    margin-bottom: 1em;
    border: 0;
}
.cab-link {
    width: 40%;
    display: inline-grid;
    text-align: center;
	margin:auto;
	margin-left: 1%;
    margin-right: 5%;
}
#experts-metiers > div > div > div > div.spe-expert > div > div > div > img {
    background: #fff;
    padding: 15px;
    border-radius: 50%;
    margin-top: 1em;
}
#experts-metiers > div > div > div > div.spe-expert > div > div > hr {
    width: 120px;
    height: 1.3px;
    margin: auto;
    margin-bottom: 0.2em;
    margin-top: 0.2em;
}
.messagerie-spe {
    background: #FC555C;
    border-radius: 50%;
    padding: 0 !important;
    margin: auto;
    margin-top: 0.5em !important;
}
#experts-metiers > div > div > div > div.spe-expert > div > div > strong {
    font-size: 18px;
    text-align: center;
}
#experts-metiers > div > div > div > div.spe-expert > div > div > p{
    margin:0;
}
/* FIN AFFICHAGE DES EXPERTS */
.sty {
    border: 0;
    padding: 16px 14px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    background: #2D2D2D;
    transition: 0.3s;
	cursor:pointer;
}
.sty-accodeo-spe {
    border: 0;
    padding: 16px 14px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    margin-top: 1em;
    text-transform: uppercase;
    border-radius: 3px;
    background: #2D2D2D;
    transition: 0.3s;
    cursor: pointer;
}
.cabin-cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}			
.cc1, .cc2, .cc3{
    width: 33%;
    display: inline-block;
	z-index:99;
}	
.oc-band-2{
    background: #FC555C;
}
.in-co h2{
    font-size: 38px;
    font-weight: 600;
    margin: 0 0 0.5em 0;
    color: #fff;
    text-align: left;
}
.in-co h2 span {
    font-weight: bold;
    color: #fff;
    font-size: 100%;
}
.in-co p{
	color:#fff;
	margin-bottom:1em;
}	
.in-co hr {
    width: 80px;
    background: #2D2D2D;
    height: 5px;
    margin-left: 0;
    margin-bottom: 2em;
    border: 0;
}	
.in-co img {
    margin:auto;
}		
#cabinet-contact > div > div > div.in-co.cc1 > div > div.select-selected {
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche-select-rose.png) 285px 18px no-repeat;
    padding: 16px 10px;
}
#cabinet-contact > div > div > div.in-co.cc1.trouv > div{
    max-width: 100%;
    border-radius: 2px;
}
/* COULEUR ACCORDEON DES SERVICES */
.accordion__item.active:last-child .accordion-header, .accordion__item.js-accordion-item.active > div.accordion-header.js-accordion-header {
	background:#FC555C;
}

/** ==========================
* STYLE SELECT SPECIFIQUE A SPECIALITE
=============================**/
.accordion_c__list .link__title {
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche-select-rose.png) right 18px no-repeat;
}
.accordion_c{
	width:100%;
}
.submenu {
  background: #FC555C;
}
.submenu a:hover {
  background: rgba(4, 54, 101, 0.6);
}
/*------------------------------------*\
    FIN DE PERSONNALISATION PAGE SPÉCIFIQUE SPECIALITE
\*------------------------------------*/


/*------------------------------------*\
    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) {
.sing-spe h2 {
    margin-top: 0;
}
.sing-spe h3 {
    margin: 0.7em 0 0;
}
.sing-spe img {
    margin-top: 2em;
}
.special-x p {
    margin: 0.5em 0;
}
}
@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:1200px) {
}
@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width:992px) {
.sing-spe {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	margin-top:0;
}
.sing-spe:nth-child(4) { order: 3; }
.sing-spe:nth-child(3) { order: 4; }
.sing-spe > img:nth-child(1) {
	width: 100%;
}
.spe1 {
    width: 100%;
}
.spe2, .spe3 {
    width: 50%;
}
.spe-expert{
	display:none;
}
.spe-temoignage {
    width: 100%;
}
.cc3 {
    display: none;
}
.cc1, .cc2 {
    width: 50%;
}
.special-x {
    margin-top: 1em;
}
.spec-accor{
    margin-top: 1em;
}
}
@media only screen and (max-width:800px) {

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

}
@media only screen and (max-width:720px) {
.chi-1, .chi-2 {
    width: 100%;
	text-align:center;
}
.spe-chi {
    margin-top: 0;
}
#spe-bandeau > div > div > div.spec.spe1 > h2 > br{
	display:none;
}	
#nos-chiffres-spe {
    padding: 0.5em 0 2em;
}
#temoignage-spe { 
	display:none; 
}
.cc1 {
    width: 65%;
}
.cc2 {
    width: 35%;
}
}
@media only screen and (max-width:600px) {

}
@media only screen and (max-width:480px) {
.cc2 {
    display: none;
}
.cc1 {
    width: 100%;
    padding-left: .9375em;
    padding-right: .9375em;
}
#nosspe h2 {
    font-size: 36px;
}
#autre-spelist > div{
    padding-left: .9375em;
    padding-right: .9375em;
}
#nosspe {
	padding-bottom: 0;
    padding-left: .9375em;
    padding-right: .9375em;
}
}
@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) {

}
@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) {
}