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


/*------------------------------------*\
    DEBUT DE PERSONNALISATION PAGE SPÉCIFIQUE ACCOMPAGNEMENT
\*------------------------------------*/
/* STRUCTURE EXPERT & SERVICES */	
#cedant{
    background: #B03080;
    padding: 1.5em 0 0;
}
#repreneur{
    background: #fff;
}
.time-ced > .procape > h2, .time-rep > .procape > h2{
    font-size: 36px;
    font-weight: 600;
	padding: 0;
}
.time-rep > .procape > h2{
    color: #2D2D2D;
}
.time-rep > .procape > hr{
    width: 80px;
    background: #B03080;
    height: 5px;
    margin: 1em 0 0;
    border: 0;
}
.time-ced > .procape > h2{
    color:#fff;
}
.time-ced > .procape > hr {
    background: #2D2D2D;
	width: 80px;
    height: 5px;
    margin: 1em 0 0;
    border: 0;
}
.time-rep > div.process-etape1 > h3{
    color: #B03080;
    font-size: 28px;
}
.time-ced > div.process-etape1 > h3{
    color: #fff;
    font-size: 28px;
}
.process-etape1{
    width: 25%;
    display: inline-block;
}
.process-etape2{
	width:75%;
    display: inline-block;
	padding:0;
	max-height:180px;
}

/*------------------------------------*\
    CSS TIMELINE DE L'ACCOMPAGNEMENT
\*------------------------------------*/
.timelines {
    width: 100%;
    height: 4px;
    margin-top: 2.5em;
    background: #F1F1F1;
}
.slick-slide .slide-content {
    margin: 0 10%;
    padding: 15px 10px;
    text-align: center;
}
.slick-list {
  margin: 20px 0px;
}
.slick-prev,
.slick-next {
  position: absolute;
  right: 0;
  background: #777;
  border: none;
  color: transparent;
	z-index: 9999;
}
.slick-dots {
  list-style: none;
  margin: 0 auto;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
}
.slick-dots li button {
  transition: 0.2s;
  background-color: ease-in-out 0s;
  border: none;
  padding: 0;
  color: transparent;
  width: 10px;
  height: 10px;
  background:#777;
  margin-right: 10px;
  border-radius: 50%;
}
#creation > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider, #repreneur > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider, #cedant > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider{
    margin-top: -2.5em;
}
/*------------------------------------*\
    FIN TIMELINE ACCOMPAGNEMENT
\*------------------------------------*/
.dot-etape1{
    color: #fff;
    background: #B03080;
    font-size: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding-top: 0.5em;
    font-weight: 700;
    margin: auto;
    border: 4px solid #f2f2f2;
    margin-bottom: 1em;
}
.dot-etape2 {
    color: #B03080;
    background: #fff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding-top: 0.5em;
    font-weight: 700;
    margin: auto;
    border: 4px solid #942E6E;
    margin-bottom: 1em;
}
#cedant > div > div > div.process-etape2 > div.timelines{
    background: #942E6E;
}
#creation > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > div, #repreneur > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > div, #cedant > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > div{
    margin-top: -0.8em;
	z-index:99;
}
#creation > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-prev.slick-arrow, #creation > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow, #repreneur > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-prev.slick-arrow, #repreneur > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow, #cedant > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow, #cedant > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-prev.slick-arrow.slick-disabled{
    width: 40px;
    height: 40px;
	cursor: pointer;
	border:none;
}
#creation > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-prev.slick-arrow.slick-disabled, #repreneur > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-prev.slick-arrow.slick-disabled, #cedant > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-prev.slick-arrow.slick-disabled {
    left: -4.5%;
	margin-top:1.5em;
}
#repreneur > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow, 
#creation > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow, 
#cedant > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow{
    position: absolute;
    top: 10%;
	left:100%;
}
@supports (-ms-ime-align:auto) {
#repreneur > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow, 
#creation > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow, 
#cedant > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow{
    top: 2%;
}
}
#creation > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow, #repreneur > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow{
	content: ">";
	background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/puce-etape-droite.png) 50% 50% no-repeat;
}
#creation > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-prev.slick-arrow, #repreneur > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-prev.slick-arrow {
	content: ">";
	background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/puce-etape-gauche.png) 50% 50% no-repeat;
    left: -4.5%;
	margin-top:1.5em;
}
#creation > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow:hover, #repreneur > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow:hover{
	content: ">";
	background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/puce-etape-droite-h.png) 50% 50% no-repeat;
}
#creation > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-prev.slick-arrow:hover, #repreneur > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-prev.slick-arrow:hover {
	content: ">";
	background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/puce-etape-gauche-h.png) 50% 50% no-repeat;
}
#cedant > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow{
	content: ">";
	background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/puce-etape-droite-h.png) 50% 50% no-repeat;
