/*------------------------------
----- PROCHAIN RENDEZ-VOUS -----
------------------------------*/

div#conteneur div#contenu div#left div.rendez-vous {position:relative; top:0; left:0; width:419px; margin:20px 0 25px 0; padding:0; float:left; background:url(../images/background_fiche.png) left bottom no-repeat;}

div#conteneur div#contenu div#left div.rendez-vous div.titre {position:relative; top:0; left:0; width:395px; margin:0 0 0 12px; padding:0; text-align:center;}
div#conteneur div#contenu div#left div.rendez-vous div.titre h2 {line-height:1.8; font-size:120%; font-weight:bold; margin:0;}

div#conteneur div#contenu div#left div.rendez-vous div.date {position:relative; top:0; left:22px; width:62px; height:78px; margin:8px 0 30px 0; background:url(../images/background_date.png) 0 0 no-repeat; float:left;}
div#conteneur div#contenu div#left div.rendez-vous div.date div.annee {position:relative; top:0; left:0; width:62px; padding:1px 0 5px 0; text-align:center; font-weight:bold; font-size:160%; color:#ffffff;}
div#conteneur div#contenu div#left div.rendez-vous div.date div.jour {position:relative; top:0; left:0; width:62px; padding:5px 0; text-align:center; font-weight:bold; font-size:170%; color:#aa0000;}
div#conteneur div#contenu div#left div.rendez-vous div.date div.mois {position:relative; top:0; left:0; width:62px; padding:0 0 5px 0; text-align:center; font-weight:bold; font-size:120%; color:#aa0000;}


div#conteneur div#contenu div#left div.rendez-vous div.info {position:relative; top:12px; right:0; width:300px; padding:0 0 5px 0; float:right;}

div#conteneur div#contenu div#left div.rendez-vous div.info h2 {line-height:1; font-size:120%; font-weight:bold; margin:0; color:#3399cc;}
div#conteneur div#contenu div#left div.rendez-vous div.info div.heure {position:relative; top:0; left:0; width:300px; text-align:center; font-weight:bold; line-height:1.2; color:#3399cc;}

div#conteneur div#contenu div#left div.rendez-vous div.info div.lieu {position:relative; top:0; left:0; width:300px; padding:0 0 5px 0; text-align:left; font-weight:bold; line-height:1.2; color:#3399cc;}
div#conteneur div#contenu div#left div.rendez-vous div.info div.lieu span {color:#333333; font-weight:bold;}

div#conteneur div#contenu div#left div.rendez-vous div.info div.adresse {position:relative; top:0; left:0; width:300px; padding:0 0 5px 0; text-align:left; line-height:1.2;}
div#conteneur div#contenu div#left div.rendez-vous div.info div.adresse span {color:#333333; font-weight:bold;}

div#conteneur div#contenu div#left div.rendez-vous div.info div.contre {position:relative; top:0; left:0; width:300px; margin:12px 0 0 0; padding:5px 0; text-align:center; font-weight:bold; color:#3399cc;}
div#conteneur div#contenu div#left div.rendez-vous div.info div.contre img {margin:4px 0 2px 0;}
div#conteneur div#contenu div#left div.rendez-vous div.info div.descriptif {position:relative; top:0; left:0; width:286px; margin:12px 0; padding:5px 14px 12px 0; text-align:left; line-height:1.2;}
div#conteneur div#contenu div#left div.rendez-vous div.info div.comentaire_match {position:relative; top:0; left:0; width:286px; margin:12px 0; padding:15px 14px 12px 0; text-align:left; line-height:1.2;}



/*----------------------------
----- RENCONTRES PASSEES -----
----------------------------*/
div#conteneur div#contenu div#left div#archive-rencontres {position:relative; top:0; left:0; width:419px; height:100%; clear:both;}

/*----- Affichage de l'année ou "derniere rencontre" -----*/
div#conteneur div#contenu div#left div#archive-rencontres div#annee {position:relative; width:220px; height:18px; top:0; left:0; text-align:center; padding:0; margin:0 0 0 99px;}

/*----- FEUILLES DE MATCH -----*/
div#conteneur div#contenu div#left div#archive-rencontres div.resumeRencontres div.top {position:absolute; top:0; left:0; width:408px; height:109px; z-index:1;}
div#conteneur div#contenu div#left div#archive-rencontres div.resumeRencontres div.bottom {position:absolute; bottom:0; right:0; width:408px; height:123px; z-index:2;}

div#conteneur div#contenu div#left div#archive-rencontres div.titreRencontres {position:relative; top:0; left:0; width:381px; height:30px; margin:15px 0 0 0; padding:0 0 0 38px; line-height:30px; color:#2b8ebf; font-weight:bold; font-size:1.2em; background:url(../images/background-header-livre.png) 0 0 no-repeat;}

div#conteneur div#contenu div#left div#archive-rencontres div.resumeRencontres {position:relative; top:0; left:0; width:419px; margin:0 0 26px 0; padding:0 0 13px 0; line-height:1.6; background:url(../images/background_fiche.png) bottom left no-repeat; clear:both;}

div#conteneur div#contenu div#left div#archive-rencontres div.resumeRencontres div.date {position:relative; top:0; left:0; width:392px; height:12px; padding:3px 16px 0 0; font-size:90%; text-align:right; line-height:1; color:#d71a16; z-index:3;}
div#conteneur div#contenu div#left div#archive-rencontres div.resumeRencontres div.match {position:relative; top:0; left:0; width:178px; padding:3px 13px; font-weight:bold; font-size:1em; text-align:center; float:left; z-index:3;}
div#conteneur div#contenu div#left div#archive-rencontres div.resumeRencontres div.score {position:relative; top:0; left:0; width:178px; padding:3px 13px; font-weight:bold; font-size:1em; text-align:center; float:left; z-index:3;}
div#conteneur div#contenu div#left div#archive-rencontres div.resumeRencontres div.descriptif {position:relative; top:0; left:0; width:382px; padding:5px 18px; clear:both; z-index:3;}
div#conteneur div#contenu div#left div#archive-rencontres div.resumeRencontres div.descriptif span {font-size:95%; font-weight:bold;}
div#conteneur div#contenu div#left div#archive-rencontres div.resumeRencontres div.commentaire_match {position:relative; top:0; left:0; width:382px; padding:5px; margin:18px 18px 5px 18px; text-align:left; font-weight:bold;}
div#conteneur div#contenu div#left div#archive-rencontres div.resumeRencontres div.lien-video {position:relative; top:0; left:0; width:114px; height:28px; margin:15px 0 5px 152px;}
div#conteneur div#contenu div#left div#archive-rencontres div.resumeRencontres div.galerie {position:relative; top:0; left:0; width:372px; margin:5px 23px 0 23px; padding:0; font-weight:bold; font-size:1px; clear:both; z-index:3;}

li.galerie {display:inline;}

a.voirVideo, a.voirVideo:link, a.voirVideo:visited, a.voirVideo:active, a.voirVideo:focus {width:114px; height:28px; text-decoration:none; background:url(../images/btn_voir-video.png) 0 0 no-repeat; display:block;}
a.voirVideo:hover {width:114px; height:28px; text-decoration:none; background:url(../images/btn_voir-video.png) 0 -100px no-repeat; display:block;}

/*----- ARCHIVES -----*/
select.archives {width:140px; height:22px; margin:10px 0 28px 48px; font-size:11px; line-height:11px; padding:2px; background:#ffffff; border:1px solid #cccccc;}
option {font-weight:normal; font-style:normal; color:#333333; background:#ffffff;}