@import url("PomGraphik-Human-Interface/PomGraphik-Site.css");
@import url("PomGraphik-Human-Interface/PomGraphik-Boutons.css");
@import url("PomGraphik-Human-Interface/PomGraphik-AD.css");


/*----------------------------------*/
/*--- REMISE A ZERO DES ELEMENTS ---*/
/*----------------------------------*/
html, body,
h1, h2, h3, h4, h5, h6,
div, ul, ol, li, dl, dt, dd,
pre, form, p, blockquote, fieldset { margin: 0; padding: 0;}
ul,ol, li, dl, dt, dd { list-style: none;}
fieldset, img, input, select, textarea { border: none;}
select { background: #000; color: #fff;}
input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 2px;}



/* ----------------------- */
/* -- GABARITS GENERAUX -- */
/* ----------------------- */
/* -- Gabarits généraux > Coprs de page -- */
body {
	background: #c0c6b9 url(../../IMAGES/Global/generales/fonds/fond-extensible.png) center repeat-y;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #535353;
	}

/* -- Gabarits généraux > Titres -- */
h1 { margin: 0px; padding: 0px; font-size: 20px; line-height: 18px; text-shadow: 0px 1px 0px #fff;}
h2 { margin-left: 10px; padding-top: 10px; font-size: 17px; text-shadow: 0px 1px 0px #fff;}
h3 { margin-left: 10px; padding-top: 10px; font-size: 12px;}
h4 { margin-left: 10px; padding-top: 10px; font-size: 12px;}
h5 { margin: 0px; padding: 0px; font-size: 10px;}
h6 { margin: 0px; padding-top: 10px; font-size: 9px; text-align: center;}

/* -- Gabarits généraux > Liens -- */
a:link { text-decoration: none; color: #000;}
a:hover, a:focus { text-decoration: none; color: #065b7d;}
a:active { text-decoration: none;}
a:visited { text-decoration: none; color: #666;}
a:visited:hover,
a:visited:focus { text-decoration: none; color: #065b7d;}

/* -- Gabarits généraux > Options d'affichage -- */
.Invisible { display: none;}
.Imager { text-indent: -5000px;}
.infos { background: url(../../IMAGES/Global/pictogrammes/Picto-infos.png) no-repeat left top; min-height: 27px; padding-left: 35px; font-size: 10px;}

a.petit-lien { text-decoration: underline; font-size: 9px; font-weight: bold; color: #065b7d;}

#Grand-titre { margin-bottom: 10px;}
#Grand-titre h1,
#Grand-titre p { font-size: 30px; font-weight: bold; line-height: 30px;}

.Pagination { width: 585px; height: 30px; margin-bottom: 10px; overflow: hidden; position: relative;}
.Pagination .Fleche-gauche { position: absolute;}
.Pagination .Retour-en-haut { position: absolute; left: 250px;}
.Pagination .Fleche-droite { position: absolute; right: 0px;}

.Pagination-incrementale-haut { background: url(../../IMAGES/Global/conteneurs/pagination-incrementale/haut-incrementale.png) no-repeat left top; width: 585px; height: 82px; margin: 0px 0px -45px 3px; overflow: hidden; position: relative;}
.Pagination-incrementale-bas { background: url(../../IMAGES/Global/conteneurs/pagination-incrementale/bas-incrementale.png) no-repeat left top; width: 585px; height: 82px; margin: -20px 0px 0px 3px; overflow: hidden; position: relative; z-index: 1;}

.Pagination-incrementale-haut .gauche,
.Pagination-incrementale-bas .gauche { width: 330px; position: absolute; left: 10px; top: 10px;}
.Pagination-incrementale-haut .gauche .Fleche-gauche-page
.Pagination-incrementale-bas .gauche .Fleche-gauche-page {}
.Pagination-incrementale-haut .gauche p,
.Pagination-incrementale-bas .gauche p { margin: 4px 0px 0px 5px; float: left; font-size: 10px;}
.Pagination-incrementale-haut .gauche ul,
.Pagination-incrementale-bas .gauche ul { margin: 0px 0px 0px 5px; float: left;}
.Pagination-incrementale-haut .gauche ul li,
.Pagination-incrementale-bas .gauche ul li { float: left;}
.Pagination-incrementale-haut .gauche .Fleche-droite-page,
.Pagination-incrementale-bas .gauche .Fleche-droite-page { margin-left: 5px;}

.Pagination-incrementale-haut .droite,
.Pagination-incrementale-bas .droite { width: 170px; position: absolute; right: 10px; top: 10px;}
.Pagination-incrementale-haut .droite fieldset,
.Pagination-incrementale-bas .droite fieldset { margin: 0px; width: 170px;}
.Pagination-incrementale-haut .droite fieldset label,
.Pagination-incrementale-bas .droite fieldset label { width: 90px; margin-top: 3px; display: block; float: left; font-size: 10px;}
.Pagination-incrementale-haut .droite fieldset input[type="text"],
.Pagination-incrementale-bas .droite fieldset input[type="text"] { background: url(../../IMAGES/Global/conteneurs/pagination-incrementale/selection-de-page.png) no-repeat left top; width: 42px; height: 18px; margin-left: 5px; float: left; color: #fff; outline: none;}
.Pagination-incrementale-haut .droite fieldset a,
.Pagination-incrementale-bas .droite fieldset a { margin: 0px 0px 0px -12px;}

.Pagination-incrementale-bas .Retour-en-haut { position: absolute; left: 245px; bottom: 10px;}

.succes,
.erreur { padding-left: 30px; font-weight: bold; clear: both; overflow: hidden;}
.succes { background: url(../../IMAGES/Global/pictogrammes/Alertes/Picto-coche-vert.png) no-repeat left top; min-height: 23px; color: #80a63c;}
.erreur { background: url(../../IMAGES/Global/pictogrammes/Alertes/Picto-croix-rouge.png) no-repeat left top; min-height: 19px; color: #a63c3c;}

#bientot { margin: 30px auto 30px auto; line-height: 30px; font-weight: bold;}
#bientot p { background: url(../../IMAGES/Global/pictogrammes/Picto-roue.png) no-repeat left top; width: 270px; margin: 5px auto 5px auto; min-height: 30px; padding-left: 35px; clear: both; overflow: hidden;}

/* -- Gabarits généraux > Conteneur géneral > Identité -- */
#logo { margin: 0px 0px 0px 455px; padding-top: 10px; font-weight: bold;}
#logo p { font-size: 16px; color: #535353;}
#logo #Graphik { color: #838383;}
#logo #Accroche { font-size: 12px; font-weight: normal; color: #535353;}

/* -- Gabarits généraux > Conteneur géneral -- */
#Conteneur-general { background: #c0c6b9 url(../../IMAGES/Global/generales/fonds/fond-degrade.png) no-repeat center top; width: 888px; margin: auto; overflow: hidden;}

/* -- Gabarits généraux > Conteneur large -- */
#Conteneur-general #Conteneur-large { width: 888px; overflow: hidden;}
#Conteneur-general #Conteneur-large .haut { background: url(../../IMAGES/Global/conteneurs/conteneur-large/haut-large.png) no-repeat left top; width: 888px; height: 84px; position: relative;}
#Conteneur-general #Conteneur-large .milieu { background: url(../../IMAGES/Global/conteneurs/conteneur-large/milieu-large.png) repeat-y; width: 888px; overflow: hidden;}
#Conteneur-general #Conteneur-large .bas { background: url(../../IMAGES/Global/conteneurs/conteneur-large/bas-large.png) no-repeat left top; width: 888px; height: 8px;}

#Conteneur-general #Conteneur-large #Colonne-gauche { width: 728px; float: left; overflow: hidden;}
#Conteneur-general #Conteneur-large #Colonne-droite { width: 150px; margin-left: 10px; float: left; overflow: hidden;}
#Conteneur-general #Conteneur-large #Colonne-droite .haut { background: url(../../IMAGES/Global/conteneurs/conteneur-droite/haut-droite.png) no-repeat left top; width: 150px; height: 47px; position: relative;}
#Conteneur-general #Conteneur-large #Colonne-droite .milieu { background: url(../../IMAGES/Global/conteneurs/conteneur-droite/milieu-droite.png) repeat-y; width: 150px; overflow: hidden;}
#Conteneur-general #Conteneur-large #Colonne-droite .bas { background: url(../../IMAGES/Global/conteneurs/conteneur-droite/bas-droite.png) no-repeat left top; width: 150px; height: 9px; margin-bottom: 10px;}

/* -- Gabarits généraux > Conteneur large > Date, article et recherhce -- */
#Conteneur-general #Conteneur-large #Colonne-gauche #Date-article-recherche { background: url(../../IMAGES/Global/conteneurs/date-article-recherche.png) no-repeat left top; width: 728px; height: 27px; margin-bottom: 10px;}
#Conteneur-general #Conteneur-large #Colonne-gauche #Date-article-recherche:hover { background: url(../../IMAGES/Global/conteneurs/date-article-recherche.png) no-repeat left bottom;}

/* -- Gabarits généraux > Conteneur large > Conteneur gauche -- */
#Conteneur-general #Conteneur-large #Colonne-gauche #Conteneur-gauche { width: 127px; float: left;}
#Conteneur-general #Conteneur-large #Colonne-gauche #Conteneur-gauche .haut { background: url(../../IMAGES/Global/conteneurs/conteneur-gauche/haut-gauche.png) no-repeat left top; width: 127px; height: 47px; position: relative;}
#Conteneur-general #Conteneur-large #Colonne-gauche #Conteneur-gauche .milieu { background: url(../../IMAGES/Global/conteneurs/conteneur-gauche/milieu-gauche.png) repeat-y; width: 127px; overflow: hidden;}
#Conteneur-general #Conteneur-large #Colonne-gauche #Conteneur-gauche .milieu .filet { background: url(../../IMAGES/Global/visuels/filet.png) repeat-x; width: 107px; height: 2px; margin: 0px auto 10px auto;}
#Conteneur-general #Conteneur-large #Colonne-gauche #Conteneur-gauche .bas { background: url(../../IMAGES/Global/conteneurs/conteneur-gauche/bas-gauche.png) no-repeat left top; width: 127px; height: 9px; margin-bottom: 10px;}

/* -- Gabarits généraux > Conteneur large > Conteneur double -- */
#Conteneur-general #Conteneur-large #Colonne-gauche .Conteneur-double { margin-left: 10px; width: 290px; float: left; overflow: hidden;}
#Conteneur-general #Conteneur-large #Colonne-gauche .Conteneur-double .haut { background: url(../../IMAGES/Global/conteneurs/conteneur-double/haut-double.png) no-repeat left top; width: 290px; height: 47px; position: relative;}
#Conteneur-general #Conteneur-large #Colonne-gauche .Conteneur-double .milieu { background: url(../../IMAGES/Global/conteneurs/conteneur-double/milieu-double.png) repeat-y; width: 290px; overflow: hidden;}
#Conteneur-general #Conteneur-large #Colonne-gauche .Conteneur-double .bas { background: url(../../IMAGES/Global/conteneurs/conteneur-double/bas-double.png) no-repeat left top; width: 290px; height: 9px; margin-bottom: 10px;}

/* -- Gabarits généraux > Conteneur large > Conteneur central -- */
#Conteneur-general #Conteneur-large #Colonne-gauche #Conteneur-central { margin-left: 10px; width: 591px; float: left;}
#Conteneur-general #Conteneur-large #Colonne-gauche #Conteneur-central .haut { background: url(../../IMAGES/Global/conteneurs/conteneur-central/haut-central.png) no-repeat left top; width: 591px; height: 47px; position: relative;}
	#Conteneur-general #Conteneur-large #Article #Colonne-gauche #Conteneur-central .haut,
	#Conteneur-general #Conteneur-large #Articles #Colonne-gauche #Conteneur-central .haut { background: url(../../IMAGES/Global/conteneurs/conteneur-central/haut-article.png) no-repeat left top; width: 591px; height: 80px; position: relative;}
#Conteneur-general #Conteneur-large #Colonne-gauche #Conteneur-central .milieu { background: url(../../IMAGES/Global/conteneurs/conteneur-central/milieu-central.png) repeat-y; width: 591px; overflow: hidden;}
#Conteneur-general #Conteneur-large #Colonne-gauche #Conteneur-central .bas { background: url(../../IMAGES/Global/conteneurs/conteneur-central/bas-central.png) no-repeat left top; width: 591px;}

/* -- Gabarits généraux > Conteneur large > Colonne gauche > Pagination -- */
#Conteneur-general #Conteneur-large #Colonne-gauche #Pagination { width: 591px; clear: both; float: right;}
#Conteneur-general #Conteneur-large #Colonne-gauche #Pagination .Retour-en-haut { margin: auto;}

/* -- Gabarits généraux > Conteneur large > Conteneur 330 > --*/
#Conteneur-general #Conteneur-large .Conteneur-330 { width: 330px;}
#Conteneur-general #Conteneur-large .Conteneur-330 .haut { background: url(../../IMAGES/Global/conteneurs/330/330-haut.png) no-repeat left top; width: 330px; height: 3px;}
#Conteneur-general #Conteneur-large .Conteneur-330 .milieu { background: url(../../IMAGES/Global/conteneurs/330/330-milieu.png) repeat-y; width: 330px; overflow: hidden; width: 330px;}
#Conteneur-general #Conteneur-large .Conteneur-330 .milieu .filet { background: url(../../IMAGES/Global/visuels/filet.png) repeat-x; width: 310px; height: 2px; margin: 10px auto 5px auto;}
#Conteneur-general #Conteneur-large .Conteneur-330 .bas { background: url(../../IMAGES/Global/conteneurs/330/330-bas.png) no-repeat left top; width: 330px; height: 3px;}
	/* -- Gabarits généraux > Conteneur large > Conteneur 330 > Conteneur 330 bulle  -- */
	#Conteneur-general #Conteneur-large .Conteneur-330 #Conteneur-330-bulle { width: 310px;}
	#Conteneur-general #Conteneur-large .Conteneur-330 #Conteneur-330-bulle .haut { background: url(../../IMAGES/Global/conteneurs/330-bulle/haut-bulle.png) no-repeat left top; width: 310px; height: 8px;}
	#Conteneur-general #Conteneur-large .Conteneur-330 #Conteneur-330-bulle .milieu { background: url(../../IMAGES/Global/conteneurs/330-bulle/milieu-bulle.png) repeat-y; width: 310px; overflow: hidden; width: 330px;}
	#Conteneur-general #Conteneur-large .Conteneur-330 #Conteneur-330-bulle .bas { background: url(../../IMAGES/Global/conteneurs/330-bulle/bas-bulle.png) no-repeat left top; width: 310px; height: 3px;}

#Conteneur-general #Conteneur-large .Conteneur-705 { width: 705px;}
#Conteneur-general #Conteneur-large .Conteneur-705 .haut { background: url(../../IMAGES/Global/conteneurs/705/705-haut.png) no-repeat left top; width: 705px; height: 3px;}
#Conteneur-general #Conteneur-large .Conteneur-705 .milieu { background: url(../../IMAGES/Global/conteneurs/705/705-milieu.png) repeat-y; width: 705px; overflow: hidden;}
#Conteneur-general #Conteneur-large .Conteneur-705 .bas { background: url(../../IMAGES/Global/conteneurs/705/705-bas.png) no-repeat left top; width: 705px; height: 3px;}

/* -- Gabarits généraux > Conteneur géneral > Pied de page -- */
#Conteneur-general #Pied-de-page { margin-top: 20px;}
#Conteneur-general #Pied-de-page .haut { background: url(../../IMAGES/Global/conteneurs/pied-de-page/haut-pied-de-page.png) no-repeat center top; width: 888px; height: 47px;}
#Conteneur-general #Pied-de-page .milieu { background: #c0c6b9 url(../../IMAGES/Global/generales/fonds/fond-extensible.png); overflow: hidden;}

#Conteneur-general #Pied-de-page .milieu .gauche { width: 247px; margin: 20px 0px 30px 20px; float: left; overflow: hidden;}
#Conteneur-general #Pied-de-page .milieu .gauche ul { width: 375px; position: absolute;}
#Conteneur-general #Pied-de-page .milieu .gauche ul li { margin-right: 20px; float: left;}
#Conteneur-general #Pied-de-page .milieu .gauche ul li a { line-height: 30px;}
#Conteneur-general #Pied-de-page .milieu .gauche ul li a#contact { background: url(../../IMAGES/Global/pictogrammes/Picto-Contact.png) no-repeat left top; min-height: 30px; padding-left: 30px; display: block;}
#Conteneur-general #Pied-de-page .milieu .gauche ul li a#rss { background: url(../../IMAGES/Global/pictogrammes/Picto-Syndications-RSS.png) no-repeat left top; min-height: 30px; padding-left: 30px; display: block;}
#Conteneur-general #Pied-de-page .milieu .gauche ul li a#recherche-avancee { background: url(../../IMAGES/Global/pictogrammes/Picto-Recherche-Avancee.png) no-repeat left top; min-height: 30px; padding-left: 30px; display: block;}
#Conteneur-general #Pied-de-page .milieu .gauche ul li a#plan-du-site { background: url(../../IMAGES/Global/pictogrammes/Picto-Plan-du-Site.png) no-repeat left top; min-height: 30px; padding-left: 30px; display: block;}
#Conteneur-general #Pied-de-page .milieu .gauche ul li a#aide-et-infos { background: url(../../IMAGES/Global/pictogrammes/Picto-Aide-et-Infos.png) no-repeat left top; min-height: 30px; padding-left: 30px; display: block;}
#Conteneur-general #Pied-de-page .milieu .gauche ul li a#participer-au-site { background: url(../../IMAGES/Global/pictogrammes/Picto-Participer-au-Site.png) no-repeat left top; min-height: 30px; padding-left: 30px; display: block;}
#Conteneur-general #Pied-de-page .milieu .gauche ul li a#cgu { background: url(../../IMAGES/Global/pictogrammes/Picto-cgu.png) no-repeat left top; min-height: 30px; padding-left: 30px; display: block;}
#Conteneur-general #Pied-de-page .milieu .gauche ul li a#creative-commons { background: url(../../IMAGES/Global/pictogrammes/Picto-Creative-Commons.png) no-repeat left top; min-height: 30px; padding-left: 30px; display: block;}

#Conteneur-general #Pied-de-page .milieu .droite { width: 508px; height: 265px; margin: 0px 5px 30px 0px; float: right; overflow: hidden; position: relative;}
#Conteneur-general #Pied-de-page .milieu .droite a#PomGraphik-Studio-pdp { background: url(../../IMAGES/Global/visuels/podcast-pomgraphik-studio-pdp.png) no-repeat left top; width: 171px; height: 283px; display: block; position: absolute; left: 65px; top: 20px;}
#Conteneur-general #Pied-de-page .milieu .droite a#PomGraphik-Original-pdp { background: url(../../IMAGES/Global/visuels/podcast-pomgraphik-original-pdp.png) no-repeat left top; width: 152px; height: 265px; display: block; position: absolute; left: 215px; top: 20px;}
#Conteneur-general #Pied-de-page .milieu .droite a#PomGraphik-Interview-pdp { background: url(../../IMAGES/Global/visuels/podcast-pomgraphik-interview-pdp.png) no-repeat left top; width: 152px; height: 265px; display: block; position: absolute; left: 365px; top: 20px;}