/*=============================================================================
= Feuille de style Web                                                        =
= (c) 2009 - fil2dev.dev                                                      =
=  & Contributeur(s)                                                          =
= Tristan Van Egroo                                                           =
= 19 Novembre 2009                                                            =
= <link href="css/style.css" rel="stylesheet" type="text/css" media="screen">
==============================================================================*/

body.principal {
	  background-image: url(../images/exptextb.jpg);
	  min-width:1000px;
}

body.menugauche { 
	  background-image: url(../images/exptextb.jpg);
}

/* ====== Tableau Style GRID seulement avec FireFox(c) ====== */
.TitleTableau{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #CCCC99;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
#StyleGRID { overflow:auto; height:110px; }
table.grid tr:hover{ background-color:#FFFFFF; }
table.grid {margin:0;padding:0; border:1px dotted #000; border-spacing:0; background-color: #E8E8E8; }

/* ===== Zones de champs */
.c0{width:30px;}
.c1{width:110px;}
.c2{width:120px;}
.c3{width:120px;}
.c4{width:120px;}
.c5{width:120px;}
.c6{width:120px;}
.c7{width:120px;}
.c8{width:120px;}
.c9{width:120px;}
.c10{width:120px;}
/* =========================================================== */

/* ============== Mise en forme de texte ....================= */
/* Alignement  */
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.barre_separateur{padding-bottom:1em; border-bottom:1px solid #000;}
.simple_crlf {margin-bottom:1em;}
.double_crlf {margin-bottom:2em;}

.titre_page{
	text-align:center;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
}

table {margin:0;padding:0; border:0px dotted #000; border-spacing:0; width:100%; }

.ephemeride {
    width:150px;
    height:100px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    float: left;
}

.automne{
	background-image:url(/images/automne.jpg);
}

.hivers{
	background-image:url(/images/hivers2011.jpg);
}

.printemps{
	background-image:url(/images/mimosas.jpg);
	
}

.ete{
	background-image:url(/images/soleil.jpeg);
}

.hb_listediffusion {
    width:150px;
    height:100px;
    margin-left:1%;
    margin-right:auto;
    position: relative; 
    float: left;
}

.rss_lci{
    width:100%;
    height:20px;
    <!--- margin-left:auto; --->
    <!--- margin-right:auto; --->
    position: relative;
    float: left;
    color:#000000;
    margin-top:8px;
}

.profils{
    width:300px;
    height:85px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    float: right;
    color:#000000;
    background-color:#CCFF99;
    font-size: 12px;
}

.liens_rapids{
float:left;
height:100px;
margin-left:auto;
margin-right:auto;
position:relative;
width:115px;
}

.logo {
    width:130px;
    height:100px;
    margin-left:auto;
    margin-right:auto;
    position: relative; 
    float: left;
}

.ephemeride div {
	color:#FFF;
}

.ephemeride .date{
	color:#000000;
	margin-bottom:2em;
}

.ephemeride .saint{
	color:#000000;
}

.ephemeride .evenement{
position: relative;
float: left;
}

.crlf{

}

.moteur_de_recherche{
float:left;
height:100px;
margin-left:auto;
margin-right:auto;
position:relative;
width:115px;
}