/*
Design d'exemple du Site du Zér0
Réalisé par zaz, venom et mateo21
<lien url="http://www.siteduzero.com">http://www.siteduzero.com</lien>
*/

body
{
   width: 760px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 20px;    
   background-image: url("images/fond.png");
}

#page
{
	position: absolute;
	top:0px;
	left: 10%;
	width: 780px;
	height: 580px;
	}

/* L'en-tête */

#en_tete
{
   position: absolute;
   left: 0px;
   top: 0px;
width: 780px;
   height: 90px;
   background-image: url("imagesstyle1/coinsuperieurgauche.png");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   padding-left: 0px;
}
#enteteunique
{
   position: absolute;
   left: 240px;
   top: 0px;
width: 550px;
   height: 90px;
   
   margin-bottom: 0px;
   padding-left: 0px;
}


#entetegauche
{
   position: absolute;
   left: 310px;
   top: 15px;
width: 200px;
   height: 90px;
   
   margin-bottom: 0px;
   padding-left: 0px;
}
#entetecentre
{
   position: absolute;
   left: 450px;
   top: 0px;
width: 150px;
   height: 90px;
   
   margin-bottom: 0px;
   padding-left: 0px;
}
#entetedroite
{
   position: absolute;
   left: 610px;
   top: 15px;
width: 200px;
   height: 90px;
   
   margin-bottom: 0px;
   padding-left: 0px;
}
/* Le menu */

#menu
{
   position: absolute;
   left: 0px;
   top: 90px;
width: 780px;
   height: 41px;
   background-image: url("imagesstyle1/imagemenu.png");

   margin-bottom: 0px;
}


/*La colonne de gauche*/

#colonne_gauche
{
   position: absolute;
   left: 0px;
   top: 131px;
   width: 210px;
   height: 449px;
   background-image: url("imagesstyle1/fondcolonnegauche.png");
   background-repeat: no-repeat;
   padding-top: 4px;
   margin-bottom: 0px;
}



.textecolonne
{
   text-align: center;
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 80%;
   font-weight: bold;
   color: rgb(127,127,127);
}
.textegauche
{
   text-align: left;
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 80%;
   font-weight: bold;
   color: rgb(127,127,127);
}
.textepetit
{
   text-align: right;
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 70%;
   font-weight: bold;
   color: rgb(127,127,127);
}.textepetitcentre
{
   text-align: center;
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 70%;
   font-weight: bold;
   color: rgb(127,127,127);
}
/* Le corps de la page */

#corps
{
    position: absolute;
   left: 210px;
   top: 131px;
  margin-left: 0px;
   width: 560px;
   height: 449px;
   margin-bottom: 0px;
   margin-top: 0px;
   padding-top: 0px;
   padding-left: 5px;
   border-right: 5px solid rgb(198,98,156);
}
#noel1
{position: absolute;
   left: 10px;
   top: -24px;
  margin-left: 0px;
   width: 100px;
   height: 100px;

   }
   #noel2
{position: absolute;
   left: 495px;
   top: -24px;
  margin-left: 0px;
   width: 100px;
   height: 100px;

   }
   

.titre
{
   color: rgb(114,5,114);
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 22px;
   margin-top : 0px;
}
.soustitre
{
   color: black;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 18px;
   margin-top : 0px;
}
.petitescapitales
{
   font-family: serif;
   font-variant: small-caps;
   color: rgb(114,15,114);
   text-align: left;
   font-size: 80%;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   position: absolute;
   left: 0px;
   top: 559px;
padding-top: 20px;
   background-image: url("imagesstyle1/barrebascorps.png");
   background-repeat: no-repeat;
   width: 780px;
   height: 80px;
   
}

strong
{
	font-weight: bolder;
	color: black;
}

a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}
.liensmenus
{
	font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
    font-size: 100%;
    text-align: left;
	font-weight: bold;
	color: rgb(198,98,156);
}
.textemauve
{
	font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
    font-size: 100%;
    text-align: center;
	font-weight: bold;
	color: rgb(198,98,156);
}
.texterouge
{
	font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
    font-size: 100%;
    text-align: center;
	font-weight: bold;
	color: red;
}

.textemauve2
{
	font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
    font-size: 80%;
    text-align: center;
	font-weight: bold;
	color: rgb(198,98,156);
}
.fauxlien
{
	font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
    font-size: 90%;
    text-align: left;
	font-weight: bold;
	color: rgb(127,127,127);
}

a
{
	text-align: left;
	font-size: 100%;
	text-decoration: none;
		color: rgb(212,142,197);
	}
	
.texteblanc
{
	color: white;
}

