/* CSS globale */

* {margin:0; padding:0; border:none}
body {font:normal 0.625em Arial, Helvetica, sans-serif; color:#707070; background:#87cb55 url(../images/fondVert.png) repeat-x}
ul {list-style:none}
li {padding-top:5px; line-height:normal}
a:hover {color:#87cb55 !important}

/* DIVERS */
.masquer {display:none;}
.efface {clear:both;}
.floatleft {float:left;}
.floatright {float:right;}
.lire_suite {background:url(../images/puceLireSuite.png) no-repeat; display:block; color:#0085cc; float:right; padding-left:20px; padding-bottom:8px; font-size:1.2em; text-decoration:none; font-weight:normal; margin-top:10px}
.separateur {clear:both; background:url(../images/separateurHome.png) left 10px no-repeat; height:34px; width:462px}

/* STRUCTURE */
#fond_bandeau {	background:url(../images/bandeau.jpg) no-repeat center 79px; margin-left:1px}
#conteneur {width:950px; margin:12px auto 20px auto; position:relative; background:url(../images/bg_fond-ombres.png) repeat-y; padding:0 9px}
#conteneur #fond_template {padding-bottom:40px; min-height:300px}
#conteneur #arrondi_bandeau {bottom:0; position:absolute; background:url(../images/arrondiBandeauPage.png) no-repeat; height:37px; width:950px}
#conteneur_top {height:79px; background:#FFF; position:relative}

/* HEADER */
#header {height:262px; position:relative}
#logo {width:272px; height:124px; background:url(../images/fondLogo.png) no-repeat; z-index:10; margin-top:-60px; margin-left:15px}
#logo a {height:103px; width:217px; display:block; position:relative}
#logo a img {height:103px; width:217px; margin-left:25px}
#top {margin-right:10px; text-align:right; padding-top:6px}
#top a {font-size:1.1em; color:#0085cc; text-decoration:none}
#top .ver_fr { background:url(../images/flag-fr.png) no-repeat; padding:5px 0 4px 25px;   display : none;}
#top .ver_en { background:url(../images/flag-en.png) no-repeat; padding:5px 0 4px 25px;   display : none;}
#top .ver_fr_nb { background:url(../images/flag-fr-nb.png) no-repeat; padding:5px 0 4px 25px; display : none;}
#top .ver_en_nb { background:url(../images/flag-en-nb.png) no-repeat; padding:5px 0 4px 25px; display : none;}

/* MENU */
#menu_principal {position:absolute;	color:#169283; bottom:0; right:5px; font-weight:bold;}
#menu_principal ul {margin-top:0; position:relative;}
#menu_principal ul li {float:left; height:25px; margin-right:1px; position:relative; padding-top:5px;}
#menu_principal ul li.couleur01 {background:#0085cc}
#menu_principal ul li.couleur02 {background:#87cb55}
#menu_principal ul li a {color:#FFF; text-decoration:none; text-transform:; padding:0 20px 5px; font-size:1.6em; font-weight:normal; display:block}
#menu_principal ul li a:hover {color:#000 !important}
#menu_principal ul li.off {background:#CCC}

#menu_principal .coinHG {background:url(../images/coinHG.png) no-repeat; position:absolute; width:5px; height:5px; left:0; top:0}
#menu_principal .coinHD {background:url(../images/coinHD.png) no-repeat; position:absolute; width:5px; height:5px; right:0; top:0}

#menu_gauche {padding-left:10px}
#menu_gauche li {font-size:1.2em; font-weight:bold; color:#0085cc; background:url(../images/puceFlecheBleue.png) left 3px no-repeat; padding:0 0 10px 10px}
#menu_gauche li a {color:#0085cc; text-decoration:none}
#menu_gauche .coinH {background:url(../images/coinHfiletBleu.png) no-repeat; height:6px; width:146px; overflow:hidden; margin-top:5px}
#menu_gauche .coinB {background:url(../images/coinBfiletBleu.png) no-repeat; height:6px; width:146px; overflow:hidden; margin-bottom:10px}
#menu_gauche .coinM {border-left:1px solid #0082d6; border-right:1px solid #0082d6; width:124px; padding:0 10px}
#menu_gauche .coinM li {color:#87cb55; font-weight:normal; font-size:1em; background:none; padding:2px 0}
#menu_gauche .coinM li a {color:#0085cc}


/* ACCUEIL */
#conteneur.accueil #fond_template {background:#FFF url(../images/fondColonneCentreHome.png) repeat-y}
#conteneur.accueil #arrondi_bandeau {background:url(../images/arrondiBandeauHome.png) no-repeat 0 bottom}

#conteneur.accueil #colonne_centrale {width:515px; padding:0 40px 0 50px; position:relative; float:left}
#conteneur.accueil #colonne_droite {padding:0 30px 0 0; width:280px; position:relative; float:right}
#conteneur.accueil #colonne_droite div {background:url(../images/fondEncadreHomeDroite.png) repeat-x; padding:20px; clear:both; margin-bottom:10px; zoom:1}
#conteneur.accueil #colonne_droite div div {background:none; padding:0}
#conteneur.accueil #colonne_droite h3 {color:#9e9e9e; font-size:1.8em; text-transform:uppercase; font-weight:normal; padding-bottom:10px; padding-top:10px}

#conteneur.accueil #colonne_droite #question a {font-size:1.7em; color:#0085cc; padding-right:50px; text-decoration:none}
#conteneur.accueil #colonne_droite #question a.lire_suite {font-size:1.2em; float:left; margin-top:30px}
#conteneur.accueil #colonne_droite #document a.lire_suite {font-size:1.2em; float:left; margin-top:30px; color:#0085cc}


/* ENCADRE sur la page d'accueil */
.accueil .encadre {background:#FFF url(../images/fondEncadreHome.png) left bottom repeat-x; padding:0 10px 10px 20px; zoom:1; border:none}
.accueil .encadre ul li {font-size:1.1em}
.accueil .encadre ul li a {text-decoration:none; color:#0085cc; font-weight:bold}
.accueil .encadre .lire_suite {margin-top:15px}

/* ENCADRE sur les autres pages */
.encadre {background:#FFF url(../images/fondEncadreHome.png) left bottom repeat-x; padding:10px 20px 10px 20px; zoom:1; margin:20px 0; border:1px solid #eaf2fb}
.encadre h4 {font-size:1.2em; text-transform:uppercase; padding:4px 0; font-weight:normal}
.encadre ul li {background:url(../images/puceFlecheBleue.png) 10px 8px no-repeat; padding:5px 0 5px 20px; font-size:1.1em}

/* BLOC DE CONTENU */
.edito ul li {background:url(../images/puceFlecheBleue.png) 10px 8px no-repeat; padding:5px 0 5px 20px; font-size:1.1em}
.edito ul li.paragraph {background:url(../images/puce_althytud.jpg) 10px 8px no-repeat; padding:5px 0 5px 55px; font-size:1.3em}
.edito .couleur01Althytude {color:#0085cc; font-style:italic; font-weight:bold}
.edito .couleur02Althytude {color:#87cb55; font-style:italic; font-weight:bold}

#conteneur.accueil #contenu .edito {padding-top:0}
#conteneur.accueil #contenu .edito p.chapo,
#conteneur.accueil #contenu .edito p {line-height:1.8em}

#conteneur.accueil #contenu2 .edito {padding-top:0}
#conteneur.accueil #contenu2 .edito p.chapo,
#conteneur.accueil #contenu2 .edito p {line-height:1.8em}

#conteneur #contenu h3 {color:#9e9e9e; font-size:1.8em; text-transform:uppercase; font-weight:normal; padding-bottom:10px; padding-top:10px}
#conteneur #contenu .edito {padding-right:10px; padding-top:5px}
#conteneur #contenu .edito h3 .couleur01 {color:#0085cc}
#conteneur #contenu .edito h3 .couleur02 {color:#87cb55}
#conteneur #contenu .edito p.chapo {color:#0085cc; font-weight:bold; font-size:1.2em; line-height:1.4em; padding:0 0 7px 0}
#conteneur #contenu .edito p {font-size:1.2em; line-height:1.4em; text-align:justify; padding:7px 0}

#conteneur #contenu2 h3 {color:#9e9e9e; font-size:1.8em; text-transform:uppercase; font-weight:normal; padding-bottom:10px; padding-top:10px}
#conteneur #contenu2 .edito {padding-right:10px; padding-top:5px}
#conteneur #contenu2 .edito h3 .couleur01 {color:#0085cc}
#conteneur #contenu2 .edito h3 .couleur02 {color:#87cb55}
#conteneur #contenu2 .edito p.chapo {color:#0085cc; font-weight:bold; font-size:1.2em; line-height:1.4em; padding:0 0 7px 0}
#conteneur #contenu2 .edito p {font-size:1.2em; line-height:1.4em; text-align:justify; padding:7px 0}

/* 3 COLONNES */
#conteneur.page_3_colonnes #fond_template {background:url(../images/fond3ColonnesPage.png) repeat-y}
#conteneur.page_3_colonnes #colonne_gauche {width:170px; float:left; position:relative}
#conteneur.page_3_colonnes #colonne_centrale {width:520px; padding:0 0 0 46px; float:left; position:relative}
#conteneur.page_3_colonnes #colonne_droite {padding:25px 0 0; width:166px; position:relative; float:right}

#colonne_droite h3 {font-size:1.2em}
#colonne_droite a {font-size:1.1em; color:#707070; text-decoration:none}
#colonne_droite .chapo {font-size:1.3em; color:#707070; }
#colonne_droite .coinH {background:#0085cc url(../images/coinHbleu.png) no-repeat; width:138px; overflow:hidden; margin-top:5px; padding:6px 4px; text-align:center}
#colonne_droite .coinH h3 {color:#FFF}
#colonne_droite .coinB {background:url(../images/coinBbleu.png) no-repeat; width:146px; height:7px; overflow:hidden; margin-bottom:20px}
#colonne_droite .coinM {border-left:1px solid #0082d6; border-right:1px solid #0082d6; width:124px; padding:5px 10px}
#colonne_droite .coinM .lire_suite {float:none; color:#0085CC; border-top:1px solid #0085CC; font-size:1.1em; background-position:left 10px; padding-top:10px; padding-bottom:0; min-height:22px}

#chemin_de_fer {display : none }
#chemin_de_fer li {display:inline}
#chemin_de_fer li a {padding-right:4px; font-size:1.1em; color:#707070; text-decoration:none}

/* FOOTER */
#footer {background:#87cb55 url(../images/fondFooter.png) no-repeat 0 bottom; height:80px; width:969px; margin:0 0 0 -10px; text-align:center; position:relative;}
#footer a {	color:#707070; font-size:1.2em; text-decoration:none}
#footer ul {padding:22px 0 13px 10px}
#footer ul li {	display:inline; border-right:1px solid #AAA; padding:0 10px 0 6px}
#footer ul li.dernier {border:none}
#footer #copyright {position:absolute; bottom:15px; right:10px; color:#FFF; font-size:1.1em}


ul li.news1 {font-size:1.5em; color:#87CB55; text-decoration:none; background-color:#EBF3FB;height:22px;padding-top:0;margin-bottom:10px;}
ul li.news1  a {color:#87CB55 !important; background:url(../images/puceLireSuite2.png) no-repeat; display:block; float:left; padding-left:40px; /*padding-bottom:8px;*/ font-size:1.2em; text-decoration:none; font-weight:normal; /*margin-top:10px*/}
ul li.news1  a:hover {color:#0085CC !important; background:url(../images/puceLireSuite.png) no-repeat; display:block; float:left; padding-left:40px; /*padding-bottom:8px;*/ font-size:1.2em; text-decoration:none; font-weight:normal; /*margin-top:10px*/}

ul li.news2 {font-size:1.5em; color:#87CB55; text-decoration:none; background-color:#EBF3FB;height:22px;padding-top:0;margin-bottom:10px;}
ul li.news2  a {color:#0085CC !important; background:url(../images/puceLireSuite.png) no-repeat; display:block; float:left; padding-left:40px; /*padding-bottom:8px;*/ font-size:1.2em; text-decoration:none; font-weight:normal; /*margin-top:10px*/}
ul li.news2  a:hover {color:#87CB55 !important; background:url(../images/puceLireSuite2.png) no-repeat; display:block; float:left; padding-left:40px; /*padding-bottom:8px;*/ font-size:1.2em; text-decoration:none; font-weight:normal; /*margin-top:10px*/}

#barre-logo {text-align : center }

#video {margin-left:-55px}