@charset "UTF-8";
/* mise en page de accueil
IE 6 et inférieurs
Utiliser * html {}
IE 7 et inférieurs
Utiliser *+html, * html {}
IE 7 seulement
Utiliser *+html {} */
body{
width:100%;
height:auto;
padding:0px;
margin:0px;
font-family:"Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;
/*background-image: url('/img/images/fun.jpg');
background-repeat: no-repeat; /* non répétée,*/
}
abbr {
text-decoration:none;
font-style: italic;
color: chocolate;
}
/*mep btn remonter*/
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: red;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 10px;
}
#myBtn:hover {
background-color: #555;
}
div#contain {
font-family:"Papyrus",Arial,Verdana,Helvitica,sans-serif;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
position: relative;
text-align: justify;
Font-size:20px;
padding:10px 40px 10px 40px; /* haut droite bas gauche */
margin:0px; /* haut droite bas gauche */
clear:both;
}
div#block { /*border-radius: 50%; Utilisez la border-radiuspropriété pour ajouter des coins arrondis à une image. 50% fera la circulaire d'image: */
/* Style the images inside the grid */
/* .column img {
opacity: 0.8;
cursor: pointer;
}
.column img:hover {
opacity: 1;
}*/
background-color:#ffccb3;
clear:both;
}
#countour {
background-color:#000000;
width:150px;
height:150px;
border-radius: 8px;
padding:0px; /* espace inter haut droite bas gauche */
margin:0px; /* espace exter haut droite bas gauche */
clear:both;
}
#countourfb {
background-color:#000000;
width:800px;
height:350px;
border-radius: 8px;
padding:10px; /* espace inter haut droite bas gauche */
margin:10px; /* espace exter haut droite bas gauche */
}
#bande {
background-color:#000000;
text-align:center;
width:auto;
padding:0px 0px 0px 0px; /* haut droite bas gauche */
margin:0px;
clear:both;
}
a.ligne:focus {
outline:none; /*permet d'enlever les pointillé autour des liens (active) : a:active, a:focus{outline:none;}*/
/* on peut mettre ce code html directement sur le site au bouton envoyer et annuler :onfocus="this.blur();" */
}
a.ligne:link{
text-decoration:none; /* enleve le soulignement des liens */
color:#009900; /* couleur des liens */
}
a.ligne:visited{ /* regle la couleur des liens lorsque l'ont clic dessus */
text-decoration:none;
color:#009900;
}
a:focus {
outline:none; /*permet d'enlever les pointillé autour des liens (active) : a:active, a:focus{outline:none;}*/
/* on peut mettre ce code html directement sur le site au bouton envoyer et annuler :onfocus="this.blur();" */
}
a.nounderline:link{
text-decoration:none; /* enleve le soulignement des liens */
color:#FFFFFF; /* couleur des liens */
}
a.nounderline:visited{ /* regle la couleur des liens lorsque l'ont clic dessus */
text-decoration:none;
color:#FFFFFF;
}
div#contact {
background-color:#006666; /* #ffccb3; couleur rose pale */
text-align:left;
width:auto;
padding:10px 40px 10px 40px; /* haut droite bas gauche */
margin:0px; /* haut droite bas gauche */
}
tr.reponse {
display:block;
color: #ff9999;
text-align:center;
border-radius: 20px;
padding:5px 15px 5px 15px; /* espace inter haut droite bas gauche */
border:5px inset #ff9999;
border-collapse: collapse;
clear:both;
}
/*partie formulaire css */
input[type=text], [type=Tel], [type=Email], select, textarea {
width: 200px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 4px;
resize: vertical;
}
label {
color: #ff9999;
padding: 12px 12px 12px 0;
display: inline-block;
}
input[type=submit] {
background-color: #4CAF50;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type=submit]:hover {
background-color: #45a049;
}
input[type=reset] {
background-color: #e69900;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
float: left;
}
input[type=reset]:hover {
background-color: #ff4000;
}
.container {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
.col-25 {
float: left;
width: 25%;
margin-top: 6px;
}
.col-75 {
float: left;
width: 75%;
margin-top: 6px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.col-25, .col-75, input[type=submit] {
width: 100%;
margin-top: 0;
}
}
/*fin css formulaire */
#piedpage {
display:block;
position:relative;
/*bottom: 0;*/
width:auto;
height:auto;
text-align:center;
background-color:#006666;
color:#ff9999;
/*Font-family:Comic Sans MS, cursive, sans-serif;*/
Font-size:16px;
padding:10px 40px 10px 40px; /* haut droite bas gauche */
clear:both;
}
a.line:link{
text-decoration:none;
color:#777e77;
}
a.line:visited{
text-decoration:none;
color:#777e77;
}
.thumbnaill{
background-color:#006666;
position:relative;
Font-size:16px;
float:left;
bottom:1em;
clear:both;
}
a.lines:link{
text-decoration:none;
color:#ff9999;/*couleur zumba */
}
a.lines:visited{
text-decoration:none;
color:#ffe6e6;/*couleur zumba */
}
/* > a:link { text-decoration:none;} enleve tout les soulignement des liens
> Si vous désirez que ce style ne s'applique qu'à certains liens, il vous suffit par exemple de définir une classe spécifique pour les liens non soulignés (par exemple la classe nounderline) : a.nounderline:link {text-decoration:none;}
Puis, lors de l'écriture du lien, de faire référence à cette classe : Texte du lien
> Enfin, si vous ne souhaitez pas définir de feuille de style, vous pouvez tout simplement définir le style en ligne à l'aide de l'attribut style, de la manière suivante :
Texte du lien
> La pseudo-classe feuille de style css :active permet de spécifier toutes les propriétés liées à la fonte (police, taille), à la décoration de texte (gras, souligné, ...), arrière plan, ... d'un lien (lien) qui est activé, c'est à dire lorsque l'internaute clique sur le lien avec sa souris.
a:active{ }
> ou sans lien : identifiant:active{}
*/