/*
-----------------------------------------------
Style "Nantes.fr" pour gabarit "accueil"

media:    all
auteur:   Matthieu Faure puis MENORET
version:  12/06/2007 puis 25/07/2008

Remarques:
- s'appuie sur les CSS "reset" et "fonts" v2.2.2 de YUI http://developer.yahoo.com/yui/
- doit etre appele *apres* "reset" et "fonts"
----------------------------------------------- */


/* surcharge balises HTML
----------------------------------------------- */
* {font-family:verdana,arial,helvetica,clean,sans-serif;} 

#content h2 {
	margin: 0.2em 0 0.2em 0; /* Menoret 17/10/08 passe de 1em A 0.2em */
}
#content h3 {
	margin: 0.2em 0 0.2em 0; font-weight:bold /* Menoret 11/03/09 passe de 1em A 0.2em */
}

strong {
	font-weight:bold;
}

em {
	font-style: italic;
}
hr {display:block;
height: 1px;
margin: 0;
_margin: -5px 0 /* hack IE pour essayer supprimer les grosses marges quIE genere - ok avec ie6 no 7 */;
padding: 0;
color: silver;
background-color: silver;
border: 0;} /* Menoret 17/10/08 style pour hr inexistante jusquacejour */

a:hover {
	text-decoration: none;
}

/* classes generiques ----------------------------------------------- */
.skip {
	height:0;
	width:0;
	left:-19000px;
	overflow:hidden;
	position:absolute;
}

.floatleft {
	float: left;
}

.lien-soulignement a {
	text-decoration: none;
}

.lien-soulignement a:hover {
	text-decoration: underline;
	/*text-decoration: none;*/
}

.lien-blanc a {
	color: white;
}

.lien-blanc a:hover {
	color: white;
}

.puce-fleche-blanche {
	/*background: url(../images/puce-fleche-blanche-inferieure-droite-transparente.gif) 8px 50% no-repeat; par MENO 22/06/09 */
	background: url(../images/puce-fleche-blanche-inferieure-droite-transparente.gif) 8px top no-repeat;
	padding: 0 0 0 20px;
}

.liste-a-point {
	list-style-type: disc;
	list-style-position:inside;
	margin: 1em 0 1em 0.5em;
}

.liste-a-point li {
	margin: 0.2em 0 0 0.2em;
}

.liste-a-point-carre-marron {
	margin: 1em 0 1em 0.5em;
}

.liste-a-point-carre-marron li {
	background: url(../images/puce-carree-marron.png) 0 50% no-repeat;
	padding: 0 0 0 10px;
	margin: 0.2em 0 0 0.2em;
}

/* = formulaire de contact -------------------------------------------------- */
.csc-mailform {background: #dcebf3}
.csc-mailform label {float:left;width:25em;text-align:right;margin-right:1ex;}
.csc-mailform-label {display:block;margin: 0.5em 0 ;clear:left;}
.csc-mailform input,
.csc-mailform textarea {/*width: 23em;*/}
.csc-mailform-field {margin: 0.5em 0;margin-top:1ex;padding-bottom:1ex;}
.csc-mailform-submit {margin-left: 10em;}

/* ----------- formulaire distrib NantesPassion : meno 21/04/2009 ----- */
#form_np {padding:2ex;background: #dcebf3}
#form_np .csc-mailform label{float:left;width:25em;text-align:right;margin-right:1ex;}
#form_np .csc-mailform-label{font-size:150%;font-weight:bold;text-align:left;margin-left:5ex}
#form_np .csc-mailform-radio legend {display:none}
#form_np .csc-mailform-field select {background:#F7F7F7;color:navy;}
#form_np .csc-mailform-submit {margin: 1ex 20em}

/* ----------- formulaire candidature conseil quartier : meno 15/07/2009 ----- */

#form_candidat .csc-mailform {background: transparent}
#form_candidat .csc-mailform label{float:left;width:25em;text-align:right;margin-right:1ex;}
#form_candidat .csc-mailform-label {font-size:150%;font-weight:bold;text-align:left;margin:0 1ex 0 5ex}
#form_candidat .csc-mailform-field {margin:0.3ex 0;border-bottom:1px solid gray;float:left;width:100%}
#form_candidat .csc-mailform textarea {width:20em}


/* =clearfix -------------------------------------------------- */
/* clearfix/easyclearing: cf http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* classe gainlayout pour IE/win
		- utilise sur 
----------------------------------------------- */
/* \*/
* html .gainlayout { height: 1%; }
/* */

/* =doc
--------------------------------------------- */
#doc { /* SM largeur voulue 1000px */
	width:76.92em; /* !IE */
	 *width:91.6em; /* IE */ /* SM empirique */
	min-width:1000px;margin: 0pt auto;
	/* background-color:#CCFFCC;  couleur vert pale pour tester visble seulement sur IE */
}

/* =hd ----------------------------------------------- */
#hd {
	background: black;
}

#header-main {
	color: black;
	background: #dcebf3 url(../images/header-bg-centre-inferieur-droit.gif) 101% 10% no-repeat;
	/* 80%: valeur empirique pour alignement avec bg-img de #content-article-extra */
}

#header-main h1 {
	margin: 0.5em 1em;
}

#breadcrumb  {
	margin: 0.5em 1em;
	color: #243a44;
}

#breadcrumb a {
	color: #243a44;
}

#header-extra {
	color: white;
	background: black;
}

#header-extra form {
	margin: 0.2em 0 0 0.2em;
}

#search-submit {
	position: relative;
	top: 0.3em;
	margin-left: 5px;
}

/* =nav ----------------------------------------------- */
#nav li.nav1 div a {
	font-weight: bold;
	color: black;
	letter-spacing:-0.06ex; /* modif meno pour serrer menu 26-11-08 */
	margin-left:-0.3ex; /* modif meno pour serrer menu  26-11-08 */
}

ul.nav1 {
	margin: 1em 0 1em 0.5em;
}

li.nav1 {
	background: url(../images/nav-liseret.jpg) bottom left no-repeat;
	margin: 0.2em 0 0.5em 0;
	*padding-bottom: 4px; /* IE6 (pour compenser l'absence de padding sur "li.nav1 div") */
}

li.nav1 div {
	padding: 0 0 0.5em 10px;
	*padding-bottom:0px; /* IE6 (bug fortement suspecte mais non qualifie) */
	background: url(../images/nav-puce-triangle-bleu.png) 0 0.4em no-repeat;
}

ul.nav2 {
	padding: 0 1em 0.5em 0;
}

.nav2 li a {
	color: #345075;
}

