Style.css
.clear{
clear: both;
}
body {
background: url(../image/bg.png);
width: 1024px;
margin:auto;
border: 1px solid White;
}
/* Tete */
.TeteLogo{
background-color:Black;
color:white;
border: 2px dashed;
padding-bottom:14px;
margin-bottom:-17px; /* permet au nav de se coller au logo */
}
.Slogan{
font-size:18px;
font-family: Algerian,Comic Sans MS, Script MT Bold;
padding-left:30px; /* permet de deplacer le slogan vers la droite ou vers la gaucher dependemment de la valeur */
}
.TeteLogo p{ /* class du logan interrieur permet la manipulation des ecrits */
font-family: Script MT Bold, Verdana, Stencil;
font-weight:bold;
font-size:45px;
margin:-10px;
padding-left:18px; /* Permet d'avancer le slogan vers la droite */
}
/* FinTete */
/* Header */
header {
margin-bottom: 60px;
}
header h1{
font-size: 40px;
}
header nav{
background-color:orange;
border-radius: 25px ;
height: 35px;
}
header nav ul li{ /* Conserne tout le contenu de la navigation */
list-style-type:none;
display: inline; /* Qui met le text en horizontale */
line-height: 35px;
margin-left: 15px;
font-weight:bold; /* Qui mets l'ecriture en Bold en gras plus precisement */
}
header nav ul li a{
text-decoration: none;
color:white;
}
header nav ul li a:hover { /* Qui change de couleur au toucher du curseur */
color: Black;
}
/* fin Header */
/* section */
section{
width:580px;
float:left; /* permet de mettre le text a coter de la section */
margin-bottom: /* 20px; Permet au footer de descendre plus bas de la page */
}
section article{
background-color: white;
border: 2px solid orange;
border-radius: 25px;
margin-bottom : 10px; /* Donne de l'espacement entre les deux boites */
}
section article h3{
background-color: orange;
padding-left: 10px; /* fait que le tet se deplace vers la droite mais avec espace interieur*/
/* margin-left: 10px; /* fait que le tet se deplace vers la droite mais avec espace interieur*/
}
section article p{
padding: 0px 5px;
text-align : justify;
}
/* fin section */
/* Aside */
aside{
background-color: white;
margin-left:585px;
border: 2px dashed orange;
border-bottom-right-radius:20px;
}
aside h4{
margin-top:0px;
background-color: orange;
text-align:center;
}
aside p { /* Pour le text */
padding: 0px 5px;
text-align: justify;
}
aside ul li {
list-style-type: none;
text-decoration:none;
margin-bottom:2px;
margin-left:-40px;
text-align:center;
}
aside ul li a{
color:Black;
}
aside ul li a:hover{
color:white;
}
aside ul li {
background-color: #0154a0;
}
aside ul li +li { /* selecteur adjacent le + qui permet de donner de la couleur au deuxieme ul twitter */
background-color: #17a6e3;
}
/* fin Aside */
/* Footer */
.clear p{
background-color:orange;
text-align:center;
font-weight:bold;
}
/* fin footer */
/* Div Pizzapam */
.pizzapam{
border:2px dashed #000;
padding-left:22px;
background-color:white;
}
.img{
padding-left:600px;
margin-bottom:-140px;
border-radius:55px;
}
.field{ /* controle le fieldset de la classe div pizzapam */
margin-left:-22px;
background:url(../image/pizaapam1.png) ;
font-size:15px;
font-family:Arial Black;
font-weight:bold;
border-radius:25px;
color:#FFF;
}
/* fin pizza pam */
/* Style pour le Javascript */
#affichage{
color:#blue;
}
/* fin du style pour le javaScript */
/* Style pour le pied */
.pied{
width:100%;
height:200px;
background-color:Black;
color:white;
font-size:14px;
font-family:Arial Black,castellar,cooper black,verdana;
font-weight:bold;
}
/* fin Style pour le Pied*/
input:focus /* Quand le visiteur sélectionne le formulaire */
{
background-color: #FFCC66;
}
.fieldCom{
background-color: #FFCC66;
}
form{
background-color: #CFCC97;
}
.foto{
float:left;
text-aling:right;
}
#video{
clear:both;
}
#corp p {
font-size:16px;
font-weight:bold;
background-color:#FFF;
border-radius: 25px ;
}
#download p {
width:580px;
margin-bottom: /* 20px; Permet au footer de descendre plus bas de la page */
}
.Entete p{
font-size:18px;
font-family:Comic sans Ms;
padding-left:15px;
background-color:#CFCC97;
border:4px solid dashed;
border-radius: 25px ;
}
#pajMessi{
background: url(../image/messi/Mwall.png);
}
#pajMessi{
background: url(../image/messi/Mwall.png);
}
#Messi{
display:inline-block;
padding-left:40px;
}
:required {
border-color: #fff;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
-moz-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
-o-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
-ms-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
box-shadow: 0 0 5px rgba(0, 0, 255, .5);
}
:invalid {
background-color: #F0DDDD;
border-color: #e88;
-webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
-moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
-o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
-ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
box-shadow:0 0 5px rgba(255, 0, 0, .8);
}
Commentaires
Enregistrer un commentaire