h1 ,h2 ,h3 {
     /* modifier taille titre*/


     font-family: centurygothic;
    -webkit-transform:scale(1,0.8); /* Safari and Chrome */
    -moz-transform:scale(1,0.8); /* Firefox */
    -ms-transform:scale(1,0.8); /* IE 9 */
    -o-transform:scale(1,0.8); /* Opera */
    transform:scale(1,0.8); /* W3C */
}

main {
    
    width: 100%;
    display: block;
    font-family: centurygothic;
    
}


.partie_image {
width: 21%;
text-align: center;
margin-left: auto;
margin-right: auto;
}


.partie_texte {
    width: 40%;

    text-align: justify;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 50px;
    min-height: 50px;
    
}

.corps_texte p {
    /* taille paragraphe */
   

}

.partie_texte p {
    
    text-align: justify;
    font-size:9.5pt;
	letter-spacing:3px  ;
    -webkit-transform:scale(1,0.8); /* Safari and Chrome */
    -moz-transform:scale(1,0.8); /* Firefox */
    -ms-transform:scale(1,0.8); /* IE 9 */
    -o-transform:scale(1,0.8); /* Opera */
    transform:scale(1,0.8); /* W3C */

    margin-bottom: -12px;

    

}


h1 {
    margin-bottom: -10px;
    
}

h1,h2,h3 {
	font-family: centurygothic;
font-size:11pt;
letter-spacing:4px ;


font-weight: bold;
  }




.imageo {
margin-left: auto;
margin-right: auto;
}

.w3-col, .s4, .demo {
    
}

.petiteimage {
    width:15%;
    cursor:"pointer";
}


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




.partie_image {
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    }
    .partie_texte p {
    
        text-align: justify;
        font-size:18pt;
        width: 100%;
     }
     .partie_texte {
         width: 90%;
     }

     h1 {
         font-size: 20pt;
     }

}