/* CSS Document */

body, p, li, input{
	font-family: 'Exo 2', sans-serif;
	color:#919191;
	font-size:18px;
}


#baseline{
	font-size: 2em;
  margin-top: 50px;
  color: #86a645;
}



div.maldedos p{
	color: #7d8494;
  font-weight: 700;
  font-size: 3em;
}
div.maldedos{
	background-size:cover;
	padding:150px 90px;
	margin-top:12px;
	margin-bottom:12px;
}



div.stress p{
	color: #7d8494;
  font-weight: 700;
  font-size: 3em;
}
div.stress{
	background-size:cover;
	padding:100px 90px;
	text-align:right;
	margin-top:12px;
	margin-bottom:12px;
}



div.stone p{
	color: #57585b;
  font-size: 1.3em;
}
div.stone{
	background-size:cover;
	padding:80px 10px;
	text-align:left;
	margin-top:12px;
	margin-bottom:12px;
}



div.detente p{
	color: #9db94b;
  font-size: 1.4em;
}
div.detente{
	background-size:cover;
	padding:100px 0 40px 0;
	text-align:left;
	margin-top:12px;
	margin-bottom:12px;
}



div.detente1 p{
	color: #9db94b;
  font-size: 1.4em;
}
div.detente1{
	background-size:cover;
	padding:100px 0 10px 0;
	text-align:center;
	margin-top:12px;
	margin-bottom:12px;
}



div.tsquare p{
	color: #006eb7;
  font-size: 1em;
  line-height: 1.2em;
  margin-top: 15px;
}
div.tsquare{
	background:#fff;
	text-align:center;
	margin-top:12px;
	margin-bottom:12px;
}



div.comprendre p{
	color: #fff;
  font-size: 1.4em;
}
div.comprendre{
	background:#ffd500;
	padding:10px 90px 0;
	text-align:center;
	margin-top:12px;
	margin-bottom:12px;
}



div.qui p{
	color: #878787;
  font-size: 1em;
}
div.qui{
	background:#fff;
	padding:30px 90px 30px;
	text-align:center;
	margin-top:12px;
	margin-bottom:12px;
}



div.analyse p{
	color: #fff;
  font-size: 1.2em;
}
div.analyse{
	background:#94c11f;
	padding:10px 90px 0;
	text-align:center;
	margin-top:12px;
	margin-bottom:12px;
}



div.formations p{
	color: #878787;
  font-size: 1em;
}
div.formations{
	background:#fff;
	padding:30px 90px 30px;
	text-align:left;
	margin-top:12px;
	margin-bottom:12px;
}



div.footer p{
	color: #878787;
  font-size: 0.9em;
}
div.footer{
	padding:40px 90px 20px;
	text-align:center;
}



div.article2{
	background:#fff;
	margin-top:12px;
	margin-bottom:12px;
}
div.article{
	background:#fafafa;
	padding:40px;
}
div.article h1{
	color: #919191;
  font-size: 1.2em;
	text-align:center;
	font-weight:700;
	margin: 30px 0 20px 0;
}
div.article h4{
	color: #9db94b;
  font-size: 1em;
	font-weight:700;
}
div.article .price1 p{
	color: #555555;
	font-size: 1.2em;
  text-decoration: line-through;
	margin-top: 6px;
	margin-bottom:0px;
}
div.article .price2 p{
	color: #d8002e;
  font-size: 1.5em;
  font-weight: 700;
	margin-bottom:0px;
}
div.article .addcart{
	background:transparent;
}
div.article .addcart p{
	color: #fff;
  font-weight: 700;
  margin: 0;
	background:#d8002e;
	padding:5px;
}
div.article .addcart img{
	width:100%;
	max-width: 28px;
	margin-right: 10px;
}
div.article p, div.article li{
	color: #919191;
  font-size: 1em;
}
div.article .dimension img, 
div.article .energie img{
 width:100%;
 max-width:20px;
 margin-right:15px;
}
    


div.decr2st{
	background:#fafafa;
	padding:30px;
	text-align:center;
	margin-top:12px;
	margin-bottom:12px;
}
div.decr2st p{
	color:#9db94b;
}
    


div.decr3st{
	background:#fafafa;
	padding:30px;
	text-align:center;
	margin-top:12px;
	margin-bottom:12px;
}
div.decr3st p{
	color:#9db94b;
}
    


div.decr4st{
	background:#9db94b;
	padding:30px;
	text-align:center;
	margin-top:12px;
	margin-bottom:12px;
}
div.decr4st p{
	color:#ffffff;
}




div.stonedescr{
	text-align:left;
}
div.stonedescr img{
	width:100%;
}




div.article>div.camion {
	display:inline;
	position:absolute;
	top:10px;
	left:10px;
}
div.article>div.camion>p{
    background: #9db94b;
    padding: 5px;
    color: #fff;
    font-weight: 700;
}
div.article>div.camion>p>img{
		width:100%;
    max-width: 30px;
    margin-right: 10px;
}

div.article>div.chien,
div.article>div.chat {
	display:inline;
	position:absolute;
	top:10px;
	right:10px;
}
div.article>div.chien>img,
div.article>div.chat>img{
		width:100%;
    max-width: 70px;
    margin-right: 10px;
}
div.article .addcart a,
div.article .addcart a:hover{
	color:#fff;
	text-decoration:none;
}





