/* css responsive tetepied */
@media (max-width : 400px){ 
#ronde{display:none;}
#logo{display:inherit;}
#filariane{display:none;}
#header{border-bottom: solid 1px gray;} 
 }
@media (max-width : 500px){ 
#ronde{display:none;}
#logo{display:inherit;} 
#filariane{display:none;}
#header{border-bottom: solid 1px gray;} 
} 
@media (max-width : 600px){ 
#filariane{display:none;}
#header{border-bottom: solid 1px gray;} 
} 
@media (max-width : 700px){ 
#filariane{display:none;}
#header{border-bottom: solid 1px gray;} 
} 
@media (max-width : 750px){ 
#filariane{display:none;}
#header{border-bottom: solid 1px gray;} 
} 
@media (max-width : 800px){ 
#ronde img{width: calc(100% - 45px);}
#filariane{display:none;}
#header{border-bottom: solid 1px gray;} 
} 
@media (max-width : 850px){ 
} 
@media (max-width: 900px){ 
} 
@media (min-width: 800px) and (max-width: 1200px){ 
}
/* css responsive contenu */
@media (max-width: 599px) {
.gd{flex-direction: column !important;}	
.ga1{flex:3;}
.ga2{flex:3;}
.ga3{flex:1;}
.tmb010{}
.tmb011{}
.tmb110{}
.dr01{flex:1;}
.dr02{flex:2;}
.dr13{flex:1;}
.as10{max-width:67%;}
.as11{max-width:67%;}
.as20{max-width:34%;}
.as21{max-width:34%;}
.columns-2>div, .masonry-2>div{width: 100%;}
.columns-3>div, .masonry-3>div{width: 100%;}
.columns-4>div, .masonry-4>div{width: 100%;}
.columns-2, .masonry-2{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;} 
.columns-2>div, .masonry-2>div{width: 100%;}
.columns-3, .masonry-3{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;}
.columns-3>div, .masonry-3>div{width: 100%;}
.columns-4, .masonry-4{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;}
.columns-4>div, .masonry-4>div{width: 100%;} 
}
@media (min-width: 600px) and (max-width: 999px) {
.gd{}
.ga1{flex:3;}
.ga2{flex:3;}
.ga3{flex:1;}
.tmb010{}
.tmb011{}
.tmb110{}
.dr01{flex:1;}
.dr02{flex:2;}
.dr13{flex:1;}
.as10{}
.as11{max-width:67%;}
.as20{}
.as21{max-width:34%;}
.columns-2>div, .masonry-2>div{width: 100%;}
.columns-3>div, .masonry-3>div{width: 100%;}
.columns-4>div, .masonry-4>div{width: 100%;}
.columns-2, .masonry-2{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;} 
.columns-2>div, .masonry-2>div{width: 100%;}
.columns-3, .masonry-3{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;}
.columns-3>div, .masonry-3>div{width: 100%;}
.columns-4, .masonry-4{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;}
.columns-4>div, .masonry-4>div{width: 100%;}
}
@media (min-width: 1000px) {
.gd{}
.ga1{flex:6;}
.ga2{flex:3;}
.ga3{flex:2;}
.tmb010{}
.tmb011{}
.tmb110{}
.dr01{flex:1;}
.dr02{flex:1;}
.dr13{flex:1;}
.as10{}
.as11{max-width:67%;}
.as20{}
.as21{max-width:34%;}
}