.listephotos
{
	text-align: justify;
}



.paragrapheimages
{
	text-align: center;
	font-size: 90%;
	color: rgb(127,127,127);
	margin: 2px;
}
#news0
{
   position: absolute;
   left: 14px;
   top: 25px;
   width: 560px;
   
   
}
#news1
{
   position: absolute;
   left: 14px;
   top: 60px;
   width: 170px;
   
   
}
#news2
{
   position: absolute;
   left: 195px;
   top: 60px;
   width: 170px;
   
   
}
#news3
{
   position: absolute;
   left: 376px;
   top: 60px;
   width: 170px;
   
   
}
#newsunseul
{
   position: absolute;
   left: 14px;
   top: 0px;
   width: 560px;
   
   
}
#news4blocs1
{
   position: absolute;
   left: 0px;
   top: 60px;
   width: 140px;
}
#news4blocs2
{
   position: absolute;
   left: 140px;
   top: 60px;
   width: 140px;
}
#news4blocs4
{
   position: absolute;
   left: 280px;
   top: 60px;
   width: 140px;
}
#news4blocs3
{
   position: absolute;
   left: 420px;
   top: 60px;
   width: 140px;
}
#news6blocs1_1
{
   position: absolute;
   left: 14px;
   top: 35px;
   width: 170px;
   
   
}
#news6blocs2_1
{
   position: absolute;
   left: 195px;
   top: 35px;
   width: 170px;
   
   
}
#news6blocs3_1
{
   position: absolute;
   left: 376px;
   top: 35px;
   width: 170px;
   
   
}

#news6blocs1_2
{
   position: absolute;
   left: 14px;
   top: 125px;
   width: 170px;
   
   
}
#news6blocs2_2
{
   position: absolute;
   left: 195px;
   top: 125px;
   width: 170px;
   
   
}
#news6blocs3_2
{
   position: absolute;
   left: 376px;
   top: 125px;
   width: 170px;
   
   
}

.titrenews
{
	font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
    font-size: 100%;
    text-align: center;
	font-weight: bold;
	color: rgb(198,98,156);
}
.textenews
{
	font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
    font-size: 80%;
    text-align: center;
	font-weight: bold;
	color: rgb(127,127,127);
	}

#magicred2
{
   position: absolute;
   left: 470px;
   top: 30px;
   width: 80px;
   padding-top: 0px;
   text-align: left;
   
   
}
#magicred
{
   position: absolute;
   left: 10px;
   top: 10px;
   width: 440px;
   padding-top: 0px;
}

#menusoins
{
   position: absolute;
   left: 10px;
   top: 0px;
   width: 170px;
   padding-top: 0px;
}

#soins
{
   position: absolute;
   left: 190px;
   top: 10px;
   width: 370px;
   padding-top: 0px;
}

#soin1
{
	position:absolute;
	left: 0px;
    top: -10px;
	width: 370px;
	
	padding-top: 0px;
}
#soin2
{
	position:absolute;
	left: 0px;
    top: 105px;
	width: 370px;
	height: 120px;
	padding-top: 10px;
}	
#soin2bis
{
	position:absolute;
	left: 0px;
    top: 145px;
	width: 370px;
	height: 120px;
	padding-top: 10px;
}	
#soin3
{
	position:absolute;
	left: 0px;
    top: 235px;
	width: 370px;
	height: 145px;
	padding-top: 10px;
}
#soin3bis
{
	position:absolute;
	left: 0px;
    top: 260px;
	width: 370px;
	height: 145px;
	padding-top: 10px;
}
#soin4
{
	position:absolute;
	left: 0px;
    top: -10px;
	width: 370px;
	height: 200px;
	padding-top: 10px;
}
#soin5
{
	position:absolute;
	left: 0px;
    top: 210px;
	width: 370px;
	height: 200px;
	padding-top: 10px;
}
#soinbas
{
	position:absolute;
	left: 0px;
    top: 300px;
	width: 370px;
	height: 200px;
	padding-top: 10px;
}
#soinbasbis
{
	position:absolute;
	left: 0px;
    top: 390px;
	width: 370px;
	height: 200px;
	padding-top: 10px;
}
.titresoin
{
	font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
    font-size: 105%;
    text-align: center;
	font-weight: bold;
	color: rgb(198,98,156);
}
.textesoin
{
	font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
    font-size: 75%;
    text-align: left;
	font-weight: bold;
	color: rgb(127,127,127);
	}
	
#plansite
{
	position:absolute;
	left: 100px;
    top: 30px;
	width: 450px;
	height: 400px;
	padding-top: 10px;
}