/* Définition globale des styles CSS                        */
/* CDDP des Hautes-Pyrénées                                 */
/* Florent LAFABRIE                                         */
/* pour Robert Kaddouch                                     */
/* mars 2007                                                */
/* modifié en mars 2009                                     */

@import url('pulldownmenu.css') screen;
@import url('navigation.css') screen;

/* Définition du corps de la page HTML avec le fond de la   */
/* page                                                     */
body {
	font-family: Verdana, Georgia, Bitstream Vera, Serif;
	font-size: 9pt;
	padding: 0px;
   margin: 0px;
	background-color: white;
	background-image: url(../images/fond-page.jpg);
	background-repeat: repeat;
}

/* Définition de la balise p (paragraphe)                   */
p {
	line-height: 1.7em;
	margin-bottom: 2em;
}

/* Définition de la balise a (liens)                        */
a {
	color: #555;
}

/* Définition de la balise a (liens)                        */
a:link {
	color: #555;
}

/* Définition de la balise a:visited (liens visualisés)     */
a:visited {
	color: #666;
}

/* Définition de la balise a:hover (liens survolés)         */
a:hover {
	color: black;
}

img {
	padding: 0px;
	border: none;
	margin: 0px;
}

ul {
	margin: 2em;
}

/* Défintions pour les puces de type ul li et image         */
/* associée                                                 */
ul li {
	list-style-image: url('../images/icons/bullet.png');
	margin-bottom: 4px;
}

/* Bandeau en haut de la page                              */
div#topstripe {
	display: block;
	margin: 0px;
	width: 100%;
	height: 110px;
	background-color: #333333;
}

/* Définition de la boite principale affichant les         */
/* informations sur la page HTML                           */
div#maincontainer {
	width: 640px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Corps de la page HTML dans le bloc maincontainer        */
div#body {
	padding: 5px;
	margin-left: 0px;
	margin-right: 20px;
	min-height: 500px;
	width: 620px;
	}
	
/* Création d'un bloc aprés le logo dans le corps de la    */
/* page HTML                                               */
div#bodylogo {
	padding: 0px;
	margin-left: 110px;
}

/* Format h1                                               */
div#body h1 {
	margin-left: 0px;
}

/* Définition du bandeau graphique s'affichant en-dessous  */
/* du menu                                                 */     
div#splash {
	width: 640px;
	height: 128px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

/* Définition du trait de séparation en bas de page        */
div#footer {
	border-top: 1px dotted #bbb;
	color: #bbb;
	width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 10px;
	letter-spacing: 2px;
}

div#footer div {
	padding: 8px 8px 0px 8px;
}

/* Définition du style de police de caractères pour les    */
/* balises h1, h2, h3, h4 et h5                            */
h1 {
	font-size: 14pt;
	color: #666;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 12px 0px;
	border-bottom: 1px dotted #bbb;
}

h2 {
	font-size: 12pt;
	color: #666;
	padding: 0px 0px 5px 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #bbb;
	font-weight: normal;
}

h3 {
	font-size: 6pt;
	color: #666;
}

h4 {
	font-size: 14pt;
	color: white;
	background: #666;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 12px 0px;
	border-bottom: 1px dotted #bbb;
}

h5 {
	font-size: 20pt;
	color: #666;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 12px 0px;
	border-bottom: 1px dotted #bbb;
}

/* Définition de la position du bouton Au piano les bébés  */
#LayerBoutonPiano {
	position:absolute;
	left:8px;
	top:129px;
	width:110px;
	height:636px;
	z-index:1;
}

/* Définition du texte pour un accès à la page codée       */
.CodePage {
	display: block;
	margin: 0px;
	width: 94%;
	height: 54px;
	background-color: rgb(182,0,0);
	font-size: 8pt;
	color: white;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	border: 2px solid rgb(128,128,128);
}

/* Définition du texte avec une image pour les sons        */
a.formatmp3 {
	padding-left: 32px;
	padding-bottom: 3px;
	background: url('../images/icons/cd-ecoutez.gif') top left no-repeat;
}

