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

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

body {
	width: auto;
	
}

input[type=text],
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

.col-100-m {
	width:100%;
}
.col-90-m {
	width:90%;
}
.col-80-m {
	width:80%;
}
.col-70-m {
	width:70%;
}
.col-60-m {
	width:60%;
}
.col-50-m {
	width:50%;
}
.col-40-m {
	width:40%;
}
.col-30-m {
	width:30%;
}
.col-20-m {
	width:20%;
}
.col-10-m {
	width:10%;
}

.col-33-m {
	width:33%;
}
.col-66-m {
	width:66%;
}

.col-25-m {
	width:25%;
}
.col-75-m {
	width:75%;
}


.hide-m {
	display:none;
}
.show-m {
	display:block !important;
}

.page {
	padding-left: 25px;
	padding-right: 25px;
}





#vp #large {
	display:none !important;
}
#vp #medium {
	display:block !important;
}
#vp #small {
	display:none !important;
}


header.normal .logon {
    padding-left: 10px;
}
header nav ul li a {
    font-size: 12px;
    letter-spacing: 1px;
}

h1 {
    font-size: 23px;
}

.wrapper-mockup {
    width: 450px;
    height: 450px;
}
.wrapper-mockup .mockup {
    width: 190px;    
}

.wrapper-mockup .mockup figure,
.wrapper-mockup .mockup .slick-list {
    height: 400px;
}

.parallax-container {
    height: 380px;
}

#theme .padd-v-xm {
    padding-top: 50px;
    padding-bottom: 50px;
}

.cta-collaborer h3 {
    font-size: 30px;
}

#extranet.inscription .bandeau,
#collaborer .bandeau {
    padding-top: 30px;
    padding-bottom: 30px;
}

#collaborer .etapes {
    padding-top: 25px;
}
#extranet h2 {
    margin-top: 30px;
}

header .wrapper-flex .wrapper-logo a {
    height: 50px;
}

.margin-header {
    margin-top:100px;
}

#slider_collaborer h2 {
    margin-top: 10px;
}

#collaborer .page {
    padding-left: 0;
    padding-right: 0;
}

#collaborer #etape-2 .slider-theme .slide {
    padding: 10px;
}

.wrapper-circle {
    width: 260px;
    height: 260px;
}
.wrapper-circle.small {
    width: 180px;
    height: 180px;
}
.wrapper-circle.small a span {
    font-size: 15px;
}

#circle-1 {
    transform: translate(140px, -220px);
}
#circle-3 {
    transform: translate(140px, 220px);
}
#circle-5 {
    transform: translate(-140px, -220px);
}
#circle-7 {
    transform: translate(-140px, 220px);
}


#collaborer #etape-4 h2 {
    margin-top: 30px;
}

footer .logo {
    width: 250px;
}