@charset "utf-8";
/* CSS Document */

body{width:100%;margin:auto;min-width:320px;background:url(images/bgnoise_lg.png);font-size:13px;}
.Tete{text-align:center;}
.Pied{text-align:center;}
.TxtAligne{text-align:center;}

.spanver{vertical-align:middle;display:table-cell;}
.DivClearB{clear:both}
.FontSSmJ{font-size:smaller;color:#30F;background-color:#FF9;display:block;}
.FontSSmJR{border:1px solid #d9d9d9;border-radius:5px;font-size:smaller;color:#000;background-color:#FF9;display:block;}
.FontSSmV{border:1px solid #d9d9d9;border-radius:5px;font-size:smaller;color:#000;background-color:#3F9;display:block;}
.FontSSmB{border:1px solid #d9d9d9;border-radius:5px;font-size:smaller;color:#000;background-color:#dddeff;display:block;margin-bottom:2px;}
.CacheSil{position:absolute;left:1px;top:5px;z-index:9999}

.boutel{border:1px solid #d9d9d9;border-radius:5px;background:#063;color:#fff;font-size:1.5em;padding: 0.2em;}
.boutel:hover{border:1px solid #d9d9d9;border-radius:5px;background:#FF6;color:#000;font-size:1.5em;padding:0.2em;}
.boutel_1{font-size:1.5em;background-color:#36F;z-index:999}
.boutel_x{border:1px solid #d9d9d9;border-radius:5px;background:#063;color:#fff;font-size:1.5em;padding:0.2em;margin-bottom:10px;}
.boutel_x:hover{border:1px solid #d9d9d9;border-radius:5px;background:#FF6;color:#000;font-size:1.5em;padding:0.2em;margin-bottom:10px;}

.Conteneur{width:100%;margin-left:auto;margin-right:auto;}
.LesImpros{width:80%;margin-left:10%;margin-right:10%;margin-top:5px;margin-bottom:5px;background-color:#9FF;border:1px solid #063;height:100%;overflow:auto;font-size: 1.4em;text-align:center;}
.DivFontS14{font-size:14px;width:90%;margin-left:5%;margin-right:5%;}
.DivFontS14Centre{font-size:14px;width:90%;margin-left:5%;margin-right:5%;text-align:center}
.DivFontS13{font-size:13px;width:90%;margin-left:5%;margin-right:5%;}
.DivFontS13Centre{font-size:13px;width:90%;margin-left:5%;margin-right:5%;text-align:center}
.DivIndex{font-size:14px;width:360px;margin-left:auto;margin-right:auto;text-align:center;}
.DivListe{font-size:14px;width:250px;margin-left:auto;margin-right:auto;text-align:left;}
.FontS10{font-size:10px;}
.FontS8{font-size:8px;}
.audio_sil{width:80%;height:40px;background-color:#9CC;color:#9CC;margin-top:10px;}
.LecteurMP3{width:95%;margin-left:2px;margin-right:2px;margin-top:2px;margin-bottom:2px;background-color:#9CC;border:2px solid #FFF;height:125px;overflow: hidden;font-size: 1.4em;text-align:center;}
.MessageImportant{color:black;background-color:orange;text-align:center;font-size:12px;}

@media screen {
.SilIma{width:70%;}
.LaDiv{width:32%;margin-left:2px;margin-right:2px;margin-top:5px;margin-bottom:5px;background-color:#9FF;border:1px solid #063;height:500px;overflow:auto;float:left;}
.LesMP3{width:32%;margin-left:2px;margin-right:2px;margin-top:5px;margin-bottom:5px;background-color:#9FF;border:1px solid #063;height:400px;overflow:auto;font-size: 1.1em;text-align:left;float:left;}
.YouCont{width:50%;margin-left:25%;margin-right:25%;}
.YouPrin{width:70%;margin-left:15%;margin-right:15%;margin-top:5px;margin-bottom:5px;background-color:#9FF;border:1px solid #063;border-radius:5px;text-align:left;float:left;}
.YouVideo{width:300px;margin-left:2px;margin-right:2px;margin-top:5px;margin-bottom:5px;background-color:#9FF;border:1px solid #063;border-radius:5px;text-align:center;float:left;}
}
@media screen and (max-width:1000px){
.SilIma{width:80%;}
.LaDiv{width:48%;margin-left:2px;margin-right:2px;margin-top:5px;margin-bottom:5px;background-color:#9FF;border:1px solid #063;height:500px;overflow:auto;float:left;}
.LesMP3{width:48%;margin-left:2px;margin-right:2px;margin-top:5px;margin-bottom:5px;background-color:#9FF;border:1px solid #063;height:400px;overflow:auto;font-size: 1.1em;text-align:left;float:left;}
.YouCont{width:70%;margin-left:15%;margin-right:15%;}
.YouPrin{width:80%;margin-left:10%;margin-right:10%;margin-top:5px;margin-bottom:5px;background-color:#9FF;border:1px solid #063;border-radius:5px;text-align:left;float:left;}
.YouVideo{width:290px;margin-left:2px;margin-right:2px;margin-top:5px;margin-bottom:5px;background-color:#9FF;border:1px solid #063;border-radius:5px;text-align:center;float:left;}
}
@media screen and (max-width:500px){
.SilIma{width:90%;}
.LaDiv{width:95%;margin-left:2px;margin-right:2px;margin-top:5px;margin-bottom:5px;background-color:#9FF;border:1px solid #063;float:left;}
.LesMP3{width:95%;margin-left:2px;margin-right:2px;margin-top:5px;margin-bottom:5px;background-color:#9FF;border:1px solid #063;font-size: 1.1em;text-align:left;float:left;}
.YouCont{width:98%;margin-left:1%;margin-right:1%;}
.YouPrin{width:98%;margin-left:1%;margin-right:1%;margin-top:5px;margin-bottom:5px;background-color:#9FF;border:1px solid #063;border-radius:5px;text-align:left;float:left;}
.YouVideo{width:340px;margin-left:2px;margin-right:2px;margin-top:5px;margin-bottom:5px;background-color:#9FF;border:1px solid #063;border-radius:5px;text-align:center;float:left;}
}