div.pack4{
	background:#9db94b;
	margin-top:12px;
	margin-bottom:12px;
}
div.pack{
	background:#fff;
	padding:20px;
	margin-top: 12px;
	margin-bottom: 12px;
}
div.pack h1{
	color: #9db94b;
  font-size: 1.2em;
	text-align:left;
	font-weight:700;
	margin: 30px 0 20px 0;
}
div.pack .price1 p{
	color: #555555;
	font-size: 1em;
  text-decoration: line-through;
	margin-top: 6px;
	margin-bottom:0px;
}
div.pack .price2 p{
	color: #d8002e;
  font-size: 1.3em;
  font-weight: 700;
	margin-bottom:0px;
	text-align:right;
}
div.pack .addcart{
	background:transparent;
}


.greenli{
	height: 1px;
	width: 50px;
	display: inline-block;
	background: #9db94b;
	margin: 10px 20px 5px 20px;
}
.wiamelem{
	display: inline-block;
}

.wiam{
	color: #cedca5;
	text-align: center;
	margin-top: 80px;
	font-size: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
}


.decrcad{
    border-bottom: 1px solid #ccc;
    margin-top: 40px;
    margin-bottom: 20px;
}

.proddescrcad{
    border-bottom: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 20px;
}
.proddescrcad img{
	width:100%;
	max-width:100px;
	margin-right:20px;
}
.proddescrcad input{
	width:40px;
	text-align:center;
}
.proddescrcad .p1{
	margin-bottom:0;
	text-decoration:line-through;
	color:#bbb;
}
.proddescrcad .p2{
	margin-bottom:0;
	color:#d8002e;
	
}
.proddescrcad .p3{
	font-weight:700;
}
.del{
	font-size:0.6em;
}
div.col{
	text-align:center;
}


div.total{
	background:#fafafa;
	padding:40px;
}
div.total .totl p{
	font-size:1em !important;
}
div.total .totr p{
	color:#9db94b !important;
	font-size:1em !important;
	text-align:right !important;
	font-weight:700 !important;
}
div.total .stotl p{
	color:#555555 !important;
	font-size:1em !important;
	font-weight:700 !important;
	margin-top: 10px !important;
}
div.total .stotr p{
	color:#555555 !important;
	font-size:1.6em !important;
	text-align:right !important;
	font-weight:700 !important;
}

.minder, .plus, .del{
	cursor:pointer;
}
.minder{
	margin-right: 10px;
	font-size: 1.2em;
}
.plus{
	margin-left: 10px;
}

.passcom{
	text-align:center;
}
.passcom input{
	color: #fff;
	background: #9db94b;
	text-align: center;
	border-radius: 5px;
	padding: 5px 15px;
	font-weight: 700;
	cursor:pointer;
	border:none;
}
#send{
	color: #fff;
	background: #919191;
	text-align: center;
	border-radius: 5px;
	padding: 5px 15px;
	font-weight: 700;
	cursor:pointer;
	border:none;
}
#okb{
	color: #fff;
	background: #9db94b;
	text-align: center;
	border-radius: 5px;
	padding: 5px 15px;
	font-weight: 700;
	cursor:pointer;
	border:none;
  margin-left: 15px;
}

#coord h3{
	font-size: 0.9em;
	font-weight: 700;
	text-transform: uppercase;
	color: #555555;
	margin-top: 30px;
	margin-bottom: 30px;
}
.coord h3{
	font-size: 0.9em;
	font-weight: 700;
	text-transform: uppercase;
	color: #555555;
}
div.coord{
	margin-top:40px;
}

div.coord p{
	margin-bottom:0;
}

#coord input{
	width:100%;
}
#sendcoord{
	color: #fff;
	background: #9db94b;
	text-align: center;
	border-radius: 5px;
	padding: 5px 15px;
	font-weight: 700;
	cursor:pointer;
	border:none;
	margin-bottom:50px;
	margin-top:50px;
}


div.testimonials{
    background: #f2f2f2;
    padding: 40px;
}


div.testimonials p.the1st{
	margin-top:30px;
}
div.testimonials p.the2nd{
	color:#72a641;
}

.offredelancement{
	color:#d8002e !important;
}




.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand. 
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


@media (max-width: 1200px) {
	.greenli{
		height: 1px;
		width: 20px;
		display: inline-block;
		background: #9db94b;
		margin: 10px 10px 5px 10px;
	}
}
@media (max-width: 991px) {
	div.detente{
		padding:100px 0 40px 0;
	}
	div.detente1{
		padding:0 40px 10px;
	}
	div.total{
		padding:40px 10px;
	}
	.wiamelem{
		display:block;
	}
	.greenli{
		display:none;
	}
}




@media (max-width: 767px) {
	div.formations{
		background:#fff;
		padding:30px 20px 30px;
		text-align:left;
		margin-top:12px;
		margin-bottom:12px;
	}
}



@media (max-width: 575px) {
	div.maldedos{
		padding:150px 20px;
	}
	div.stress{
		padding:100px 20px;
	}
	div.stone{
		padding:80px 20px;
	}
	div.detente{
		padding:100px 0 40px 0;
	}
	div.detente1{
		padding:0 10px 10px;
	}
	div.comprendre{
		padding:10px 20px 0;
	}
	div.qui{
		padding:30px 20px 30px;
	}
	div.analyse{
		padding:30px 20px 30px;
	}
	div.formations{
		padding:30px 20px 30px;
	}
	div.stonedescr img{
		width:100%;
		max-width:150px;
	}
	.decrcad{
		display:none;
	}
	div.footer{
		padding:40px 20px 110px;
		text-align:center;
		margin-top:12px;
		margin-bottom:12px;
	}
}