/*MISE EN PAGE*/ body { margin: 0; /* aucune marge autour de la page */ font-family: arial, sans-sérif ; /* police du texte ce trouvant dans le */ font-size: 17px ; /* taille de la police */ background-image:url("energyofdance.jpg"); /* fond de la page */ background-repeat: no-repeat; /* le fond n'est pas repété */ background-attachment:fixed; /* le fond est fixé */ background-size: 100% 100%; /* le fond prend toute la page*/ -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; } .article { margin:-10px 345px 30px 345px; /* marge du cadre du contenu en commençant du haut et dans le sens des aiguilles d'une montre */ margin-left:auto; margin-right: auto; width: 700px; padding: 25px; /* Marge intérieure de 12px */ border-top: 0.5px solid black ; border-bottom: 0.5px solid black ; border-left: 2px solid black ; /*taille, syle et couleur de la bordure du conteneur gauche*/ border-right: 2px solid black; /*taille, syle et couleur de la bordure du conteneur droite*/ box-shadow: 6px 6px 6px black; /* taille et couleur de l'ombre */ line-height: 30px; /* encart entre les lignes */ border-radius: 10px; /* l'arrondi des angles des cadres */ background-color: rgba(255,255,255,0.7); /* la transparence du fond des cadres */ } .entête { height : 210px; /* hauteur de la zone où se trouve le logo */ } .logo { width: 300px; /* largueur du logo*/ } .td1 { width: 500px; /*largueur de la cellule*/ height: 45px; /*hauteur de la cellule*/ } .td2 { width: 500px; /*largueur de la cellule*/ height : 45px; /*hauteur de la cellule*/ } .retrait { margin-left: 50px; /* taille de la marge à gauche */ margin-right: 50px; /* taille de la marge à droite */ } .retrait1 { margin-left: 105px; /* taille de la marge à gauche */ } .retrait2 { margin-left: 35px; /* taille de la marge à gauche */ margin-right: 35px; /* taille de la marge à droite */ } /*TEXTE*/ em { color : #9000FF ; /* couleur du texte > violet */ } h1 { text-align: center ; /* center le texte */ font-family : verdana; /* police */ } .date { text-align: center; /* centrer le texte */ font-weight: bold; /* mettre le texte en gras */ } .blinkT { line-height: 105% ; /* écart entre les lignes */ font-family: 'Unica One', cursive ; /* police (prise sur google) */ font-size: 30px; /* taille */ text-align: center; /* centrer le texte */ text-decoration: blink; /* clignoter */ } .titre { font-family: 'Unica One', cursive ; /* police */ font-size: 30px; /* taille*/ text-align: center; /* centrer le texte */ } .stitre { line-height: 105% ; /* écart entre les lignes */ font-family: 'Unica One', cursive ; /* police */ font-size: 23px; /* taille */ text-align: center; /* centrer le texte */ } .gras { font-weight: bold; /* mettre en gras */ } /*IMAGES ET VIDEOS*/ .plan { box-shadow: 6px 6px 6px black; /* taille et couleur de l'ombre */ border-radius: 5px; /* arrondit du cadre du plan */ text-align: center; /* centrer le plan */ } .image { height: 50px; /* hauteur de l'image */ width: 50px; /* largeur de l'image */ } .imageC { height: 90px; /* hauteur de l'image */ width: 90px; /* largeur de l'image */ } .imageprog { max-height: 270px; /* hauteur maximum de l'image */ max-width: 270px; /* largeur maximum de l'image */ float: left; /* positionner à gauche */ padding: 25px; /* espacement à l'intérieur du cadre */ } .photo { max-height: 270px; /* hauteur maximum de l'image */ max-width: 270px; /* largeur maximum de l'image */ } .puce { height: 60px; /* hauteur de l'image */ width: 60px; /* largeur de l'image */ float: left; /* positionner à gauche */ } .video { text-align: center; /* centrer la vidéo */ } /* MENU HORIZONTAL */ #navcontainer { position: relative; font-family: 'Unica One', cursive ; /* Police */ margin-left: auto; /* Marge à droite */ margin-right: auto; /* Marge à gauche */ width: 59%; /* Longueur de la barre sous le menu */ border-bottom: 1.75px solid black; /* Grosseur, couleur de la barre sous le menu */ z-index: 2; /* position */ } #navlist { width: 80%; /* largeur */ text-align: center; /* centrer le texte */ margin: 0 auto; padding: 0; text-indent: 0; list-style-type: none; /* Retirer le soulignement des liens */ } #navlist li { padding: 0; margin: 0; text-indent: 0; display: inline; } #navlist li a { letter-spacing: -1px; text-decoration: none; text-shadow: 0.05em 0.05em 0.20em white; /* taille et couleur de l'ombre */ color: black; /* couleur du texte > noir */ font-size: 28px; /* taille du texte */ padding: 0 7px; } #navlist li a:hover,#navlist a#current { color: #8B008B; /* couleur du texte > violet */ border-top: none; font-size: 28px; /* taille du texte */ text-shadow: 0.05em 0.05em 0.3em white; /* taille et couleur de l'ombre */ } /*PARTENAIRES*/ .part { border: none; /* enlever les bordures */ width: 150px; /* largeur de l'image */ } .u { border: none; /* enlever les bordures */ width: 50px; /* largeur de l'image */ height: 50px; /* hauteur de l'image */ margin-left:5px; /* marge à gauche */ } .univ { margin-left: 5px; /* marge à gauche */ border: none; /* enlever les bordures */ width: 150px; /* largeur de l'image */ height: 43px; /* hauteur de l'image */ }