@import url("structure.css");
@import url("misc.css");
@import url("typography.css");
@import url("form.css");
/* pour enlever les bordures des images */
img{
 border:none;
}


#lang{
 float: right;
 margin-right: 5px;
/* background: url(../img/unitedkingdom.gif) 0 0px no-repeat;*/
 padding-left: 22px;
}

.english{
background: url(../img/unitedkingdom.gif) 0 3px no-repeat;
}

.french{
background: url(../img/france.gif) 0 3px no-repeat;
}









/*  ------------------------------------------
/*  Les articles
/*  ------------------------------------------
*/

/* La liste des articles */
.liste-articles{
 margin:0;
 padding:0 5px 0 5px;
 text-align: justify;
}

/* On redefini les dt pour liste-articles */
.liste-articles dt{
 margin:0 0 0.3em 0;
 font-size:0.9em;
 line-height: 1.4em;
}

/* On redefini les dd pour liste-articles */
.liste-articles dd{
 margin:0 0 2em 0;
 font-size: 0.85em;
 line-height: 1.3em;
}

/*  ------------------------------------------
/*  Les kiosques
/*  ------------------------------------------
*/


/* La liste des kiosques */
.liste-kiosques{
margin: 0;
padding: 10px 5px 0 5px;
text-align: justify;
}

.liste-kiosques dt{
font-weight: bold;
font-size: 0.9em;
line-height: 1.4em;
}

.liste-kiosques dd{
margin: 0 0 0.9em 0;
line-height: 1.3em;
color: #666;
}

/*  ------------------------------------------
/*  Les tableaux
/*  ------------------------------------------
*/

/* redefinis table */
table{
 margin: 8px 5px 8px 5px; /* margin bottom en 8px */
 padding: 0 0 0 5px;
 /*
 * Grace a l'attribut width, les tailles du tableau et des cellules sont aussi definies.
 * Cela va permettre d'epurer le code (x)html qui suit.
 */
 width: 460px; /* Pour que le tableau occupe tout l'espace de la div */
 border-collapse: collapse; /* pour eviter que les separation internes du tableau apparaissent */
}

/* les cellules heriteront du width mais pas de la taille du texte ni de son alignement*/

th{
 padding: 0 0 0 5px;
 font-size:0.9em;
 color:#444;
 line-height: 1.6em;
 background-color:#c3d9ff;
}

td{
 padding: 0 0 0 5px;
 font-size:0.9em;
 border-bottom:1px solid #e7e7e7;
}

/* pour aligner le texte contenu a l'interieur d'un td au milieu de l'image*/
td img {
 vertical-align: middle;
}

/* la colonne du tableau contenant des images */
.col-image{
 padding: 5px;
 text-align: right;
}





/*  ------------------------------------------
/*  La page d'accueil
/*  ------------------------------------------
*/






#photo-une img{
 margin: 2px;
 border: none;
 vertical-align: middle; /* pour centrer les images et ne pas avoir une marge inferieur grande */
}


/*  ------------------------------------------
/*  Les formulaires
/*  ------------------------------------------
*/

/* Je vais personaliser les inpute type="text"*/
input, textarea, select{
/* On met du padding pour que l'ecriture soit bien au milieu du champ de saisie */
padding: 0.1em;
border: 1px solid #a7a6aa;
font-size: 1em;
color: #222;
font-family: Verdana;
}

.input-petit{
 width: 100px;
}

.input-moyen{
 width: 200px;
}

textarea{
 /*width: 280px;
 height: 100px;*/
 overflow: auto; /* Pour eviter d'avoir la scrollbar verticale qui apparait dans ie */
 line-height: 1.25em;
}

#contenu label{
 /*display:inline;*/
 text-align: right;
 padding: 0px 8px 0px 0px;
 float: left;
 width: 100px;
}

.label-petit{
 width: 23px;
 margin-top: 2px;
 /*border: 1px solid black;*/
}
.label-petit2{
 width: 50px;
 margin-top: 2px;
 /*border: 1px solid black;*/
}

/* On redefini la marge bottom pour tout les p qui se trouve dans un formulaire */
form p{
 margin-bottom: .4em;
}

/* Les boutons annuler et envoyer */
.bouton{
 margin: .7em 30px 0 0;
 width: 70px;
 background: #fff;
 font-weight: bold;
}

/* Les boutons Rechercher */
.bouton-moyen{
 width: 90px;
 background: #fff;
 font-weight: bold;
}


/* La div qui permet d'annuler le flottement */
.clear {
 clear: both;
}

/* La couleur bleu des lignes du tableau */
.bleu{
 background-color: #e8eef7;
}


/* Le tableau des points de vente */

/* entetes des tableaux*/
.blue-th{
 padding: 0 0 0 5px;
 font-size:0.9em;
 line-height: 1.6em;
 background-color:#c3d9ff;
 height: 25px;
}

/* cellule du tableau */
.blue-td{
 padding-left: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
 line-height: 1.3em;
 font-size: 0.89em;
}