/* Drinksteam V2.1 */
body
{
 /*min-width: 1000px;
  max-width: 95%;*/
 width: 1000px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 15px;
 margin-bottom: 20px;    
 font-family: "Comic Sans Ms", Serif, Arial, "Times New Roman";
 line-height: 120%;
 font-size: 100%;
 font-weight: lighter;
 text-align: left;
 color: black;
 background-color: black;
}
 h1
{
 text-align: left;
 font-family: "Arial Rounded MT Bold", Arial, Verdana, serif;
 color: #ff6600;
 /*text-decoration: underline;*/
}
h2
{
 font-family: "Arial Rounded MT Bold", Arial, Verdana, serif;
 color: #3e4663;
 /*text-decoration: underline;*/
 font-size: 130%;
}
h3 /*titre - mise à jour */
{
 font-family: "Arial Rounded MT Bold", Arial, Verdana, serif;
 color: red;
 text-decoration: underline;
 font-size: 150%;
}
h4
{
 font-family: "Arial Rounded MT Bold", Arial, Verdana, serif;
 color: black;
 text-decoration: none;
 font-size: 100%;
}
h5
{
 font-family: "Arial Rounded MT Bold", Arial, Verdana, serif;
 color: #9933FF;
 font-size: 100%;
}

img
{
 margin: 0px; /* Marge extérieure*/
 border: 0;
}
p
{
 /*font-size: 100%;*/
 text-align: left;
}
a
{
 text-decoration: none; /* Les liens ne seront plus soulignés */
 color: #FF5050; /* Les liens seront en rouge au lieu de bleu */
 font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}
.sponsors
{
 margin-top: 2px;
 margin-bottom: 2px;
 margin-left: 1px;
 margin-right: 1px;
 }
table
{
 empty-cells: show; 
 border-collapse: collapse; /* pour coller les cellules ensembles, remplace le cellspacing*/
}
.max_width
{
 width: 100%;
}
td
 {
 padding: 0px; /* pour coller les cellules ensembles, remplace le cellpadding*/
}
.td_white
{
 background-color: white;
 width: 100%;
}
.td_espace
{
 height: 15px;
}
.td_corps
{
 padding-left: 40px;
 padding-right: 40px;
 margin-left: auto; 
 margin-right: auto; 
 text-align: left;
}

.titreaccueil 
{
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
}
.dateaccueil 
{
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.rensaccueil 
{
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}
.corps 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-align: justify;
}
.corpscentre 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-align: center;
}
.telecharger 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
}
.tv  /*titre principal dans un tableau*/
{
 color: #0000FF;
 font-size: 120%;
 background-color: #99CCFF;
 padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
 text-align: center;
}
.tv1 /*titre secondaire dans un tableau*/
{
 color: #0000FF;
 font-size: 110%;
 background-color: #99CCFF;
}
.tv2 /*titre secondaire dans un tableau*/
{
 color: #0000FF;
 font-size: 85%;
 background-color: #99CCFF;
}
.a  /*style n°1 dans les tableaux*/
{
 color: blue;
 font-size: 90%;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
 text-align: center;
}
.a1  /*style n°1 dans les tableaux*/
{
 color: blue;
 font-size: 95%;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
 text-align: left;   
}
.a2
{ 
 color: blue;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
 text-align: left;
 font-size: 75%;
}
.a3 /*croix rouges dans les tableaux*/
{
 color: red;
 font-size: 100%;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.a4  /*style n°2 dans les tableaux*/
{ 
 color: #666666;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
 margin: 0px; 
 font-size: 90%;
}
.b  /*style n°2 dans les tableaux*/
{ 
 color: black;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
 margin: 0px; 
 font-size: 90%;
 text-align: center;
}
.b1 
{ 
 color: black;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
 text-align: left;
 font-size: 95%;
}
.b2 
{ 
 color: black;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
 text-align: left;
 font-size: 75%;
}
.b3 /*croix rouges dans les tableaux*/
{
 color: red;
 font-size: 100%;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.b4  /*style n°2 dans les tableaux*/
{ 
 color: #666666; /*Couleur gris*/
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
 margin: 0px; 
 font-size: 90%;
 text-align: center;
}
.b5  /*style n°2 dans les tableaux*/
{ 
 color: green; /*Couleur vert*/
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
 margin: 0px; 
 font-size: 90%;
 text-align: center;
}.c /*style n°3 dans les tableaux, ex:matériel vidéo brute*/
{
 color: blue;
 padding: 0px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
 font-size: 105%;
 text-align: center;
}
.c1
{
 color: blue;
 font-size: 100%;
 padding: 0px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
 text-align: left;
}
.d /*style n°4 dans les tableaux, ex: bienvenue*/
{
 color: black;
 text-align: left;
 font-size: 100%;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.d1
{
 color: black;
 text-align: left;
 font-size: 90%;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.d2
{
 color: red;
 text-align: left;
 font-size: 90%;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.d3
{
 color: red;
 text-align: left;
 font-size: 90%;
 text-decoration: line-through;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.e /*style n°5 dans les tableaux, ex: bienvenue*/
{
 color: #3367FF;
 text-align: left;
 font-size: 100%;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.e1
{
 color: #3367FF;
 text-align: left;
 font-size: 90%;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.e2
{
 color: red;
 text-align: left;
 font-size: 90%;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.e3
{
 color: red;
 text-align: left;
 font-size: 90%;
 text-decoration: line-through;
 padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.i
{
 margin: 0px; /* Marge extérieure*/
}
.i1
{
 margin: 10px; /* Marge extérieure*/
}
.i2
{
 margin: 5px; /* Marge extérieure*/
}
.j
{
 text-indent: 0px; /* Les paragraphes commenceront X pixels sur la droite */
}
.rien
{
 list-style-type: none;
}

/* Css validé pour la V2 */ 


.cent
{
 width: 100%;
}

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

.menu
{
 padding-left: 1px; 
 padding-right: 1px; 
}

.misesajour
{
 width: 500px;
 height: 100px;
 border-style: inset; /*effet enfoncé du cadre */
 text-align: left;
 border-color: gray;
 overflow: auto; /* ascenceurs automatiques si on va trop loi dans la page */
 margin-left: auto; 
 margin-right: auto; 
}


/* Positionnement des arrondis de la structure  avec images en background.
   Attention de mettre dans la cellule du milieu une hauteur minimum sous peine d'avoir un décalage*/

.haut_de_page
{
 width: 100%;
 height: 40px;
 margin-left: auto; 
 margin-right: auto; 
 text-align: center;
}

.hg /* coin supérieur gauche */
{
 padding-left: 18px;
 padding-bottom: 20px;
 background-image: url("images/hg.gif");
 background-position: top left;
 background-repeat: no-repeat;
 }

.hd /* coin supérieur droit */
{
 padding-right: 18px;
 padding-top: 20px;
 background-image: url("images/hd.gif");
 background-position: top right;
 background-repeat: no-repeat;
}

.bg  /* coin inférieur gauche */
{
 padding-left: 18px;
 padding-top: 20px;
 background-image: url("images/bg.gif");
 background-position: bottom right;
 background-repeat: no-repeat;
 
}

.bd  /* coin inférieur droit */
{
 padding-right: 18px;
 padding-bottom: 20px;
 background-image: url("images/bd.gif");
 background-position: bottom right;
 background-repeat: no-repeat;
}

.pied_de_page
{
 width: 100%;
 height: 40px;
 margin-left: auto; 
 margin-right: auto; 
 text-align: center;
}