@charset "iso-8859-1"; 
/* CSS Document */


/******************************************************************************************/
/* MISE EN FORME ACCESSIBLE DEPUIS L'EDITEUR **********************************************/
/******************************************************************************************/


/* PHOTOS */
/* Simplifié en juin 2010 */

/* Option bordure noire */
img.bordure-image {border:1px solid #000;}
img.bordure-image-2 {border:3px solid #000;}
/* En colonne centrale */
p.photo-legendee, .photo-legendee, span.photo-legendee {font-size:80%; color:#999999;}
/* A droite ou a gauche */
p.photo-legendee-droite, p.photo-legendee-gauche, .photo-legendee-droite, .photo-legendee-gauche, span.photo-legendee-droite, span.photo-legendee-gauche {display:block;/*text-align:center;*/ font-size:80%; color:#999999;}
p.photo-legendee-droite, .photo-legendee-droite, span.photo-legendee-droite {float:right; margin:0px 0px 3px 15px;}
p.photo-legendee-gauche, .photo-legendee-gauche, span.photo-legendee-gauche {float:left; margin:0px 15px 3px 0px;}


/* ENCADRES */
/* Simplifié en juin 2010 - C.Seguin */

p.encart {padding:3px; border-style:none; display:block; background-image:url(../img/habillages/cadre-gris-fond-01.jpg); text-align:justify; clear:both;}

p.cadre01, p.cadre01-droite, p.cadre01-gauche, p.cadre01-centre {
	display:block;
	padding:3px;
	background-image:url(../img/habillages/cadre-gris-fond-01.jpg);
	text-align:justify;
	border-style:solid;
	border-color:#B9CAD2;
	border-width:1px;
}
p.cadre01 {clear:both;}
p.cadre01-centre {clear:left; width:437px;}
p.cadre01-droite, p.cadre01-gauche {width:220px}
p.cadre01-droite {float:right;clear:right; margin-left:10px;}
p.cadre01-gauche {float:left;clear:left; margin-right:10px;}

/* MISE EN FORME GENERALE */

.justifie, span.justifie, p.justifie {text-align:justify;}
.centre, span.centre, p.centre {text-align:center;}
p.paragraphe {clear:left; margin-bottom:20px; margin-top:20px; text-align:justify;}
p.paragraphe img {float:left; margin-right:10px;margin-bottom:20px;}
.petitTexte {font-size:90%;color:#666666;}
.petitTexteJustifie {font-size:90%; color:#666666; text-align:justify; line-height:13px}
.petitTexteCentre {font-size:90%; color:#666666; text-align:center; line-height:13px}

/* CAS PARTICULIERS */

p.separateur {border-bottom-width:1px; border-bottom-color:#CBDADA; border-bottom-style:solid; background-image:url(../img/habillages/separateur-01.jpg); display:block; clear:both; margin-bottom:20px; color:#008BB9!important;}

p.lienplan {text-align:justify}
p.lienplan a {background-image:url(../img/commun/lienplan-01.jpg); background-repeat:no-repeat; padding-left:25px; color:#999 !important; font-size:11px; text-decoration:underline;}
p.lienplan a:hover {text-decoration:none; color:#333;}


/* CARTOUCHES */

h3.cartouche01-reduit, h3.cartouche01 {
	font-weight:normal;
	font-variant:small-caps;
	border-bottom-color:#E0E0E0;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin: 20px 0px 10px 0px;
}
h3.cartouche01-reduit {width:443px;	clear:left; }
h3.cartouche01 {clear:both;}

h3.majuscules {
	font-weight:normal;
	font-variant:small-caps;
	clear:left;
	margin-bottom:2px;
	/*margin: 20px 0px 10px 0px;*/
}


/* Cartouches H4 avec relief et flèche*/
h4.cartouche03, h4.cartouche03-reduit, h4.cartouche04, h4.cartouche04-reduit {
	padding:2px;
	padding-left:35px;
	border-bottom-width:1px;
	border-bottom-color:#CBDADA;
	border-bottom-style:solid;
	display:block;
	font-size:110% !important;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:5px;
	letter-spacing:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h4.cartouche03, h4.cartouche04 {clear:both;}
h4.cartouche03, h4.cartouche03-reduit {background-image:url(../img/habillages/cartouche03.jpg);color:#008BB9!important;}
h4.cartouche04, h4.cartouche04-reduit {background-image:url(../img/habillages/cartouche04.jpg);color:#9e0044!important;}
h4.cartouche03-reduit, h4.cartouche04-reduit {width:402px;clear:left;}




/*
p.rubrique-float-01 {display:block; float:left; width:155px; font-size:100%!important; text-align:center; margin-bottom:7px; margin-top:7px; margin-right:13px; letter-spacing:2px; color:#999999!important; font-family:Verdana, Arial, Helvetica, sans-serif; background-image:url(../img/habillages/films-rubriques-fonds.jpg); height:110px; border:1px solid #D8D8D8;}
p.rubrique-float-01 a {text-decoration:none;}
p.rubrique-float-01 a:hover {text-decoration:underline;}
*/

h3.titreadroite {font-size:13px!important; line-height:20pt;}



/* Saison culturelle */
/*
.titreprune {color:#cd3b7a;letter-spacing:2px;font-weight:bold;font-size:12px;padding:0;margin:0;}
.titreprune, {line-height:14px;}*/

.fondneutre {background-color:#FFFFFF; margin:0px;}
	

/* Table blanche */
.tableblanche {}
.tableblanche tr td {padding:0px 2px 0px 2px; border:0px solid #FFFFFF; background-color:#FFFFFF;}
#contenu-principal .tableblanche tr td {padding:0px 2px 0px 2px; border:0px solid #FFFFFF; background-color:#FFFFFF;}
#contenu-principal .tableblanche tr td a {font-weight:bold;}
#cellulecentree {text-align:center; display:block; background-color:#FFFFFF;}

/* Table sur fond gris */
.cellulegrise {background-color:#EEEEEE!important;}
.cellulegrise02 {background-color:#DFDFDF!important;}
.cellulegrise, .cellulegrise02 {padding:0px 2px 0px 2px; font-size:85%;}

/* Table centree sur fond blanc */
.tablesansbordure {border:0px!important;}
table.tablesansbordure {border:0px!important;}
.celluleblanchecentree {border:0px!important; text-align:center; vertical-align:top; font-size:11px; padding:0;}
.celluleblanchecentree h3 {font-size:13px; letter-spacing:2px; display:inline; padding:0;}
.celluleblanchecentree a {font-weight:normal!important;}

.celluleblanchecentree4col {border:0px!important; text-align:center; vertical-align:top; font-size:11px; width:165px; padding:0;}
.celluleblanchecentree4col h3 {font-size:13px; letter-spacing:2px; display:inline; padding:0;}
.celluleblanchecentree4col a {font-weight:normal!important;}


/* cellule 05 :4 colonnes de 165 pixels + bordure grise et fond ombre */

.cellule005 {border:0px!important; text-align:center; vertical-align:top; font-size:11px; width:165px; padding:10px 5px 0px 5px; border-width:1px; border-style:solid; border-color:#E2E2E2; background-image:url(../img/habillages/cadres-h500-fondrelief-01.jpg);}
.cellule005 h3 {font-size:13px; letter-spacing:2px; display:inline; padding:0;}
.cellule005 a {font-weight:normal!important;}


.celluleblanche {border:0px!important; vertical-align:top; font-size:11px;}
.celluleblanche h3 {font-size:13px; letter-spacing:2px; display:inline;}
.celluleblanche a {font-weight:normal!important;}

/* Styles Mediatheque > Coups de coeur */
.MEDIATHEQUE-supports-CDAUDIO {clear:both; margin-top:20px; margin-bottom:10px; display:block; text-align:right; background-image:url(../img/habillages/mediatheque-supports-cadres-cdaudio.jpg); padding-right:5px; color:#0080AA;}

.MEDIATHEQUE-supports-CDROM {clear:both; margin-top:20px; margin-bottom:10px; display:block; text-align:right; background-image:url(../img/habillages/mediatheque-supports-cadres-cdrom.jpg); padding-right:5px; color:#0080AA;}

.MEDIATHEQUE-supports-DVD {clear:both; margin-top:20px; margin-bottom:10px; display:block; text-align:right; background-image:url(../img/habillages/mediatheque-supports-cadres-dvd.jpg); padding-right:5px; color:#0080AA;}

.MEDIATHEQUE-supports-K7AUDIO {clear:both; margin-top:20px; margin-bottom:10px; display:block; text-align:right; background-image:url(../img/habillages/mediatheque-supports-cadres-k7audio.jpg); padding-right:5px; color:#0080AA;}

.MEDIATHEQUE-supports-K7VHS {clear:both; margin-top:20px; margin-bottom:10px; display:block; text-align:right; background-image:url(../img/habillages/mediatheque-supports-cadres-k7vhs.jpg); padding-right:5px; color:#0080AA;}

.MEDIATHEQUE-supports-INTERNET {clear:both; margin-top:20px; margin-bottom:10px; display:block; text-align:right; background-image:url(../img/habillages/mediatheque-supports-cadres-site.jpg); padding-right:5px; color:#0080AA;}

.MEDIATHEQUE-supports-LIVRE {clear:both; margin-top:20px; margin-bottom:10px; display:block; text-align:right; background-image:url(../img/habillages/mediatheque-supports-cadres-livre.jpg); padding-right:5px; color:#0080AA;}

.MEDIATHEQUE-supports-JEU {clear:both; margin-top:20px; margin-bottom:10px; display:block; text-align:right; background-image:url(../img/habillages/mediatheque-supports-cadres-jeu.jpg); padding-right:5px; color:#0080AA;}


p.MEDIATHEQUE-titres {padding:2px 0px 0px 0px; 
clear:both; margin-top:20px; margin-bottom:20px;
display:block; 
border-bottom-style:solid; 
border-bottom-color:#09C;
border-bottom-width:1px;
font-size:130%; 
color:#09C;
letter-spacing:4px;
font-weight:normal !important;
font-variant:small-caps;
}

#colonnegrise250, .colonnegrise250 {display:block; float:left; width:250; background-color:#E9E9E9; margin-right:15px; padding:5px; margin-top:15px;}

.infocentree {padding:0px 25px 0px 35px;width:220px;display:block;}

/******************************************************************************************/
/* MISE EN FORME ACCESSIBLE DEPUIS L'EDITEUR : FIN ****************************************/
/******************************************************************************************/














/*
******************************************
ELEMENTS GENERAUX
******************************************
*/
body {text-align:center; padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; margin-bottom:10px; font-size:80%; background-image:url(../img/accueil/fond01.gif);}
body img {border:0;}

hr {clear:both; visibility:hidden; margin:0px; padding:0px; line-height:0; margin-top:0px; 	margin-bottom:0px;}
.spacer, .clear {float:none!important; clear:both; visibility:hidden; margin:0px; padding:0px; background:none;}
.left {float:left;}
.right {float:right;}
.invisible {display:none;}

.clearfix {display:block; overflow:hidden;}

#copyright {font-size:75%; margin:10px 0;}
#copyright a {color:#999999;}

blockquote {border:1px solid; border-left:2px solid ; font-family:"Courier New", Courier, mono; padding:5px}
p {margin:0.2em 0 0.7em 0;}


/*
******************************************
LIENS PRINCIPAUX
******************************************
*/
a {color:#333399}
a:hover {text-decoration:none;}
a:visited {color:#6699FF;}


/*
******************************************
ENTETES
******************************************
*/
h1 {
	margin:0 0 15px 0;
	width:435px;
	font-variant:small-caps;
	font-size:12pt;
	font-weight:normal;
}
h1, h2, h3, h4, h5, h6 {color:#000000;}
h1 {font-size:150%;}
h2 {font-size:135%; font-weight:normal; margin-bottom:15px;}
h3 {font-size:130%; font-weight:normal; margin-bottom:15px;}
h4 {font-size:115%; font-weight:normal;}
h5 {font-size:105%;}
h6 {font-size:100%;}
/*h2, h3 {margin-bottom:18px;}*/


/*
******************************************
JEU DE CADRES
******************************************
*/
/* Cadre global */
#charte-global {width:958px; text-align:left; margin:0 auto; /*border:1px solid #FFFFFF;*/ /*margin-top:10px;*/ /*background-color:#FFFFFF;*/ background-image:url(../img/charte/v2010-general-fond.jpg);background-repeat:repeat-y; /*text-align:center;*/ padding:0px 10px 0px 10px;}

/* Bandeau */
#charte-bandeau {width:958px; height:108px; position:relative; display:block; background-image:url(../img/charte/bandeaux/v2008-bandeau-general.jpg); background-repeat:no-repeat;}

/* Ancien sous-bandeau, supprime */
#charte-sous-bandeau {display:none;}

/* Cadre charte corps = menu + chemin + contenu */
#charte-corps {width:958px; background-image:url(../img/charte/2009-ombredumenu.jpg); background-repeat:repeat-x; position:relative;}

/* Cadre charte colonne droite = chemin + contenu */
#charte-colonne-droite {width:740px; float:right; margin:0; display:inline; position:relative;}

/* Pied de page */
#piedDePage {background-color:#FFFFFF; clear:both;}



/*
******************************************
MISE EN FORME GENERALE
******************************************
*/
/* 1 - Chemin */
#chemin {width:740px; display:block; font-size:80%; padding-top:20px;}
#chemin a, #chemin a:visited {text-decoration:none; color:#666666}
#chemin a:hover {text-decoration:underline;}

/* Partie du cadre "chemin" qui contient le chemin lui-meme */
#chemin-liens {display:block; padding-left:30px; width:500px; height:auto; text-align:left;margin-bottom:10px;}

/* 2 - Contenu principal */
#contenu {margin:0px 20px 20px 30px ; z-index:1; font-size:9pt; line-height:16pt; text-align:justify;}

/* 3 - Bouton rechercher */
#charte-recherche {float:right; display:block; height:20px; text-align:right; margin:0px 18px 0px 3px; width:170px; font-size:11px;}
#charte-recherche form {margin:0; padding:0px; font-size:11px;}
#charte-recherche .rechercheChamp {font-size:11px; padding:3px; color:#939393; border:0; background-image:url(../img/layout2009/2009-moteur-fond-01.jpg);}
#charte-recherche .rechercheOK {font-size:11px;}
#charte-recherche .rechercheImg {}
#charte-recherche .rechercheImg:hover {}

/* 5 - Logo et menu accessibilite invisibles */
#logo {display:none;}
#accessibilite {display:none;}

/* 6 - Adresse en bas de page */
#adresse-ville {width:958px; text-align:center; margin:0 auto; /*border:1px solid #FFFFFF;*/ /*margin-top:10px;*/ /*background-color:#FFFFFF;*/ background-image:url(../img/charte/v2010-pied-fond.jpg); background-repeat:no-repeat; padding-top:10px;/*text-align:center;*/ padding:10px 10px 0px 10px;color:#D6D6D6; font-size:85%; letter-spacing:1px; clear:both;}
#adresse-ville2 {
	background-image:url(../img/charte/v2010-pied-fond.jpg); background-repeat:no-repeat; padding-top:10px;
	display:block;
	width:978px;
	color:#D6D6D6; font-size:85%; letter-spacing:1px;}
#adresse-ville a {text-decoration:underline; color:#FFFFFF;}
#adresse-ville a:hover {text-decoration:none; color:#FFFFFF;}

/* 7 - Barre de navigation secondaire, en haut a droite */

/* charte-navigation-secondaire = liens a gauche, bouton "toute l'actualite" a droite */
#charte-navigation-secondaire {width:958px; height:18px; position:absolute; top:0px;}

/* Les calques en *v2* seront a renommer ulterieurement dans le template */

#charte-v2-liens2 {color:#666666; display:block; float:right; width:628px; height:18px; text-align:right; font-size:80%; padding-top:1px;}
#charte-v2-liens2 ul { list-style-type:none; margin:0; padding:2px 10px; height:1em;}
#charte-v2-liens2 li {display:inline; margin:1 0px;}
#charte-v2-liens2 a { color:#fff; text-decoration:none;}
#charte-v2-liens2 a:hover { color:#000; text-decoration:underline;}
.Outil #charte-v2-liens2 a, .general #charte-v2-liens2 a { color:#666666;}
.Outil #charte-v2-liens2 a:hover, .general #charte-v2-liens2 a:hover { color:#000000;}
#charte-v2-lienactu {display:none;}



/* 8 - Plan de site simplifié en bas de page */

/*.plan_pieddepage {background-color:#F7F7F7; clear:both;}*/

#pied_de_page {
	display:block;
	padding:10px 20px 0px 20px;
	border-top-style: solid;
	border-top-color:#DFDFDF;
	border-top-width:1px;
}

.plan_pieddepage_tree {
	line-height:12pt;
	display:block; width:120px; margin-right:0px; float:left; line-height:10pt; margin-bottom:15px;
	padding-left:15px !important; padding-right:15px !important;}
.plan_pieddepage_level1 {font-variant:small-caps;font-size:90%;}
.plan_pieddepage_level1 {color:#666 !important;}

ul.plan_pieddepage_level2_block {
	margin:0;
	padding:0;
	margin-left:0 !important;
	list-style-type:none !important;
}
li.plan_pieddepage_level2 {}
.plan_pieddepage_level2 {font-size:80%; margin:0;}
.plan_pieddepage_level2 a {color:#999 !important;text-decoration:none;}
.plan_pieddepage_level2 a:hover {text-decoration:underline;}*/


/* Attention :"titre" est le nom automatique des entetes de resultats du moteur de recherche :ne pas l'utiliser ailleurs */
.titre {display:block; background-color:#F4F4F4; font-weight:bold; color:#FFFFFF;}

/* Cas particuliers */
#titres-fleches h3 {display:block; width:280px; background-image:url(../img/habillages/h3-vivre-fond01.jpg); padding-left:25px; margin:25px 0px 20px 0px; clear:left;}

#dispositifs-sociaux h3 {display:block; width:280px; background-image:url(../img/habillages/h3-vivre-fond01.jpg); padding-left:25px; margin:25px 0px 20px 0px;}
#dispositifs-sociaux h4 {color:#005571;}


/* Image en haut de la colonne principale */

p.illustration {width:437px;}
p.illustration img {border:1px solid #000;display:block;}
p.illustration span.legende, p.illustration span.copyright {font-size:80%;}
p.illustration span.copyright {color:#999999;}
p.illustration span.legende {margin-right:8px;}


/*
******************************************
BLOCS TYPÉS EN CONTENU CENTRAL
******************************************
*/

#contenu-principal .BlocSepare {
	border-top:1px solid #E9E9E9; 
	padding-top:7px; ;margin-top:15px;clear:both;}

#contenu-principal .BlocContact, #contenu-principal .BlocHoraires, #contenu-principal .BlocLienPlan {clear:left;}

/* On limite la taille de tous les titres*/
#contenu-principal .BlocContact h2, #contenu-principal .BlocHoraires h2, #contenu-principal .BlocLienPlan h2 {
	color:#000 !important; font-weight:normal; margin:0; letter-spacing:2px; 
}

/* On réduit le texte dans chaque bloc */
#contenu-principal .BlocContact .csc-textpic-text, #contenu-principal .BlocHoraires .csc-textpic-text {
	font-size:90%; color:#666; line-height:normal; 
}

#contenu-principal .BlocContact {line-height:normal;margin:0;}
#contenu-principal .BlocContact h2 {font-variant:small-caps; margin-top:5px;font-size:110%;margin-bottom:0;}
#contenu-principal .BlocContact .csc-textpic-text {margin:0; }
#contenu-principal .BlocContact .csc-textpic-text p {margin:0;}

#contenu-principal .BlocHoraires {}
#contenu-principal .BlocHoraires h2 {font-size:100%;}

#contenu-principal .BlocLienPlan {height:24px; font-size:90%; margin:0;clear:left;}
#contenu-principal .BlocLienPlan h2 {font-size:90%; float:left;padding-right:5px;}
#contenu-principal .BlocLienPlan p {
	font-size:90%; float:left; 
	margin-top:0;margin:0;
	background-image:url(../img/commun/lienplan-02.jpg);background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
	}
#contenu-principal .BlocLienPlan p a {color:#999; text-decoration:underline;}


/*
******************************************
LISTES
******************************************
*/
#contenu-principal ul {padding:0; margin-left:20px;}
#contenu-principal li ul {padding:0; margin-left:20px; font-size:85%;}
#contenu-principal li ul li ul {font-size:100%;}

/* Cas des listes de films : on ecrase l'affichage general des listes */
#listedesfilms ul {display:block; list-style-type:none!important; list-style-image:none!important; padding:0; margin:20px 0px 0px 0px;}
#listedesfilms ul li {list-style-type:none!important; list-style-image:none!important; padding:0;}


/*
******************************************
Pages de sommaires en contenu principal
******************************************
*/

/* Sommaire d'une rubrique avec images sur deux colonnes */
/* Largeur totale = 680 px */

.sommaire2colonnes {width:686px; clear:both;}
.sommaire2colonnes-bloc1, .sommaire2colonnes-bloc2 {width:308px; padding:10px; border-width:1px; border-style:solid; border-color:#E2E2E2; margin-bottom:10px; height:auto; background-image:url(../img/habillages/cadres-h300-fondrelief-01.jpg); line-height:1.4;}
.sommaire2colonnes-bloc1 {float:left; clear:left; margin-right:20px;}
.sommaire2colonnes-bloc2 {float:right; clear:right;}
.sommaire2colonnes-image {float:left; margin-right:5px; margin-bottom:5px; border:1px solid #000;}
.sommaire2colonnes-abstract {text-align:justify;}
.sommaire2colonnes hr {clear:both; visibility:hidden; height:1px; margin:0;}

/* Sommaire d'une rubrique avec images sur trois colonnes (juin 2010) */
/* Largeur totale = 686 px */

.sommaire3col-vignettes {width:686px; clear:both;}
.sommaire3col-vignettes a {text-decoration:none;}
.sommaire3col-vignettes a:hover {text-decoration:underline;}
.sommaire3col-vignettes-bloc1, .sommaire3col-vignettes-bloc2, .sommaire3col-vignettes-bloc3 {
	display:block;width:202px; padding:0; border:0; margin-bottom:10px; height:auto; line-height:1.4;}
.sommaire3col-vignettes-bloc1 {float:left; clear:left; margin-right:40px; /*background-color:#999;*/}
.sommaire3col-vignettes-bloc2 {float:left; margin-right:40px;/*background-color:#FC9;*/}
.sommaire3col-vignettes-bloc3 {float:left; clear:right;/*background-color:#6CC;*/}
.sommaire3col-vignettes-titre {letter-spacing:1px;text-align:justify;}
.sommaire3col-vignettes-image {clear:both;}
.sommaire3col-vignettes-image img {border:1px solid #000;}
.sommaire3col-vignettes-abstract {text-align:justify; font-size:90%;}
.sommaire3col-vignettes hr {clear:both; visibility:hidden; height:1px; margin:0;}

/* Sommaire d'une rubrique avec images sur trois colonnes (mai 2011) */
/* Largeur totale = 435 px */
.sommaire2col-vignettes {width:435px; clear:left;}
.sommaire2col-vignettes a {text-decoration:none;}
.sommaire2col-vignettes a:hover {text-decoration:underline;}
.sommaire2col-vignettes-bloc1, .sommaire2col-vignettes-bloc2 {
	display:block;width:202px; padding:0; border:0; margin-bottom:10px; height:auto; line-height:1.4;}
.sommaire2col-vignettes-bloc1 {float:left; clear:left; margin-right:30px; /*background-color:#999;*/}
.sommaire2col-vignettes-bloc2 {float:left; /*background-color:#6CC;*/}
/* Pour chaque vignette on reprend la version 3 colonnes */

/* Sommaires automatiques : cas des films */
div.sommairefilms {width:435px; /*border:2px solid #000;*/}
.sommairefilms-bloc1, .sommairefilms-bloc2 {
	/*border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#E8E8E8;*/
	clear:left;
	padding-bottom:5px;
	padding-top:10px;
	padding-right:5px;
	line-height:normal;
	height:auto;
}
.sommairefilms-bloc1 {
	background-color:#F7F7F7;
}
.sommairefilms-bloc2 {}
.sommairefilms-image {border:1px solid #000; float:left; margin:0px 10px 10px 0px;}
.sommairefilms-titre {display:block; margin-bottom:7px;letter-spacing:1px;text-align:justify; font-variant:small-caps;
font-size:110%; color:#F06;}
.sommairefilms-subtitle {display:block;font-size:90%; color:#666; margin-bottom:7px;}
.sommairefilms-abstract {display:block;font-size:90%;}
.sommairefilms div.clearer {display:block;clear:both; height:2px; overflow:hidden;}

/* Navigation dans un dossier */
#dossiernavigation {display:block; background-color:#EBF4F5; margin-top:15px; margin-bottom:15px;}
.dossiernavigationtitre {display:block; padding-left:2px; background-color:#DDECEE; border-bottom-color:#99C6CC; border-bottom-style:solid; border-bottom-width:1px; border-top-color:#CCE2E6; border-top-style:solid; border-top-width:1px; background-image:url(../img/commun/dossier-sommaire-titre-fond.gif);}
#dossiernavigation ul {margin-left:0!important; margin-top:0!important;}
#dossiernavigation ul, #dossiernavigation ul li {display:block;}
#dossiernavigation ul li {list-style-type:none; list-style-image:none; padding-left:15px; background-image:url(../img/commun/puce-fleche-bleue-01.gif); background-repeat:no-repeat;}


/**************************************************************************/
/* Sommaire d'une rubrique sur deux niveaux avec images sur deux colonnes */
/* Largeur totale = 680 px */

.sommaire2colonnes2niveaux {width:686px; clear:both; }
.sommaire2col2niv-bloc1, .sommaire2col2niv-bloc2 {width:328px; padding:0px; margin-bottom:15px; height:auto;line-height:1.3;
/*border-width:1px; border-style:solid; border-color:#E2E2E2; */
}
.sommaire2col2niv-bloc1 {float:left; clear:left; margin-right:20px;}
.sommaire2col2niv-bloc2 {float:right; clear:right;}
.sommaire2col2niv-image {float:left; margin-right:5px; margin-bottom:5px; border:1px solid #000;}
.sommaire2col2niv-abstract {text-align:justify;}
.sommaire2col2niv-blocniveau1 {display:block;padding:2px;margin:0;}
.sommaire2col2niv-titre {font-variant:small-caps; color:#666; font-size:13px;}
/*.sommaire2col2niv-blocniveau1 a {color:#666 !important; text-decoration:none; letter-spacing:1px; font-size:13px; margin:0;padding-bottom:3px;padding-left:3px;}*/

/* Rubriques de niveau 2 */
.sommaire2col2niv-detailsousrubrique {
	padding:10px 0px 10px 0px;
	margin:0;
	background:url(../img/habillages/sommaires/ombre-et-bec-01.jpg);}
.sommaire2col2niv-detailsousrubrique ul {margin:0;padding:0;margin-left:4px !important;}
.sommaire2col2niv-detailsousrubrique li {
	list-style-type:none; list-style-image:none;
	padding:0; margin:0px 0px 10px 0px;display:block;clear:both;height:65px auto;}
.sommaire2col2niv-detail-image img {float:left; margin-right:7px;margin-top:5px;/*width:55px;height:55px;*/
margin-bottom:20px; border:1px solid #123;}
.sommaire2col2niv-detail-titre {display:block; font-variant:small-caps; font-size:13px; padding-top:2px;}
.sommaire2col2niv-detail-resume {
	display:block;font-size:11px;/*text-align:justify;*/color:#666;}


/* Navigation dans un dossier */
#dossiernavigation {display:block; background-color:#EBF4F5; margin-top:15px; margin-bottom:15px;}
.dossiernavigationtitre {display:block; padding-left:2px; background-color:#DDECEE; border-bottom-color:#99C6CC; border-bottom-style:solid; border-bottom-width:1px; border-top-color:#CCE2E6; border-top-style:solid; border-top-width:1px; background-image:url(../img/commun/dossier-sommaire-titre-fond.gif);}
#dossiernavigation ul {margin-left:0!important; margin-top:0!important;}
#dossiernavigation ul, #dossiernavigation ul li {display:block;}
#dossiernavigation ul li {list-style-type:none; list-style-image:none; padding-left:15px; background-image:url(../img/commun/puce-fleche-bleue-01.gif); background-repeat:no-repeat;}

/* Menu interieur Mediatheque */
#menu-interieur-titre-01 {display:inline; margin-top:10px; margin-bottom:3px;}

#menu-interieur-01 {display:block; margin-bottom:15px; margin-top:15px; font-size:75%; font-weight:bold; background-color:#E5E5E5;}
#menu-interieur-01 a {padding:1px 3px 1px 3px;}
.menu-interieur-lien-01 a {text-decoration:none;}
.menu-interieur-lien-01 a:hover {text-decoration:underline; color:#000000;}
.menu-interieur-lien-02 {padding:1px 3px 1px 3px;}

/* Navigation dans les coups de coeur Mediatheque */
#cdcnavigation {display:block; background-color:#EBF4F5; margin-top:15px; margin-bottom:15px; font-size:90%;}
#cdcnavigation ul {margin-left:0!important;}
#cdcnavigation ul, #cdcnavigation ul li {display:inline;}
#cdcnavigation ul li {list-style-type:none; list-style-image:none; padding-right:5px;}

/** Sommaire des coups de coeur Mediatheque ********/
#cdcsommaire {display:block;}
#cdcsommaire h3 {display:none;}
#cdcsommaire ul {margin-left:0!important;}
#cdcsommaire ul li {list-style-type:none; list-style-image:none; margin-bottom:10px; background-color:#EBF4F5; font-weight:bold;}
#cdcsommaire ul li div.spacer {}
#cdcsommaire ul li ul, #cdcsommaire ul li ul li, #cdcsommaire ul li div {display:inline;}
#cdcsommaire ul li ul {font-size:100%;}
#cdcsommaire ul li ul li {font-weight:normal!important; padding-left:5px;}

/* Sommaire des sous-rubriques avec vignettes */
#sommairesousrubrique {}
#sommairesousrubrique ul {margin-left:0!important;}
#sommairesousrubrique ul li {list-style-type:none; list-style-image:none; margin-left:0!important; display:inline;}
#sommairesousrubrique .sommaire-bloc1, .sommaire-bloc2 {display:block; width:245px; margin-right:5px;}
#sommairesousrubrique .sommaire-bloc1 {float:left;}
#sommairesousrubrique .sommaire-bloc2 {float:right; clear:right;}
#sommairesousrubrique ul li img {float:left; margin-right:5px;}
#sommairesousrubrique ul li .sommaire-titre {font-size:120%; font-weight:bold;}
#sommairesousrubrique ul li .sommaire-resume {}


/*
-------------------------------------------------------------------------
ENCADRES DE DROITE DE LA PARTIE CONTENU
-------------------------------------------------------------------------
*/

/* I) Proprietes de toute la colonne de droite */
#contenu-droite {float:right; display:block; width:230px; top:10px; margin-left:15px; margin-bottom:10px; margin-top:10px; line-height:15px; padding:0px; text-align:left;}
#contenu-droite p {padding-left:5px;}

#contenu-droite h2, #contenu-droite h1, #contenu-droite h3 {padding:5px; margin:0; font-weight:bold; font-size:100%;}

/* II) Proprietes communes a tous les encadres */
#contenu-droite .csc-textpic-text /*, #contenu-droite .BlocLienPlan, #contenu-droite .BlocTeleprocedure*/ {
margin-bottom:20px; padding-bottom:3px; padding-top:5px; 
background-image:url(../img/charte/2010-ombredanscadre2.jpg); background-repeat:repeat-x;}
#contenu-droite .csc-textpic-text h3, #contenu-droite h2 
/*, #contenu-droite .BlocLienPlan h3, #contenu-droite .BlocTeleprocedure h3*/ 
{
	background-image:url(../img/charte/cadres-droite/2010-cadredroite-fondtitres.jpg);
	border-bottom:1px solid #c0d0d9;
	margin-bottom:0 !important;
	font-weight:normal; padding-top:6px; padding-bottom:6px; letter-spacing:1px; font-size:13px;
}

/* III) Proprietes particulieres de chaque encadre */

/* III.1) Encadres :Cas general*/

/* III.2) Encadres :localisation sur le plan interactif */
#contenu-droite .BlocLienPlan {}
#contenu-droite .BlocLienPlan h3, #contenu-droite .BlocLienPlan h2 {background-image:url(../img/charte/cadres-droite/2010-cadredroite-fondtitre-plan.jpg); border-bottom:1px solid #a3a6c3;}
#contenu-droite .BlocLienPlan a {display:block; background-image:url(../img/charte/cadres-droite/cadredroite-plan-lien-01.gif); background-repeat:no-repeat; padding:2px 0px 5px 30px;}

/* III.3) Encadres :teleprocedures */
#contenu-droite .BlocTeleprocedure {}
#contenu-droite .BlocTeleprocedure h3, #contenu-droite .BlocTeleprocedure h2 {background-image:url(../img/charte/cadres-droite/2010-cadredroite-fondtitre-teleprocedures.jpg); border-bottom:1px solid #a3a6c3;}


/* III.4) Cadre defini par ".cadre-droite" dans la colonne de droite */
#contenu-droite .cadre-droite a {text-decoration:underline; padding:0 0 0 10px; display:block; position:relative;}
#contenu-droite .cadre-droite a:hover {text-decoration:none; color:#000000;}




/*************************************************/
/* I) Tables definies dans l'editeur de contenu */
/*************************************************/
#contenu-principal table.contenttable tr td {border:1px solid #E4E4E4; background-color:#FFF;}
#contenu-principal table tr td a {font-weight:bold;}
#contenu-principal table {background-color:#FFF; border:0;}

/* tables particulieres */
#table01 table tr .tr-0 {font-weight:bold!important;}
#table01 table {width:inherit;}
#table01 table tr td {font-size:7pt; font-weight:normal!important; border:0!important; background-color:#d8e9eb!important; text-align:center;}
#table01 .tr-0 td {background-color:#c3e0e3!important;}
#table02 table {width:inherit;}
#table02 table tr td {font-size:9pt; font-weight:normal!important; border:0!important; background-color:#d8e9eb!important; text-align:center;}

/*********************************************/
/* II) Tables definies via le "Table Wizard" */
/*********************************************/

/* Typo3 alterne des lignes even et des lignes odd */
#contenu-principal table .tr-0 {background-color:#999999; font-weight:bold;}
#contenu-principal table .td-0 {background-color:#B7B7B7; font-weight:bold;}
#contenu-principal table .tr-even td {background-color:#E1E1E1;}
#contenu-principal table .tr-odd td {background-color:#EBEBEB;}
/* Commun a toutes les lignes */

/* Tables alternees 01 */
#tableau-alterne-01 table {margin-top:15px}
#tableau-alterne-01 table tr td {padding:1px 1px 1px 1px; font-size:85%;}
#tableau-alterne-01 table tr.tr-even td {background-color:#F3F3F3;}
#tableau-alterne-01 table tr.tr-odd td {background-color:#F3F3F3;}
#tableau-alterne-01 table tr.tr-0 td {background-color:#E1E1E1;}
#tableau-alterne-01 table tr td {padding:0px 0px 0px 0px!important; font-size:85%!important; height:15px!important;}

/*********************************************/
/* Galeries d'images Typo                    */
/*********************************************/

/* Avant migration v4 */

#contenu-principal table.imgtext-table {border:0px solid #000000; margin-top:10px; margin-right:0px; width:inherit;}
#contenu-principal table.imgtext-table tr td {border-right:4px solid #FFF; border-left:0px solid #FFF; border-top:0px solid #FFF; border-bottom:4px solid #FFF; background-color:#F0F0F0; padding:3px 3px 3px 3px; text-align:center; color:#666;}
#contenu-principal table.imgtext-table tr td p.csc-caption {margin-bottom:0px;}
#contenu-principal table.imgtext-table tr td img {border:1px solid #000;}

/* Apres migration v4 - ajout C.Seguin | Bonneuil | 8 novembre 2007 */

/* Caracteres communs */
.csc-textpic {}
div.csc-textpic-imagewrap {margin-left:0px!important; width:680px!important;}
div.csc-textpic-imagerow {margin-bottom:1px!important; width:680px!important;}
.csc-textpic dl {width:225px!important; margin:1px!important; text-align:center!important; padding-top:3px; padding-bottom:3px;}
.csc-textpic dl a img {border-width:1px; border-style:solid;}
.csc-textpic .csc-textpic-imagerow a:hover {background-color:#33FF99;}

/* Declinaisons : cas general */
.csc-textpic {background-color:#FFFFFF;}
.csc-textpic-imagewrap {background-color:#FFFFFF;}
.csc-textpic dl {background-color:#E6EEEE;}
.csc-textpic dl a img {border-color:#000000;}

/* Declinaisons : images sur fond noir */
#galerienoire .csc-textpic {background-color:#000000;}
#galerienoire .csc-textpic-imagewrap {background-color:#000000;}
#galerienoire .csc-textpic dl {background-color:#000000; color:#999999; font-size:11px;}
#galerienoire .csc-textpic dl a img {border-color:#FFFFFF;}

/* Declinaisons :fond blanc, texte et bordure marrons */
#galerieblanche .csc-textpic {background-color:#FFFFFF;}
#galerieblanche .csc-textpic-imagewrap {background-color:#FFFFFF;}
#galerieblanche .csc-textpic dl {background-color:#FFFFFF; color:#766454; font-size:11px;}
#galerieblanche .csc-textpic dl a img {border-color:#766454;}

/* Declinaison integree a Typo (menu deroulant Cadres) :fond blanc, texte et bordure noire */
.galerie_03 .csc-textpic {background-color:#FFFFFF;}
.galerie_03 .csc-textpic-imagewrap {background-color:#FFFFFF;}
.galerie_03 .csc-textpic dl {background-color:#FFFFFF; color:#000000; font-size:11px;}
.galerie_03 .csc-textpic dl a img {border-color:#000000; border-width:3px;}
.galerie_03 .csc-textpic dl a:hover img {border-color:#990000; border-width:3px;}


/* 
-------------------------------------------------------------------------
Extension : tx-artificaviewer-pi1
-------------------------------------------------------------------------
*/
#contenu-principal .gallery {}
#contenu-principal .gallery ul {margin:1em 0px 0px 0px; text-align:center;}
#contenu-principal .gallery li {float:left; padding:5px; list-style-type:none; display:block; width:150px; border:1px solid #CCCCCC; margin:0px 0px 7px 7px;}
#contenu-principal .gallery .col1 {clear:left; margin:0px 0px 7px 0px;}

#contenu-principal .tx-artificaviewer-pi1 .separator {clear:none;}

#contenu-principal .tx-artificaviewer-pi1 ul { margin:1em 0; text-align:center}
#contenu-principal .tx-artificaviewer-pi1 li {float:left; clear:both; padding:0; margin:0px 20px 20px 0px; list-style-type:none;}

/********** Declinaison de bandeaux **********/

/* Parametres communs */
#charte-bandeau {background-image:url(../img/charte/bandeaux/v2008-bandeau-general.jpg); background-repeat:no-repeat; display:block; height:108px; position:relative; width:958px;}

/* Images */
.general #charte-bandeau {background-image:url(../img/charte/bandeaux/v2008-bandeau-general.jpg);}
.decouvrir #charte-bandeau {background-image:url(../img/charte/bandeaux/v2010-bandeau-decouvrir.jpg);}
.pratique #charte-bandeau {background-image:url(../img/charte/bandeaux/v2010-bandeau-pratique.jpg);}
.democratie #charte-bandeau {background-image:url(../img/charte/bandeaux/v2010-bandeau-democratie.jpg);}
.enfance #charte-bandeau {background-image:url(../img/charte/bandeaux/v2010-bandeau-vivre-enfance.jpg);}
.jeunesse #charte-bandeau {background-image:url(../img/charte/bandeaux/v2010-bandeau-vivre-jeunesse.jpg);}
.retraites #charte-bandeau {background-image:url(../img/charte/bandeaux/v2010-bandeau-vivre-retraites.jpg);}
.culture #charte-bandeau {background-image:url(../img/charte/bandeaux/v2010-bandeau-vivre-culture.jpg);}
.sports #charte-bandeau {background-image:url(../img/charte/bandeaux/v2010-bandeau-vivre-sports.jpg);}
.economie #charte-bandeau {background-image:url(../img/charte/bandeaux/v2010-bandeau-vivre-economie.jpg);}
.solidarite #charte-bandeau {background-image:url(../img/charte/bandeaux/v2010-bandeau-vivre-solidarite.jpg);}
.associations #charte-bandeau {background-image:url(../img/charte/bandeaux/v2008-bandeau-vivre-associations.jpg);}
.cadre #charte-bandeau {background-image:url(../img/charte/bandeaux/v2010-bandeau-vivre-cadre.jpg);}
.pdv #charte-bandeau {background-image:url(../img/charte/bandeaux/v2010-bandeau-pdv.jpg);}
.securite #charte-bandeau {background-image:url(../img/charte/bandeaux/v2010-bandeau-vivre-securite.jpg);}
.intranet-pdv #charte-bandeau {background-image:url(../img/charte/bandeaux/v3-bandeau-vivre-intranetpdv.jpg);}
.cezais #charte-bandeau {background-image:url(../img/charte/bandeaux/v3-bandeau-vivre-cezais.jpg);}
.blogs #charte-bandeau {background-image:url(../img/charte/bandeaux/v2008-bandeau-blogs.jpg);}


/***************************************************************/
/* (VI) SOUS-MENUS - DECLINAISONS ******************************/
/***************************************************************/

/* 1- proprietes du sous-menu communes a tous les gabarits */
#contenu-gauche {float:left; width:207px; margin:0px; display:block; padding:0px; border-top:1px dashed #CCCCCC; margin-left:10px; padding-top:20px;}

#contenu-gauche a {text-decoration:none; height:15px;}
#contenu-gauche a:hover {color:#000000; text-decoration:underline;}

/* Nom de la rubrique en cours */
#charte-rubrique-actuelle {padding-left:10px; height:30px; display:block; color:#666; font-weight:normal; padding-top:4px; background-image:url(../img/charte/menuv-fonds/2009-rubrique-fond.jpg);}

/* Liens de niveau 1 */
#contenu-gauche ul {padding:0; margin:0; list-style-type:none; display:block; padding-bottom:10px;}
#contenu-gauche li {margin:0; vertical-align:middle; display:block; padding-left:0px; font-size:100%; background-repeat:repeat; list-style-type:none;}
#contenu-gauche li a {display:block; height:auto; padding-top:5px; padding-bottom:5px; padding-left:10px; border-bottom:solid; border-bottom-color:#CCC; border-bottom-width:1px; background-image:url(../img/charte/menuv-fonds/2009-cartouches.jpg); font-weight:bold;}

/* Liens de niveau 2 */
#contenu-gauche li ul {border:0px; padding-left:0px; background-color:#F7F7F7; font-size:85%; font-weight:normal; padding-bottom:0px; background-image:url(../img/charte/menuv-fonds/2009-ombresousmenu.jpg); background-repeat:repeat-x;}
#contenu-gauche li ul li {font-weight:normal; border:0px; margin-top:0px; margin-right:0px; margin-left:0px; margin-bottom:0px;}
#contenu-gauche li ul li a {border-bottom:solid; border-bottom-color:#FFF; border-bottom-width:1px; background-image:none; font-weight:normal;}


/***************************************************************/
/* (VII) AUTRES MENUS ******************************************/
/***************************************************************/

#sommaireRubrique {}
#sommaireRubrique img { float:left; margin:0 10px 10px 0;}
.sommaireRubriqueElement {clear:both; margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #cccccc;}


/********************************/
/**********   DIVERS   **********/
/********************************/

p.fichierAssocie {}
p.souslecontenu {/*text-align:right;*/ clear:both; font-size:75%; margin:20px 0px 5px 0px; /*background-color:#C96;*/}
p.souslecontenu a, p.souslecontenu a:visited {color:#666666;}
span.datePublication {color:#999999; margin-right:10px; /*text-align:center; border-top:1px solid #cccccc; padding-top:5px; margin-top:10px; clear:both;*/}
span.dateLibelle {}
.hautDePage a.imprimer {background-image:url("../img/commun/imprimer-01.gif"); background-repeat:no-repeat; background-position:right; padding-right:25px; margin-right:10px;}


/*
-------------------------------------------------------------------------
IMAGE WEBEDITOR
-------------------------------------------------------------------------
*/
.ImageBoite {border:1px solid #000000; background-color:#e2e2e2;}
.ImageCopyright {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; padding:0; margin:0 2px;}
.ImageLegende {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; padding:0; margin:2px;}


/* Menus - refonte pour "V.2009" en août 2009 - C.Seguin - Ville de Bonneuil */
/* Unification complete des menus :ils sont identiques sur l'accueil et dans les pages interieures */
/* Seul le nom du conteneur general diverge car la position n'est pas la meme */


/****************************************************************************************************/
/* 1) Emplacement ***********************************************************************************/
/****************************************************************************************************/


/* Emplacement du menu :elements commun accueil et pages interieures */
#charte-conteneurmenu, #accueil-cadre-menu-2008 {width:958px; position:absolute; display:block; height:33px; background-image:url(../img/layout2009/2009-menufond-01.jpg); top:87px;}

/* Emplacement du menu :elements divergents */
#charte-conteneurmenu {top:76px;}
#accueil-cadre-menu-2008 {top:46px;}

/* A partir de "conteneurmenu" tout est commun */
#conteneurmenu {width:555px; float:right; color:#FFFFFF; display:block; z-index:50; height:31px;}

/****************************************************************************************************/
/* 2) Pages interieures uniquement :bouton de retour a l'accueil ***********************************/
/****************************************************************************************************/

#charte-boutonretour {width:200px; height:31px; top:0px; display:block; text-indent:30px;}
#charte-boutonretour a {display:block; height:31px; cursor:hand; color:#999; text-decoration:none; background-image:url(../img/layout2009/menu2009/2009-retouraccueil-fond.jpg); background-position:0;}
#charte-boutonretour a:hover {color:#990000; background-position:216px; text-decoration:underline;}
.charte-boutonretour-texte {display:block; padding-top:8px; font-size:13px;}


/****************************************************************************************************/
/* 3) Apparence des liens :generalites *************************************************************/
/****************************************************************************************************/


#conteneurmenu a {display:block; text-decoration:none; z-index:20;}

/* Proprietes communes des 4 boutons de niveau 1 */

#conteneurmenu #menu1, #conteneurmenu #menu2, #conteneurmenu #menu3,#conteneurmenu #menu4 {} #conteneurmenu #menu1 a:hover, #conteneurmenu #menu2 a:hover, #conteneurmenu #menu3 a:hover,#conteneurmenu #menu4 a:hover {cursor:hand;}
#conteneurmenu .charte-menubouton {text-align:center; height:31px;}
#conteneurmenu .charte-menuboutontexte {font-size:12px; display:block; color:#FFFFFF; padding-top:8px;}

/* Proprietes communes des liens de niveau 2 */

#conteneurmenu ul {padding:0; margin:0; width:173px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; /*background-color:#fff;*/
background:url(../img/layout2009/menu2009/2010-sousmenu-fond.jpg); background-repeat:repeat-x; list-style-type:none; z-index:20;}

#conteneurmenu li {
	margin:2px 1px 2px 1px; 
	height:15px;
	z-index:20;
	border-top-color:#F2F2F2;
	border-top-style:solid;
	border-top-width:1px;
	padding-top:3px;
	width:173px;
}

/* Couleurs des liens du menu deroulant pour IE */
#conteneurmenu a {color:#FFFFFF;}
#conteneurmenu a:hover {color:#000000;}


/****************************************************************************************************/
/* 4) Declinaison de couleurs par rubrique **********************************************************/
/****************************************************************************************************/

/* Niveau 1 */
#conteneurmenu #menu1 {background-image:url(../img/layout2009/menu2009/2009-menu-decouvrir-off.jpg);}
#conteneurmenu #menu1 a:hover {background-image:url(../img/layout2009/menu2009/2009-menu-decouvrir-on.jpg);}

#conteneurmenu #menu2 {background-image:url(../img/layout2009/menu2009/2009-menu-democratie-off.jpg);}
#conteneurmenu #menu2 a:hover {background-image:url(../img/layout2009/menu2009/2009-menu-democratie-on.jpg);}

#conteneurmenu #menu3 {background-image:url(../img/layout2009/menu2009/2009-menu-infos-off.jpg);}
#conteneurmenu #menu3 a:hover {background-image:url(../img/layout2009/menu2009/2009-menu-infos-on.jpg);}

#conteneurmenu #menu4 {background-image:url(../img/layout2009/menu2009/2009-menu-vivre-off.jpg);}
#conteneurmenu #menu4 a:hover {background-image:url(../img/layout2009/menu2009/2009-menu-vivre-on.jpg);}

/* Niveau 2 */
#conteneurmenu #ssmenu1 li, #conteneurmenu #ssmenu2 li, #conteneurmenu #ssmenu3 li, #conteneurmenu #ssmenu4 li {}
#conteneurmenu #ssmenu1, #conteneurmenu #ssmenu2, #conteneurmenu #ssmenu3, #conteneurmenu #ssmenu4 {
	border-color:#CCC; border-width:1px; border-style:solid; padding:5px;}

#conteneurmenu #ssmenu1 li a {
	color:#439E0C;
}
#conteneurmenu #ssmenu2 li a {color:#C30;}
#conteneurmenu #ssmenu3 li a {
	color:#9B0998;
}
#conteneurmenu #ssmenu4 li a {
	color:#0071CC;
}

#conteneurmenu #ssmenu1 li a:hover, #conteneurmenu #ssmenu2 li a:hover, #conteneurmenu #ssmenu3 li a:hover, #conteneurmenu #ssmenu4 li a:hover {
	color:#000; text-decoration:underline;}


/************************************************************/
/*** Mise en forme des formulaires **************************/
/************************************************************/
/*** Refonte C.Seguin | ville de Bonneuil - fevrier 2009 ****/

/* I) PROPRIETES COMMUNES A TOUS LES FORUMLAIRES */

/* I.a) Proprietes generales */

.FORM {text-align:left; margin:20px 0px 5px 0px;}

/*#mailform {}
#mailform fieldset {padding:0; margin:0; border-width:0px; border-style:solid; border-color:#C8D8DB;}*/

.FORM legend {display:none;}

fieldset {
	padding:0;
	padding-bottom:10px;
	margin-bottom:10px;
	border-color:#DFDFDF;
	border-style:solid;
	border-width:2px;
}

/* I.b) Structure des lignes */

/* Conteneur d'une ligne (description du champ + champ de saisie) */
.FORMsep {margin:0px; padding:3px 0px 3px 0px; clear:both; }

/* Bloc de description du champ */
.FORMlibelles {display:block; float:left;
	width:39%;
	font-size:12px; color:#666666; text-align:right; margin:0px; 
	letter-spacing:1px;}

/* Cas où il n'y a qu'une description :c'est un sous-titre dans le formulaire */
div.csc-mailform-label {clear:both; display:block; width:100%;	}
div.csc-mailform-label .FORMlibelles {
	width:100%;
	display:block;
	margin-top:15px;
	margin-bottom:10px;
	background-color:#EBEBEB;
	border-style:none;
	border-width:1px 0px 1px 0px;
	clear:both;
	color:#0A95E0;
	letter-spacing:4px;
	font-variant:small-caps;
	padding:1px 0px 1px 0px;
	text-indent:5px;
	text-align:left;
	font-size:120%;
}

/* Partie dans laquelle se trouve le champ */
.FORMchamps {float:right;
	width:60%;
	margin:0px 0px 0px 0px; 
	text-align:left;
}

/* I.c) Detail des champs de saisie */
.FORM textarea, .FORM input {
	border-color:#39C;
	border-style:solid;
	border-width:1px;
	background-color:#F0F0F0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.FORM input.csc-mailform-check {background-color:#FFF !important; border:0;}
.FORM input.csc-mailform-submit {background-color:#E8E8E8;}
/* La couleur du fond change quand il a le focus */
div.FORMchamps .FORMfocus {border-color:#F06; border-style:dashed;}
div.FORMchamps .FORMnormal {border-color:#39C; border-style:solid;}


.FORMoblig em {color:#C00;}

.FORM select.FORMliste {width:70%}
.FORMetapes {margin-bottom:20px;}
.FORMtexteetape {margin-bottom:20px;}
.FORMerreurglobale {margin-bottom:20px;}
.FORMvalider {text-align:right; padding:10px}
.FORMparagraphe {padding:10px 0px;}
.FORMlibelleoblig, .FORMvalider {margin:0px; padding:2px; font-size:90%; letter-spacing:1px;}
.FORMvalider {color:#537179; height:25px;}
.FORMlibelleoblig {color:#900; background-color:#fff;}



/* II) CAS PARTICULIERS */

/* meme fond en cas de table */
table.csc-loginform {background-color:#F0F4F4!important;}

/* Cas particulier :"formulaire02" - pour les Assises d'octobre 2008 */
/* On reecrit les largeurs des champs */
#formulaire02 .FORMlibelles {width:200px; float:left; font-size:12px; text-align:right; margin:0px 0px 2px 0px; padding-top:1px; letter-spacing:1px;}

#formulaire02 .FORMchamps {top:0px; width:300px; margin:0px 0px 1px 0px; border-left:1px dashed #FFFFFF; padding:1px;}


/*.FORMchamptexte {width:70%}*/
.FORMdateCalpicto {vertical-align:top}
.FORMerreurmasque {display:none}
.FORMerreuraffiche {display:inline;}


/* Reintegre depuis layout.css le 3 juin 2008 */

.formEnvoye {color:#33CC00; width:100%; border:1px solid #66CC00; text-align:center; font-weight:bold; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.formPasEnvoye {color:#FF0000; width:100%; border:1px solid #FF0000; text-align:center; font-weight:bold; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.formTableau {width:100%;}

.formDroite {font-weight:bold; width:30% ;}
.formGauche {font-weight:bold; width:70% ;}
.formBouton {color:#000000; text-align:center; font-weight:bold; cursor:hand; margin-top:6px; margin-bottom:1px;}
.formEtiquette {font-size:120%; font-weight:bold; padding-top:15px;}
.formObligatoire {color:#FF0000;}

table.csc-mailform tr td {border-style:none;}

/********************************/
/******* FORMULAIRES ************/
/********************************/
.abonnement {width:48%; float:left; margin-right:2%; background-color:#CCCCCC;}
.desabonnement {width:48%; float:left; background-color:#CCCCCC;}
.newsletter legend {display:none;}
.newsletter fieldset {border:0px solid #FFFFFF}

/* Fin reintegration du 8 août 2008 */

/*************************************/
/*** Personnaliser ***/
/*************************************/
.FORM .FORMchamptexte {/*border:1px solid #7f9db9;*/}
.FORMerreur {color:#CC0000; font-weight:bold; display:block; clear:both;}
.FORMlegende {color:#999999; font-size:0.8em;}
.FORMerreurglobale {font-weight:bold; color:#CC0000}
.FORMbuttons {background:#ffffff; padding-top:5px;;}

.FORM legend {color:#999999}
.FORMlibelleoblig {}
.FORMheure {width:55px}
.FORMminutes {width:45px}
.FORMmerci {font-weight:bold; margin:20px 0;} 



/************************************************************************************************/
/********* PRESENTATIONS PARTICULIERES ****** Realisation C.Seguin | Bonneuil *******************/
/************************************************************************************************/

/* Login deuxieme version :juin 2008 ***********************************************************/

#restricted-access div.FORMsep {width:500px;}
#restricted-access p.FORMlibelleoblig {display:none;}
#restricted-access div.FORMvalider {width:500px;}
#restricted-access td.csc-form-commentcell {}
#restricted-access div.FORMlibelles {text-align:left;}
#restricted-access td.csc-form-commentcell {}
#restricted-access td.csc-form-commentcell .FORMlibelles {width:300px;}

/* formulaires de Login :fin ********************************************************************/

/************************************************************************************************/
/********* PRESENTATIONS PARTICULIERES ****** FIN ***********************************************/
/************************************************************************************************/



/*-------------------------------------------------------------------------------------------------------*/
/* LOGIN BOX -----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
.tx-newloginbox-pi1 .FORM {padding:5px; margin:0; width:140px;}
.tx-newloginbox-pi1 .FORM fieldset {border:none; padding:0px;}
.tx-newloginbox-pi1 .FORM legend {display:none;}
.tx-newloginbox-pi1 .FORMchamps {clear:both; width:130px;}
.tx-newloginbox-pi1 .FORMlibelles {clear:both; width:130px; text-align:left; margin-bottom:0px;}
.tx-newloginbox-pi1 .FORMvalider {text-align:left; padding:0; margin-top:5px;}
.tx-newloginbox-pi1-error {color:#CC0000; font-weight:bold;}


/* Developpements ARTIFICA :autres ****************************************************/

/*** mini cal ***/

#FORMdateCal {height:auto; position:absolute; visibility:hidden; width:150px; z-index:100;}
.FORMdateCalcpYearNavigation, .FORMdateCalcpMonthNavigation {text-align:center; vertical-align:middle;}
TD.FORMdateCalcpDayColumnHeader {text-align:right;}
.FORMdateCalcpCurrentMonthDate,.FORMdateCalcpOtherMonthDate,.FORMdateCalcpCurrentDate {text-align:right; text-decoration:none;}
A.FORMdateCalcpTodayText,SPAN.FORMdateCalcpTodayTextDisabled {height:20px;}

.FORMdateCalcpYearNavigation, .FORMdateCalcpMonthNavigation {background-color:#6384AA; color:#FFFFFF; font-weight:bold; text-decoration:none;}
.FORMdateCalcpDayColumnHeader,.FORMdateCalcpYearNavigation,.FORMdateCalcpMonthNavigation,.FORMdateCalcpCurrentMonthDate,.FORMdateCalcpCurrentMonthDateDisabled,.FORMdateCalcpOtherMonthDate,.FORMdateCalcpOtherMonthDateDisabled,.FORMdateCalcpCurrentDate,.FORMdateCalcpCurrentDateDisabled,.FORMdateCalcpTodayText,.FORMdateCalcpTodayTextDisabled,.FORMdateCalcpText {font-family:arial; font-size:8pt;}
TD.FORMdateCalcpDayColumnHeader {border-bottom:solid 1px #CCCCCC;}
.FORMdateCalcpCurrentMonthDate {color:#6384AA; font-weight:bold; width:12px}
.FORMdateCalcpCurrentDate {color:#FFFFFF; font-weight:bold;}
.FORMdateCalcpOtherMonthDate {color:#808080;}
TD.FORMdateCalcpCurrentDate, TD.FORMdateCalcpCurrentMonthDate:active, TD.FORMdateCalcpCurrentMonthDate:hover {color:#FFFFFF; background-color:#CC0000; cursor:pointer;}
TD.FORMdateCalcpCurrentMonthDate:active a, TD.FORMdateCalcpCurrentMonthDate:hover a {color:#FFFFFF}
TD.FORMdateCalcpCurrentDateDisabled {border:1px solid #FFAAAA;}
TD.FORMdateCalcpTodayText,TD.FORMdateCalcpTodayTextDisabled {border-top:1px solid #CCCCCC;}
A.FORMdateCalcpTodayText {color:#666666; font-weight:bold;}
SPAN.FORMdateCalcpTodayTextDisabled {color:#D0D0D0;}
.FORMdateCalcpBorder {border:solid 1px #333333; background-color:#ffffff;}









/* Styles pour le gabarit "Général" (qui regroupe maintenant actualités, films, pages hors-menu) */

#charte-animation {display:none;}

/*****************************************************************************************/
/* I) SOUS-BANDEAU = titre (inutilisé) + chemin + recherche ******************************/
/*****************************************************************************************/

#general-v2-chemin-recherche {float:right; width:730px; padding-top:2px;}
#general-v2-sousbandeau {width:958px; background-image:url(../img/charte/v2008-general-titre.gif);}
/* Utilisé ?? */
#general-v2-titre {width:171px; font-size:105%; color:#666666; font-weight:bold; padding-left:29px; padding-top:4px; padding-bottom:2px; position:relative;}

#general-v2-chemin {width:520px; position:relative; height:17px; display:block; float:left; font-size:80%; padding-left:5px; padding-top:2px;}
#general-v2-chemin a, #general-chemin a:visited {text-decoration:none; color:#666666}
#general-v2-chemin a:hover {text-decoration:underline;}

/* Bouton recherche (pas modifié depuis v3) *************************/
#general-recherche {float:right; text-align:right; margin:0; width:190px; font-size:10px; z-index:50; padding-top:0px; padding-right:4px;}
#general-recherche form {margin:0; padding:0px; font-size:9px;}
#general-recherche .rechercheChamp {font-size:9px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; color:#939393; border-color:#E9BCBC; border-width:1px; border-style:solid; background-color:#E8E8E8;}
#general-recherche .rechercheOK {font-size:9px;}
#general-recherche .rechercheImg {}
#general-recherche .rechercheImg:hover {}


/*****************************************************************************************/
/* II) JEU DE CADRES sur la partie basse (sous le bandeau) */
/*****************************************************************************************/

/* general-corps --> contenu --> (contenu-gauche, general-colonne-centre) */
/* general-colonne-centre --> (contenu-droite, contenu-principal) */

/* 2 cadres imbriqués incluant les 3 colonnes */
#general-corps {display:block; background-image:url(../img/charte/v2008-general-fond.jpg);}
#general-colonne-centre h1 {margin:10px 0 10px 0;}

/* Les trois colonnes */

#contenu-gauche h2, #contenu-gauche h3 {border-bottom:1px solid #c0d0d9; font-size:10pt; font-weight:normal; margin-bottom:0px;  padding-left:10px; padding-bottom:2px;}

#contenu-gauche h2 {letter-spacing:1px; background-image:url(../img/commun/v2008-titredroite-fond.jpg);}
#contenu-gauche p, #contenu-gauche h4, #contenu-gauche h5, #contenu-gauche h6 {padding:0px 5px 0px 10px;}

#general-colonne-centre {display:block; float:right; width:690px; margin:0px 10px 0px 30px;}

/*--------------------------------- formulaire newsletter ---------------------------------*/

.formNewsletterQuick {font-size:90%; width:160px; text-align:left; margin:0; padding:0; border:0; font-style:normal; font-weight:normal;}
.formNewsletterQuick fieldset { border:0px solid #FFFFFF; padding:0px; margin:0;}
.formNewsletterQuick legend { display:none}

.formNewsletterQuick .FORMchamps {clear:both; width:100%; text-align:left; margin:0}
.formNewsletterQuick .FORMlibelles {clear:both; width:100%; text-align:left; margin:0}
.formNewsletterQuick .FORMvalider {text-align:left; padding:5px; padding-left:0;}
.formNewsletterQuick .FORMparagraphe {padding:0}
.formNewsletterQuick a {font-size:90%}

/*--------------------------------- tt_news etaussi ---------------------------------*/
#etAussi {font-size:90%}

#etAussi h4 {color:#D696CE}
#etAussi .news-etaussi-item {margin-bottom:2px;}
#etAussi .partieGauche {float:left; width:45%}
#etAussi .partieDroite {float:right; width:45%}


/*
-------------------------------------------------------------------------
PLAN DU SITE
-------------------------------------------------------------------------
*/
/* Généralités */
#plan-du-site {clear:both;}
#plan-du-site ul {list-style-type:none; margin:0; padding:0; list-style:none;}
#plan-du-site ul ul {list-style-type:none; margin:0; padding:0;}
#plan-du-site ul ul li {list-style-image:url(../img/commun/pixel-vide.gif); list-style:none;}
#plan-du-site a {text-decoration:none;}
#plan-du-site a:hover {text-decoration:underline;}

/* Niveau 1 */
#plan-du-site ul ul li {display:block; clear:both; margin-bottom:5px; }
#plan-du-site ul ul li a {display:block; margin:20px 2px 15px 2px; font-size:14px; letter-spacing:3px; padding:2px 0px 2px 30px; background-image:url(../img/habillages/cartouche03.jpg); border-bottom:1px solid #CBD8DE;}

/* Niveau 2 (bleu) */
#plan-du-site ul ul li ul li {padding:0px 0px 4px 0px; margin:0; display:block; clear:both; letter-spacing:0; font-size:10px; border-bottom-color:#D5DEE3; border-bottom:1px solid #D5DEE3; }
#plan-du-site ul ul li ul li a {clear:both; letter-spacing:2px; font-size:12px; margin:0; background-image:url(); padding:0; border:0; margin-bottom:0; display:inline; font-weight:bold;}

/* Niveau 3 (vert) */
#plan-du-site ul ul li ul li ul {display:inline !important;}
#plan-du-site ul ul li ul li ul li {border:0; padding:0; margin-left:19px; margin-bottom:0; list-style-image:url(../img/commun/puce-fleche-bleue-03.gif);}
#plan-du-site ul ul li ul li ul li a {margin-right:5px; padding:0; font-size:11px; color:#999;}

/* Niveau 4 (violet) */
#plan-du-site ul ul li ul li ul li ul li {display:inline !important; margin-right:0px; font-weight:normal !important; font-size:0.9em; margin-left:0px; padding-left:10px; background-image:url(../img/commun/tiret.gif); background-repeat:no-repeat; font-weight:normal !important; }
#plan-du-site ul ul li ul li ul li ul li a {font-weight:normal !important; margin-right:0px; padding-right:5px; text-indent:10px;}


/*
-------------------------------------------------------------------------
RUBRIQUE : Decouvrir la ville
-------------------------------------------------------------------------
*/
.Decou #contenu h1 {color:#7CBB3E;}
.Decou #contenu h2 {color:#669933;}
.Decou #contenu a {color:#0099CC;}

.Decou #contenu-gauche li a {color:#00C13F;}
.Decou #contenu-gauche li a:visited {color:#00C13F;}
.Decou #contenu-gauche li ul li a {color:#666}
.Decou #contenu-gauche li ul li a:visited {color:#666}


/*
-------------------------------------------------------------------------
RUBRIQUE : Infos pratiques
-------------------------------------------------------------------------
*/
.Infos #contenu h1 {color:#D498D0;}
.Infos #contenu h2 {color:#C172BC;}
.Infos #contenu h3 {color:#AF56AA;}
.Infos #contenu a {color:#AF56AA;}

.Infos #contenu-gauche li a {color:#C39;}
.Infos #contenu-gauche li a:visited {color:#C39;}
.Infos #contenu-gauche li ul li a {color:#666}
.Infos #contenu-gauche li ul li a:visited {color:#666}


/*
-------------------------------------------------------------------------
RUBRIQUE : Citoyennete
-------------------------------------------------------------------------
*/
.Citoy #contenu h1 {color:#EC5F00;}
.Citoy #contenu h2 {color:#CE4300;}
.Citoy #contenu h3 {color:#A43500;}
.Citoy #contenu h4 {color:#8F0F01;}
.Citoy #contenu a {color:#D54500;}

.Citoy #contenu-gauche li a {color:#E73930;}
.Citoy #contenu-gauche li a:visited {color:#E73930;}
.Citoy #contenu-gauche li ul li a {color:#666}
.Citoy #contenu-gauche li ul li a:visited {color:#666}


/*
-------------------------------------------------------------------------
RUBRIQUE : Vivre a Bonneuil
-------------------------------------------------------------------------
*/
.Vivre #contenu h1 {color:#00AEE8;}
.Vivre #contenu h2 {color:#0099CC;}
.Vivre #contenu h3 {color:#0099CC;}
.Vivre #contenu a {color:#0099CC;}

.Vivre #contenu-gauche li a {color:#00A9C1}
.Vivre #contenu-gauche li a:visited {color:#00A9C1}
.Vivre #contenu-gauche li ul li a {color:#666;}
.Vivre #contenu-gauche li ul li a:visited {color:#666;}


/*
-------------------------------------------------------------------------
RUBRIQUE : Outils
-------------------------------------------------------------------------
*/
.Outil #contenu h1 {color:#871B28;}
.Outil #contenu h2 {color:#6A1520;}
.Outil #contenu h3 {color:#6A1520;}
.Outil #contenu a {color:#0066CC;}

.Outil #contenu-gauche {border-top:1px dashed #CCCCCC; display:block; float:left; margin:0; width:217px; font-size:9pt; line-height:16pt;}
.Outil #contenu-gauche p, .Outil #contenu-gauche h4, .Outil #contenu-gauchee h5, .Outil #contenu-gauche h6 {padding:0 5px 0 10px; overflow:hidden;}


/*
-------------------------------------------------------------------------
RUBRIQUE : Videos
-------------------------------------------------------------------------
*/
.videos #contenu h1 {border-bottom:1px dashed #CCCCCC; color:#999999; display:block; font-size:10pt; font-weight:normal;}

.videos #contenu-gauche li a {font-weight:normal;}

.videos #contenu-gauche li a {color:#008AB3;}
.videos #contenu-gauche li a:visited {color:#008AB3;}
.videos #contenu-gauche li ul li a {color:#666;}
.videos #contenu-gauche li ul li a:visited {color:#666;}

/*
-------------------------------------------------------------------------
RUBRIQUE : Actualités
-------------------------------------------------------------------------
*/
.Actus #contenu h1 {
	display:block;
	color:#999999;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#E1E1E1;
	font-variant:small-caps;
	font-size:12pt;
	font-weight:normal;
}
.Actus #contenu h2 {color:#871B28;}
.Actus #contenu h3 {color:#65141F;}
.Actus #contenu a {color:#0066CC;}

.Actus #contenu-gauche li a {font-weight:normal;}
.Actus #contenu-gauche li a {color:#008AB3;}
.Actus #contenu-gauche li a:visited {color:#008AB3;}
.Actus #contenu-gauche li ul li a {color:#666;}
.Actus #contenu-gauche li ul li a:visited {color:#666;}


/*
-------------------------------------------------------------------------
EXTENSIONS : MARCHES PUBLICS
-------------------------------------------------------------------------
*/

/* Ajouts de C.Seguin / Ville de Bonneuil > DEBUT */
.tx-artificamapa-pi1 #coordonnees {margin-top:0px; padding-top:0px; background-image:url(../img/habillages/marches-form-fond-01.gif);}
.tx-artificamapa-pi1 #coordonnees legend {font-weight:bold; color:#000000;}
.tx-artificamapa-pi1 #coordonnees .FORMlibelles {padding-bottom:2px; border-top:2px solid #F2F5F7; background-color:#DAEBEF; font-weight:bold;}
.tx-artificamapa-pi1-singleView-sep {clear:both; width:97%;}
.tx-artificamapa-pi1-singleViewField-label {margin-top:2px!important; margin-bottom:2px!important; margin-right:3px; padding-right:3px; padding-left:1px; padding-top:0px!important; background-color:#DAEBEF; text-align:right; width:25%; float:left; font-weight:bold;}
.tx-artificamapa-pi1-singleViewField-value {margin-top:2px!important; margin-bottom:2px!important; padding-right:1px; padding-left:1px; background-image:url(../img/habillages/marches-champs-contenu-01.gif); width:68%; float:left; text-align:left;}
.tx-artificamapa-pi1-singleViewField-value a {background-image:url(../img/habillages/marches-champs-puceliens-01.gif); background-repeat:no-repeat; padding-left:15px; font-weight:bold;}

/* Cas particulier :le champ description */
#tx-artificamapa-pi1-singleViewField-description .tx-artificamapa-pi1-singleViewField-label {width:94%; clear:both; text-align:left!important; padding-left:3px!important;}
#tx-artificamapa-pi1-singleViewField-description .tx-artificamapa-pi1-singleViewField-value {
background-image:url(../img/habillages/marches-champs-contenu-longs-01.gif); width:95%; clear:both;}
#tx-artificamapa-pi1-singleViewField-document {margin-bottom:15px!important;}
.tx-artificamapa-pi1-listrow table {width:98%;}
.tx-artificamapa-pi1-listrow table.contenttable tr td {background-color:#EFF4F5!important; border:1px solid #FFFFFF!important;}
.tx-artificamapa-pi1-listrow table.contenttable tr th {background-color:#DAEBEF!important; border:1px solid #FFFFFF!important;}
.tx-artificamapa-pi1-listrow table.contenttable tr td a {background-image:url(../img/habillages/marches-champs-puceliens-01.gif); background-repeat:no-repeat; padding-left:15px; font-weight:bold;}


.tx-artificamapa-pi1-searchbox .FORMlibelles {padding-bottom:2px; background-color:#DAEBEF; margin-top:7px;}
.tx-artificamapa-pi1-searchbox .FORM fieldset {padding-top:0px; background-image:url(../img/habillages/marches-form-fond-01.gif);}
.tx-artificamapa-pi1-searchbox .FORM legend {font-weight:bold; color:#000000; border:0px;}

/* Ajouts de C.Seguin / Ville de Bonneuil > FIN */

.tx-artificamapa-pi1 .FORMvalider {padding-top:0px;}
.tx-artificamapa-pi1-searchbox .FORM {width:96%; clear:both;}
.tx-artificamapa-pi1-searchbox .FORM fieldset div.FORMsep {clear:both!important; padding-bottom:0px!important; padding-top:0px!important;}

.tx-artificamapa-pi1 table {font-size:90%;}

.tx-artificamapa-pi1-backbutton {clear:both; border-top:1px solid #cccccc; padding:1px 1px 1px 15px; margin-top:3px; background-image:url(../img/habillages/marches-champs-puceretour-01.gif); background-repeat:no-repeat;}

.tx-artificamapa-pi1-download {}

p.tx-artificamapa-pi1-download-explanation {margin:2px; font-weight:bold; background-color:#DAEBEF; margin-left:0px;}


/*
-------------------------------------------------------------------------
PAGINATION
-------------------------------------------------------------------------
*/
.PAGINATION {font-size:90%; margin-top:15px; margin-bottom:0px; clear:both; z-index:2;}
.PAGINATIONtotal {border-top:1px solid #AAAAAA; padding:3px;}
.PAGINATIONpages a {padding:0.4em 0.5em; text-decoration:none;}
.PAGINATIONpages a:hover, .PAGINATIONpages span.PAGINATIONselectionne a {background-color:#333333; color:#000000;}
.PAGINATIONlibellepages {margin-right:10px;}


/*
-------------------------------------------------------------------------
EXTENSION : LOGIN BOX
-------------------------------------------------------------------------
*/
.tx-newloginbox-pi1 .FORM {padding:5px; margin:0; width:140px;}
.tx-newloginbox-pi1 .FORM fieldset {border:none; padding:0px;}
.tx-newloginbox-pi1 .FORM legend {display:none;}
.tx-newloginbox-pi1 .FORMchamps {clear:both; width:130px;}
.tx-newloginbox-pi1 .FORMlibelles {clear:both; width:130px; text-align:left; margin-bottom:0px;}
.tx-newloginbox-pi1 .FORMvalider {text-align:left; padding:0; margin-top:5px;}
.tx-newloginbox-pi1-error {color:#CC0000; font-weight:bold;}


/*
-------------------------------------------------------------------------
EXTENSION : artifica_associations
-------------------------------------------------------------------------
*/
.tx-artificaassociations-browsebox {margin:0px; border:1px solid #D195CD; padding:3px; margin-top:15px;}
.tx-artificaassociations-browsebox td {background-color:#FFFFFF!important;}
.tx-artificaassociations-browsebox .tx-artificaassociations-browsebox-SCell a {text-decoration:none; padding:0.3em; margin:0; color:#FFFFFF; background-color:#08B6CA;}
.tx-artificaassociations-browsebox a {text-decoration:none; background-color:#C172BC; padding:0.3em; color:#FFFFFF; margin:0 0 20px 0;}
.tx-artificaassociations-browsebox a:hover {background-color:#08B6CA;}
.tx-artificaassociations-browsebox-strong {font-weight:bold}


/*
-------------------------------------------------------------------------
Service-public-local
-------------------------------------------------------------------------
*/
#spl {width:500px;}


/*
-------------------------------------------------------------------------
EXTENSION : quickpoll
-------------------------------------------------------------------------
*/
.tx-quickpoll-pi1 .pollbar {background-color:#385675}
.tx-quickpoll-pi1 {display:block; background-image:url(../img/charte/donnezvotreavis.gif); border:1px; border-style:solid; border-color:#CCCCCC; padding:20px 1px 1px 2px; font-size:85%; margin-top:5px;}
.tx-quickpoll-pi1 form {margin:0}
.tx-quickpoll-pi1 .polltitle {color:#999999}
.tx-quickpoll-pi1 .pollanswer {margin-bottom:5px;}
.tx-quickpoll-pi1 .pollquestion {font-weight:bold; margin-bottom:5px;}
.tx-quickpoll-pi1 .polltotal {}


/*
-------------------------------------------------------------------------
EXTENSION : ml_career
-------------------------------------------------------------------------
*/
.tx-mlcareer-pi1 {padding:5px 10px 5px 10px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; margin-top:10px; background-image:url(../img/charte/offresdemploi-01.gif); background-repeat:no-repeat;}

/* titre de l'annonce selectionnee */
.tx-mlcareer-pi1 h1 {color:#AE0E36;} 

/* filiere de l'annonce selectionnee */
.tx-mlcareer-pi1 h2, .tx-mlcareer-pi1 h3, .tx-mlcareer-pi1 h4 {color:#AE0E36; font-size:100%; margin:3px 0px 1px 0px;} 

/* date de l'annonce selectionnee */
/*.tx-mlcareer-pi1 h3 {color:#000000; 	font-size:100%;} */

/* paragraphes texte de l'annonce selectionnee */
#selected_vacancy .bodytext {} 

/* bloc texte de l'annonce selectionnee */
#selected_vacancy {border-top:	1px solid #999999; border-bottom:1px solid #999999; margin-top:15px; margin-bottom:40px; padding-top:10px; padding-bottom:5px;}

/* lien postuler a l'annonce selectionnee */
.tx-mlcareer-pi1 .apply-form {font-weight:bold; padding-left:20px; margin-top:20px; background-image:url(../img/charte/offresdemploi-envoyer01-01.gif); background-repeat:no-repeat;} 

/* lien retour a la liste */
.tx-mlcareer-pi1 .back {font-weight:bold; padding-left:20px; background-image:url(../img/charte/offresdemploi-retour01-01.gif); background-repeat:no-repeat;} 

/* tableau des annonces */
#found-vacancies table {width:100%; border:0px solid #E0E0E0; padding:0px 0px 0px 0px; margin:55px 0px 0px 0px;} 
#found-vacancies table th {border:1px solid #FFFFFF; background-color:#AE0E36; color:#FFFFFF;}
#found-vacancies table tr td {border:1px solid #FFFFFF; background-color:#F0F0F0;}


/*
-------------------------------------------------------------------------
EXTENSION : artifica_viewer_videos
-------------------------------------------------------------------------
*/
/* Affichage d'une video */
.tx-artificaviewervideos-pi1 {}
.tx-artificaviewervideos-pi1 #player {}
.tx-artificaviewervideos-pi1 h2 {display:none;}
.tx-artificaviewervideos-pi1 h3 {font-size:12px; background-color:#EAEAEA; font-weight:normal; border-top:1px solid #E1E1E1;}
.tx-artificaviewervideos-pi1 .libelle {display:none;}
.tx-artificaviewervideos-pi1 p.description {}
.tx-artificaviewervideos-pi1 .permalien {}
.tx-artificaviewervideos-pi1 p.description, .tx-artificaviewervideos-pi1 p.libelle {font-size:12px; color:#666666;}
.tx-artificaviewervideos-pi1 h3, .tx-artificaviewervideos-pi1 p.description {display:block; width:499px; padding:3px 0px 3px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:2px; border-bottom-color:#E1E1E1; border-bottom-style:solid; border-bottom-width:1px;}
.tx-artificaviewervideos-pi1 h3, {margin-bottom:2px;}
.tx-artificaviewervideos-pi1 p.description, {margin-bottom:10px;}
.tx-artificaviewervideos-pi1 .permalien,.tx-artificaviewervideos-pi1 form {display:inline; font-size:80%; color:#999999;}
.tx-artificaviewervideos-pi1 input {border:none; width:300px; background-color:#FFFFFF; font-size:90%; color:#999999;}

/* Affichage de la liste des videos :voir dans les listes dans content.css */
.tx-artificaviewervideos-pi1 .listefilms {}
.tx-artificaviewervideos-pi1 ul {margin-left:0!important; clear:both;}
.tx-artificaviewervideos-pi1 ul li {display:block; float:left; margin-bottom:5px; margin-top:5px; margin-right:10px; background-color:#FFFFFF; height:155px; width:330px; background-image:url(../img/habillages/cadres-h300-fondrelief-01.jpg); border-width:1px; border-style:solid; border-color:#E2E2E2;}
.tx-artificaviewervideos-pi1 #film-dans-liste {display:block;}
.tx-artificaviewervideos-pi1 ul li img {margin:3px; float:left;}
.tx-artificaviewervideos-pi1 #listefilms-description {display:block; float:right; width:200px; line-height:1.5; font-size:11px;}
.tx-artificaviewervideos-pi1 .listefilms-resume {display:block; padding:1px 8px 1px 3px; text-align:justify;}
.tx-artificaviewervideos-pi1 .listefilms-titre a {display:block; font-size:12px; letter-spacing:1px; padding:1px 1px 1px 3px; border-bottom:1px dashed #c0d0d9;}
.tx-artificaviewervideos-pi1 .listefilms-titre a {text-decoration:none;}
.tx-artificaviewervideos-pi1 .listefilms-titre a:hover {text-decoration:underline;}
.tx-artificaviewervideos-pi1 .listefilms-lien {display:block;}
.tx-artificaviewervideos-pi1 .listefilms-lien a {text-decoration:none;}
.tx-artificaviewervideos-pi1 .listefilms-lien a:hover {text-decoration:underline;}
.tx-artificaviewervideos-pi1 p .clear {clear:both; visibility:hidden; display:block;}

/* Video : affichage en colonne centrale sur une page dediee */
#video_base {display:block; width:510px; background-color:#f0f3f4; border:1px solid #c0d0d9; margin-top:15px;}
#video_base .player_base {padding:1px; margin-top:5px;}
#video_base h5 {margin-top:3px; display:block; padding:2px 2px 2px 5px; background-image:url(../img/habillages/films/video-colonne-centrale-titre-fond.jpg); letter-spacing:2px; font-size:13px; font-weight:normal; border-bottom:1px solid #c0d0d9; border-top:1px solid #c0d0d9;}
#video_base p {padding-left:5px;}
#video_base a, #video_base a:visited {display:inline; background-image:url(../img/commun/puce-fleche-bleue-02.gif); background-repeat:no-repeat; padding-left:15px; color:#07A0B1;}

/* Video : affichage en colonne centrale dans le contenu */
#video_colonne_centrale {display:block; width:433px; background-color:#f0f3f4; border:1px solid #c0d0d9; margin-top:15px;}
#video_colonne_centrale .player_colonne_centrale {padding:1px; margin-top:5px;}
#video_colonne_centrale h5 {margin-top:3px; display:block; padding:2px  2px 2px 5px; background-image:url(../img/habillages/films/video-colonne-centrale-titre-fond.jpg); letter-spacing:2px; font-size:13px; font-weight:normal; border-bottom:1px solid #c0d0d9; border-top:1px solid #c0d0d9;}
#video_colonne_centrale p {padding-left:5px;}
#video_colonne_centrale a, #video_colonne_centrale a:visited {display:inline; background-image:url(../img/commun/puce-fleche-bleue-02.gif); background-repeat:no-repeat; padding-left:15px; color:#07A0B1;}

/* Video : affichage en colonne centrale - version reduite */
#video_centrale_reduite {display:block; width:433px; background-color:#f0f3f4; border:1px solid #c0d0d9; margin-top:15px; padding:0;}
#video_centrale_reduite .player_colonne_centrale {margin-top:5px; margin-left:2px;}
#video_centrale_reduite p.video_centrale_autresfilms {margin-top:3px; margin-bottom:0px; display:block; padding:2px 2px 2px 5px; background-image:url(../img/habillages/films/video-colonne-centrale-titre-fond.jpg); letter-spacing:2px; font-size:13px; font-weight:normal; border-top:1px solid #c0d0d9;}
#video_centrale_reduite p.video_centrale_autresfilms a, #video_centrale_reduite p.video_centrale_autresfilms a:visited {display:inline; text-decoration:none; font-size:8pt; background-image:url(../img/commun/puce-fleche-bleue-02.gif); background-repeat:no-repeat; padding-left:15px; color:#07A0B1;}
#video_centrale_reduite p.video_centrale_autresfilms a:hover {text-decoration:underline};

/* Video : affichage dans le texte */
#video_dansletexte_adroite, #video_dansletexte_agauche, #video_dansletexte {display:block;}
#video_dansletexte_adroite {float:right; clear:right; margin-left:15px;/*background-color:#06F;*/margin-bottom:15px;}
#video_dansletexte_agauche {float:left; clear:left; margin-right:15px;/*background-color:#F30;*/margin-bottom:15px;}
#video_dansletexte_adroite p, #video_dansletexte_agauche p {padding:0 !important;display:block;margin: 0px 0px 10px 0px !important; line-height:12pt;width:inherit;text-align:center;/*background-color:#09F;*/}
#player_dansletexte {margin-top:5px;/*background-color:#999;*/}
.video_dansletexte_titre {
	font-size:11px;
	color:#838383;
}
.video_dansletexte_autresfilms a {font-size:11px; color:#999 !important; text-decoration:underline;}
.video_dansletexte_autresfilms a:hover {text-decoration:none; color:#333399;}
/* Uniquement en cas de flottaison à droite ou a gauche : on centre la légende */
#video_dansletexte_adroite .video_dansletexte_titre, #video_dansletexte_agauche .video_dansletexte_titre {width:inherit;text-align:center;}
#video_dansletexte_adroite .video_dansletexte_autresfilms, #video_dansletexte_agauche .video_dansletexte_autresfilms {width:inherit;text-align:center;}


/*
-------------------------------------------------------------------------
EXTENSION : tt_news
-------------------------------------------------------------------------
*/

/* Dans les cas ou le hr sert a separer les actualites, il laisse la place a droite pour la colonne grise */
.news-rubrique-container hr {clear:left;}
.news-latest-container hr {clear:left;}

/* ---- latest ---- */ /* Pour "toute l'actualité" */
.news-latest-container_base2010 .news-latest-item {
	margin-top:20px; margin-bottom:20px; border-bottom:1px solid #E9E9E9;line-height:normal;clear:left; height:100px;}
.news-latest-container_base2010 .news-latest-item .news-latest-category {
	color:#999999; margin:0; padding:0; letter-spacing:1px;font-variant:small-caps;}
.news-latest-container_base2010 .news-latest-item .news-latest-title a { color:#871C26; text-decoration:none;}
.news-latest-container_base2010 .news-latest-item .news-latest-title a:hover {text-decoration:underline;}
.news-latest-container_base2010 .news-latest-item .news-latest-header {font-size:120%;margin:3px 0 2px 0; letter-spacing:1px;}
.news-latest-container_base2010 .news-latest-item .news-latest-date {font-size:90%; color:#999999;}
.news-latest-container_base2010 .news-latest-item .news-latest-abstract p {
	display:block;line-height:14pt; text-align:justify; color:#666;}
.news-latest-container_base2010 .news-latest-item .news-latest-image img {
	float:left; margin-right:5px; margin-bottom:5px; border:1px solid #000;}
	
/* ---- list2 ---- */ /* Pour les accueils de rubrique */
.news-list2-container_base2010 .news-list-item {
	/*background-color:#CCC;*/ width:435px;
	margin-top:20px; margin-bottom:20px; border-bottom:1px solid #E9E9E9;line-height:normal;clear:left; height:105px;}
.news-list2-container_base2010 .news-list-item .news-list-category {
	color:#999999; margin:0; padding:0; letter-spacing:1px;font-variant:small-caps;}
.news-list2-container_base2010 .news-list-item .news-list-title a { color:#871C26; text-decoration:none;}
.news-list2-container_base2010 .news-list-item .news-list-title a:hover {text-decoration:underline;}
.news-list2-container_base2010 .news-list-item .news-list-header {font-size:120%;margin:3px 0 2px 0; letter-spacing:1px;}
.news-list2-container_base2010 .news-list-item .news-list-date {font-size:90%; color:#999999;}
.news-list2-container_base2010 .news-list-item .news-list-abstract p {
	display:block;line-height:14pt; text-align:justify; color:#666; margin-bottom:10px;}
.news-list2-container_base2010 .news-list-item .news-list-image img {
	float:left; margin-right:5px; margin-bottom:5px; border:1px solid #000;}

/* ---- list ---- */ /* Toute l'actualité : série plus petite */
.news-list-container_base2010 .news-list-item {
	margin-top:15px; margin-bottom:15px; border-bottom:1px solid #E9E9E9;line-height:normal;clear:left;padding-bottom:10px;}
.news-list-container_base2010 .news-list-item .news-list-category {
	font-size:80%; color:#999999; margin:0; padding:0;letter-spacing:1px;font-variant:small-caps;}
.news-list-container_base2010 .news-list-item .news-list-header {margin:0 0 2px 0;font-size:90%; color:#871B28;letter-spacing:1px;}
.news-list-container_base2010 .news-list-item .news-list-title a {text-decoration:underline;}
.news-list-container_base2010 .news-list-item .news-list-title a:hover {text-decoration:none;}
.news-list-container_base2010 .news-list-item .news-list-date {font-size:90%; color:#999999;}
.news-list-container_base2010 .news-list-item .news-list-abstract {
	font-size:90%;display:block;line-height:14pt; text-align:justify; color:#666;}
.news-list-container_base2010 .news-list-item .news-list-image img {float:left; margin-right:5px;border:1px solid #000;}


/* ---- list2 ---- */ /* Actualités sur deux colonnes */
.news-list3-container_base2010 {margin-top:20px;}
.news-list3-container_base2010 .news-list-item {
	margin-top:15px; margin-bottom:15px; border-bottom:1px solid #E9E9E9;line-height:normal;/*clear:left;*/ 
	height:130px;
	width:310px;
	/*background-color:#CCC;*/
	float:left;
	margin-right:35px;
	}
.news-list3-container_base2010 .news-list-item .news-list-category {
	color:#999999; margin:0; padding:0; letter-spacing:1px;font-variant:small-caps;}
.news-list3-container_base2010 .news-list-item .news-list-title a { color:#871C26; text-decoration:none;}
.news-list3-container_base2010 .news-list-item .news-list-title a:hover {text-decoration:underline;}
.news-list3-container_base2010 .news-list-item .news-list-header {font-size:120%;margin:3px 0 2px 0; letter-spacing:1px;}
.news-list3-container_base2010 .news-list-item .news-list-date {font-size:90%; color:#999999;}
.news-list3-container_base2010 .news-list-item .news-list-abstract p {
	display:block;line-height:13pt; text-align:justify; color:#666;font-size:90%;}
.news-list3-container_base2010 .news-list-item .news-list-image img {
	float:left; margin-right:5px; margin-bottom:5px; border:1px solid #000;}

/* ---- list ---- */
/*.news-list-item {margin-top:10px;}
.news-list-item .news-list-category {font-size:80%; color:#999999; margin:0; padding:0;}
.news-list-item .news-list-title a {font-size:90%; color:#871B28; font-weight:bold; text-decoration:underline;}
.news-list-item .news-list-title a:hover {text-decoration:none;}
.news-list-item .news-list-header {margin:0 0 2px 0;}
.news-list-item .news-list-date {font-size:90%; color:#999999;}
.news-list-item .bodytext {font-size:90%; color:#000000; margin-top:0;}
.news-list-item .news-list-image img {float:left; margin-right:5px;}
#separateur-actus-2 {clear:left; margin:0px; padding:0px; height:1px; margin-top:5px; margin-bottom:5px;}
*/

/* ---- liste du bas ---- */
.news-bas-container {margin-bottom:15px; margin-top:15px;}
.news-bas-item {margin-top:1px; font-weight:normal;}
.news-bas-item .news-bas-category {font-size:85%; color:#999999; margin:0; padding:0;}
.news-bas-item .news-bas-title a {font-size:85%; color:#871B28; font-weight:normal; text-decoration:underline;}
.news-bas-item .news-bas-title a:hover {text-decoration:none;}
.news-bas-item .news-bas-header {margin:0 0 0 0;}
.news-bas-item .bodytext {font-size:85%; color:#000000; margin-top:0;}

/* ---- catmenu ---- */
#actuspartheme {}
#actuspartheme ul {list-style-type:none; padding:0; margin:0;}
#actuspartheme ul a {text-decoration:none; text-indent:30px; color:#666666; background-image:url(../img/commun/v2008-liencadre-fond.gif); display:block; height:20px; padding-top:4px; padding-bottom:4px; font-weight:normal;}
#actuspartheme ul li {border-bottom:1px solid #c0d0d9;}
#actuspartheme ul a:hover {color:#990000; background-position:-217px;}
#actuspartheme .on a {color:#990000;}

#news-catmenu .on a {background-position:-217px;}

/* ---- Page-Browser ---- */
.tx-ttnews-browsebox {margin:0px; border:1px solid #D195CD; padding:3px; margin-top:15px; }
.tx-ttnews-browsebox table {background-color:#FFFFFF !important;}
.tx-ttnews-browsebox TD {font-size :90%; padding:3px; background-color:#C172BC;}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {font-weight:bold;}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P {margin:0px;}
.tx-ttnews-browsebox-SCell {background-color:#08B6CA !important;}
.tx-ttnews-browsebox a {color:#FFFFFF;}

/* ---- single ---- */
.news-single-item {margin-top:15px}
.news-single-timedata {font-size:90%; color:#999999;}
.news-single-links p {margin:0}
.news-single-related dt {font-weight:bold;}
.news-single-links dt {font-weight:bold;}
.news-single-author {display:none;}

/* ---- Rubrique STANDARD ---- */
.news-rubrique-item {margin-top:20px; text-align:justify;}
.news-rubrique-item .news-rubrique-category {font-size:90%; color:#999999; margin:0; padding:0}
.news-rubrique-item .news-rubrique-title a {font-size:110%; font-weight:bold; text-decoration:none}
.news-rubrique-item .news-rubrique-title a:hover {text-decoration:underline}
.news-rubrique-item .news-rubrique-header {margin:0 0 2px 0;}
.news-rubrique-item .news-rubrique-date {font-size:90%; color:#999999;}
.news-rubrique-item .bodytext {font-size:100%; color:#000000; margin-top:0;}
.news-rubrique-item .news-rubrique-image img {float:left; margin-right:5px;}

/* ---- Version 2010 en colonne centrale ---- */
.news-standard-item {margin-top:20px; text-align:justify;}
/*.news-standard-item .news-standard-category {font-size:90%; color:#999999; margin:0; padding:0}*/
.news-standard-item .news-standard-title a {font-size:110%; font-weight:bold; text-decoration:none}
.news-standard-item .news-standard-title a:hover {text-decoration:underline}
.news-standard-item .news-standard-header {margin:0;line-height:10pt;}
.news-standard-item .news-standard-abstract {/*font-size:90%;*/ color:#666;}
/*.news-standard-item .news-standard-date {font-size:90%; color:#999999;}*/
/*.news-standard-item .bodytext {font-size:100%; color:#000000; margin-top:0;}*/
.news-standard-item .news-standard-image img {float:left; margin-right:5px;border:1px solid #000;}
.news-standard-container hr {clear:left;}

/* ---- En colonne de droite ---- */
.news-adroite-item {margin-top:10px; text-align:justify; font-size:90%;}
.news-adroite-item .news-adroite-title a {font-size:110%; font-weight:bold; text-decoration:none}
.news-adroite-item .news-adroite-title a:hover {text-decoration:underline}
.news-adroite-item .news-adroite-header {margin:0 0 2px 0; font-size:11px;}
.news-adroite-item .bodytext {color:#000000; margin-top:0;}
.news-adroite-item .news-adroite-image img {float:left; margin-right:5px;border:1px solid #000;}


/* ---- SUR 2 COLONNES ---- */
.news-2col-container {clear:both; width:686px;}

.news-2col-item {width:305px; padding:5px; border-width:1px; border-style:solid; border-color:#E2E2E2; margin-bottom:15px; margin-right:20px; float:left; height:130px; line-height:1.6;}
.news-2col-item p {margin-top:0; margin-bottom:0;}
.news-2col-header {margin:0; padding:0;}
.news-2col-category {display:block; margin:0; color:#999; font-size:80%;}
.news-2col-title a {font-size:100%; font-weight:normal; text-decoration:none; margin:0; padding:0; color:#068CB3!important;}
.news-2col-title a:hover {text-decoration:underline}
.news-2col-image {float:left; margin-right:5px; margin-bottom:20px; margin-top:3px; border:1px solid #000;}
.news-2col-item .bodytext {font-size:90%; color:#939393; margin-top:0; text-align:justify;}


/*
-------------------------------------------------------------------------
PAGE DE RESULTATS DE RECHERCHE
-------------------------------------------------------------------------
*/
.tx-indexedsearch-form {margin:15px 0px 0px 0px; padding:0;}
	.tx-indexedsearch-form .FORM {}
		.tx-indexedsearch-form .FORM fieldset {border:1px solid #ad41a6;}
		.tx-indexedsearch-form .FORM legend {color:#ad41a6; display:none;}
	
.tx-indexedsearch-browsebox {margin:0; padding:0;}
.tx-indexedsearch-redMarkup {font-weight:bold;}
.tx-indexedsearch-browsebox-strong {font-weight:bold;}
.tx-indexedsearch-whatis {margin:0px 0px 20px 0px!important; font-weight:bold;}

/* pagination*/
.browsebox {padding:15px 0 20px 0!important; margin:0!important; font-size:90%;}
	.browsebox li {display:inline; margin-right:5px!important;}
	.browsebox a {padding:0.2em 0.4em; border:1px solid #ad41a6; text-decoration:none; color:#ad41a6}
	.browsebox strong a {color:#fff; border:1px solid #ad41a6; background:#ad41a6}
	.browsebox a:hover {color:#fff; border:1px solid #ad41a6; background:#ad41a6}

.tx-indexedsearch-path {margin:0px;}
	.tx-indexedsearch-path a {color:#000; text-decoration:none; font-size:90%;}
	.tx-indexedsearch-path a:hover {text-decoration:underline;}
	
.tx-indexedsearch-dates {margin:0px; font-size:90%;}
.tx-indexedsearch-size {margin:0px; font-size:90%; font-style:italic;}

.tx-indexedsearch-res {border-bottom:1px solid #ccc;}
	.tx-indexedsearch-res img {vertical-align:middle;}
	
.tx-indexedsearch-change-mode {font-size:80%;}
.tx-indexedsearch-hierarchy {font-weight:bold;}

.tx-indexedsearch-item {clear:both!important; border-top:1px solid #ccc; margin:2px 0px 6px 0px; padding:5px 0px 0px 0px;}
	.tx-indexedsearch-item .title {margin:0px 0px 10px 0px; font-weight:bold;}
	.tx-indexedsearch-item .details {margin:0px 0px 0px 20px;}
	.tx-indexedsearch-item .details .description {background:#f1f1f1; padding:5px;}
	

/*
-------------------------------------------------------------------------
EXTENSION : artifica_directories
-------------------------------------------------------------------------
*/	

/* ---- Companies search ----*/
.companies-search-form {padding:0px;}
.companies-list-item h3 {font-size:100%}
.companies-list-category { font-size:90%}
.companies-search-form .FORM select {width:300px}
.companies-search-form .FORM {width:99%; margin-top:0;}

/* ---- Companies liste simple ----*/
/* Insertion C.Seguin | Bonneuil | mai 2009 */
.companies-list-container .simple-list {}
.companies-list-container .simple-list ul {margin:0!important;}
.companies-list-container .simple-list ul li {list-style-type:none; display:block; width:310px; height:85px; margin-bottom:5px; margin-top:5px; margin-right:5px;}
.companies-list-container .simple-list ul li.colonnage1 {float:left; clear:left;}
.companies-list-container .simple-list ul li.colonnage2 {float:right; clear:right;}
.companies-list-container .simple-list ul li.annuaire-liste-item {border:1px solid #E2E2E2; padding:6px; line-height:13px; font-size:11px; background-image:url(../img/habillages/cadres-h100-fondrelief-01.jpg);}
.companies-list-container .simple-list ul li.annuaire-liste-item h3 {margin:0; font-size:12px; font-weight:normal; letter-spacing:2px;}
.companies-list-container .simple-list ul li.annuaire-liste-item p {margin:2px 0px 2px 0px;}
.companies-list-container .simple-list ul li.annuaire-liste-item .annuaire-liste-adresse {display:block; color:#999999;}
.companies-list-container .simple-list ul li.annuaire-liste-item .annuaire-liste-web {display:block; color:#999999;}
.companies-list-container .simple-list ul li.annuaire-liste-item .annuaire-liste-tel {display:block; color:#999999;}
.companies-list-container .pagination {display:block; clear:both;}
/* Mise en forme des titre dans l'affichage par catégorie - C.Seguin - juin 2010 */
.companies-list-container .simple-list h2 {
	/* Cadre*/
	display:block;
	padding:2px 2px 2px 35px;
	border-bottom-width:1px solid #CBDADA;
	clear:left;
	margin-top:30px;
	margin-bottom:10px;
	margin-right:5px;
	background-image:url(../img/habillages/cartouche03.jpg);
	/* Caractères */
	font-size:110% !important;
	font-weight:normal;
	letter-spacing:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#008BB9!important;
}

/* ---- Companies details ---- */
.companies-single-item {display:block; clear:both; color:#737373;}
.companies-single-category {font-size:90%; color:#999999; padding-left:5px;}
.companies-single-item h2 {margin:0px 0px 10px 0px; background-image:url(../img/habillages/h3-fond03.jpg); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#D6D6D6; padding:2px 2px 2px 6px; font-size:1.2em; letter-spacing:4px;}
.companies-single-item h4 {margin:10px 0px 10px 0px; display:block; background-image:url(../img/habillages/h3-fond03.jpg);}
.companies-single-item h4.companies-single-etroit {width:380px;}
.companies-single-file {border:1px solid #E2E2E2; padding:10px; color:#737373;}

.companies-single-website {color:#999999; display:block; float:right; border-width:1px; border-style:solid; border-color:#E2E2E2; padding:15px; width:250px; margin:10px 0px 15px 15px; background-image:url(../img/habillages/cadres-h300-fondrelief-01.jpg);}

.companies-single-adress, .companies-single-companyinfo {color:#666666; margin-bottom:20px;}

.companies-single-text {text-align:justify;}
.companies-single-backlink {margin-top:30px;}

/* ---- Companies Page-Browser ---- */
.tx-artificacompanies-browsebox {margin:0px; border:1px solid #D195CD; padding:3px; margin-top:15px;}
.tx-artificacompanies-browsebox td {background-color:#FFFFFF!important;}
.tx-artificacompanies-browsebox .tx-artificacompanies-browsebox-SCell a {text-decoration:none; padding:0.3em; margin:0; color:#FFFFFF; background-color:#08B6CA;}
.tx-artificacompanies-browsebox a {text-decoration:none; background-color:#C172BC; padding:0.3em; color:#FFFFFF; margin:0 0 20px 0;}
.tx-artificacompanies-browsebox a:hover {background-color:#08B6CA;}
.tx-artificacompanies-browsebox-strong {font-weight:bold}

/* ---- Associations search ---- */
.associations-search-form {padding:0px;}
.associations-list-item h3 { font-size:100%}
.associations-list-category { font-size:90%}
.associations-single-libelle { font-weight:bold}
.associations-single-libelle { font-weight:bold}
.associations-search-form .FORM select {width:300px}
.associations-search-form .FORM {width:99%; margin-top:0;}

/* ---- Associations liste simple ---- */
/* Insertion C.Seguin | Bonneuil | mai 2009 */

.tx-artificadirectories-pi1-search .simple-list {}
.tx-artificadirectories-pi1-search .simple-list ul {margin:0!important;}
.tx-artificadirectories-pi1-search .simple-list ul li {list-style-type:none; display:block; width:310px; height:60px; margin-bottom:5px; margin-top:5px; margin-right:5px;}
.tx-artificadirectories-pi1-search .simple-list ul li.colonnage1 {float:left; clear:left;}
.tx-artificadirectories-pi1-search .simple-list ul li.colonnage2 {float:right; clear:right;}
.tx-artificadirectories-pi1-search .simple-list ul li.annuaire-liste-item {border:1px solid #E2E2E2; padding:6px; line-height:13px; font-size:11px; background-image:url(../img/habillages/cadres-h100-fondrelief-01.jpg);}
.tx-artificadirectories-pi1-search .simple-list ul li.annuaire-liste-item h3 {
margin:0; font-size:12px; font-weight:normal; letter-spacing:2px;}
.tx-artificadirectories-pi1-search .simple-list ul li.annuaire-liste-item .annuaire-liste-adresse {display:block; color:#999999;}
.tx-artificadirectories-pi1-search .simple-list ul li.annuaire-liste-item .annuaire-liste-tel {display:block; color:#999999;}

.tx-artificadirectories-pi1-search .pagination{clear:both;}


/* GALLERY
/*-------------------------------------------------------------------------------------------------------*/

#contenu-principal .gallery ul li.colonnage1 {clear:left; margin:0px 0px 20px 0px}
#contenu-principal .gallery ul li {width:170px; display:block; float:left; list-style-type:none; margin:0px 0px 20px 10px; padding:0; text-align:left; background:none; border-bottom:1px solid #FFFFFF;}
#contenu-principal .gallery ul li img {/* float:left; padding:5px;*/}

#contenu-principal .div3cols div.col {width:170px;float:left;margin:0px 5px 20px 0px; padding:0; text-align:left; background:none;}
#contenu-principal .div3cols strong {font-weight:normal !important}


/* Galerie de PDF à l'aide du type d'élément "liste de fichiers"
/*******************************************************************************************************/

/* Cas 1 : type Magazine */
ul.mag {margin:0;padding:0;margin-left:0!important;}
ul.mag li {
	list-style-type:none;
	display:block;
	float:left;
	width:155px;
	margin-right:10px;
	margin-bottom:5px;
	height:155px;
	}
ul.mag li span.vignettepdf {margin-right:5px;float:left; border:1px solid #000;}
ul.mag li .titrepdf {
	font-size:12px;
	font-weight:normal;
	font-variant: small-caps;
	margin-bottom:3px;
	}
ul.mag li p {font-size:11px; line-height:normal;}
ul.mag li.colonnage1 {clear:left;}

/* Cas 2 : liste de documents quelconques type compte-rendus CM */

.liste-documents {display:block; clear:left; width:435px;}
.liste-documents h2 {
	padding:2px;
	padding-left:35px;
	border-bottom:1px solid #CBDADA;
	display:block;
	font-size:110% !important;
	font-weight:normal;
	margin:20px 5px 20px 0px;
	letter-spacing:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../img/habillages/cartouche03.jpg);color:#008BB9!important;
}
/*h4.cartouche03-reduit, h4.cartouche04-reduit {width:402px;clear:left;}*/

ul.liste-docs {margin:0;padding:0;margin-left:0!important;}
ul.liste-docs li {
	list-style-type:none;
	display:block;
	float:left;
	width:130px;
	margin-right:10px;
	margin-bottom:15px;
	height:155px;
	text-align:center;
	/*background-color:#69F;*/
	}
ul.liste-docs li span.vignettepdf {clear:both; display:block;}
ul.liste-docs li span.vignettepdf img {border:1px solid #000;}
ul.liste-docs li .titrepdf {
	font-size:12px;
	font-weight:normal;
	font-variant: small-caps;
	}
ul.liste-docs li p {font-size:11px; line-height:normal;}
ul.liste-docs li.colonnage1 {clear:left;}
ul.liste-docs li .format {font-size:9px; color:#999;}

/* Un seul document à l'aide du type d'élément "liste de fichiers"
/*******************************************************************************************************/

.document_display {text-align:center; padding:5px 5px 2px 5px;}
.document_display a {text-decoration:underline;}
.document_display a:hover {text-decoration:none;}
.document_display .vignettepdf {display:block; margin-bottom:3px;}
.document_display .titrepdf {letter-spacing:1px;}
.document_display .format {font-size:90%; color:#999;}


/* DIAPORAMA */
/*******************************************************************************************************/

#contenu-principal #diaporama-wrap {height:409px; overflow:hidden;  margin:0 0 1em 0; position:relative; width:550px; background-color:#000;}

#contenu-principal #une-nav, #contenu-principal #une-nav-2  { position:absolute; bottom:0; left:0; text-align:center; width:530px; height:20px; z-index:200; padding:10px;}
#contenu-principal #une-nav{ margin:0 50px; width:430px;}
#contenu-principal #une-nav-2{ background:#fff; }


#contenu-principal #une-nav-2 #prev, #contenu-principal #une-nav-2 #next{ float:left; display:block; background:url(../img/une-prev.gif) no-repeat;  width:25px; height:25px;  text-indent:-9999px;font-size:0;}
#contenu-principal #une-nav-2 #next{ float:right;background:url(../img/une-next.gif) no-repeat;}

#contenu-principal #une-nav a { border: 1px solid #ccc;  text-decoration: none; margin: 0 5px; padding: 3px 5px; color:#666  }
#contenu-principal #une-nav a.activeSlide { background: #A3001D; color:#fff; border-color:#A3001D }
#contenu-principal #une-nav a:focus { outline: none; }

#contenu-principal ul#diaporama  {list-style-type:none; padding:0px; margin:0px}
#contenu-principal #diaporama li {width:100%; text-align:center; list-style-type:none; padding:0px; margin:0px}
#contenu-principal #diaporama li .legende{color:#fff;}


/* OVERLAY - Begin
/*-------------------------------------------------------------------------------------------------------*/
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    /*min-height:200px;*/ 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(http://flowplayer.org/img/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}


/* "next image" and "prev image" links */
.simple_overlay .next, .simple_overlay .prev, .simple_overlay .play {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.simple_overlay .prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.simple_overlay .next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.simple_overlay .next:hover, .simple_overlay .prev:hover, .simple_overlay .play:hover {
	text-decoration:underline;
	background-color:#000;
}

.simple_overlay .play{
	left:30%;
	top:5px;
	width:33%;
	background:#333; opacity:0.8;
	text-align:center;
}
	



/* when there is no next or previous link available this class is added */
.simple_overlay .disabled {
	visibility:hidden;		
}

/* the "information box" */
.simple_overlay .info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.simple_overlay .info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.simple_overlay .progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.simple_overlay .next, .simple_overlay .prev, .simple_overlay .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(http://flowplayer.org/img/global/gradient/h80.png) repeat-x;		
}


.simple_overlay .next, .simple_overlay .prev { 
    /* absolute positioning relative to the overlay */ 
    position:absolute; 
    top:40%; 
 
    /* upcoming CSS3 rounded border feature */ 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
} 
 
/* progress indicator (animated gif). should be initially hidden */ 
.simple_overlay .progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
#thumbs a.active img { 
    outline:1px solid #000; 
    z-index:9999; 
    position:relative; 
}
/* OVERLAY - End
/*-------------------------------------------------------------------------------------------------------*/



/* OVERLAY - Begin
/*-------------------------------------------------------------------------------------------------------*/
.beuser-admin-barre {color:#696969; clear:both; padding:4px; margin:5px 0px 7px 0px; text-align:right;}
.beuser-admin-barre a {color:#696969; text-decoration:none}
.beuser-admin-barre a:hover {color:#000000; text-decoration:underline}

#contenu .artifica-reactto {}
#contenu .artifica-reactto h2, h2.cartouche05-commentaire, h3.cartouche05-commentaire {
	/* Modification C.Seguin - Bonneuil - 17 mai 2010 */
	display:block;
	height:34px;
	letter-spacing:2px;
	margin:10px 0px 10px 0px;
	padding-left:50px;
	padding-top:3px;
	background-image:url(../img/habillages/cartouche05-commentaires.jpg);
	background-repeat:no-repeat;
	font-size:110%;
	color:#bf0064;
	font-weight:normal;
	}
	#contenu .artifica-reactto li.alter {background:#CCCCCC;}
	#contenu .artifica-reactto .FORM fieldset {padding:0px 0px 10px 10px;}
	#contenu .artifica-reactto .FORM input {width:auto!important;}
	#contenu .artifica-reactto .comment-list {margin-top:25px;}
	#contenu .artifica-reactto p {margin-bottom:0.6em;}
	#contenu .artifica-reactto ul {padding:0px; margin:0px;}	
	#contenu .artifica-reactto li.comment {padding:0.3em 0px 0px 5px; list-style-image:none; list-style-position:outside; list-style-type:none; background:#fff; margin:0px; background:#f0f3f4}
	#contenu .artifica-reactto .comment-meta {}
	#contenu .artifica-reactto .comment-time {-x-system-font:none; color:#888888; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:0.8em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;}
	#contenu .artifica-reactto .comment-entry {font-size:90%; color:#666;}	
	#contenu .artifica-reactto .FORMsep { margin:0}
	#contenu .artifica-reactto fieldset{ border-width:2px 0 0 0; padding-top:1em!important }
	
#contenu #message {background-color:#FFFBCC!important; margin:20px 0px 15px 0px!important; border-color:#E6DB55!important; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-style:solid; border-width:1px; margin:5px 15px 2px;}
#contenu #message.error {background-color:#FADEE0!important; border-color:#F7989F!important;}
#contenu #message p {color:#333333; font-size:14px; line-height:1.2; margin:0.5em 0 !important; padding:2px 5px 2px 5px;}	

#contenu .button-simple, #contenu .button-submit {-moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px; -moz-border-radius-topleft:11px; -moz-border-radius-topright:11px; -moz-box-sizing:content-box; border-style:solid; border-width:1px; cursor:pointer; font-size:11px!important; line-height:18px!important; padding:2px 8px 3px 8px!important; text-decoration:none; border-color:#BBBBBB; color:#464646!important; background:#F2F2F2!important; font-weight:normal!important;}
#contenu .button-submit {border:1px solid #6A97AE!important; background:#AED8ED!important; color:#195371!important; font-weight:bold!important;}

#contenu button.button-simple {font-size:12px!important;}