/*  ----------------------------------------------------------- */
/*      RADIO DIALOGUE                       */
/*  ----------------------------------------------------------- */

/* force le retour à la ligne, le plus souvent appliqué à <br> */
/* Utilisable sous la forme <div class="clear">&nbsp;</div> */
.clear {
	clear: both;
}
/* force un retour à la ligne, pour éviter un recouvrement des icônes 50x50 */
/* s'il n'y a pas suffisament de texte en descriptif */
/* Utilisable sous la forme <div class="clearright">&nbsp;</div> */
.clearright {
	clear: right;
}

/* force un retour à la ligne, pour éviter un recouvrement des icônes 50x50 */
/* s'il n'y a pas suffisament de texte en descriptif */
/* Utilisable sous la forme <div class="clearleft">&nbsp;</div> */
.clearleft {
	clear: left;
}
/*  ------------------------------------------------------------------*/
/*         Aspect des liens */
/*  ------------------------------------------------------------------*/
a  { color: #195486; text-decoration: none }
a:visited      { color: #000 }
a:hover   { color: #195486; text-decoration: underline }
a:active  { color: #195486; text-decoration: none }
a.Textsombre  { color: #433817; font-weight: 500 }
a.Textsombre:hover  { color: #265775; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.Textsombre:active  { color: #433817; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.TextjauneS { color: #fc3 }
a.TextjauneS:hover { color: #dcdcdc }
a.Textpaille { color: #ffc }
a.Textpaille:hover { color: #dcdcdc }
a.Textpaille:visited { color: #ffc }
a.TextgrisCL { color: #dce2e3 }
a.TextgrisCL:hover { color: #fe9900 }
a.TextgrisM   { color: #999; font-size: 10px }
a.TextgrisM:hover  { color: #c03322 }
a.TextbleuS { color: #3a5075; text-decoration: underline }
a.TextbleuS:hover { color: #df0c00; text-decoration: underline }
a.TextbleuF  { color: #3a5075; font-weight: bold }
a.TextbleuF:hover { color: #dcdcdc }
a.Textnoir { color: #000 }
a.Textnoir:hover { color: #fff }
a.TextnoirS { color: #000 }
a.TextnoirS:hover { color: #000; text-decoration: underline }
a.Textblanc { color: #fff }
a.Textblanc:hover { color: #cacaca }
.Textblanctitre { color: #fff; font-size: 1.4em }
/* --- Listes ---*/
/* --------IMAGES et FONDS------------------------------*/
.fond-index    { background-repeat: no-repeat; background-position: left 0 }
.fond-uni     { background-image: url(../images/fond-uni2.jpg); background-repeat: repeat-y; background-position: left 0 }
.imgplan  { background-image: url(../images/puzzle.gif); background-repeat: no-repeat; background-position: left 0 }
.Justifié1 { text-align: justify }
.Marge5x5 { margin: 5px }
.Marge3x3 { margin: 3px }
.cadre_ligne  { border: solid 1pt #756f72 }
.cadre_ligne2 { border: solid 1px #3175a5 }

/* bien regler la marge (bugs IE) */
/*  -----------HTML - BODY ---------------------------------*/
html { width: 100%; height: 100% }
body        { font-family: Arial, helvetica, sans-serif; background-color: #c1c1c1; background-attachment: fixed; background-position: center 0 }
/* ------------ PAGE -------------------*/
#page      { background-color: #7c3783; padding: 7px; width: 1000px; height: auto }
/*  --------BANNIERES-------------------------------*/
#banniere_haute      { background-color: #474747; width: auto; height: auto }
.banniere_haute { width: auto; height: auto }
#banniere_bas     { background-position: center top; width: 1000px; height: auto }

/*  --------ENTETE---------------------------*/
#entete        { background-color: #fff; background-position: right top; width: auto; height: 100px }

/*  --------MENU HAUT-------------------------------*/
#menuhaut         { background-color: #474747; background-position: right 0; width: auto; height: 30px }

/* -----#CONTENER PARTIE GAUCHE---*/
#contener_partie-gauche    { margin-right: 5px; width: 205px; height: auto; float: left }
.contener_partie-gauche { }
/* -----#CONTENER PARTIE CENTRALE---*/
#contener_partie-centrale   { margin-left: 0; padding: 0; width: 580px; height: auto; float: left }

/*  -----#CONTENER PARTIE DROITE---*/
#contener_partie-droite      { margin-left: 5px; width: 205px; height: auto; float: left }

/*  --------CONTENER EMISSIONS-----------------------*/
#emissions           { background-color: #756f72; text-align: left; padding: 5px; width: 194px; height: auto; float: left }
.emissions { font-size: 0.8em; text-align: left; padding: 5px; float: left }
.emissions li { list-style-type: none; list-style-position: outside; margin-left: 10px }


/*  --------CONTENER TITRE-------------------------------*/
#titre-g   { background-image: url(../images/bord-g.gif); background-repeat: no-repeat; background-position: left 0; width: 15px; height: 24px; float: left; border-color: black }
#titre     { color: #fff; font-size: 0.9em; font-weight: bold; background-image: url(../images/boutton-milieu.gif); background-repeat: repeat-x; background-position: center 0; width: 175px; height: 24px; float: left; border-color: black }
#titre-d   { background-image: url(../images/bord-d.gif); background-repeat: no-repeat; background-position: right 0; width: 15px; height: 24px; float: left }
#titre-g-central  { background-image: url(../images/bord-g-30.gif); background-repeat: no-repeat; background-position: left 0; width: 15px; height: 30px; float: left; border-color: black }
#titre-central { font-weight: bold; background-image: url(../images/boutton-milieu-30.gif); background-repeat: repeat-x; background-position: center 0; width: 550px; height: 30px; float: left; border-color: black }
#titre-d-central { background-image: url(../images/bord-d-30.gif); background-repeat: no-repeat; background-position: right 0; width: 15px; height: 30px; float: left }
#titre-g-GM { background-image: url(../images/bord-g-30.gif); background-repeat: no-repeat; background-position: left 0; width: 15px; height: 30px; float: left; border-color: black }
#titre-GM { color: #fff; font-size: 0.9em; font-weight: bold; line-height: 11pt; background-image: url(../images/boutton-milieu-30.gif); background-repeat: repeat-x; background-position: center 0; width: 175px; height: 30px; float: left; vertical-align: middle; border-color: black }
#titre-d-GM { background-image: url(../images/bord-d-30.gif); background-repeat: no-repeat; background-position: right 0; width: 15px; height: 30px; float: left }
#titre-deg { background-image: url(../images/bord-centre-b.gif); background-repeat: repeat-x; background-position: right 0; width: 100%; height: 6px; float: left }
/*  --------BAS DE CONTENER  -------------------------------*/
#bd-g   { background-image: url(../images/bord-gb.gif); background-repeat: no-repeat; background-position: left 0; margin-bottom: 7px; width: 10px; height: 10px; float: left; border-color: black }
#bd-central   { font-weight: bold; background-image: url(../images/bord-centre-b.gif); background-repeat: repeat-x; background-position: center 0; margin-bottom: 7px; width: 560px; height: 10px; float: left; border-color: black }
#bd-d   { background-image: url(../images/bord-db.gif); background-repeat: no-repeat; background-position: right 0; margin-bottom: 7px; width: 10px; height: 10px; float: left }

/*  --------CONTENER GRILLE-------------------------------*/
#grille       { background-color: #fff; background-position: left 0; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; width: 192px; height: auto; float: left; border-style: solid; border-width: 1px 1px 3px; border-color: #62bd7b }
.grille    { font-size: 0.8em; font-stretch: condensed; background-position: left 0; width: auto; height: auto; float: left }
#contener_d1  { background-color: #fff; background-position: left 0; margin-bottom: 7px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; width: 192px; height: auto; float: left; border-style: solid; border-width: 1px 1px 3px; border-color: #62bd7b }
.contener_d1   { font-size: 10pt; background-position: left 0; text-align: left; margin-top: 2px; margin-right: 2px; width: auto; height: auto }
.contener_d1 li   { background-position: left 0; list-style-type: none; list-style-position: inside; padding-left: 3px; width: auto; height: auto }
/*  ------------------------------------------------*/


/*  -----------D2--------------*/
#contener_d2 { background-color: #fff; background-position: left 0; margin-bottom: 7px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; width: 192px; height: auto; float: left; border-style: solid; border-width: 1px 1px 3px; border-color: #62bd7b }
.contener_d2   { font-size: 0.8em; background-position: left 0; text-align: left; margin-top: 2px; margin-right: 2px; width: auto; height: auto }
.contener_d2 li   { background-position: left 0; list-style-type: none; list-style-position: inside; padding-left: 3px; width: auto; height: auto }
/*  ------------------------------------------------*/

/*  -----------G1--------------*/
#contener_g1 { background-color: #fff; background-position: left 0; margin-bottom: 7px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; width: 192px; height: auto; float: left; border-style: solid; border-width: 1px 1px 3px; border-color: #62bd7b }
.contener_g1  { font-size: 0.8em; background-position: left 0; text-align: left; margin-top: 2px; margin-right: 2px; width: auto; height: auto }
.contener_g1 li   { background-position: left 0; list-style-type: none; list-style-position: inside; padding-left: 3px }
/*  ------------------------------------------------*/

/*  ---REPONDEUR----------------*/
#repond { background-color: #fff; background-position: left 0; margin-bottom: 7px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; width: 192px; height: auto; float: left; border-style: solid; border-width: 1px 1px 3px; border-color: #62bd7b }
.repond { font-size: 0.8em; font-stretch: condensed; background-position: left 0; text-align: center; width: auto; height: auto }

/*  ------------------------------------------------*/
/*  ---CONTENER SOMMAIRE CENTRAL HAUT----------------*/
#contener_central-haut-titre     { background-image: url(../images/A-La-Une.gif); background-repeat: no-repeat; background-position: 0 top; margin-right: 0; margin-left: 0; padding: 0; width: 580px; height: 38px; float: left }
#contener_central-haut                     { background-color: #fff; margin-bottom: 7px; padding: 0 3px; width: auto; height: auto; float: left }
.contener_central-haut      { font-size: 0.9em; text-align: justify; margin-right: 10px; margin-bottom: 7px; margin-left: 0; padding: 0; height: auto; float: left; clear: both }

/*  ------------------------------------------------*/
/* -## CONTENER SOMMAIRE CENTRAL BAS GLOBAL ##---*/ 
#contener_central-bas           { background-color: #fff; margin-bottom: 3px; padding: 0; width: auto; height: auto; float: left }
.contener_central-bas { font-size: 0.9em; padding: 0; height: auto; float: left }


/*  ------------------------------------------------*/
/* -## CONTENER SOMMAIRE CENTRAL DROIT MILIEU ##---*/ 
/*  ------------------------------------------------*/
#contener_central-gauche-milieu           { background-color: #fff; margin-bottom: 3px; padding: 0; width: 280px; height: auto; float: left }

/*  ------------------------------------------------*/
/* -##CONTENER SOMMAIRE CENTRAL GAUCHE  MILIEU----------*/ 
/*  ------------------------------------------------*/
#contener_central-droit-milieu           { background-color: #fff; margin-right: 5px; margin-bottom: 3px; margin-left: 7px; padding: 0; width: 280px; height: auto; float: left }


/*  ------------------------------------------------*/
/* -## CONTENER SOMMAIRE CENTRAL DROIT BAS ##---*/ 
#contener_central-gauche-bas          { background-color: #fff; margin-bottom: 3px; padding: 0; width: 283px; height: auto; float: left }
.contener_central-gauche-bas  { font-size: 0.8em; background-color: #fff; text-align: justify; padding: 5px; width: auto; height: auto; float: left }
/*  ------------------------------------------------*/
/* -##CONTENER SOMMAIRE CENTRAL GAUCHE  BAS----------*/ 
#contener_central-droit-bas          { background-color: #fff; margin-right: 5px; margin-bottom: 3px; margin-left: 7px; padding: 0; width: 283px; height: auto; float: left }
.contener_central-droit-bas { font-size: 0.8em; text-align: justify; margin-right: 5px; margin-bottom: 3px; margin-left: 7px; padding: 5px; height: auto; float: left }
/*  ------------------------------------------------*/
/*  --- CONTENER ARTICLE CENTRAL HAUT----------------*/
#contener_central-art-haut   { background-color: #fff; margin-right: 0; margin-bottom: 0; padding: 0; width: 100%; height: auto; float: left; margin-: 0  }
.contener_central-art-haut     { font-size: 0.9em; text-align: justify; margin-right: 10px; padding: 0 0 0 5px; height: auto }
.contener_central-art-haut li  { list-style-type: none; list-style-position: inside; margin-left: 15px; padding: 0 }

/*  ------------------------------------------------*/
/*  ---CONTENER RUBRIQUE CENTRAL HAUT----------------*/
#contener_central-rub-haut   { background-color: #fff; margin-right: 0; padding: 0; width: 100%; height: auto; float: left; margin-: 0   }
.contener_central-rub-haut    { font-size: 0.9em; text-align: left; margin-top: 10px; margin-bottom: 10px; margin-left: 0; padding: 0 }
.contener_central-rub-haut li { list-style-type: none; margin-left: 15px; padding: 0 }
/*  ------------------------------------------------*/
/*  -----TEXTE---------------------------*/
/* Style pour le texte d'un article */
/* texte doit être une div pour utiliser le javascript de taille des caractères */
#texte       { list-style-type: none; overflow: hidden; zoom: 1.0      }
.texte                  { font-size: 0.8em; text-align: left; word-spacing: 1px; list-style-type: none; list-style-image: none }
.texte li  { list-style-type: none; list-style-image: none }
/*  -----PIED----------------*/ 
/* Les intitulés en pied de page sont présentés sous forme de liste */
#pieddepage  { background-position: center 0; width: auto; height: auto }
.pieddepage      { font-size: 0.75em; list-style-type: none; padding: 0 }
.pieddepage li {
	display: inline;
}

/*  -------ACCES RAPIDE----------------*/ 
/* Les intitulés en pied de page sont présentés sous forme de liste */
#acces_rapide       { padding: 0; width: auto; height: auto }
.acces_rapide li {
	display: inline;
}

/*  -------COPYRIGHT----------------*/ 
/* Les intitulés en pied de page sont présentés sous forme de liste */
#copyright       { color: #dbe1ef; font-size: 0.72em; list-style-type: none; padding: 0; width: 1000px; height: auto }
.copyright li {
	display: inline;
}

/*  -------STYLES DE PARAGRAPHES----------------*/ 
h1, h2, h3    { color: #7c3783; font-weight: bold; margin: 0 1em }
h1 {
	font-size: 1.4em;
	line-height: 1.6em;
}
h2  { font-size: 1.3em; line-height: 1.8em }
h3  { font-size: 1.3em; font-weight: bold }
h4   { font-size: 1em; margin-left: 1em }
