/**
 * Réinitialisation des styles
 ********************************************/
@import url(reset.css);

/**
 * ELEMENTS HTML
 ********************************************/

body {
    font-size: 75%;
    font-family: arial, verdana, sans-serif;
    color: #4d4d4d;
}

h1 {
    font-weight: bold;
    color: #ff7f00;
    font-size: 1.83em;
    line-height: 1.25em;
    margin-bottom: 0.75em;
    text-transform: uppercase; 
}
h1 span {
    color: #4d4d4d;
}
h2 {
    font-weight: bold;
    color: #ff7f00;
    font-size: 1.33em;
    margin-bottom: 0.75em; 
}

h3 {
    font-weight: bold;
    color: #f29400;
    font-size: 1.16em;
    margin-bottom: 0.75em;    
}

h4 {
    font-weight: bold;
    color: #000;
    font-size: 1.0em;
    margin-bottom: 0.75em;    
}

body.programme h3 span { background: #e2007a; }
body.sondage h3 span { background: #4ea137; }
body.videos h3 span { background: #009ddf; }

p {
    margin: 0 0 0.75em 0;
    line-height: 1.273em;
}

ul {
    padding: 0 0 0.75em 0px;
    /* Pour créer un nouveau contexte de formatage (bug d'affichage) */ 
    overflow: auto;    
}

li {
    list-style-type: none;
    margin: 0.583em 0 0.583em 0px;
    line-height: 1.273em;
    background: url(../images/puce2.gif) no-repeat;
    padding-left: 20px;
}

a {
    color: #f29400;
}
a:hover {
    text-decoration: none;
}
a:visited {
    color: #f7bf66;
}

img {
    border: 0;
}
/**
 * BLOCS 
 ********************************************/
/*
#fond-gauche {
    position: absolute;
    left: 0;
    height: 219px;
    width: 25px;
    background: url(../images/bandeau-gauche.jpg) repeat-x top left;
}
#fond-droite {
    position: absolute;
    right: 0;
    height: 219px;
    width: 25px;
    content: url(../images/bandeau-droite.jpg) repeat-x top right;
}
*/ 
#conteneur {
    width: 1000px;
    margin: 0 auto 20px auto;
    position: relative;
    /*overflow: auto;*/ /* Contexte de formatage */
	/*_height: 1%;*/ /* Contexte de formatage IE6 */  
}

#entete {
    background: url(../images/bandeau.jpg) no-repeat;
    border: 0px solid #000;
    position: relative;
    height: 219px;
} 

#logo {
    position: absolute;
    left: 25px;
    top: 25px;    
    display: block;
    width: 259px;
    height: 59px;
    background: url(../images/logo.png) no-repeat;
    text-indent: -5000px;
}

#menu {
    position: absolute;
    left: 25px;
    bottom: 70px;
    padding: 0;
}

#lateral {
    /*display: none;*/
    float: left;
    width: 200px;
    margin-right: 25px;
}

#principal {
    border: 0px solid #000;
    overflow: auto; /* Contexte de formatage */
	_height: 1%; /* Contexte de formatage IE6 */ 
	padding: 0 25px;
}

#pied {

    border: 0px solid #000;
    padding: 10px;
    text-align: center;
    margin-top: 20px;
}

/**
 * ATTRIBUTS DES ELEMENTS HTML ET BLOCS
 ********************************************/

/* menu */

#menu li {
    list-style-type: none;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    height: 25px;
    padding-left: 7px;
    background: none;
}
#menu li a {
    display: block;
    height: 25px;
    line-height: 25px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 7px;
    margin: 0;
}
#menu li.actif,
#menu li:hover {
    background: url(../images/menu-fond-actif-gauche.png) no-repeat top left;
}
#menu li.actif a,
#menu li:hover a {
    background: url(../images/menu-fond-actif-droite.png) no-repeat top right;    
}

/* blocs */
.bloc {
    margin-bottom: 20px;
}
.bloc .titre {   
    background: url(../images/bloc-haut-droite.jpg) no-repeat top right;
    height: 43px;
    font-size: 1.08em;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.bloc .titre div {
    background: url(../images/bloc-haut-gauche.jpg) no-repeat top left;
    height: 23px; /* hauteur réelle : 43px */
    padding: 10px;
}
.bloc .texte {   
    background: #fcf9f4 url(../images/bloc-fond.jpg) no-repeat bottom left;
    padding: 10px;
}

#blocs-accueil .bloc {
    float: left;
    margin-right: 20px;
    width: 200px;
}

#blocs-accueil .bloc1 {
    width: 275px;
}
#blocs-accueil .bloc2 {
    width: 275px;
}
#blocs-accueil .bloc3 {
    margin-right: 0px;
    width: 350px;
}

#blocs-accueil li {
    background: url(../images/puce1.jpg) no-repeat;
    padding-left: 30px;
}

#blocs-accueil img {
    float: left;
    margin: 0 10px 5px 0;
}

#blocs-accueil .bloc .texte {   
    min-height: 130px;
}

/* encart */

.encart-cadre {
    position: relative;
    border: 1px solid #fff;
    min-height: 260px;
}
.encart-cadre img {
    position: absolute;
    right: 20px;
    top: 0px;
}
.encart {
    /*background: #fcf9f4 url(../images/etude-capture.png) no-repeat 390px 10px;*/
    background: #fcf9f4;
    margin-top: 28px;
    padding: 20px 360px 20px 20px;
    margin-bottom: 0.75em;
    /*min-height: 219px;*/ /* min-height réelle : 259px */
    text-align: center;
}

.accroche img {
    float: right;
    margin: 0 0 20px 20px;
}

.accroche .texte {
    text-align: right;
    overflow: auto; /* Contexte de formatage */
	_height: 1%; /* Contexte de formatage IE6 */     
}

/* .logos */

.logos {
    margin-bottom: 0.75em;
}

.logos div {
    text-align: center;
    height: 65px;
    /*line-height: 65px;*/
    width: 140px;
    float: left;
    margin: 0 5px 5px 0;
}
.logos div img {
    /*display: block;*/
}
/* principal */


/* pied */

#pied img {
    display: block;
    float: left;
    margin: 0 27px 20px 27px;
    height: 55px;
    line-height: 55px;
}

#pied a {
    color: #4d4d4d;
}
/**
 * CLASSES DIVERSES
 ********************************************/
 
.clear { clear: both; }
.plus { text-align: right; }
.aligncenter { text-align: center; }