body{font-family: Helvetica,Arial,sans-serif; font-size: 14px; }
* { box-sizing: border-box;}
div{ padding: 10px;}
page{width: 700px; margin: auto;}
#experience{width: 48%; float: left; text-align: center; background-color: BurlyWood; background-image: linear-gradient(to top right, BurlyWood, Cornsilk);}
#experience2{width: 400px; float: right;}			
#exposition{width: 47%; float: left; text-align: center;background-color: rgb(153, 200, 153);
background-image: linear-gradient(to bottom left, rgb(153, 230, 153), Linen); }
#exposition2{width: 400px; float: left;}
div.moitie{width: 50%; float: left; background-color: white; height: 100px;}
div.tout{width: 100%; float: left;}
div.tout_blanc{width: 100%; float: left; background-color: white; text-align: left;}
div.contenu{text-align: left;background-color: white;margin: 10px;  border-left-style: solid;border-left-color: coral;border-width: 10px;}
div.contenu2{text-align: left;background-color: white;margin: 10px;border-left-style: solid; border-left-color: rgba(52,150,50,0.3); border-width: 30px; margin-top: 50px;}
div.left{float: left;}
ul{margin-top: 0em; margin-bottom: 0em;}
h3{margin-bottom: 0em;}
h1.titre1{color: brown;}
h1.titre2{margin-top: 200px; color: darkgreen;}
h1.titre3{color: darkgreen;}
h2.titre3{color: brown;}
h2.titre4{color: darkgreen;}
img.responsive{width: 100%; height: auto;}
@media only screen and (max-width:600px){#experience{width: 100%; } #exposition{width: 100%; } #experience2{width: 100%; } #exposition2{width: 100%; } h1.titre2{margin-top: 0px; } div.contenu2{margin-top: 0px; }}