.nav2 li.nav2-active a {color:#000;}

/* =nav : gestion du pliage / depliage ----------------------------------------------- */
.nav-puce-deroulante {
	display: block;
	text-align:right;
	margin: -1.2em 20px 0 0;
}

.nav-enroulee .nav2 {
	/* display:none; */ /* => sous-traite au Javascript */
}

/* Styles pour puce deroulee / enroulee ; s'applique sur du code html genere par JS */
.nav-deroulee .nav-puce-deroulante a img,
.nav-enroulee .nav-puce-deroulante a img {
	width: 11px; /* largeur de l'image d'arriere-plan du lien a (parent de img) */
	height: 12px; /* hauteur de l'image d'arriere-plan du lien a (parent de img) */
}

/* Styles pour puce *enroulee* ; s'applique sur du code html genere par JS */
.nav-enroulee .nav-puce-deroulante a {
	background: url(../images/nav-puce-plus.jpg) no-repeat 0 0;
}

#nav-26.nav-deroulee .nav-puce-deroulante a,
/* echange culture - vie quotidienne #nav-5.nav-deroulee .nav-puce-deroulante a,*/
#nav-culture.nav-deroulee .nav-puce-deroulante a {
background: url(../images/nav-puce-moins-culture.gif) no-repeat 0 0;
}
#nav-4.nav-deroulee .nav-puce-deroulante a,
#nav-decouverte.nav-deroulee .nav-puce-deroulante a {
background: url(../images/nav-puce-moins-decouverte.gif) no-repeat 0 0;
}
#nav-3.nav-deroulee .nav-puce-deroulante a,
#nav-detente.nav-deroulee .nav-puce-deroulante a {
background: url(../images/nav-puce-moins-detente.gif) no-repeat 0 0;
}
#nav-28.nav-deroulee .nav-puce-deroulante a,
#nav-mairie.nav-deroulee .nav-puce-deroulante a {
background: url(../images/nav-puce-moins-mairie.gif) no-repeat 0 0;
}
#nav-27.nav-deroulee .nav-puce-deroulante a,
#nav-sport.nav-deroulee .nav-puce-deroulante a {
background: url(../images/nav-puce-moins-sport.gif) no-repeat 0 0;
}

#nav-5.nav-deroulee .nav-puce-deroulante a,
/* echange culture - vie quotidienne #nav-26.nav-deroulee .nav-puce-deroulante a,*/
#nav-vie-quotidienne.nav-deroulee .nav-puce-deroulante a {
background: url(../images/nav-puce-moins-vie-quotidienne.gif) no-repeat 0 0;
}
#nav-534.nav-deroulee .nav-puce-deroulante a,
#nav-ville-pratique.nav-deroulee .nav-puce-deroulante a {
background: url(../images/nav-puce-moins-ville-pratique.gif) no-repeat 0 0;
}
#nav-25.nav-deroulee .nav-puce-deroulante a,
#nav-urbanisme.nav-deroulee .nav-puce-deroulante a {
background: url(../images/nav-puce-moins-urbanisme.gif) no-repeat 0 0;
}
/* changement de puce (puce de gauche) */
#nav-26.nav-deroulee div,
/* echange culture - vie quotdienne #nav-5.nav-deroulee div,*/
#nav-culture.nav-deroulee div {
background-image: url(../images/nav-puce-carree-culture.png);
}
#nav-4.nav-deroulee div,
#nav-decouverte.nav-deroulee div {
background-image: url(../images/nav-puce-carree-decouverte.png);
}
#nav-3.nav-deroulee div,
#nav-detente.nav-deroulee div {
background-image: url(../images/nav-puce-carree-detente.png);
}
#nav-28.nav-deroulee div,
#nav-mairie.nav-deroulee div {
background-image: url(../images/nav-puce-carree-mairie.png);
}
#nav-27.nav-deroulee div,
#nav-sport.nav-deroulee div {
background-image: url(../images/nav-puce-carree-sport.png);
}
#nav-5.nav-deroulee div,
/* echange culture - vie quotdienne #nav-26.nav-deroulee div, */
#nav-vie-quotidienne.nav-deroulee div {
background-image: url(../images/nav-puce-carree-vie-quotidienne.png);
}
#nav-534.nav-deroulee div,
#nav-ville-pratique.nav-deroulee div {
background-image: url(../images/nav-puce-carree-ville-pratique.png);
}
#nav-25.nav-deroulee div,
#nav-urbanisme.nav-deroulee div {
background-image: url(../images/nav-puce-carree-urbanisme.png);
}

/* =content : generique ----------------------------------------------- */
#content h2 {
	margin-top: 0; /* suppression margin-top pour positionner au pixel pres par rapport au background */
	font-weight: bold;
}

#content p {
	margin: 0.1em 0 1em 0; /* menoret 17/10/08 diminue margehaute */
}


.testliste #content ul,
.testliste #content ol,
.testliste #content dl { 
	margin:1em; 
} 
.testliste #content ol,
.testliste #content ul,
.testliste #content dl { 
	margin-left:2em; 
} 
.testliste #content ol li { 
	list-style: decimal outside;     
} 
.testliste #content ul li { 
	list-style: disc outside; 
} 
.testliste #content dl dd { 
	margin-left:1em;
}

#content ul {margin-bottom:1em;margin-top:0.1em;} /* menoret 17/10/08 deserre UL marge haut bas */

#content a,
#extra-content a {
	color: black;
}

#extra-content img {
	padding-top: 5px;
}

#extra-content ul li {width: auto;}	/* MENO 14/11/08 remplace width 200px;*/
#extra-content ul{
	margin-top: 0.5em;margin-bottom:1em; 
}/* menoret pour d�serrer les ul de la colonne extra */
#extra-content li{
	margin-bottom:0.5ex; 
}/* menoret 13/11/08 pour d�serrer les li de la colonne extra */

#extra-content ul li ul{
	margin: 0 0 1ex 4ex;
}/* menoret 13/11/08 pour caler ul dans une li */

.contenu-plus-info {
	clear: both; /* necessaire pour passer sous les images d'illustration */
	border-left: solid 7px;
	padding: 0 0 5px 10px; /* 5px: pour deborder un peu vers le bas ; 10px: espace le long de la bordure */
	margin-bottom: 5px; /* pour ne pas coller la bordure aux contenus suivants */
	
}

.rubrique-culture .contenu-plus-info {
	border-color: #fbc732; 
}
.rubrique-decouverte .contenu-plus-info {
	border-color: #c87eae; 
}
.rubrique-detente .contenu-plus-info {
	border-color: #b5d768; 
}
.rubrique-mairie .contenu-plus-info {
	border-color: #92b3c1; 
}
.rubrique-sport .contenu-plus-info {
	border-color: #b1ad7d; 
}
.rubrique-vie-quotidienne .contenu-plus-info {
	border-color: #ffb65d; 
}
.rubrique-ville-pratique .contenu-plus-info {
	border-color: #efa2a9; 
}
.rubrique-urbanisme .contenu-plus-info {
	border-color: #aca9b4; 
}
.rubrique-defaut .contenu-plus-info {
	border-color: #68cae7; 
}
.rubrique-accueil .contenu-plus-info {
	border-color: white; 
}
.rubrique-e-demarche .contenu-plus-info {
	border-color: #84B4DE; 
}

.contenu-plus-info h3 {
	font-weight: bold;
}

.contenu-plus-info li {
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
	/* !IE */
	*padding: 0 0 5px 10px; /* IE */
}

.testliste .contenu-plus-info li {
	background-position: 0 0px;
	background-repeat: no-repeat;
	padding: 0 0 0 0px;
}

