/* CSS Document */


img {
    max-width: 100%;
    height: auto;
}

h1{
color:#FF6600;
}


@media screen and (max-width: 239px){
}



@media screen and (min-width: 240px) and (max-width: 319px){
}



@media screen and (min-width: 320px) and (max-width: 479px){
}
.conteneur{
width:360px;
height:1100px;
margin-left:auto;
margin-right:auto;
margin-top:-20px;
border: #0099FF 0px solid;
}

.cadre_icone_biennale_encours{
width:340px;
height:340px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border: #000000 0px solid;
}

.cadre_icone_biennale_passee_01{
width:340px;
height:340px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
border: #000000 0px solid;
}

.cadre_icone_biennale_passee_02{
width:340px;
height:340px;
margin-left:auto;
margin-right:auto;
margin-top:230px;
border: #000000 0px solid;
}

.cadre_logo{
width:120px;
height:120px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border: #000000 0px solid;
}

.intitule_biennale{
width:360px;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#000000;
border: #000000 1px solid;
background-color:#990099;
border-radius : 25px 25px 25px 25px;
padding-top:10px;
}

.intitule_biennale a{
color:#000000;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale_passee_01{
width:350px;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#000000;
border: #000000 1px solid;
background-color: #FF9900;
border-radius : 25px 25px 25px 25px;
padding-top:10px;
}

.intitule_biennale_passee_01 a{
color:#000000;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale_passee_01 a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale_passee_02{
width:350px;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#000000;
border: #000000 1px solid;
background-color: #0066FF;
border-radius : 25px 25px 25px 25px;
padding-top:10px;
}

.intitule_biennale_passee_02 a{
color:#000000;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale_passee_02 a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.texte1{
width:360px;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte2{
width:360px;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte1_2{
width:360px;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:80px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte2_2{
width:360px;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

@media screen and (min-width: 480px) and (max-width: 640px) {
}
.conteneur{
width:80%;
height:1100px;
margin-left:auto;
margin-right:auto;
margin-top:-20px;
border: #0099FF 0px solid;
}

.cadre_icone_biennale_encours{
width:340px;
height:340px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border: #000000 0px solid;
}

.cadre_icone_biennale_passee_01{
width:340px;
height:340px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
border: #000000 0px solid;
}

.cadre_logo{
width:120px;
height:120px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border: #000000 0px solid;
}

.intitule_biennale{
width:360px;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#000000;
border: #000000 1px solid;
background-color:#990099;
border-radius : 25px 25px 25px 25px;
padding-top:10px;
}

.intitule_biennale a{
color:#000000;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale_passee_01{
width:350px;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#000000;
border: #000000 1px solid;
background-color: #FF9900;
border-radius : 25px 25px 25px 25px;
padding-top:10px;
}

.intitule_biennale_passee_01 a{
color:#000000;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale_passee_01 a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.texte1{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte2{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte1_2{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:80px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte2_2{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}


@media screen and (min-width: 641px) and (max-width: 767px) {
}
.conteneur{
width:80%;
height:1100px;
margin-left:auto;
margin-right:auto;
margin-top:-20px;
border: #0099FF 0px solid;
}

.cadre_icone_biennale_encours{
width:340px;
height:340px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border: #000000 0px solid;
}

.cadre_icone_biennale_passee_01{
width:340px;
height:340px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
border: #000000 0px solid;
}

.cadre_logo{
width:120px;
height:120px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border: #000000 0px solid;
}

.intitule_biennale{
width:360px;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#000000;
border: #000000 1px solid;
background-color:#990099;
border-radius : 25px 25px 25px 25px;
padding-top:10px;
}

.intitule_biennale a{
color:#000000;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale_passee_01{
width:350px;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#000000;
border: #000000 1px solid;
background-color: #FF9900;
border-radius : 25px 25px 25px 25px;
padding-top:10px;
}

.intitule_biennale_passee_01 a{
color:#000000;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale_passee_01 a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.texte1{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte2{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte1_2{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:80px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte2_2{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

/*On définit les caractéristiques de l'affichage sur un écran de tablette*/
@media screen and (min-width: 768px) and (max-width: 979px) {
.conteneur{
width:80%;
height:1100px;
margin-left:auto;
margin-right:auto;
margin-top:-20px;
border: #0099FF 0px solid;
}

.cadre_icone_biennale_encours{
width:340px;
height:340px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border: #000000 0px solid;
}

.cadre_icone_biennale_passee_01{
width:340px;
height:340px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
border: #000000 0px solid;
}

.cadre_logo{
width:120px;
height:120px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border: #000000 0px solid;
}

.intitule_biennale{
width:360px;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#000000;
border: #000000 1px solid;
background-color:#990099;
border-radius : 25px 25px 25px 25px;
padding-top:10px;
}

.intitule_biennale a{
color:#000000;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale_passee_01{
width:350px;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#000000;
border: #000000 1px solid;
background-color: #FF9900;
border-radius : 25px 25px 25px 25px;
padding-top:10px;
}

.intitule_biennale_passee_01 a{
color:#000000;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale_passee_01 a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.texte1{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte2{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte1_2{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:80px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte2_2{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

}

/*On définit les caractéristiques de l'affichage sur écran d'ordinateur*/
@media screen and (min-width: 980px) {
.conteneur{
width:80%;
height:1100px;
margin-left:auto;
margin-right:auto;
margin-top:-20px;
border: #0099FF 0px solid;
}

.cadre_icone_biennale_encours{
width:340px;
height:340px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border: #000000 0px solid;
}

.cadre_icone_biennale_passee_01{
width:340px;
height:340px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
border: #000000 0px solid;
}

.cadre_logo{
width:120px;
height:120px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border: #000000 0px solid;
}

.intitule_biennale{
width:360px;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#000000;
border: #000000 0px solid;
background-color:#990099;
border-radius : 25px 25px 25px 25px;
padding-top:10px;
}

.intitule_biennale a{
color:#000000;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale_passee_01{
width:350px;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#000000;
border: #000000 1px solid;
background-color: #FF9900;
border-radius : 25px 25px 25px 25px;
padding-top:10px;
}

.intitule_biennale_passee_01 a{
color:#000000;
font-weight:bold;
text-decoration:none;
}

.intitule_biennale_passee_01 a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.texte1{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte2{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte1_2{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:80px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

.texte2_2{
width:80%;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
border: #000000 0px solid;
}

}