html{

}
body{
 margin:0px;
 padding:0px;

 font-family: Helvetica, Arial, sans-serif;
 font-size: 14px;
 color: #4d4f53;

}

li.active a{
	color:#3fb0bb;
}

a:link, a:active, a:visited{
	text-decoration: none;
	color: #4d4f53;
}

a:hover{
	color:#3fb0bb;
}

nav a{

}

ul{
	padding:0px;
}

li{
	list-style-type: none;
	padding:0px;
	margin:0px;
}

figure{
	margin:0px;
}

.head{
	background-color: #fff;
	margin-bottom:30px;
	margin-top:25px;
}

.turquoise{
	color:#3fb0bb;
	font-size: 17px;
}

.responsive-im{
	display: block;
	max-width: 100%;
	height: auto;
}

img{
	max-width: 100%;

}
#xs-image{
	margin-bottom: 20px;
}


*,
*:after,
*:before {
	box-sizing: border-box;
}
                
                /* CSS du test */
#rows {
 	display: grid;
	grid-template-columns: 60px minmax(120px, 395px) minmax(120px, 629px) minmax(120px, 1fr);
	grid-auto-rows: minmax( 10rem, 1fr );
}
[class^="col"] {
	padding: 0.3rem;
    /*border: 1pt dotted #ff22ff;*/
}  

/*
.row{
border:1px solid #ff22ff; 
}


.col1{
    width: 60px;
}
*/
.col2{
	
	background-color: #fff;
	padding-left:35px;
	padding-right:35px;
	
}
/*
.col3{
	max-width:629px;
}

.col4{
	border:1px solid #ff22ff; 
}
.col1, .col2, .col3, .col4{
	
	display:table-cell;
	vertical-align: top;

}

*/

.bg{
	background-image: url("../img/bg-sc.png");
    background-repeat: repeat;
    
}

#navbar-collapse{

	background-color: #fff;
	padding:5px;
	position: absolute;
	margin-top:5px;
	width:100%;
}
#navbar-collapse li{
	margin-bottom:3px;
	margin-top:3px;
}

.navbarToogle{
	border:0px solid #ff22ff;
/*		border: 1px solid transparent;*/
	position: relative;
	float: right;

	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border-radius: 4px;
}

.navbarToogle .icon-bar {
	margin-top: 13px;
    background-color: #3fb0bb;
    display: block;
	width: 50px;
	height: 2px;
	border-radius: 1px;
}
.navbarToogle .icon-bar:first-child{
	margin-top: 0px !important;
};