.rubrique-culture #content ul li {
	list-style-image: url(../images/contenu-plus-info-fleche-culture.gif);
	margin-left: 3ex;
}
.rubrique-defaut #content ul li {
	list-style-image: url(../images/contenu-plus-info-fleche-default.gif);
	margin-left: 3ex;
}
.rubrique-vie-quotidienne #content ul li {
	list-style-image: url(../images/contenu-plus-info-fleche-vie-quotidienne.gif);
	margin-left: 3ex;
}	
.rubrique-decouverte #content .contenu-plus-info li {
	background-image: url(../images/contenu-plus-info-fleche-decouverte.gif);
}
.rubrique-detente .contenu-plus-info li {
	background-image: url(../images/contenu-plus-info-fleche-detente.gif);
}
.rubrique-mairie .contenu-plus-info li {
	background-image: url(../images/contenu-plus-info-fleche-mairie.gif);
}
.rubrique-sport .contenu-plus-info li {
	background-image: url(../images/contenu-plus-info-fleche-sport.gif);
}
.rubrique-vie-quotidienne .contenu-plus-info li {
	background-image: url(../images/contenu-plus-info-fleche-vie-quotidienne.gif);
}
.rubrique-ville-pratique .contenu-plus-info li {
	background-image: url(../images/contenu-plus-info-fleche-ville-pratique.gif);
}
.rubrique-urbanisme .contenu-plus-info li {
	background-image: url(../images/contenu-plus-info-fleche-urbanisme.gif);
}
.rubrique-defaut .contenu-plus-info li {
	background-image: url(../images/contenu-plus-info-fleche-default.gif);
}
.rubrique-accueil .contenu-plus-info li {
	background-image: url(../images/contenu-plus-info-fleche-accueil.gif);
}

.testliste.rubrique-culture #content .contenu-plus-info li, 
.testliste.rubrique-decouverte #content .contenu-plus-info li,
.testliste.rubrique-detente #content .contenu-plus-info li,
.testliste.rubrique-mairie #content .contenu-plus-info li,
.testliste.rubrique-sport #content .contenu-plus-info li,
.testliste.rubrique-vie-quotidienne #content .contenu-plus-info li,
.testliste.rubrique-ville-pratique #content .contenu-plus-info li,
.testliste.rubrique-urbanisme #content .contenu-plus-info li,
.testliste.rubrique-defaut #content .contenu-plus-info li,
.testliste.rubrique-accueil #content .contenu-plus-info li,
.testliste.rubrique-e-demarche #content .contenu-plus-info li {
	background-image: none;
}

/* =bloc-image-lien ----------------- MENORET AI RETIRE TOUT CE CONTENU STYLE CAR DOUBLONNAIS AVEC EXTENSIONS.CSC 17/10/08 ---------------------- */


/* =extra ----------------------------------------------- */
#extra-liens {
	background: black;
	text-align: right;
	padding-right: 5px; /* pour eloigner un peu du bord droit */
}

#extra-liens img {
	margin: 0px 3px;
	height: 15px;
}


/* =footer-nav
----------------------------------------------- */
#footer-nav {
	color: white;
	background: #5f552d;

	min-height: 208px; /* 209px = hauteur image dans #footer-extra */
	height: auto;
	_height: 208px /* underscore hack: cf http://wellstyled.com/css-underscore-hack.html */
}

#footer-nav h2 {
	margin: 0.5em;
	font-weight: bold;
}

#footer-nav li {
	/*margin: 5px 0 10px 0;*/
	margin: 5px 0 0 0;
	padding-bottom: 8px;
	font-weight: bold;
	background: url(../images/bg-dialoguer.gif) no-repeat 0 20px;
}

/* =footer-main
----------------------------------------------- */
#footer-main {
	color: white;
	background: #18556c;

	min-height: 208px; /* 206px = hauteur image dans #footer-extra */
	height: auto;
	_height: 208px /* undescore hack: cf http://wellstyled.com/css-underscore-hack.html */
}

#footer-main h3 {
	font-weight: bold;
	/*margin: 1.5em 0 1em 0;*/
	margin: 1.5em 0 0 0;
	padding-bottom: 0.8em;
	background: transparent url(../images/bg-sujet-demande.gif) no-repeat 0 0.3em;
}

/* =footer-extra
----------------------------------------------- */
#footer-extra {
	text-align: center;
	/* DEBUT AJOUT THOMAS LEROY // 26/09/2007 */
	/*padding-top: 1px;*/
	/* FIN AJOUT THOMAS LEROY // 26/09/2007 */
}

/* DEBUT AJOUT THOMAS LEROY // 26/09/2007 */
#footer-extra img {
	padding: 1px 0;
}
/* FIN AJOUT THOMAS LEROY // 26/09/2007 */

/* ==============================================================================================
		Gabarit accueil
================================================================================================= */
/* =hd ----------------------------------------------- */
.accueil #hd {
	float: left;
	/* largeur voulue = 1000px */
	width: 76.92em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 91.6em; /* IE */ /* SM empirique */
	min-width: 1000px;
}

.accueil #header-main {
	float:left;
	/* largeur voulue = 1000px - 238px (colonne extra) = 762px */
	width: 58.615em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 69.65em; /* IE */ /* SM empirique */
	min-width: 760px; /* SM 20080911 passe de 762 a 760 */
}

.accueil #header-extra {
	float:left;
	/* largeur voulue = largeur image illustration = 238px */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 19.8333em; /* !IE */
	*width: 21.79em; /* IE */
	min-width: 238px;
}

/* =bd
----------------------------------------------- */
.accueil #bd {
	float: left;
	/* largeur voulue = 1000px */
	width: 76.92em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 91.6em; /* IE */ /* SM empirique */
	min-width: 1000px;

	background: #558CA0;
}

/* =main-ante
----------------------------------------------- */
.accueil #main-ante {
	float:left;
	/* largeur voulue = exactement comme #main */
	/* largeur voulue = 1000px - 238px (colonne extra) = 762px */
	width: 58.615em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 69.65em; /* IE */ /* SM empirique */
	min-width: 762px;

	background: url(../images/bd-accueil-bg.png) repeat-y; /* faux-columns cf www.ilovejackdaniels.com */
	background-position: 32.05% 0; /* 32.2% = determinee de maniere empirique*/
	*background-position: 32.999% 0; /* valeurs speciales pour IE */
}

.accueil .rubrique-culture #main-ante {background-image: url(../images/bd-accueil-bg-culture.png);}
.accueil .rubrique-decouverte #main-ante {background-image: url(../images/bd-accueil-bg-decouverte.png);}
.accueil .rubrique-detente #main-ante {background-image: url(../images/bd-accueil-bg-detente.png);}
.accueil .rubrique-mairie #main-ante {background-image: url(../images/bd-accueil-bg-mairie.png);}
.accueil .rubrique-sport #main-ante {background-image: url(../images/bd-accueil-bg-sport.png);}
.accueil .rubrique-vie-quotidienne #main-ante {background-image: url(../images/bd-accueil-bg-vie-quotidienne.png);}
.accueil .rubrique-ville-pratique #main-ante {background-image: url(../images/bd-accueil-bg-ville-pratique.png);}
.accueil .rubrique-urbanisme #main-ante {background-image: url(../images/bd-accueil-bg-urbanisme.png);}
.accueil .rubrique-defaut #main-ante {background-image: url(../images/bd-accueil-bg-default.png);}
.accueil .rubrique-e-demarche #main-ante {background-image: url(../images/edemarche/bd-accueil-bg-edemarche.gif);}

/* =main
----------------------------------------------- */
.accueil #main {
	float:left;
	/* largeur voulue = 1000px - 238px (colonne extra) = 762px */
	width: 58.615em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 69.65em; /* IE */ /* SM empirique*/
	min-width: 762px;

	background: url(../images/nav-bg-superieur-droit.png) 150px 0 no-repeat;
		position: relative; /* ncessaire pour positionnement #bord-gauche-diagonale-noire */
}

