.row > div {
float : left;
margin-top : 0;
margin-right : 5px;
margin-left : 30px;
margin-bottom : 0;
}
.w-1 {
width : 8%;
background-color : #FFFFFF;
text-align : center;
margin-top : 10px;
margin-right : 5px;
margin-bottom : 5px;
margin-left : 10px;
}
.w-2 {
background-color : #FFFFFF;
width : 16%;
text-align : center;
margin-top : 1px;
margin-right : 5px;
margin-bottom : 1px;
margin-left : 5px;
background-color : #FFFFFF;
}
.w-3 {
width : 24%;
text-align : center;
margin-top : 10px;
margin-right : 5px;
margin-bottom : 10px;
margin-left : 5px;
background-color : #FFF;
}
.w-4 {
width : 32%;
text-align : center;
margin-top : 10px;
margin-right : 5px;
margin-bottom : 10px;
margin-left : 5px;
background-color : #FFFFFF;
}
.w-5 {
width : 40%;
text-align : center;
margin-top : 10px;
margin-right : 5px;
margin-bottom : 10px;
margin-left : 5px;
background-color : #FFFFFF;
}
.w-6 {
width : 48%;
background-color : #FFFFFF;
text-align : center;
margin-top : 5px;
margin-right : 5px;
margin-bottom : 5px;
margin-left : 5px;
}
.w-7 {
width : 56%;
background-color : #FFFFFF;
text-align : center;
text-align : center;
margin-top : 10px;
margin-right : 5px;
margin-bottom : 10px;
margin-left : 5px;
}
.w-8
width : 64%;
background-color : #FFFFFF;
text-align : center;
text-align : center;
margin-top : 10px;
margin-right : 5px;
margin-bottom : 10px;
margin-left : 5px;
}
.w-9 {
width : 72%;
background-color : #FFFFFF;
text-align : center;
text-align : center;
margin-top : 10px;
margin-right : 5px;
margin-bottom : 10px;
margin-left : 5px;
}
.w-10 {
width : 80%;
text-align : center;
margin-top : 10px;
margin-right : 5px;
margin-bottom : 10px;
margin-left : 5px;
}
.w-11 {
width : 88%;
text-align : center;
margin-top : 10px;
margin-right : 5px;
margin-bottom : 10px;
margin-left : 5px;
}
.w-12 {
width : 100%;
text-align : center;
margin-top : 10px;
margin-right : 5px;
margin-bottom : 10px;
margin-left : 5px;
}
@media only screen and (max-width:640px) 
{
	.row {
		width : 100%;}
	.row > div {
    margin-top: 0px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0px;
}
	.w-1, .w-2, .w-3, .w-4, .w-5, .w-6, .w-7, .w-8, .w-9, .w-11, .w-12 { 
		width : 100%; 
		float : none;}
		.biggest {font-size: 1.5em;}
}
@media only screen and (min-width:500px) and (max-width:767) 

{
	.row {
    width : 95%;
    margin-left: 15px;
	}
	.row > div { 
		margin : 0 0%;
	}
		.w-2 {
    width : 100%;
    margin-top: 0em;
    margin-right: 0.5em;
    margin-bottom: 0em;
    margin-left: 0.5em;
}
		.w-3 {
    width : 100%;
    margin-top: 0em;
    margin-right: 0.5em;
    margin-bottom: 0em;
    margin-left: 0.5em;
}
		.w-4 {
    width : 100%;
    margin-top: 0em;
    margin-right: 0.5em;
    margin-bottom: 0em;
    margin-left: 0.5em;
}
		.w-5 {
    width : 100%;
    margin-top: 0em;
    margin-right: 0.5em;
    margin-bottom: 0em;
    margin-left: 0.5em;
}
	.w-6 {
    width : 100%;
    margin-top: 0em;
    margin-right: 0.5em;
    margin-bottom: 0em;
    margin-left: 0.5em;
}
	.w-4 {
    width : 100%;
    margin-top: 0em;
    margin-right: 0.5em;
    margin-bottom: 0em;
    margin-left: 0.5em;
}
	.w-7 { width : 100%; }
	.w-7 { width : 100%; }
	.w-9 { width : 100%; }
	.biggest{font-size: 1.5em;}
}
.blocs_titre {
	background:transparent url(img/triangle-bas.gif) no-repeat scroll left center;
	font-weight:normal;
	line-height:1.2em;
	margin-top:4px;
	padding:0pt 0pt 0pt 20px;
	margin-bottom:0.1em;
	clear:left;
	cursor:pointer;
}

.blocs_replie {
	background:transparent url(img/triangle.gif) no-repeat scroll left center;
}

.blocs_title{
	display:none;
}