@media screen and (max-width: 639px) {
body {display:block;margin:0;padding:0;font-family:arial;color:black;font-size:15px;background:#ec9d17;text-align:justify;}
.hea {display:block;width:280px;height:100px;margin:0px auto;padding:0;background-image:url(h_280x100.png);width:280px;}
.nav {display:block;width:240px;height:230px;margin:10px auto;padding:0;}
.nav ul {display:inline-block;margin:0;padding:0;list-style-type:none;}
.m10 {display:inline-block;vertical-align:top;margin:0 5px 0 0;padding:0 6px;}
.m11,.m12 {display:none;}
.sec {display:block;width:280px;margin:0 auto;height:100%;padding:0;}
.div {display:none;}
.div-plan {display:inline-block;width:310px;margin:0 auto;color:black;}
.asi {display:block;width:280px;margin:30px 0 0 0;padding:0;font-size:1em;}
.asi a {display:block;margin:0;padding:0;font-weight:bold;color:black;opacity:0.9;text-decoration:none;line-height:1.7;}
.asi a:hover {opacity:1;}
.asi1 {display:block;width:280px;margin:20px 0 20px 20px;}
.asi1 a {display:block;margin:10px 0 0 0;padding:0;color:black;opacity:0.9;text-decoration:none;line-height:1.7;}
.asi1 a:hover {opacity:1;}
.asi2 {display:block;width:280px;margin:20px 0 20px 40px;font-size:1em;}
.asi2 a {display:block;margin:10px 0 0 0;padding:0;color:black;opacity:0.9;text-decoration:none;line-height:1.7;}
.asi2 a:hover {opacity:1;}

.art {display:block;width:100%;height:100%;margin:0;}
.art h1,.art h2 {margin:20px 20px 10px 0px;padding:0;font-weight:bold;font-size:1em;}
.art p {margin:0;font-size:1em;line-height:1.7;text-align:justify;}
.art a {color:black;opacity:1;}
.art a:hover {opacity:0.9;}
.centre {display:block;text-align:center;color:black;}
.centre-gras {display:block;text-align:center;font-weight:bold;color:#db2523;}
.gras {font-weight:bold;}
.centre-block {display:block;margin:0 auto;}
.italique {font-style:italic;color:#db2523;}
.italique-droite {display:block;font-style:italic;color:#db2523;text-align:right;}
.decale-droite {display:block;margin:0 0 0 30px;}
.centre-rouge {display:block;text-align:center;color:#db2523;}
.gras-rouge {font-weight:bold;color:#db2523;}
.lien-rouge a {display:inline-block;color:#db2523;opacity:1;}
.lien-rouge a:hover {opacity:0.8}

.centre-gras {display:block;color:#db2523;text-align:center;}
.cit {display:block;width:260px;color:#db2523;margin:10px auto;padding:10px;background-color:rgba(249, 192, 100, 0.7);opacity:1;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.cit p {text-align:justify;line-height:1.6;margin:0 10px 0px 10px;}
.aut {display:block;text-align:right;}

.table{margin: 0px 20px 40px 20px;border:1px solid #db2523;color: black;font-family: arial;font-size:12px;}
.th{background:#bb9cfa;border:1px solid #db2523;padding:5px;text-align:center;}
.td{border:2px solid #db2523;padding:10px;text-align:center;}
.ligne1 {background-color: rgba(249, 192, 100, 0.7);}
.ligne2 {background-color: rgba(0, 0, 0, 0.3);}


.foo {display:block;width:280px;height:40px;margin:10px auto;border-top:1px solid #db2523;font-size:1.1em;}
.foo p {display:inline-block;margin:5px 20px 0 0px;color:#db2523;line-height:1.7;}
.foo a {display:inline-block;margin:0px 0px 0 10px;color:#db2523;line-height:1.7;opacity:0.7;}
.foo a:hover {opacity:1}}
@media screen and (min-width: 640px) and (max-width: 959px) {
body {display:block;margin-top:0;padding:0;font-family:arial;color:black;font-size:15px;background:#ec9d17;}
.hea {display:block;width:560px;height:150px;margin-left:auto;margin-right:auto;background-image:url(h_560x150.png);}
.nav {display:block;width:560px;height:120px;margin: 10px auto;padding:0;}
.nav ul {display:inline-block;margin:0;padding:0;list-style-type:none;}
.m10,.m11 {display:inline-block;vertical-align:top;margin:0 8px 0 0;padding:0;}
.m12 {display:none;}
.sec {display:block;width:560px;margin:0 auto;height:100%;padding:0;}
.div {display:none;}
.div-plan {display:inline-block;width:310px;margin:0 auto;color:black;}
.asi {display:block;width:300px;margin:30px 0 0 0;padding:0;font-size:1em;}
.asi a {display:block;margin:0;padding:0;font-weight:bold;color:black;opacity:0.9;text-decoration:none;line-height:1.7;}
.asi a:hover {opacity:1;}
.asi1 {display:block;width:300px;margin:20px 0 20px 20px;}
.asi1 a {display:block;margin:10px 0 0 0;padding:0;color:black;opacity:0.9;text-decoration:none;line-height:1.7;}
.asi1 a:hover {opacity:1;}
.asi2 {display:block;width:300px;margin:20px 0 20px 40px;font-size:1em;}
.asi2 a {display:block;margin:10px 0 0 0;padding:0;color:black;opacity:0.9;text-decoration:none;line-height:1.7;}
.asi2 a:hover {opacity:1;}
.art {display:block;width:100%;height:100%;margin:0;}
.art h1,.art h2 {margin:20px 20px 10px 0px;padding:0;font-weight:bold;font-size:1em;}
.centre {display:block;text-align:center;color:black;}
.centre-gras {display:block;text-align:center;font-weight:bold;color:#db2523;}
.centre-block {display:block;margin:0 auto;}
.centre-gras {display:block;color:#db2523;text-align:center;}
.gras {font-weight:bold;}
.italique {font-style:italic;color:#db2523;}
.italique-droite {display:block;font-style:italic;color:#db2523;text-align:right;}
.decale-droite {display:block;margin:0 0 0 30px;}
.centre-rouge {display:block;text-align:center;color:#db2523;}
.gras-rouge {font-weight:bold;color:#db2523;}
.lien-rouge a {display:inline-block;color:#db2523;opacity:1;}
.lien-rouge a:hover {opacity:0.8}

.art p {margin:0;font-size:1em;line-height:1.7;text-align:justify;}
.art a {color:black;opacity:1;}
.art a:hover {opacity:0.9;}
.cit {display:block;width:300px;color:#db2523;margin:10px auto;padding:10px;background-color:rgba(249, 192, 100, 0.7);opacity:1;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.cit p {line-height:1.6;margin:0 10px 0px 10px;text-align:justify;}
.aut {display:block;text-align:right;}

.table{margin: 0px 20px 40px 20px;border:1px solid #db2523;color: black;font-family: arial;font-size:12px;}
.th{background:#bb9cfa;border:1px solid #db2523;padding:5px;text-align:center;}
.td{border:2px solid #db2523;padding:10px;text-align:center;}
.ligne1 {background-color: rgba(249, 192, 100, 0.7);}
.ligne2 {background-color: rgba(0, 0, 0, 0.3);}

.foo {display:block;width:560px;height:40px;margin:10px auto;border-top:1px solid #db2523;font-size:1.1em;}
.foo p {display:inline-block;margin:5px 0 0 0;color:#db2523;line-height:1.7;}
.foo a {display:inline-block;margin:0px 0px 0 310px;color:#db2523;line-height:1.7;opacity:0.7;}
.foo a:hover {opacity:1}}
@media screen and (min-width: 960px) {
body {display:block;margin:0;padding:0;font-family:arial;color:black;font-size:15px;line-height:1.5;background:#ec9d17;}
.hea {display:block;width:920px;height:150px;margin:0 auto;background-image:url(h_920x150.png);}
.nav {display:block;width:920px;height:120px;margin:15px auto;padding:0;}
.nav ul {display:inline-block;margin:0;padding:0;list-style-type:none;}
.m10,.m11,.m12 {display:inline-block;vertical-align:top;margin:0 5.6px;padding:0;}
.sec {margin:0 auto;width:920px;}
.div {display:inline-block;width:310px;}
.div a {display:block;margin:0;padding:0;font-size:1em;font-weight:bold;color:white;opacity:0.7;text-decoration:none;}
.div a:hover {opacity:1;}
.asi {display:block;width:300px;margin:30px 0 0 0;padding:0;font-size:1em;}
.asi a {display:block;margin:0;padding:0;font-weight:bold;color:black;opacity:0.9;text-decoration:none;line-height:1.7;}
.asi a:hover {opacity:1;}
.asi1 {display:block;width:300px;margin:20px 0 20px 20px;}
.asi1 a {display:block;margin:10px 0 0 0;padding:0;color:black;opacity:0.9;text-decoration:none;line-height:1.7;font-weight:normal;}
.asi1 a:hover {opacity:1;}
.asi2 {display:block;width:300px;margin:20px 0 20px 40px;font-size:1em;}
.asi2 a {display:block;margin:10px 0 0 0;padding:0;color:black;opacity:0.9;text-decoration:none;line-height:1.7;font-weight:normal;}
.asi2 a:hover {opacity:1;}

.art {display:inline-block;vertical-align:top;width:600px;height:100%;margin:0 auto;}
.art h1,.art h2 {margin:20px 20px 10px 0px;padding:0;font-weight:bold;font-size:1em;}
.art p {margin:0;font-size:1em;line-height:1.7;text-align:justify;}
.art a {color:black;opacity:1;}
.art a:hover {opacity:0.8;}
.centre {display:block;text-align:center;color:black;}
.centre-gras {display:block;text-align:center;font-weight:bold;color:#db2523;}
.gras {font-weight:bold;}
.centre-block {display:block;margin:0 auto;}
.italique {font-style:italic;color:#db2523;}
.italique-droite {display:block;font-style:italic;color:#db2523;text-align:right;}
.decale-droite {display:block;margin:0 0 0 30px;}
.centre-rouge {display:block;text-align:center;color:#db2523;}
.gras-rouge {font-weight:bold;color:#db2523;}
.lien-rouge a {display:inline-block;color:#db2523;opacity:1;}
.lien-rouge a:hover {opacity:0.8}

.cit {display:block;width:300px;color:#db2523;margin:10px auto;padding:10px;background-color:rgba(249, 192, 100, 0.7);opacity:0.9;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
.cit p {text-align:justify;line-height:1.6;margin:0 10px 0px 10px;}
.aut {display:block;text-align:right;}

.table{margin: 0px 20px 40px 20px;border:1px solid #db2523;color: black;font-family: arial;font-size:12px;}
.th{background:#bb9cfa;border:1px solid #db2523;padding:5px;text-align:center;}
.td{border:2px solid #db2523;padding:10px;text-align:center;}
.ligne1 {background-color: rgba(249, 192, 100, 0.7);}
.ligne2 {background-color: rgba(0, 0, 0, 0.3);}

.foo {display:block;width:920px;height:40px;margin:10px auto;border-top:1px solid #db2523;font-size:1.1em;}
.foo p {display:inline-block;margin:5px 20px 0 0px;color:#db2523;line-height:1.7;}
.foo a {display:inline-block;margin:0px 0px 0 610px;color:#db2523;line-height:1.7;opacity:0.7;}
.foo a:hover {opacity:1}}