.accueil #bord-gauche-diagonale-noire {
	position: absolute;
	top: -24px;
	*top: -26px;
	right: 0px;
	background: url(../images/bord-gauche-diagonale-noire.gif) top right no-repeat;
	height: 82px;
	width: 10px
}

/* =nav
----------------------------------------------- */
.accueil #nav {
	float: left;
	/* largeur voulue = 165px = largeur totale (1000px) - [content+extra] (829px) - padding-right (6px) */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 13.7500em; /* !IE */ 
	*width: 15.05em; /* IE */ 
	min-width: 165px;
	padding-right: 6px;
	/**padding-right: 0px;*/
}

/* =content : mise en page
----------------------------------------------- */
.accueil #content { /* SM attention les padding font soustraire */
	float: left;
	width: 51.86em; /* SM calcul sur opera */
	*width: 52em; /* SM A la louche */
	min-width: 560px; /* SM pas bien compris l utilite */
	padding-left: 10px; /* 10px = 0.833em */
	padding-right: 10px;
	color: black;
}

/* =content : images de fond
----------------------------------------------- */
.accueil #content {
	background: #68cae7 url(../images/content-accueil-bg-superieur-droit.gif) top right no-repeat;
	padding-top: 50px; /* 50px = hauteur necessaire pour caler le contenu par rapport au background (diagonale) en 800x600 */
	min-height: 350px; /* 350px = globalement hauteur de de la nav quand la plus longue rubrique est depliee */
	height: auto;
	_height: 350px /* underscore hack: cf http://wellstyled.com/css-underscore-hack.html */
}

.accueil .rubrique-culture #content {
	background-color:#fbc732;/* @color */
	background-image:url(../images/content-accueil-bg-superieur-droit-culture.gif);
}
.accueil .rubrique-decouverte #content {
	background-color:#c87eae; /* @color */
	background-image:url(../images/content-accueil-bg-superieur-droit-decouverte.gif);
}
.accueil .rubrique-detente #content {
	background-color:#b5d768; /* @color */
	background-image:url(../images/content-accueil-bg-superieur-droit-detente.gif);
}
.accueil .rubrique-mairie #content {
	background-color:#92b3c1; /* @color */
	background-image:url(../images/content-accueil-bg-superieur-droit-mairie.gif);
}
.accueil .rubrique-sport #content {
	background-color:#b1ad7c; /* @color */
	background-image:url(../images/content-accueil-bg-superieur-droit-sport.gif);
}
.accueil .rubrique-vie-quotidienne #content {
	background-color:#ffb65d; /* @color */
	background-image:url(../images/content-accueil-bg-superieur-droit-vie-quotidienne.gif);
}
.accueil .rubrique-ville-pratique #content {
	background-color:#efa2a9; /* @color */
	background-image:url(../images/content-accueil-bg-superieur-droit-ville-pratique.gif);
}
.accueil .rubrique-urbanisme #content {
	background-color:#aca9b4; /* @color */
	background-image:url(../images/content-accueil-bg-superieur-droit-urbanisme.gif);
}
.accueil .rubrique-defaut #content {
	background-color:#68cae7; /* @color */
	background-image:url(../images/content-accueil-bg-superieur-droit-default.gif);
}

.accueil .rubrique-e-demarche #content {
	background-color:#84b4de; /* @color */
	background-image:url(../images/edemarche/content-accueil-bg-superieur-droit-edemarche.gif);
}

/* =content
----------------------------------------------- */
.accueil #content h2 {
	font-weight: normal;
}

/* =extra
----------------------------------------------- */
.accueil #extra {
	float:left;
	/* largeur voulue = largeur image illustration = 238px */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 19.8333em; /* !IE */
	*width: 21.79em; /* IE */
	min-width: 238px;

	color: white;
	background: #558ca0;
}

.accueil #extra-logo-nantes {
	display:block;
}

/* SM DEBUT STYLE SOUS LE FLASH// 18/09/2008 */
.accueil #extra-illustration a {text-decoration: none;color: white;}
.accueil #extra-illustration a:hover {text-decoration: underline;}
.accueil #extra-illustration .bodytext {margin-left:5px}
.accueil #extra-illustration ul li{
/*list-style-image: url(../images/contenu-plus-info-fleche-accueil.gif);*/
margin:0.5ex 0.5ex 1ex 20px;
}

/* SM FIN STYLE SOUS LE FLASH// 18/09/2008 */

/* =ft
----------------------------------------------- */
.accueil #ft {
	float: left;
	/* largeur voulue = 1000px */
	width: 76.92em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 91.6em; /* IE */ /* SM empirique */
	min-width: 1000px;
}

.accueil #footer-main {
	float:left;
	/* largeur voulue = 1000px - 238px (colonne extra) = 762px */
	width: 58.615em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 69.65em; /* IE */ /* SM empirique */
	min-width: 762px;
}

.accueil #footer-nav {
	float: left;
	/* largeur voulue = 171px = largeur totale (780px) - [content+extra] (609px) */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 14.2500em; /* !IE */ 
	*width: 15.60em; /* IE */ 
	min-width: 171px;
}

.accueil #footer-content {
	float: left;
	/* largeur voulue = 591px = largeur totale (1000px) - nav (171px) - extra (238px) */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 53.774em; /* SM calcul� avec op�ra */ 
	*width: 52em; /*33.89em;*/
	min-width: 371px;
}

.accueil #footer-extra {
	float:left;
	/* largeur voulue = largeur image illustration = 238px */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 19.8333em; /* !IE */
	*width: 21.79em; /* IE */
	min-width: 238px;

	color: white;
	background: #558ca0;
}

/* ==============================================================================================
		Gabarit article
================================================================================================= */
.article #hd {
	float: left;
	/* largeur voulue = 1000px */
	width: 76.92em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 91.6em; /* IE */
	min-width: 1000px;
}

.article #header-main {
	float:left;
	/* largeur voulue = 1000px - 238px (colonne extra) = 762px */
	width: 58.615em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 69.65em; /* IE */
	min-width: 760px; /* SM 20080911 passe de 762 a 760 */
}

.article #header-extra {
	float:left;
	/* largeur voulue = largeur image illustration = 238px */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 19.8333em; /* !IE */
	*width: 21.79em; /* IE */
	min-width: 238px;
}

.article-image-gauche {
	float: left;
	padding: 10px 10px 10px 0;
}

/* =bd
----------------------------------------------- */
.article #bd {
	float: left;
	/* si border - mais desactive ici - largeur voulue = 998px = 1000px - 2px (border de #bd)*/
	width: 76.92em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 91.6em; /* IE */
	min-width: 1000px;

	background: white url(../images/nav-bg-superieur-droit.png) 150px 0 no-repeat; 
	/* border-right: solid 2px; */
	/* border-color: #dcebf3; */
	position: relative; /* necessaire pour positioner #content-article-bg-inferieur-droit */
}

/* =nav
----------------------------------------------- */
.article #nav {
	float:left;
	/* largeur voulue = 165px = largeur totale (780px) - content (609px) - padding-right (6px) */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	padding-right: 6px;
	width: 13.7500em; /* !IE */ 
	*width: 15.05em; /* IE */ 
	min-width: 165px;

}

