/* --------------------------------------------------------------

   layout.css
   Disposition des blocs principaux
   cf.: http://romy.tetue.net/structure-html-de-base

-------------------------------------------------------------- */

body { text-align: center; }
.page_2 {background-image: url(http://t.i.gre.free.fr/squelettes/css/img/fond-page.gif); background-repeat: repeat-x;}
.page_sommaire1 {background-image: url(http://t.i.gre.free.fr/squelettes/css/img/fond-page-accueil.gif); background-repeat: repeat-x;}
.page { position: relative; width: 900px; margin: 0 auto; text-align: left;}

.header {}
.main { padding: 0; font-size : 14px;}
.footer { clear: both; padding: 10px 0 0 0;}

.wrapper {width: 100%;}
.content { min-height: 50px; margin : 0px; padding : 0px;}
.Bottom { text-align: center; margin : 0px; padding :0px;}
.BottomLeft {float: left; width:30%; padding :0px; margin : 0px;}
.BottomCenter {overflow: hidden; padding :0px; margin : auto;}
.BottomRight {float: right; width:30%; overflow: hidden; background-color:#e0f3ef; border-left : 2px solid #b8c7cc; padding: 0px; margin :0px;}
.BottomRight h1 {color : #293a3e;}
.BottomRight p {background-color : #d1e0e3; border-top : 2px solid #b8c7cc; border-bottom : 2px solid #b8c7cc; vertical-align : center; margin : 5px 0px 0px 0px; height : 25px; padding : 5px; color : #1b2c30; text-align: center;}
.BottomRight p a {color : #37464b; text-decoration : none; }
.fb-like-box {width : 300px; background-color : #d1e0e3; border-top : 2px solid #b8c7cc; margin : 0px }
.date {float:center; width:auto; text-align:center;}
.dateGauche {float: left;  overflow: hidden; width:115px;}
.match {background: blue; width : auto; padding:8px; margin-left:5px; border-radius: 15px;}
.catch {background: red; width : auto; padding:8px; margin-left:5px; border-radius: 15px;}
.improvision {background: green; width : auto; padding:8px; margin-left:5px; border-radius: 15px;}
.supercatch {background: yellow; width : auto; padding:8px; margin-left:5px; border-radius: 15px;}
.autre {background: purple; width : auto; padding:8px; margin-left:5px; border-radius: 15px;}
.dateDroite {padding-left: 10px; height: 59px; line-height:59px; overflow: hidden; display:table;}
.dateDroite span {display:table-cell; vertical-align:middle; line-height:1; text-align:center; width : 450px; }
.montableau th, td {padding : 70px 5px 0 0; vertical-align:middle;}
.nivoSlider{margin: 0px 0px 0px 0px; ;}
/* Entete et barre de navigation
------------------------------------------ */

.header { background-image:url(http://t.i.gre.free.fr/squelettes/css/img/logo.jpg); background-repeat: no-repeat; }
.header #logo { display: block; margin: 0; line-height: 1; font-weight: bold;  }
.header #logo,
.header #logo a,
.header #logo a:hover { background: transparent; text-decoration: none; color: #222; }
.header #slogan { margin: 0; }

.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }

.nav { border: solid #222; border-width: 1px 0; }
.nav ul {}
.nav ul li {}
.nav ul li a { float: left; display: block; padding: .5em 1em; border-right: 1px solid #222; text-decoration: none; }
.nav ul li.on a { background: #EED; color: #222; font-weight: normal; }
.nav ul li a:focus,
.nav ul li a:hover,
.nav ul li a:active { background: #222; color: #FFF; }

#formulaire_recherche { position: absolute; top: 50px; right: 50px; border: 0; }

.footer {background:#4d666d; color:#b4ccd2;}
.footer a {color:#b4ccd2; text-decoration : none;}
.footer .page { position: relative; width: 900px; margin: 0 auto; text-align: left; }
.footer .colophon { float: left; height: 80px; width: 70%; margin: 0;}
.footer .generator { float: right; }
.footer .generator a { padding: 0; background: none;}

/* Gabarit d'impression
------------------------------------------ */
@media print {
.page,
.wrapper,
.content { width: auto; }
.nav,
.arbo,
.aside,
.footer { display: none; }
}

/* end */