/* Définition du texte avec une image pour les vidéos      */
a.formatvideo {
	padding-left: 32px;
	padding-bottom: 3px;
	background: url('../images/icons/video.gif') top left no-repeat;
}

/* Définition du texte avec une image pour les documents   */
a.formatdoc {
	padding-left: 20px;
	padding-bottom: 3px;
	background: transparent url('../images/doc.png') top left no-repeat;
}

/* Définition du texte avec une image pour les pdf         */
a.formatpdf {
	padding-left: 32px;
	padding-bottom: 3px;
	background: transparent url('../images/icons/pdf.gif') top left no-repeat;
}

/* Définition du texte avec une image pour les paniers    */
a.formatshopping {
	padding-left: 32px;
	padding-bottom: 3px;
	background: url('../images/icons/shopping.gif') top left no-repeat;
}

/* Définition du texte avec un lien retour haut gauche    */
a.formatretourhautgauche {
	padding-left: 12px;
	padding-bottom: 3px;
	background: transparent url('../images/icons/bullet-haut-bordeaux.gif') center left no-repeat;
}

/* Définition du texte avec un lien retour haut droit     */
a.formatretourhautdroit {
	padding-right: 12px;
	padding-bottom: 3px;
	background: transparent url('../images/icons/bullet-haut-bordeaux.gif') center right no-repeat;
}

/* Définition du texte pour les rubriques                 */
a.formatrubrique {
	font-family: Verdana, Georgia, Bitstream Vera, Serif;
	color: white; 
	font-size: 9pt;
	font-weight: bold;
	padding: 0px;
   margin: 0px;
	background-color: rgb(255,189,0);
}

/* Définition du texte pour les vidéos                     */
a.video {
	display: block;
	height: 32px;
	padding-left: 36px;
	background: transparent url("../images/icons/video-icon.png") top left no-repeat;
}

/* Définition du texte Blanc sur fond Orange              */
.FondOrangeTextBlanc {
	font-size: 14pt;
	color: white;
	background: rgb(255,189,0);
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 12px 0px;
	border-bottom: 1px dotted #bbb;
}
/* Définition du texte Blanc sur fond Bordeaux            */
.FondBordeauxTextBlanc {
	font-size: 14pt;
	color: white;
	background: rgb(182,0,0);
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 12px 0px;
	border-bottom: 1px dotted #bbb;
}

/* Définition du texte Blanc sur fond Vert               */
.FondVertTextBlanc {
	font-size: 14pt;
	color: white;
	background: rgb(53,118,31);
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 12px 0px;
	border-bottom: 1px dotted #bbb;
}

/* Définition du texte Blanc sur fond Marron            */
.FondMarronTextBlanc {
	font-size: 14pt;
	color: white;
	background: rgb(119,61,49);
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 12px 0px;
	border-bottom: 1px dotted #bbb;
}

/* Définition du texte Blanc sur fond Gris              */
.FondGrisTextBlanc {
	font-size: 14pt;
	color: white;
	background: rgb(123,151,174);
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 12px 0px;
	border-bottom: 1px dotted #bbb;
}

/* Définition du texte Blanc sur fond Beige             */
.FondBeigeTextBlanc {
	font-size: 14pt;
	color: white;
	background: rgb(218,151,14);
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 12px 0px;
	border-bottom: 1px dotted #bbb;
}

/* Définition du texte Blanc sur fond Bleu ciel         */
.FondBleuCielTextBlanc {
	font-size: 14pt;
	color: white;
	background: rgb(159,194,211);
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 12px 0px;
	border-bottom: 1px dotted #bbb;
}

/* Définition du texte défilant en rouge               */
.StyleTexteDefilantRouge {
	color: rgb(168,0,0);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
}

/* Définition du texte défilant de la page d'accueil   */
.StyleTexteDefilantPage Accueil {
	color: rgb(211,30,35);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
}