/* =content : mise en page
----------------------------------------------- */
.article #content {
/* border-right:1px solid silver; supp par MENORET 27/10/08 */
	float:left;
	/* si border - mais desactive ici -  largeur voulue = 807px = largeur totale (1000px) - border #bd (2px) - nav (171px) - padding-left (10px) - padding-right (10px)  */
	width: 73.494em; /* !IE */ /* SM recalcul� sur op�ra */
	*width: 73.999em; /* IE */
	min-width: 807px;

	padding: 0 10px 30px 10px; /* 30px: necessaire pour ne pas ecrire sur #content-article-bg-inferieur-droit */
	background-position: top left;
	background-repeat: no-repeat;

	min-height: 350px; /* 350px = globalement hauteur de de la nav quand la plus longue rubrique est depliee */
	height: auto;
	_height: 350px /* underscore hack: cf http://wellstyled.com/css-underscore-hack.html */
}

/* =content : images de fond
----------------------------------------------- */
.article .rubrique-culture #content {background-image: url(../images/content-article-bg-superieur-gauche-culture.gif);}
.article .rubrique-decouverte #content {background-image: url(../images/content-article-bg-superieur-gauche-decouverte.gif);}
.article .rubrique-detente #content {background-image: url(../images/content-article-bg-superieur-gauche-detente.gif);}
.article .rubrique-mairie #content {background-image: url(../images/content-article-bg-superieur-gauche-mairie.gif);}
.article .rubrique-sport #content {background-image: url(../images/content-article-bg-superieur-gauche-sport.gif);}
.article .rubrique-vie-quotidienne #content {background-image: url(../images/content-article-bg-superieur-gauche-vie-quotidienne.gif);}
.article .rubrique-ville-pratique #content {background-image: url(../images/content-article-bg-superieur-gauche-ville-pratique.gif);}
.article .rubrique-urbanisme #content {background-image: url(../images/content-article-bg-superieur-gauche-urbanisme.gif);}
.article .rubrique-defaut #content {background-image: url(../images/content-article-bg-superieur-gauche-default.gif);}
.article .rubrique-e-demarche #content {background-image: url(../images/edemarche/content-article-bg-superieur-gauche-edemarche.gif);}
/* =content
----------------------------------------------- */
.article #content-titre-rubrique {
	font-weight: bold;
	font-style: italic;
	border-bottom: solid 1px;
	margin: 80px 0 0.7em 0; /* 80px: hauteur necessaire pour caler le contenu par rapport au background (diagonale) en 800x600 */
}

.article #content-article-extra {
	/*largeur desiree: 238px */
	width: 19.8333em;
	*width: 21.79em;
	min-width: 238px;

	position:absolute;
	top:0;
	right:2px /* 0 */;
	margin-right: -2px;
	padding-left: 10px;
	background-position: 0px -23px;
	*background-position: 0px -25px;
	background-repeat: no-repeat;
}

.article .rubrique-culture #content-article-extra {
	background-image: url(../images/extra-article-logo-nantes-bord-gauche-culture.gif);
}
.article .rubrique-decouverte #content-article-extra {
	background-image: url(../images/extra-article-logo-nantes-bord-gauche-decouverte.gif);
}
.article .rubrique-detente #content-article-extra {
	background-image: url(../images/extra-article-logo-nantes-bord-gauche-detente.gif);
}
.article .rubrique-mairie #content-article-extra {
	background-image: url(../images/extra-article-logo-nantes-bord-gauche-mairie.gif);
}
.article .rubrique-sport #content-article-extra {
	background-image: url(../images/extra-article-logo-nantes-bord-gauche-sport.gif);
}
.article .rubrique-vie-quotidienne #content-article-extra {
	background-image: url(../images/extra-article-logo-nantes-bord-gauche-vie-quotidienne.gif);
}
.article .rubrique-ville-pratique #content-article-extra {
	background-image: url(../images/extra-article-logo-nantes-bord-gauche-ville-pratique.gif);
}
.article .rubrique-urbanisme #content-article-extra {
	background-image: url(../images/extra-article-logo-nantes-bord-gauche-urbanisme.gif);
}
.article .rubrique-defaut #content-article-extra {
	background-image: url(../images/extra-article-logo-nantes-bord-gauche-default.gif);
}
.article .rubrique-e-demarche #content-article-extra {
	background-image: url(../images/edemarche/extra-article-logo-nantes-bord-gauche-edemarche.gif);
}

.article #content-article-bg-inferieur-droit {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/content-article-bg-inferieur-droit.jpg) bottom right no-repeat;
	width: 210px;
	height: 27px;
}
/* H2 dans article
--------------------------*/
.article .rubrique-mairie #content H2 {background:#DCEBF3 none repeat scroll 0% 50%;} 
.article .rubrique-defaut #content H2 {background:#DCEBF3 none repeat scroll 0% 50%;} 
.article .rubrique-decouverte #content H2 {background:#C87EAE none repeat scroll 0% 50%;color:white} 
.article .rubrique-detente #content H2 {background:#b5d768 none repeat scroll 0% 50%;padding:0 0 0.5ex 2ex;margin-bottom:1ex} 
.article .rubrique-sport #content H2 {background:#b1ad7c;padding:0 0 0.5ex 2ex;margin-bottom:1ex;border-top:1px solid silver;} 
.article .rubrique-vie-quotidienne #content  H2 {background:#fbddb8;padding:0 0 0.5ex 2ex;margin-bottom:1ex;border-top:1px solid silver;} 
.article .rubrique-culture #content H2 {background:#FFFC99 none repeat scroll 0% 50%;padding:0 0 0.5ex 2ex;margin-bottom:1ex}
.article .rubrique-edemarche #content H2 {background:#84b4de none repeat scroll 0% 50%;padding:0 0 0.5ex 2ex;margin-bottom:1ex} 
/* extra
----------------------------------------------- */
.article #extra-liens {
	/*margin-right: -1px;*/ /* necessaire pour masquer border-right */
}

.article #extra-logo-nantes {
	display:block;
	width: 238px; /* repasse de 236 a 238  - supprime aspect curieux 28/28/28 SM */
	/* image 236px etendue a 238px */ /* 30/10/07: 238 passé �  236 GPau */
	/*margin-left: 2px;*/ /* 2px = largeur du bloc (238) - largeur de l'image (236) */
}

.article #extra-logo-nantes-ante {
	background: url(../images/extra-article-logo-nantes-ante.gif) bottom left repeat-x;
	/*margin-left: 230px*/ /* doit etre >23px et <236px */
}

.article .rubrique-culture #extra-logo-nantes-ante {

	background-color: #fbc732; /* @color */
}
.article .rubrique-decouverte #extra-logo-nantes-ante {
	background-color: #c87eae; /* @color */
}
.article .rubrique-detente #extra-logo-nantes-ante {
	background-color: #b5d768; /* @color */
}
.article .rubrique-mairie #extra-logo-nantes-ante {
	background-color: #92b3c1; /* @color */
}
.article .rubrique-sport #extra-logo-nantes-ante {
	background-color: #b1ad7c; /* @color */
}
.article .rubrique-vie-quotidienne #extra-logo-nantes-ante {
	background-color: #ffb65d; /* @color */
}
.article .rubrique-ville-pratique #extra-logo-nantes-ante {
	background-color: #efa2a9; /* @color */
}
.article .rubrique-urbanisme #extra-logo-nantes-ante {
	background-color: #aca9b4; /* @color */
}
.article .rubrique-defaut #extra-logo-nantes-ante {
	background-color: #68cae7; /* @color */
}
.article .rubrique-e-demarche #extra-logo-nantes-ante {
	background-color: #84b4de; /* @color */
}