/*
    margin-top: -13.6em;
	left:100%;
*/
}
#cedant > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-prev.slick-arrow {
    content: ">";
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/puce-etape-gauche-h.png) 50% 50% no-repeat;
    left: -4.5%;
	margin-top:1.5em;
	height:40px;
	width:40px;
}
#cedant > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow:hover{
	content: ">";
	background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/puce-etape-droite.png) 50% 50% no-repeat;
}
#cedant > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-prev.slick-arrow:hover {
    content: ">";
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/puce-etape-gauche.png) 50% 50% no-repeat;
}
.et-ced, .et-ced strong{
    color: #fff;
}
/* FIN */
#derniere-parie{
    background: #F3F3F3;
    padding: 2em 0 3em;
}	
#partie-parole{
    background: #B03080;
    padding: 2em 0 3em;
}	
.end-accomp h2{
    font-size: 36px;
    font-weight: 600;
    padding: 0;
    color: #2D2D2D;
}		
.end-accomp p{
    font-weight: 600;
	font-size: 16px;
}	
.part-gropo > em{
    font-style: italic;
}
#element-piloter {
    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 */	
/*===================*/
.int-oc-accom{
    background: #B03080;
}
.accom-p{
	margin-top: 2em;
	margin-bottom: 1em;
}
.accom-p2{
    margin-top: 2.5em;
    margin-bottom: 1.5em;
}
.accom-p3{
	margin-top: 1em;
	margin-bottom: 1em;
}
.accom-p p, .accom-p2 p, .accom-p3 p{
    font-size: 16px;
	margin: 1em 0;
}
.part-gropo{
	margin: 1em 0 2em;
}
.part-gropo h2 {
    font-size: 34px;
    font-weight: 300;
}
.part-gropo h2 strong{
    font-size: 50px;
    font-weight: bold;
}
.part-gropo > hr, .spec.spe1 > hr, .les-experts hr{
    background: #B03080;
    margin: 0.8em 0;
}
.part-gropo h3{
    font-size: 24px;
    color: #B03080;
    margin: 0.7em 0;
}
.part-gropo h1 span{
    border-bottom:4px solid #B03080;
}
.part-gropo h1 {
    font-size: 48px;
    margin-top: 0.4em;
}
.part-gropo.spec-accor > div > div{
    margin: 0.8em 0 0;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.part-gropo.spec-accor > div > div:first-child{
    margin: 0;
}
.serbes-bloc > ul > li, .list-audit > ul > li{
    list-style-type: disc;
    color: #009FE3;
    margin-left: 1.2em;
}
.serbes-bloc > ul > li > span, .list-audit > 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: #B03080;
}

.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;
}
.accom-p > div > div > ul > li {
    list-style-type: disc;
    color: #B03080;
    margin-left: 1.2em;
    font-size: 100%;
}
.accom-p > div > div > ul > li > span {
    color: #333;
}

/* MISE EN FORME DE CREATION & PILOTER */
#chiff-accom-ets{
	background: #B03080;
}
.chiff-accomp{
	background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche-chiffre.png) no-repeat center center;
}
.bc-ets p{
	color:#fff;
	font-size:16px;
	margin-top:1em;
}
.bc-ets {
	width:100%;
}
#shiva-accomp {
    text-align: right;
    margin-top: 0.9em;
}
.crete-ets{
	margin-top:2em;
}
.eng-b{
    margin-bottom: 1em;
    margin-top: 1em;
}
 .end-accomp hr {
    width: 80px;
    background: #B03080;
    height: 5px;
    margin: 1em 0 2em;
    border: 0;
}
.accomp-clinet hr {
    width: 80px;
    background: #2d2d2d;
    height: 5px;
    margin: auto;    
	margin-top: 1em;    
	margin-bottom: 0.5em;
    border: 0;
}
.accomp-clinet h2{ 
    color:#fff;
    text-align:center;
}
.accomp-clinet p, .accomp-clinet h3{ 
    color:#fff;
	font-weight:300;
}
.accomp-clinet h3 {
    font-weight: 600;
}
.accomp-clinet p strong{ 
    color:#fff;
}
.accomp-clinet > .finish-acc > .bloc-2 > p {
    margin: 0.8em 0;
    padding-right: 1.5em;
}
.finish-acc{ 
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.finish-acc > div > img{
    margin: auto;
    border-radius: 50%;
    border: 20px solid rgba(255, 255, 255, 0.2);
}
		
.chi-recru{
    font-size: 48px;
    font-weight: bold;
    color: #fff;
}
.poucent{
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}
/*------------------------------------*\
    FIN DE PERSONNALISATION PAGE SPÉCIFIQUE ACCOMPAGNEMENT
\*------------------------------------*/

#cedant{
    background: #B03080;
    padding: 1.5em 0 0;
}

