/* CSS Document */

/*-----------------theme couleur----------------------*/
/*
fond #c9c6b6;
bleu #13869A / rgb 19 134 154
*/
/*---------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,900');

body {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    background-color: #c9c6b6;
}

#entete{padding:1em 0 0}
#entete img{max-width:100%; height:auto;}
#zone-contenu{background:rgba(255,255,255,1)}

figure.pull-left {
	margin: 0 1em 1em 0;
	}	
figure.pull-right {
	margin: 0 0 1em 1em;
	}
/*-------------------typo-------------------------*/
h2,h3{
	text-transform: uppercase;
	font-size: 1.5em;
    line-height: 2.9em;
}
h2{color:#184e01}
h3{color:#333}
main{padding-bottom:2em; }
/*-------------------footer-----------------------*/
/*footer{padding: 2em} */
.map{pading-top:1em; padding-bottom:1em;}

/*------------ liste de produits -----------------*/ 

.row-produits section h3{
	font-size:110%;
	text-transform: uppercase;
	font-weight:900;
	color:#13869A;
			}
.row-produits section {
	font-size:90%;
			}

.row-produits section .contenu {
	border:1px solid #c9c6c6;
	padding: 15px;
	margin: 15px
	}	

.row-produits section figure {
	margin: -16px -16px 16px;/* pour faire que l'image soit a 100% de largeur*/
	height: 200px;
	overflow: hidden;
	}	


.row-produits section img {
	width:100%;
	height: auto;
	}	

.row-produits section .btn-default {
	border:3px solid #13869A;
	color:#fff;
	background: #13869A;
	font-weight: 900;
	transition: all .3s ease
	}
.row-produits section .btn-default:hover {
	background: rgba(19,134,154,0.8);
	}

@media screen and (min-width:600px){
.row-produits  {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 -15px 30px;
	}

.row-produits section {
	width: 50%;
	margin-bottom:30px
	}
	
.row-produits section .contenu  {
	/* pour alignement du bouton et du block image et entete*/
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	margin: 15px;
	height:100%;  /* pour que le block contenu*/
	}


@media screen and (min-width:768px){
	.row-produits section {
		width: 33.333333%;
		}
}
 
@media screen and (min-width:600px){
	}