/* =ft
----------------------------------------------- */
.article #ft {
	float: left;
	background:#18556C none repeat scroll 0%;
	/* largeur voulue = 1000px */
	width: 76.92em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 91.6em; /* IE */
	min-width: 1000px;
}

.article #footer-main {
	float:left;
	/* largeur voulue = 1000px - 238px (colonne extra) = 762px */
	width: 58.615em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 69.65em; /* IE */
	min-width: 762px;
}

.article #footer-nav {
	float: left;
	/* largeur voulue = 165px = largeur totale (780px) - content (609px) - padding-right (6px) */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 13.7500em; /* !IE */ 
	*width: 15.05em; /* IE */ 
	min-width: 165px;
	padding-right: 6px;
}

.article #footer-content {
	float: left;
	width: 53.774em; /* SM calcul� avec op�ra */ /* !IE */ 
	*width: 33.89em; /* IE */ 
	min-width: 371px;
}

.article #footer-extra {
	float:left;
	/* largeur voulue = largeur image illustration = 238px */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 19.8333em; /* !IE */
	*width: 21.79em; /* IE */
	min-width: 238px;

	color: white;
	background: #558ca0;
}

/* ==============================================================================================
		Gabarit article-3colonnes
================================================================================================= */
/* =hd
----------------------------------------------- */
.article-3colonnes #hd {
	float: left;
	/* SM largeur voulue = 1000px */
	width: 76.92em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 91.6em; /* IE */
	min-width: 1000px;
}

.article-3colonnes #header-main {
	float:left;
	/* SM largeur voulue = 1000px - 238px (colonne extra) = 762px */
	width: 58.615em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 69.65em; /* IE */
	min-width: 760px; /* SM 20080911 passe de 762 a 760 */
}

.article-3colonnes #header-extra {
	float:left;
	/* largeur voulue = largeur image illustration = 238px */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 19.8333em; /* !IE */
	*width: 21.79em; /* IE */
	min-width: 238px;
}

/* =bd
----------------------------------------------- */
.article-3colonnes #bd {background:white;
	float: left;
	/* SM largeur voulue = 998px = 1000px - 2px (border de #bd)*/
	width: 76.769em; /* !IE */ /* 64.8333em cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 91.45em; /* IE */ /* 71.12em initial */
	min-width: 998px;

	border-right: solid 2px;
	position: relative; /* necessaire pour positioner #content-article-bg-inferieur-droit */
}

.article-3colonnes .rubrique-culture #bd {
	border-color: #fbc732; /* @color */
}
.article-3colonnes .rubrique-decouverte #bd {
	border-color: #c87eae; /* @color */
}
.article-3colonnes .rubrique-detente #bd {
	border-color: #b5d768; /* @color */
}
.article-3colonnes .rubrique-mairie #bd {
	border-color: #92b3c1; /* @color */
}
.article-3colonnes .rubrique-sport #bd {
	border-color: #b1ad7c; /* @color */
}
.article-3colonnes .rubrique-vie-quotidienne #bd {
	border-color: #ffb65d; /* @color */
}
.article-3colonnes .rubrique-ville-pratique #bd {
	border-color: #efa2a9; /* @color */
}
.article-3colonnes .rubrique-urbanisme #bd {
	border-color: #aca9b4; /* @color */
}
.article-3colonnes .rubrique-defaut #bd {
	border-color: #68cae7; /* @color */
}
.article-3colonnes .rubrique-e-demarche #bd {
	border-color: #84b4de; /* @color */
}

/* =main-ante
----------------------------------------------- */
.article-3colonnes #main-ante { 

	float:left;
	/* largeur voulue = exactement comme #main */
	/* initial largeur voulue = 780px - -2px (border #bd) 238px (colonne #extra) = 540px */
	/* SM largeur voulue = 1000px - -2px (border #bd) 238px (colonne #extra) = 760px */
	width: /*45em*/ 58.4615em; /* !IE */
	*width: 69.55em; /* IE */ /* initial 49.35em */
	min-width: 760px; /* initial 570px */
}

/* =main
----------------------------------------------- */
.article-3colonnes #main {
	float:left;
	/* largeur voulue = exactement comme #main */
	/* initial largeur voulue = 780px - -2px (border #bd) 238px (colonne #extra) = 540px */
	/* SM largeur voulue = 1000px - -2px (border #bd) 238px (colonne #extra) = 760px */
	width: 58.4615em; /* !IE */
	*width: 69.55em; /* IE */
	min-width: 760px;

	background: url(../images/nav-bg-superieur-droit.png) 150px 0 no-repeat; /* white: necessaire pour masquer background de #bd */
	/* 29%: valeur empirique determinee visuellement */
}

/* =nav
----------------------------------------------- */
.article-3colonnes #nav  {
	float: left;
	/* initial largeur voulue = 163px = largeur totale (780px) - border de #bd (2px) - content (609px) - padding-right (6px)*/
	/* SM largeur voulue = 163px = largeur totale (1000px) - border de #bd (2px) - content (829px) - padding-right (6px)*/
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 13.6667em; /* !IE */ 
	*width: 14.96em; /* IE */ 
	min-width: 164px;
	padding-right: 6px;
}

/* =content : mise en page
----------------------------------------------- */
.article-3colonnes #content { 
	float: left;
	width: 51.044em; /* SM recalcul� avec op�ra */
	*width: 51.3333em; /* IE: valeur mesuree specifiquement pour font-size = 82.73%, et taille de base = 92.5 */
	min-width: 561px; /* initial 352px */ /* SM je m'en sers pour width ie7 */

	padding-left: 9px;
	padding-right: 20px; /* initial 9px */
	padding-bottom: 30px; /* necessaire pour ne pas ecrire sur #content-article-bg-inferieur-droit */

	min-height: 350px; /* 350px = globalement hauteur de de la nav quand la plus longue rubrique est depliee */
	height: auto;
	_height: 350px /* underscore hack: cf http://wellstyled.com/css-underscore-hack.html */

	;color: black; /* oups manquait le ; devant MENO corrige 14/11/08 */
	background-position: top left;
	background-repeat: no-repeat;

	position: relative; /* necessaire pour le positionnement de #content-article-3colonnes-bg-superieur-droit */
}

/* =content: couleurs
----------------------------------------------- */
.article-3colonnes .rubrique-culture #content {background-image: url(../images/content-article-bg-superieur-gauche-culture.gif);}
.article-3colonnes .rubrique-decouverte #content {background-image: url(../images/content-article-bg-superieur-gauche-decouverte.gif);}
.article-3colonnes .rubrique-detente #content {background-image: url(../images/content-article-bg-superieur-gauche-detente.gif);}
.article-3colonnes .rubrique-mairie #content {background-image: url(../images/content-article-bg-superieur-gauche-mairie.gif);}
.article-3colonnes .rubrique-sport #content {background-image: url(../images/content-article-bg-superieur-gauche-sport.gif);}
.article-3colonnes .rubrique-vie-quotidienne #content {background-image: url(../images/content-article-bg-superieur-gauche-vie-quotidienne.gif);}
.article-3colonnes .rubrique-ville-pratique #content {background-image: url(../images/content-article-bg-superieur-gauche-ville-pratique.gif);}
.article-3colonnes .rubrique-urbanisme #content {background-image: url(../images/content-article-bg-superieur-gauche-urbanisme.gif);}
.article-3colonnes .rubrique-defaut #content {background-image: url(../images/content-article-bg-superieur-gauche-default.gif);}
.article-3colonnes .rubrique-e-demarche #content {background-image: url(../images/edemarche/content-article-bg-superieur-gauche-edemarche.gif);}