/*------------------------------------*\
    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) {
.part-gropo {
    -webkit-align-self: center;
    align-self: center;
}
}
@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) {
.process-etape2 {
    width: 70%;
}
#creation > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-prev.slick-arrow, #repreneur > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-prev.slick-arrow, #creation > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow:hover, #repreneur > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow:hover {
    z-index: 999;
}
.crete-ets {
    margin-top: 2em;
}
#page-legroupe > div.list.container.accom-p.eng-b > div > div:nth-child(1), #page-legroupe > div.list.container.accom-p.eng-b > div > div:nth-child(2) {
    margin: 0;
}
.eng-b {
    margin-bottom: 2em;
}
#repreneur {
    padding: 0;
    margin-top: -5%;
}
#cedant {
    padding: 2em 0 1em;
}
.accom-p2 {
    margin-top: 2em;
    margin-bottom: 2em;
}
.time-ced > .procape > hr {
    margin: 1em 0;
}
.time-rep > .procape > hr {
    margin: 1em 0;
}
}
@media only screen and (max-width:992px) {
.bloc-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.part-gropo {
    margin: 0;
}
.accom-p {
    margin-top: 2em;
    margin-bottom: 3em;
}
#page-legroupe > article > div > div > div:nth-child(2) > img, #page-legroupe > div.list.container.accom-p.eng-b > div > div:nth-child(1) > img, #page-legroupe > article:nth-child(5) > div > div > div:nth-child(1) > img, #element-piloter > div.list.container.accom-p2 > div > div:nth-child(1) > img{
	width:100%;
}
.spec {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.chi-recru {
    font-size: 36px;
}
#shiva-accomp {
    text-align: center;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#chiff-accom-ets > div > div > div:nth-child(1) > div > div > div.bloc-3-4,
#chiff-accom-ets > div > div > div:nth-child(2) > div > div > div.bloc-3-4{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}
.accom-p2 {
    margin-top: 3.5em;
}
.bloc-2-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.accom-p3 > div > .part-gropo:nth-child(1){
        order: 1;
    }
.accom-p3 > div > .part-gropo:nth-child(2){
        order: 2;
    }
.accom-p3 > div > .part-gropo:nth-child(3){
        order: 3;
    }
.accom-p3 > div > .part-gropo:nth-child(4){
        order: 5;
    }
.accom-p3 > div > .part-gropo:nth-child(5){
        order: 6;
    }
.accom-p3 > div > .part-gropo:nth-child(6){
        order: 4;
    }
#element-piloter > div.list.container.accom-p2{
    margin-top: 1em;
}
.bloc-4-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}
.bloc-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
    -webkit-align-self: center;
    align-self: center;
}
.accomp-clinet h3 {
    font-weight: 600;
}
}
@media only screen and (max-width:800px) {

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

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

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

}
@media only screen and (max-width:480px) {
#creation > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow, #repreneur > div > div > div.process-etape2 > div.slick-carousel.container-etape.slick-initialized.slick-slider > button.slick-next.slick-arrow {
    margin-left: -10%;
}
#page-legroupe > div.list.container.accom-p.eng-b > div > div:nth-child(2) {
    margin-top: 1em;
}
.bloc-4-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.bloc-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-align-self: center;
    align-self: center;
}
.finish-acc > div:nth-child(1){
        order: 2;
    }
.finish-acc > div:nth-child(2){
        order: 1;
    }
.accom-p3 > div > .part-gropo:nth-child(1){
        order: 1;
    }
.accom-p3 > div > .part-gropo:nth-child(2){
        order: 2;
    }
.accom-p3 > div > .part-gropo:nth-child(3){
        order: 4;
    }
.accom-p3 > div > .part-gropo:nth-child(4){
        order: 3;
    }
.accom-p3 > div > .part-gropo:nth-child(5){
        order: 5;
    }
.accom-p3 > div > .part-gropo:nth-child(6){
        order: 6;
    }
.bloc-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}	
#element-piloter > div.list.container.accom-p3 > div > div > img {
    width: 100%;
}	
.process-etape1 {
    width: 100%;
}
.process-etape2 {
    width: 75%;
    margin: auto;
}
}
@media only screen and (max-width:432px) {

}
@media only screen and (max-width:414px) {
.time-rep > .procape > h2 {
    font-size: 28px;
}
}
@media only screen and (max-width:411px) {
.spec {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.chiff-accomp {
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche-bas.png) no-repeat center center;
}
}
@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) {
}