@charset "utf-8";
/* CSS Document ......................... STRUCTURE DES PAGES CONMTENUS - Textes en colonnes, ect */

img.left {
	padding: 6px;
	float: left;
	}
	
#temoignage {
	width:93%;
    padding: 1%;
	margin-left: 3%;
	background-color:#e3dfdd;
    text-align:left;
    float:left;
	display:block;
	margin-bottom: 30px;
	margin-top: 10px;
	clear:both;
	}
	
#specialbox {
	width:93%;
    padding: 1%;
	margin-left: 3%;
	background-color:#E9E8E4;
    text-align:left;
    float:left;
	display:block;
	margin-bottom: 30px;
	margin-top: 10px;
	clear:both;
	}


@media only screen and (min-width: 601px) {
#colonnes-2 {
	width:50%;
    text-align:left;
    float:left;
	display:block;
	}
	
#colonnes-1 {
	width:100%;
    text-align:left;
    float:left;
	display:block;
	}
	
.gutter {
	width:90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 10px;
	margin-bottom: 5px;
	}
	
#texts-desktop {
	display:block;
	}
	
#texts-mobile {
	display:none;
	}
}

@media only screen and (max-width: 600px) {
#colonnes-2 {
	width:100%;
    text-align:left;
float:left;
	display:block;
	}
	
#colonnes-1 {
	width:100%;
    text-align:left;
    float:left;
	display:block;
	}
	
.gutter {
	width:90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 10px;
	margin-bottom: 5px;
	}
	
#texts-desktop {
	display:none;
	}
	
#texts-mobile {
	display:block;
	}
}