.article-3colonnes #content-article-3colonnes-bg-superieur-droit {
	position: absolute;
	top: -23px; /* ajustement du positionnement a cause de la taille de l'image */
	*top: -25px; /* IE */
/*	right: -4px;*/ /* ajustement du positionnement a cause de la taille de l'image */
/*	_right: -5px;*/ /* IE6 */
right:-2px;
	width: 10px;
	height: 160px;
}

.article-3colonnes .rubrique-culture #content-article-3colonnes-bg-superieur-droit {
	background: url(../images/extra-article3colonnes-logo-nantes-bord-gauche-culture.gif) top right no-repeat;
}
.article-3colonnes .rubrique-decouverte #content-article-3colonnes-bg-superieur-droit {
	background: url(../images/extra-article3colonnes-logo-nantes-bord-gauche-decouverte.gif) top right no-repeat;
}
.article-3colonnes .rubrique-detente #content-article-3colonnes-bg-superieur-droit {
	background: url(../images/extra-article3colonnes-logo-nantes-bord-gauche-detente.gif) top right no-repeat;
}
.article-3colonnes .rubrique-mairie #content-article-3colonnes-bg-superieur-droit {
	background: url(../images/extra-article3colonnes-logo-nantes-bord-gauche-mairie.gif) top right no-repeat;
}
.article-3colonnes .rubrique-sport #content-article-3colonnes-bg-superieur-droit {
	background: url(../images/extra-article3colonnes-logo-nantes-bord-gauche-sport.gif) top right no-repeat;
}
.article-3colonnes .rubrique-vie-quotidienne #content-article-3colonnes-bg-superieur-droit {
	background: url(../images/extra-article3colonnes-logo-nantes-bord-gauche-vie-quotidienne.gif) top right no-repeat;
}
.article-3colonnes .rubrique-ville-pratique #content-article-3colonnes-bg-superieur-droit {
	background: url(../images/extra-article3colonnes-logo-nantes-bord-gauche-ville-pratique.gif) top right no-repeat;
}
.article-3colonnes .rubrique-urbanisme #content-article-3colonnes-bg-superieur-droit {
	background: url(../images/extra-article3colonnes-logo-nantes-bord-gauche-urbanisme.gif) top right no-repeat;
}
.article-3colonnes .rubrique-defaut #content-article-3colonnes-bg-superieur-droit {
	background: url(../images/extra-article3colonnes-logo-nantes-bord-gauche-default.gif) top right no-repeat;
}
.article-3colonnes .rubrique-defaut #content-article-3colonnes-bg-superieur-droit {
	background: url(../images/extra-article3colonnes-logo-nantes-bord-gauche-default.gif) top right no-repeat;
}
.article-3colonnes .rubrique-e-demarche #content-article-3colonnes-bg-superieur-droit {
	background: url(../images/edemarche/extra-article3colonnes-logo-nantes-bord-gauche-edemarche.gif) top right no-repeat;
}

/* =content : generique
----------------------------------------------- */
.article-3colonnes #content-article-bg-inferieur-droit {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/content-article-bg-inferieur-droit.jpg) bottom right no-repeat;
	width: 210px;
	height: 27px;
}

.article-3colonnes #content-titre-rubrique {
	font-weight: bold;
	font-style: italic;
	border-bottom: solid 1px;
	margin: 80px 0 0.7em 0; /* 80px: hauteur necessaire pour caler le contenu par rapport au background (diagonale) en 800x600 */
	font-size: 136%;
}

.article-3colonnes #content h2,
.article-3colonnes #extra-content h2 {
	font-weight: bold;
	text-align: center;
	margin: 0.5em 0;
	color: black;
}

.article-3colonnes #content h2 {
	clear:both; /* necessaire a cause des bloc-info en float */
	position:relative; /* bug IE6: disparition du  background-color */
}

.article-3colonnes .rubrique-culture #content h2,
.article-3colonnes .rubrique-culture #extra-content h2 {background-color: #fbc732; /* @color */}
.article-3colonnes .rubrique-decouverte #content h2,
.article-3colonnes .rubrique-decouverte #extra-content h2 {background-color: #c87eae; color:white}
.article-3colonnes .rubrique-detente #content h2,
.article-3colonnes .rubrique-detente #extra-content h2 {background-color: #b5d768; /* @color */}
.article-3colonnes .rubrique-mairie #content h2,
.article-3colonnes .rubrique-mairie #extra-content h2 {background-color: #92b3c1; /* @color */}
.article-3colonnes .rubrique-sport #content h2,
.article-3colonnes .rubrique-sport #extra-content h2 {background-color: #b1ad7c; /* @color */}
.article-3colonnes .rubrique-vie-quotidienne #content h2,
.article-3colonnes .rubrique-vie-quotidienne #extra-content h2 {background-color: #ffb65d; /* @color */}
.article-3colonnes .rubrique-ville-pratique #content h2,
.article-3colonnes .rubrique-ville-pratique #extra-content h2 {background-color: #efa2a9; /* @color */}
.article-3colonnes .rubrique-urbanisme #content h2,
.article-3colonnes .rubrique-urbanisme #extra-content h2 {background-color: #aca9b4; /* @color */}
.article-3colonnes .rubrique-defaut #content h2,
.article-3colonnes .rubrique-defaut #extra-content h2 {background-color: #dcebf3; /* old #68cae7 @color */}
.article-3colonnes .rubrique-e-demarche #content h2,
.article-3colonnes .rubrique-e-demarche #extra-content h2 {background-color: #84b4de; /* old #68cae7 @color */}

/* =extra
----------------------------------------------- */
.article-3colonnes #extra-content h2 {margin: 1.5em 0 0.5em 0;}

.article-3colonnes #extra {
	float:left;
	/* largeur voulue = largeur image illustration = 238px */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 19.8333em; /* !IE */
	*width: 21.79em; /* IE */
	min-width: 238px;
	padding-bottom: 30px /* necessaire pour ne pas ecrire sur #content-article-bg-inferieur-droit */
}

.article-3colonnes #extra-liens {
	margin-right: -2px; /* necessaire pour masquer border-right */
	padding-right: 5px; /* pour eloigner un peu du bord droit */
	position: relative; /* pour marge negative IE6 */
	width:235px; /* pour marge negative IE7 */
}

.article-3colonnes #extra-logo-nantes {
	display:block;
	margin-left: 2px; /* 2px = largeur du bloc (238) - largeur de l'image (236) */
}

.article-3colonnes #extra-content {margin-right:1em;}

/************** FABRIQUE LES SOMMAIRES COLONNE DROITE stephan 11/01/09 ****************/
.article-3colonnes .rubrique-urbanisme #extra-content {background-color:#e0dfe3}
.article-3colonnes .rubrique-urbanisme #extra-content ul li{display:block;background-color:#ACA9B4;padding-left:1em}
.article-3colonnes .rubrique-urbanisme #extra-content ul li a{text-decoration: none}
.article-3colonnes .rubrique-urbanisme #extra-content ul li a:hover{color:#E7E7E7;}
.article-3colonnes .rubrique-urbanisme #extra-content ul ul li{display:block;background-color:#DCEBF3}
.article-3colonnes .rubrique-urbanisme #extra-content ul li li a{text-decoration: none}
.article-3colonnes .rubrique-urbanisme #extra-content ul li li a:hover{color:gray}

.article-3colonnes .rubrique-culture #extra-content {background-color:inherit}
.article-3colonnes .rubrique-culture #extra-content h3{background-color:#FEDF83;display:block;padding-left:1em}
.article-3colonnes .rubrique-culture #extra-content ul li{background:url(../images/contenu-plus-info-fleche-culture.gif) no-repeat left;display:block;/*background-color:#FBC732;*/padding-left:1em;}
.article-3colonnes .rubrique-culture #extra-content ul li a{text-decoration: none;}
.article-3colonnes .rubrique-culture #extra-content ul li a:hover{color:#336666;text-decoration: underline}
.article-3colonnes .rubrique-culture #extra-content ul ul li{display:block;background-color:#DCEBF3}
.article-3colonnes .rubrique-culture #extra-content ul li li a{text-decoration: none}
.article-3colonnes .rubrique-culture #extra-content ul li li a:hover{color:gray}



/* =ft
----------------------------------------------- */
.article-3colonnes #ft {
	float: left;
	/* largeur voulue = 1000px */
	width: 76.92em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 91.6em; /* IE */
	min-width: 1000px;
}

.article-3colonnes #footer-main {
	float:left;
	/* largeur voulue = 1000px - 238px (colonne extra) = 762px */
	width: 58.615em; /* !IE */ /* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	*width: 69.65em; /* IE */
	min-width: 762px;
}

.article-3colonnes #footer-nav {
	float: left;
	/* largeur voulue = 165px = largeur totale (780px) - content (609px) - padding-right (6px) */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 13.7500em; /* !IE */ 
	*width: 15.05em; /* IE */ 
	min-width: 165px;
	padding-right: 6px;
}

.article-3colonnes #footer-content {
	float: left;
	/* largeur voulue = 371px = largeur totale (780px) - nav (171px) - extra (238px) */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 53.774em; /* SM calcul� avec op�ra */ /* !IE */ 
	*width: 53.12em; /* IE */ 
	min-width: 581px;
}

.article-3colonnes #footer-extra {
	float:left;
	/* largeur voulue = largeur image illustration = 238px */
	/* cf http://developer.yahoo.com/yui/grids/#custom_page_width */
	width: 19.8333em; /* !IE */
	*width: 21.79em; /* IE */
	min-width: 238px;

	color: white;
	background: #558ca0;
}
/* ---------------- menu DGT SM 15 sep 2008 ------------- */
/*#menuDgt{width:228px;margin:0;padding:0}*/
/*#menuDgt p{margin:0;padding:0}*/
/*#menuDgt ul ul ul{display: none;}*/
#menuDgt {background:#EAF4F4;margin-right:-10px}

#menuDgt ul {list-style-type: none;margin-left:0;margin-top:0;padding-left:0; background:inherit;border:none;font-variant:small-caps}
#menuDgt ul ul {padding-left:1ex;font-size:95%;border-left:none;font-weight:bold;font-variant:
normal}
#menuDgt ul li ul {margin-left:0}
#menuDgt ul ul ul {margin:0;padding-left:1.5ex;background:inherit;/*font-size:90%;*/font-weight:normal}
#menuDgt ul ul ul ul {margin:0;padding-left:3ex;background:inherit;/*font-size:90%;*/border-left:none;}

#menuDgt ul a{color:white;background:#18556c;padding-left:1ex;width: 210px;}
#menuDgt ul ul a{color:black;background:#92b3c1;padding-left:1ex;width: 205px; }
#menuDgt ul ul ul a{color:black;background:#dcebf3;width: 197px;}
#menuDgt ul ul ul ul a{color:black;background:#EAF4F4; width: 182px;}

#menuDgt li {}
#menuDgt a {margin: 0/*200px;height: 20px;*/;display: block;border: 1px solid white;/*text-align: center;border: 1px solid gray;*/
text-decoration: none;color: #000;background: #fff;}
	 
#menuDgt a:hover {background: #ccc;border: 1px solid gray; }
/*#menuDgt a:hover ul{display:inline}*/
#menuDgt a:active {background: gray;border: 1px solid gray; color: #fff;}

/* #################### carousel SM 9 mars 2009 ####################### */


.belt img, .belt div, .belt input { 
/* background: url(../images/puce-fleche-blanche-inferieure-droite-transparente.gif) 8px 50% no-repeat; */
background:black;
/*behavior: url(../css/resources/iepngfix.htc)*/
}
.stepcarousel{
position: relative; /*leave this value alone*/
border:none;/*border: 10px solid black;*/
overflow: hidden; /*leave this value alone*/
width: 238px; /*Width of Carousel Viewer itself*/
height: 379px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 238px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.panel img{border: 0px} /*supprime le border color lien*/


/* #################### menu gauche SM 12 fev 2009 ####################### */

.applemenu{float: left}
.applemenu{
	margin: 0;padding: 0;width: 160px;
	padding-bottom:10px;
}

.applemenu div.decopoignee{
/* background: black url(silvergradient.gif) repeat-x center left; ORIGINE*/
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: black /* ORIGINE white*/;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
margin: 1ex 0 0; /*margin: 3px 1pt 0 12px; */
padding: 1pt 2px; 
text-decoration: none;
font-weight:bold;
background:#dcebf3;
cursor:s-resize;
border-left:15px solid;
}
.applemenu div.selected, .applemenu div.decopoignee:hover{background:#558ca0 url(../images/flechedroite.png) no-repeat 100%;color: #dcebf3;}

.applemenu div.decopoignee a:visited, .applemenu div.decopoignee a:active{background: olive;}


.applemenu div.menutiroir, div.menutiroirculture, div.menutiroirdecouverte,
div.menutiroirdetente, div.menutiroirdevdurable, div.menutiroirmairie, div.menutiroirsport,
div.menutiroirurbanisme, div.menutiroirviequot, div.menutiroirvillepratique{ /*DIV that contains each sub menu*/
/*background: white;*/
font: normal 11px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
padding: 1px 0 0 5px;
height: auto; /*300px pour bloquer la hauteur du tiroir*/ /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.applemenu .contenudutiroir {}
.applemenu .contenudutiroir {margin:0; padding:0;}
.applemenu .contenudutiroir a{text-decoration: none;color:#333333}
.applemenu .contenudutiroir ul{margin: 0;list-style-type:none;padding: 0;}
.applemenu .contenudutiroir li{margin: 1ex 0 0.2ex 2.3ex;border-bottom:1px solid #E1E1E1;}
.applemenu .contenudutiroir li:first-child{font-weight:bold}
.applemenu .contenudutiroir a:hover {color:#666;text-decoration: underline}
#content #text h1 {font-size: 180%;color: #333;}
#content #text h2 {font-size: 140%;color: #036;}
#content #text h3 {font-size: 120%;color: #933;}