/* @override Credits */
/*
Date : 17.11.2009
Auteur : Adrien Heury + Rémi Buisson
Projet : Claix
Logiciel : CSS Edit 2.6 - iMac
Commentaire : 

                        
                          oooo$$$$$$$$$$$$oooo
                      oo$$$$$$$$$$$$$$$$$$$$$$$$o
                   oo$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o         o$   $$ o$
   o $ oo        o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o       $$ $$ $$o$
oo $ $ "$      o$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$o       $$$o$$o$
"$$$$$$o$     o$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$o    $$$$$$$$
  $$$$$$$    $$$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$$$$$$$$$$$$$$
  $$$$$$$$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$$$$$$  """$$$
   "$$$""""$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$
    $$$   o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$o
   o$$"   $$$$$$$$$$$    HAVE FUN WITH MY CSS    $$$$$$$$$$$$       $$$o
   $$$    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$" "$$$$$$ooooo$$$$o
  o$$$oooo$$$$$  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$   o$$$$$$$$$$$$$$$$$
  $$$$$$$$"$$$$   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     $$$$""""""""
 """"       $$$$    "$$$$$$$$$$$$$$$$$$$$$$$$$$$$"      o$$$
            "$$$o     """$$$$$$$$$$$$$$$$$$"$$"         $$$
              $$$o          "$$""$$$$$$""""           o$$$
               $$$$o                                o$$$"
                "$$$$o      o$$$$$$o"$$$$o        o$$$$
                  "$$$$$oo     ""$$$$o$$$$$o   o$$$$""
                     ""$$$$$oooo  "$$$o$$$$$$$$$"""
                        ""$$$$$$$oo $$$$$$$$$$
                                """"$$$$$$$$$$$
                                    $$$$$$$$$$$$
                                     $$$$$$$$$$"
                                      "$$$""*/

/*[Table of contents]
-------------------------------------------------------------------*/
/*[Color codes]
mairie : 2871b8
vie : 9ace1e
activites : d01b33
quotidien : 42a9a0
sociale : 781b81
direct et autre (generique) : 878279
-------------------------------------------------------------------*/
/*[Typography]
-------------------------------------------------------------------*/

@import url("wysiwyg.css");



h3{
    font-size: 17px;
}

/* @group Body - Bkg */

/* Générique */
body {
	background: url(../images/bkg-repeat-x.jpg) repeat-x fixed 0 0;
}

/* Home */
body.home {
	background: url(../page/images/design/accueil.jpg) no-repeat fixed center 0;
}

/* Spécifique */
body.mairie {
	background: url(../images/bkg-repeat-x-mairie.jpg) repeat-x fixed 0 0;
}

body.vie {
	background: url(../images/bkg-repeat-x-cadre-vie.jpg) repeat-x fixed 0 0;
}

body.activites {
	background: url(../images/bkg-repeat-x-activites.jpg) repeat-x fixed 0 0;
}

body.quotidien {
	background: url(../images/bkg-repeat-x-vie-quotidienne.jpg) repeat-x fixed 0 0;
}

body.sociale {
	background: url(../images/bkg-repeat-x-sociale.jpg) repeat-x fixed 0 0;
}

/* @end */

/* @group Généralités */

/* Générique */
body .header .titre a {
	/*background: url(../images/ville-claix-fr-blanc.png) no-repeat 0 0;*/
	display: block;
	height: 70px;
	width: 100%;
	position: absolute;
	top: 85px;
	left: 20px;
	margin: 0;
	padding: 0;
	z-index: 1500;
}

.header .titre span {
	display: none;
}


/* Spécifique */
body.mairie .header .titre a {
	/*background: url(../images/ville-claix-fr-blanc.png) no-repeat 0 0;*/
}

body.vie .header .titre a {
	/*background: url(../images/ville-claix-fr-blanc.png) no-repeat 0 0;*/
}

body.activites .header .titre a {
	/*background: url(../images/ville-claix-fr-blanc.png) no-repeat 0 0;*/
}

body.quotidien .header .titre a {
	/*background: url(../images/ville-claix-fr-blanc.png) no-repeat 0 0;*/
}

body.sociale .header .titre a {
	/*background: url(../images/ville-claix-fr-blanc.png) no-repeat 0 0;*/
}

body.direct .header .titre a {
	/*background: url(../images/ville-claix-fr-blanc.png) no-repeat 0 0;*/
}

/* Home */
body.home .header .titre a {
	top: 15px;
	_top: 20px;
	left: 20px;
	background: url(../images/bienvenue-ville-claix-fr-blanc.png) no-repeat 0 0;  
	display: block;
	height: 50px;
}


.ariane {
	margin: 0;
	padding: 0;
}

.more {
	font-size: 10px;
}

/* @end */

/* @group Layout */

.site {
	background: #fff;
	margin-top: -10px;
	_margin-top:-22px;
	padding-top: 10px;
}

.siteBas {
	background: url(../images/bkg-siteBas.png) no-repeat 0 0;
	display: block;
	height: 20px;
	margin-bottom: 10px;
}

/* Fond special sur la page d'accueil juste derière les news de dernière minute et les actualités */
body.home .site {
	background: #fff url(../images/bkg-contenu-home.jpg) no-repeat 0 0;
	_background:#fff;
}

.header {
	margin: 0;
	padding: 0;
	position: relative;
}

.gauche {
	padding: 10px;
}

.contenu {
	padding: 10px;
}

.droite {
	
}

.footer {
	background: url(../images/bkg-footer.png) no-repeat 0 0;
	padding: 10px;
	margin-bottom: 10px;
}

/* @end */

/* @group Header */

/* Générique */
body .header {
	background: url(../page/images/design/bandeau.jpg) no-repeat 0 0;
	height: 220px;
	margin: -20px 0 0 0;
	padding: 0;
	z-index: 1000;
}

/* Home */
body.home .header {
	height: 120px;
	margin: 0;
	padding: 0;
	z-index: 1000;
	background: none !important;
}

/* Spécifique */
body.mairie .header {
	background: url(../page/images/design/bandeau.jpg) no-repeat 0 0;
	height: 220px;
	margin: -20px 0 0 0;
	padding: 0;
	z-index: 1000;
}

body.vie .header {
	background: url(../page/images/design/bandeau2.jpg) no-repeat 0 0;
	height: 220px;
	margin: -20px 0 0 0;
	padding: 0;
	z-index: 1000;
}

body.activites .header {
	background: url(../page/images/design/bandeau3.jpg) no-repeat 0 0;
	height: 220px;
	margin: -20px 0 0 0;
	padding: 0;
	z-index: 1000;
}

body.quotidien .header {
	background: url(../page/images/design/bandeau4.jpg) no-repeat 0 0;
	height: 220px;
	margin: -20px 0 0 0;
	padding: 0;
	z-index: 1000;
}

body.sociale .header {
	background: url(../page/images/design/bandeau5.jpg) no-repeat 0 0;
	height: 220px;
	margin: -20px 0 0 0;
	padding: 0;
	z-index: 1000;
}

/* @end */

/* @group Menu */

.header ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 0;
	background: url(../images/bkg-menu.gif) repeat-x 0 bottom;
	z-index: 5000;
}

/* Spécial Home */
body.home .header ul.menu {
	background: none;
}

.header ul.menu li {
	float: left;
	margin: 0;
	padding: 0;
}
.header ul.menu li.select {
	font-weight: bold;
}

.header ul.menu li a {
	margin: 0;
	padding: 0;
	display: block;
	height: 60px;
}

.header ul.menu li a span {
	display: none;
}

/* Spécifique */
.header ul.menu li.mairie a {
	background: url(../images/menu.png) no-repeat 0 -300px;
	width: 117px;
}

.header ul.menu li.vie a {
	background: url(../images/menu.png) no-repeat -116px -300px;
	width: 135px;
}

.header ul.menu li.activites a {
	background: url(../images/menu.png) no-repeat -251px -300px;
	width: 182px;
}

.header ul.menu li.quotidien a {
	background: url(../images/menu.png) no-repeat -433px -300px;
	width: 165px;
}

.header ul.menu li.sociale a {
	background: url(../images/menu.png) no-repeat -599px -300px;
	width: 155px;
}

.header ul.menu li.direct a {
	background: url(../images/menu.png) no-repeat -750px -300px;
	width: 196px;
	cursor: default;
}

.header ul.menu li.mairie a:hover, .header ul.menu li.mairie#selectMenu a {
	background-position: 0 0;
}

.header ul.menu li.vie a:hover, .header ul.menu li.vie#selectMenu a {
	background-position: -116px -60px;
}

.header ul.menu li.activites a:hover, .header ul.menu li.activites#selectMenu a {
	background-position: -251px -120px;
}

.header ul.menu li.quotidien a:hover, .header ul.menu li.quotidien#selectMenu a {
	background-position: -433px -180px;
}

.header ul.menu li.sociale a:hover, .header ul.menu li.sociale#selectMenu a {
	background-position: -599px -240px;
}

/* Sous menu qui se déploie */
ul.sub_menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
	border: 1px solid #e9e6d1;
    width: 150px;
  	list-style: none;
  	margin: 50px 0 0 0;
  	padding: 10px;
  	z-index: 5000;
}

ul.sub_menu li {
	margin: 0 !important;
	padding: 0 !important;
}

ul.sub_menu li a {
	background: none !important;
	display: block;
	margin: 0 !important;
	padding: 5px 0 5px 15px !important;
	height: auto !important;
	color: #3f3f3f;
	text-decoration: none;
	width: 150px !important;
}

.sub_menu li a span {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Spécifique */
.header ul.menu li.mairie ul.sub_menu {
	margin-left: 0;
	border-color: #2871b8;
}

.header ul.menu li.mairie ul.sub_menu li a {
	background: url(../images/puce-mairie.png) no-repeat 0 7px !important;
}

.header ul.menu li.mairie ul.sub_menu li a:hover {
	color: #2871b8;
}

.header ul.menu li.vie ul.sub_menu {
	margin-left: 116px;
	border-color: #9ace1e;
}

.header ul.menu li.vie ul.sub_menu li a {
	background: url(../images/puce-vie.png) no-repeat 0 7px !important; 
}

.header ul.menu li.vie ul.sub_menu li a:hover {
	color: #9ace1e;
}

.header ul.menu li.activites ul.sub_menu {
	margin-left: 250px;
	border-color: #d01b33;
}

.header ul.menu li.activites ul.sub_menu li a {
	background: url(../images/puce-activites.png) no-repeat 0 7px !important; 
}

.header ul.menu li.activites ul.sub_menu li a:hover {
	color: #d01b33;
}

.header ul.menu li.quotidien ul.sub_menu {
	margin-left: 433px;
	border-color: #42a9a0;
}

.header ul.menu li.quotidien ul.sub_menu li a {
	background: url(../images/puce-quotidien.png) no-repeat 0 7px !important; 
}

.header ul.menu li.quotidien ul.sub_menu li a:hover {
	color: #42a9a0;
}

.header ul.menu li.sociale ul.sub_menu {
	margin-left: 599px;
	border-color: #781b81;
}

.header ul.menu li.sociale ul.sub_menu li a {
	background: url(../images/puce-sociale.png) no-repeat 0 7px !important; 
}

.header ul.menu li.sociale ul.sub_menu li a:hover {
	color: #781b81;
}

.header ul.menu li.direct ul.sub_menu {
	margin-left: 750px;
	width: 180px;
	border-color: #878279;
}

.header ul.menu li.direct ul.sub_menu li a {
	background: url(../images/puce-direct.png) no-repeat 0 7px !important;
	width: 180px !important;
}

.header ul.menu li.direct ul.sub_menu li a:hover {
	color: #878279;
}

/* @end */

/* @group Sous menu */

.sousMenu {
	background: #fff;
	border: 1px solid #ebe8d5;
	padding: 5px 5px;
}

.sousMenu ol{

    margin: 0 0.5em 0 0.5em;
}

.sousMenu li {
    list-style: none;
}
.sousMenu li a {
    display: none;
}

.sousMenu ul {
	list-style: none;
	margin: 5px 5px;
	padding: 0;
}

.sousMenu ul li {
	display: block;
	padding: 10px 0;
	margin: 0;
	border-bottom: 1px dashed #ebe8d5;
	background: none;
}

.sousMenu ul li a {
	color: #3f3f3f;
	text-decoration: none;
    display: block;
}

/* Menu selectionné - Spécifique */
body.mairie .sousMenu ul li a.select, body.mairie .sousMenu ul li ul li a.select {
	color: #2871b8;
	font-weight: bold;
}

body.mairie .sousMenu ul li a:hover, body.mairie .sousMenu ul li ul li a:hover {
	color: #2871b8;
}

body.vie .sousMenu ul li a.select, body.vie .sousMenu ul li ul li a.select {
	color: #9ace1e;
	font-weight: bold;
}

body.vie .sousMenu ul li a:hover, body.vie .sousMenu ul li ul li a:hover {
	color: #9ace1e;
}

body.activites .sousMenu ul li a.select, body.activites .sousMenu ul li ul li a.select {
	color: #d01b33;
	font-weight: bold;
}

body.activites .sousMenu ul li a:hover, body.activites .sousMenu ul li ul li a:hover {
	color: #d01b33;
}

body.quotidien .sousMenu ul li a.select, body.quotidien .sousMenu ul li ul li a.select {
	color: #42a9a0;
	font-weight: bold;
}

body.quotidien .sousMenu ul li a:hover, body.quotidien .sousMenu ul li ul li a:hover {
	color: #42a9a0;
}

body.sociale .sousMenu ul li a.select, body.sociale .sousMenu ul li ul li a.select {
	color: #781b81;
	font-weight: bold;
}

body.sociale .sousMenu ul li a:hover, body.sociale .sousMenu ul li ul li a:hover {
	color: #781b81;
}

body .sousMenu ul li a.select, body .sousMenu ul li ul li a.select {
	color: #878279;
	font-weight: bold;
}

body .sousMenu ul li a:hover, body .sousMenu ul li ul li a:hover {
	color: #878279;
}

body.mairie .sousMenu ul li ul li {
	border-bottom: none;
	padding: 0px 0 5px 15px;
	background: url(../images/puce-mairie.png) no-repeat 0 7px;
}

body.vie .sousMenu ul li ul li {
	border-bottom: none;
	padding: 0px 0 5px 15px;
	background: url(../images/puce-vie.png) no-repeat 0 7px;
}

body.activites .sousMenu ul li ul li {
	border-bottom: none;
	padding: 0px 0 5px 15px;
	background: url(../images/puce-activites.png) no-repeat 0 7px;
}

body.quotidien .sousMenu ul li ul li {
	border-bottom: none;
	padding: 0px 0 5px 15px;
	background: url(../images/puce-quotidien.png) no-repeat 0 7px;
}

body.sociale .sousMenu ul li ul li {
	border-bottom: none;
	padding: 0px 0 5px 15px;
	background: url(../images/puce-sociale.png) no-repeat 0 7px;
}

/* Générique */
body .sousMenu ul li ul li {
	border-bottom: none;
	padding: 2px 0 5px 15px;
	background: url(../images/puce-direct.png) no-repeat 0 7px;
	margin: 2px 0 0 0;
}

/* @end */

/* @group Derniere minute */

.blocLastMinute {
	background: #fff;
	border: 1px solid #e9e6d1;
}

.blocLastMinute h2 {
	background: url(../images/bkg-repeat-x-dernier-minute.jpg) repeat-x 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	height: 15px;
	padding: 7px;
	margin: 0 0 10px 0;
}

.blocLastMinute .event {
	padding: 0 10px;
	margin: 0 0 10px 0;
}

.blocLastMinute .event h3 {
	margin: 0;
	padding: 0;
}

.blocLastMinute .event h3 {
	font-weight: bold;
	font-size: 12px;
	list-style: 14px;
	color: #3f3f3f;
}

.blocLastMinute .event h3 a{

	color: #3f3f3f;
}

.blocLastMinute .event h3 a:hover {
	text-decoration: none;
}

.blocLastMinute .event p {
	font-size: 11px;
	list-style: 13px;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Telechargement */

.telechargement {
	background: #f6f5ee;
	border: 1px solid #e9e6d1;
	margin: 20px !important;
	_margin: 15px !important;
	_width: 120px;
	padding: 10px;
	_padding: 5px 10px 0px 10px;
}

.telechargement h3 {
	font-weight: bold;
	font-size: 12px;
	list-style: 14px;
	color: #3f3f3f;
	margin: 0 0 5px 0;
	padding: 0;
}

.telechargement img {
	margin-bottom: 5px;
	_margin-bottom: 0px;
}

.telechargement .right {
	float: right;
}

/* @end */

/* @group Actualités / reportage / evènement */

.actus {
	background: url(../images/bkg-actus.png) no-repeat 0 0;
	height: 270px;
	width: 510px;
	_width: 500px;
	padding: 30px 20px 20px 20px;
	margin: 0;
	z-index: 100;
    overflow: hidden;
}

.actus .activites{
    
    height: 230px;
    overflow: hidden;
}

.actus div.NavPrev {
	margin: 90px 0 0 0;
	width: 20px;
	float: left;
	display: block;
}

.actus div.NavNext {
	margin: 90px 0 0 0;
	width: 20px;
	float: left;
	text-align: right;
	display: block;
}

.actus #slideshow {
	float: left;
	width: 465px !important;
	_width: 460px !important;
	background: #fff;
	/*height: 205px !important;*/
	margin: 0 !important;
	padding: 0 !important;
	height: 234px;
	/*display: none;*/
    overflow: hidden;
}

.actus h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 22px;
}

.actus h2 a, .evenement h2 a, .reportage h2 a {
	text-decoration: none;
}

.actus h2 a:hover, .evenement h2 a:hover, .reportage h2 a:hover {
	text-decoration: underline;
}


/* Catégories d'actualité et evènement */
.actus .mairie h2 a, .actu_fiche .mairie h2, .evenement .mairie h2 a, .evenement_fiche .mairie h2, .reportage .mairie h2 a, .reportage_fiche .mairie h2 {
	color: #2871b8;
}

.actus .vie h2 a, .actu_fiche .vie h2, .evenement .vie h2 a, .evenement_fiche .vie h2, .reportage .vie h2 a, .reportage_fiche .vie h2  {
	color: #9ace1e;
}

.actus .activites h2 a, .actu_fiche .activites h2, .evenement .activites h2 a, .evenement_fiche .activites h2, .reportage .activites h2 a, .reportage_fiche .activites h2  {
	color: #d01b33;
}

.actus .quotidien h2 a, .actu_fiche .quotidien h2, .evenement .quotidien h2 a, .evenement_fiche .quotidien h2, .reportage .quotidien h2 a, .reportage_fiche .quotidien h2  {
	color: #42a9a0;
}

.actus .sociale h2 a, .actu_fiche .sociale h2, .evenement .sociale h2 a, .evenement_fiche .sociale h2, .reportage .sociale h2 a, .reportage_fiche .sociale h2  {
	color: #781b81;
}

.evenement h2 a {
    font-size: 18px;
}

.evenement div{
    margin-bottom: 5px;
}

.actus img, .actu_fiche img, .evenement img, .evenement_fiche img, .reportage img, .reportage_fiche img {
	float: left;
	margin: 0 10px 0 0;
}

.actus .more {
	float: right;
	margin-right: 10px;
	margin-top: 20px;
	_margin: -10px 0 0 0;
}


.reportage, .evenement {
	width: 510px;
	_width: 500px;
	padding: 20px 0px 20px 0px;
	margin: 0;
	z-index: 100;
	border-bottom: 1px solid #ECE9D7;
}

/* @end */

/* @group Reportages */

.reportages {
	margin: 0 0 0 20px;
}

.reportages img {
	float: left;
	margin: 0 10px 0 0;
}

.reportages h2 {
	font-size: 12px;
	font-weight: bold;
	color: #3f3f3f;
}

.reportages h3 a {
	color: #3f3f3f;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

.reportages h3 a:hover {
	text-decoration: underline;
}

.reportages .more {
	float: right;
	margin-right: 20px;
}

/* @end */

/* @group Espaces */

.espaces h2 {
	border-top: 1px dashed #ebe8d5;
	margin: 0;
	padding: 5px 0;
}

.espaces div {
	margin-left: 5px;
}

.espaces h2 a {
	font-size: 12px;
	font-weight: bold;
	color: #3f3f3f;
	margin: 0;
	padding: 0 5px 5px 5px;
	display: block;
}

.espaces h2 a:hover {
	text-decoration: none;
}

.espaces p {
	margin: 10px 0;
	font-size: 11px;
	line-height: 14px;
}

/* @end */

/* @group Rechercher */

form.search {
	margin: 0 0 10px 0;
}

form.search input.inputSearch {
	background: #fff url(../images/picto-search.png) no-repeat 4px 4px;
	border: 1px solid #c1c4c6;
	padding: 4px 4px 4px 20px;
	width: 106px;
	/*color: #b2b2b2;*/
}

form.search input.rechercher {
	background: none;
	border: none;
	font-weight: bold;
}

/* @end */

/* @group Affineur */

.affineur {
	background: #878279;
}

/* @end */

/* @group Services en ligne */

.services {
	background: #fff;
	border: 1px solid #e9e6d1;
	padding: 5px;
	margin: 5px;
}

.services h2 {
	font-weight: bold;
	font-size: 12px;
	list-style: 14px;
}

.services ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.services ul li a {
	color: #3f3f3f;
	display: block;
	height: 15px;
	padding: 5px 0 0 25px;
}

.services ul li a:hover {
	text-decoration: none;
}

.services ul li.plan a {
	background: url(../images/pictos-services.png) no-repeat 0 0;
}

.services ul li.telepaiement a {
	background: url(../images/pictos-services.png) no-repeat 0 -22px;
}
.services ul li.telepaiement span.infoSupplementaire {
    font-size: 9px;
    padding-left: 25px;
}



/* @end */

/* @group Boutons (sur la droite : Newsletter, Ecrire au Maire...) */

.boutons ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}

.boutons ul li a span {
	display: none;
}

.boutons ul li.btnNewsletter a {
	background: url(../images/btn.png) no-repeat 0 0;
	display: block;
	height: 45px;
	width: 142px;
}

.boutons ul li.btnEcrire a {
	background: url(../images/btn.png) no-repeat 0 -48px;
	display: block;
	height: 45px;
	width: 142px;
}

.boutons ul li.btnEmailing a {
	background: url(../images/btn.png) no-repeat 0 -96px;
	display: block;
	height: 45px;
	width: 142px;
}

.boutons ul li.btnNewsletter a:hover {
	background-position: -142px 0;
}

.boutons ul li.btnEcrire a:hover {
	background-position: -142px -48px;
}

.boutons ul li.btnEmailing a:hover {
	background-position: -142px -96px;
}

/* @end */

/* @group Footer */

.footer img.logo {
	display: block;
	float: left;
	margin: 0 10px 0 10px;
}

.footer p {
	float: left;
	margin: 10px 0 0 0;
	font-size: 11px;
}

.footer p a {
	font-weight: bold;
	color: #3f3f3f;
}

.footer p a:hover {
	text-decoration: none;
}

.footer .risques {
	float: right;
	color: #3f3f3f;
	font-weight: bold;
	font-size: 11px;
	display: block;
	height: 30px;
	padding: 7px 0 0 30px;
	margin: 10px 50px 0 0;
	background: url(../images/picto-risque-majeur.png) no-repeat 0 0;
}

.footer .risques:hover {
	text-decoration: none;
}

/* @end */

/* @group Page master (blocSousRubrique) */

.blocSousRubrique {
	background: #f6f5ee;
	margin: 0 0 15px 15px !important;
	width: 163px;
	_margin: 0 0 0 5px !important;
	float: left;
}

body .blocSousRubrique h3 {
	color: #fff;
	padding: 20px 5px 0 1px;
	/*height: 20px;*/
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}


/* Générique */

body .blocSousRubrique h3 {
	background: #fff url(../images/bkg-titre-master-defaut.png) no-repeat 0 0;
}

/* Spécifique */

body.mairie .blocSousRubrique.first h3 {
	background: #fff url(../images/bkg-titre-master-mairie1.png) no-repeat 0 0;
}

body.mairie .blocSousRubrique h3 {
	background: #fff url(../images/bkg-titre-master-mairie2.png) no-repeat 0 0;
}

body.vie .blocSousRubrique.first h3 {
	background: #fff url(../images/bkg-titre-master-vie1.png) no-repeat 0 0;
}

body.vie .blocSousRubrique h3 {
	background: #fff url(../images/bkg-titre-master-vie2.png) no-repeat 0 0;
}

body.activites .blocSousRubrique.first h3 {
	background: #fff url(../images/bkg-titre-master-activites1.png) no-repeat 0 0;
}

body.activites .blocSousRubrique h3 {
	background: #fff url(../images/bkg-titre-master-activites2.png) no-repeat 0 0;
}

body.quotidien .blocSousRubrique.first h3 {
	background: #fff url(../images/bkg-titre-master-quotidien1.png) no-repeat 0 0;
}

body.quotidien .blocSousRubrique h3 {
	background: #fff url(../images/bkg-titre-master-quotidien2.png) no-repeat 0 0;
}

body.sociale .blocSousRubrique.first h3 {
	background: #fff url(../images/bkg-titre-master-sociale1.png) no-repeat 0 0;
}

body.sociale .blocSousRubrique h3 {
	background: #fff url(../images/bkg-titre-master-sociale2.png) no-repeat 0 0;
}

.blocSousRubrique h3 a {
	color: #fff;
	background-color: #433B35;
	text-decoration: none;
	display: block;
	width: 147px;
	padding: 0px 5px 5px 10px;
}

body.mairie .blocSousRubrique h3 a {
	background-color: #2871b8;
}
body.vie .blocSousRubrique h3 a {
	background-color: #9ace1e;
}
body.activites .blocSousRubrique h3 a {
	background-color: #d01b33;
}
body.quotidien .blocSousRubrique h3 a {
	background-color: #42a9a0;
}
body.sociale .blocSousRubrique h3 a {
	background-color: #781b81;
}
.blocSousRubrique img {
	margin: 10px 0 0px 10px;
}

.blocSousRubrique p {
	margin: 0 10px;
	/*padding: 10px 0;*/
	font-size: 11px;
	list-style: 13px;
}

.blocSousRubrique li{
    list-style: none;
}
.blocSousRubrique li a{
    display: none;
}

.blocSousRubrique ul {
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0;
}

.blocSousRubrique ul li {
	font-size: 11px;
}
.blocSousRubrique ul li a {
    display: block;
}

body.mairie .blocSousRubrique ul li {
	padding: 0px 0 0px 15px;
	background: url(../images/puce-mairie.png) no-repeat 0 4px;
}
body.vie .blocSousRubrique ul li {
	padding: 0px 0 0px 15px;
	background: url(../images/puce-vie.png) no-repeat 0 4px;
}
body.activites .blocSousRubrique ul li {
	padding: 0px 0 0px 15px;
	background: url(../images/puce-activites.png) no-repeat 0 4px;
}
body.quotidien .blocSousRubrique ul li {
	padding: 0px 0 0px 15px;
	background: url(../images/puce-quotidien.png) no-repeat 0 4px;
}
body.sociale .blocSousRubrique ul li {
	padding: 0px 0 0px 15px;
	background: url(../images/puce-sociale.png) no-repeat 0 4px;
}
body.direct .blocSousRubrique ul li {
	padding: 0px 0 0px 15px;
	background: url(../images/puce-direct.png) no-repeat 0 4px;
}

/* @end */

/* @group Agenda */

.agenda {
	margin: 10px 0 10px 10px;
}

.agenda h2 {
	font-size: 12px;
	font-weight: bold;
}

/* @end */

/* @group Prochainement */

.prochainement {
	margin: 10px 0 10px 10px;
}

.prochainement h2 {
	font-size: 12px;
	font-weight: bold;
}

.prochainement .date {
	font-size: 10px;
}

.prochainement .titre {
	display: block;
	margin: 5px 0;
	color: #3f3f3f;
}

.prochainement .titre:hover {
	text-decoration: none;
}

.prochainement p {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
}

/* @end */

/* @group Plan du site */

ul#plan {
	list-style: none !important;
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
}

ul#plan li {
	background: none !important;
	font-size: 14px;
	list-style: none !important;
}

ul#plan li a {
	text-decoration: none;
	color: #3f3f3f;
	display: block;
}

ul#plan li a:hover {
	text-decoration: underline;
}

ul#plan li ul li.mairie {
	border-top: 5px solid #2871b8;
	padding-top: 5px;
}

ul#plan li ul li.mairie ul li {
	background: url(../images/puce-mairie.png) no-repeat 0 3px !important;
	padding-left: 15px;
	font-size: 12px;
}

ul#plan li ul li.vie {
	border-top: 5px solid #9ace1e;
	padding-top: 5px;
}

ul#plan li ul li.vie ul li {
	background: url(../images/puce-vie.png) no-repeat 0 3px !important;
	padding-left: 15px;
	font-size: 12px;
}

ul#plan li ul li.activites {
	border-top: 5px solid #d01b33;
	padding-top: 5px;
}

ul#plan li ul li.activites ul li {
	background: url(../images/puce-activites.png) no-repeat 0 3px !important;
	padding-left: 15px;
	font-size: 12px;
}

ul#plan li ul li.quotidien {
	border-top: 5px solid #42a9a0;
	padding-top: 5px;
}

ul#plan li ul li.quotidien ul li {
	background: url(../images/puce-quotidien.png) no-repeat 0 3px !important;
	padding-left: 15px;
	font-size: 12px;
}

ul#plan li ul li.sociale {
	border-top: 5px solid #781b81;
	padding-top: 5px;
}

ul#plan li ul li.sociale ul li {
	background: url(../images/puce-sociale.png) no-repeat 0 3px !important;
	padding-left: 15px;
	font-size: 12px;
}

ul#plan li ul li.direct, ul#plan li.ESPACES, ul#plan li.SERVICE, ul#plan li.PRATIQUE, ul#plan li.FOOTER {
	border-top: 5px solid #878279;
	padding-top: 5px;
}
ul#plan li ul li.direct a, ul#plan li.ESPACES a, ul#plan li.SERVICE a, ul#plan li.PRATIQUE a, ul#plan li.FOOTER a {
    cursor: default;
    text-decoration: none;
}
ul#plan li ul li.direct ul li a:hover, ul#plan li.ESPACES ul li a:hover, ul#plan li.SERVICE ul li a:hover, ul#plan li.PRATIQUE ul li a:hover, ul#plan li.FOOTER ul li a:hover {
    cursor: default;
    text-decoration: underline;
}

ul#plan li ul li.direct ul li {
	background: url(../images/puce-direct.png) no-repeat 0 3px !important;
	padding-left: 15px;
	font-size: 12px;
}

/* @end */













/* Calendrier (herite de contenu-defaut.css) */
.calend table thead, .calend table th {
    display: none;
}

.calend form {
    width: 160px;
}

.calend .entete {
    margin: 10px 0 10px 0;
    font: bold 12px Arial, Helvetica, Geneva, sans-serif;
}

* html .calend .entete {
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
}

.calend .entete .mois {
    display: block;
    width: 130px;
    float: left;
    text-align: center;
}

.calend table tr {
    border-bottom: none !important;
}

.calend table tr td {
    padding: 4px 4px 4px 5px;
    font-size: 10px;
    border-bottom: none !important;
    text-align: center;
}

.calend table tr:hover td {
    background: #fff;
}

.calend table tr:hover td {
    background: #F6F5EE;
}
.calend table tr td.dDay{
    background: #DFE2E4;
}

.calend a.monthprecedent {
    display: block;
    background: url(../images/picto-fleche-gauche.png) no-repeat 0 6px;
    height: 15px;
    width: 13px;
    float: left;
}

.calend a.monthsuivant {
    display: block;
    background: url(../images/picto-fleche-droite.png) no-repeat 0 6px;
    height: 15px;
    width: 13px;
    float: right;
}

.calend a.monthprecedent span, .calend a.monthsuivant span {
    display: none;
}

.oblig {
    color:#F8005D;
}

/* téléchargement */
div#telecharger div.telec {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FCFFCB none repeat scroll 0 0;
    border:1px solid #D0D2B2;
    color:#5D5E50;
    display:block;
    font-size:12px;
    font-weight:bold;
    margin:10px 0;
    padding:5px;
}

div#telecharger p img {
    float: left;
    margin: 5px;
}


/* @group Pagination */

.pagination {
	text-align: center;
}

body .contenu .pagination li {
	list-style: none;
	margin: 0;
	padding: 0;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	display: inline;
	background: none !important;
}

.pagination li a {
	margin: 0 1px 0 0;
	padding: 3px;
	text-decoration: none;
	color: #555;
}

.pagination li a:hover {
	background: #f1f1f1;
}

.pagination li.select a {
	font-weight: bold;
	background: #f1f1f1;
	cursor: default;
	border: 1px solid #ccc;
}

/* @end */


/* @group erreur form */
tr.error input, tr.error textarea, tr.error select {
    border:1px solid #F8005D !important;
}

form tr.entetetableau{
    background: #E9E9E9;
}
form tr.entetetableau td{
    font-weight: bold;
} 

form td{
    vertical-align: top;
}

/* @end */

/* @group rss */
.rss a {
    border-bottom: medium none !important;
    color: #EF8134 !important;
}
/* @end */

.accordion {
    width: 170px;
}


/* @group Diaporama */

.diaporama img{

    margin: 0;
    float: none;
}

.diaporama table td{

    vertical-align: middle;
    padding: 0px;
}

.diaporama div.NavPrev, .diaporama div.NavNext{
    width:20px;
}
.diaporama div.NavNext {
    text-align: right;
}

.diaporama #diaporama {
	float: left;
	/*width: 465px !important;
	_width: 460px !important;
	*/
	background: #fff;
	margin: 0 !important;
	padding: 0 !important;
}

.diaporama #diaporama div{
    width: 500px;
}
    
.diaporama #diaporama img{
    margin:auto;
    display: block;
    float: none;
}

.diaporama ul#nav li {
	list-style: none;
	display: inline;
    background: none !important;
    height: 100px;
}


#navigationGlobal {
    margin-top:10px;
    padding:5px 0;
    width:540px;
    height:110px;
    border:0;
    background:#FFF;
}
#navigationGlobal #navigation {
    position:relative;
    overflow:hidden;
    height:110px;
    width:540px;
}
#nav {
    position:absolute;
    list-style:none;
    margin-left:5px;
    height:110px;
    width:10000px;
    border-right:5px solid #FFF;
    left:0px;
}
#nav li {
    float:left;
    margin-right:5px;
    cursor:pointer;
}
/* @end */



/* @group Mot de l'élu */

.blocEluMot {
	background: #f6f5ee;
	margin: 0 0 15px 15px !important;
	width: 520px;
	_margin: 0 0 0 10px !important;
	float: left;
}

.blocEluMot h3 {
	color: #fff;
	padding: 15px 5px 0 10px;
	height: 20px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}

/* Générique */
body .blocEluMot h3 {
	background: #fff url(../images/bkg-titre-master-defaut.png) no-repeat 0 0;
	font-size: 15px;
}

/* Specifique */
body.mairie .blocEluMot h3 {
	background: #fff url(../images/bkg-titre-master-mairie2.png) no-repeat 0 0;
}

body.vie .blocEluMot h3 {
	background: #fff url(../images/bkg-titre-master-vie2.png) no-repeat 0 0;
}

body.activites .blocEluMot h3 {
	background: #fff url(../images/bkg-titre-master-activites2.png) no-repeat 0 0;
}

body.quotidien .blocEluMot h3 {
	background: #fff url(../images/bkg-titre-master-quotidien2.png) no-repeat 0 0;
}

body.sociale .blocEluMot h3 {
	background: #fff url(../images/bkg-titre-master-sociale2.png) no-repeat 0 0;
}

.blocEluMot h3 a {
	color: #fff;
	text-decoration: none;
	display: block;
}
.blocEluMot .identite{
    float: left;
    width: 110px;
    padding: 10px;
    text-align: center;
	cursor: help;
}
.blocEluMot .identite .nom{
	font-weight: bold;
}
.blocEluMot .identite a{
	font-size:10px;
}
.blocEluMot .mot{
    float: left;
    width: 380px;
    padding: 5px;
}
.blocEluMot .mot h3{
    background: none !important;
}

/* @end */



/* @group Organigramme */

input.organigrammeLien{
    border: 3px #1D4E76 outset !important;
    background: #3285CA;
    color: #fff !important;
    
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}
input.organigrammeLien:hover{
    border: 3px #1D4E76 inset !important;
    background: #529EDB;
}

.organigramme h1{
    float: left;
}

/* maire */
.organigramme .blocMaire{
    background-color: #F6F6EE;
    padding: 10px;
    margin: 0px 0px 5px 0px;
    width: 250px;
    float: right;
    cursor: help;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.organigramme .blocMaire .portrait{
    float: left;
    margin: 0px 10px 0px 0px;
}
.organigramme .blocMaire .identite{
    float: left;
}
.organigramme .blocMaire .nom{
    font-weight: bold;
    padding: 0px 0px 0px 20px;
}
.organigramme .blocMaire .infoComplementaire{
    padding: 0px 0px 0px 20px;
}
.organigramme .blocMaire .boutons ul li{
    background: none !important; 
}

/* opposition */

.organigramme .opposition{
    background: url(../images/bck-opposition.gif) repeat-x 0 70px ;
    padding: 0px 0px 0px 10px;
}
.organigramme .opposition h3{
    color: #A19D92 !important;
}
.organigramme .opposition .blocOpposition{
    float: left;
    margin: 0px 20px 0px 0px; 
    color: #A19D92;
    font-weight: bold;
    cursor: help;
}
.organigramme .opposition .blocOpposition .portrait{
    height: 80px;
    width: 70px;
    margin: 0px 0px 5px 0px;
}
.organigramme .opposition .blocOpposition .portrait img{
    margin: auto;
    border: 1px solid #000;
}


/* Adjoints et Conseillés */

.organigramme .adjoint{
    margin: 0px 0px 5px 0px;
    border-spacing: 5px;
    border-collapse: separate; 
}

.organigramme .adjoint .blocService{
    width: 1%; 
    background-color: #A19D92;
    color: #fff;
    padding: 0px;
    margin: 5px;
     
}
.organigramme .adjoint .blocService.service1{
    background-color: #6FACDB;
}
.organigramme .adjoint .blocService.service2{
    background-color: #5354A4;
    left: 100px;
}
.organigramme .adjoint .blocService.service3{
    background-color: #B271B1;
    left: 200px;
}
.organigramme .adjoint .blocService.service4{
    background-color: #CCA131;
}
.organigramme .adjoint .blocService.service5{
    background-color: #2FAD49;
}
.organigramme .adjoint .blocService.service6{
    background-color: #B5044C;
}
.organigramme .adjoint .blocService.service7{
    background-color: #EC6E3C;
}
.organigramme .adjoint .blocService.service8{
    background-color: #72C6AF;
}
.organigramme .adjoint .blocService.service9{
    background-color: #E62458;
}


.organigramme .adjoint .blocService h3{
    height: 40px;
    background: #fff;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
}
.organigramme .adjoint .blocService.service1 h3{
    color: #6FACDB;
}
.organigramme .adjoint .blocService.service2 h3{
    color: #5354A4;
}
.organigramme .adjoint .blocService.service3 h3{
    color: #B271B1;
}
.organigramme .adjoint .blocService.service4 h3{
    color: #CCA131;
}
.organigramme .adjoint .blocService.service5 h3{
    color: #2FAD49;
}
.organigramme .adjoint .blocService.service6 h3{
    color: #B5044C;
}
.organigramme .adjoint .blocService.service7 h3{
    color: #EC6E3C;
}
.organigramme .adjoint .blocService.service8 h3{
    color: #72C6AF;
}
.organigramme .adjoint .blocService.service9 h3{
    color: #E62458;
}



.organigramme .adjoint .blocService .blocAdjoint{
    min-height: 140px;
    padding: 0px 10px;
    margin-bottom: 5px;
    font-size: 11px;
    cursor: help;
}
.organigramme .adjoint .blocService .blocAdjoint .portrait{
    height: 80px;
    text-align: center; 
    margin: 0px 0px 5px 0px;
}
.organigramme .adjoint .blocService .identite .nom{
    font-weight: bold;
}




.blocMaire.select, .blocAdjoint.select, .blocOpposition.select{
    background-color: #000;
    color: #fff !important;
}

/* @end */



/* Annuaire */


.annuaire ul.activite{
    margin: 0 0 0 150px;
}

.annuaire .infoRecherche{
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}
.annuaire .infoRecherche span{
    color: #878279;   
}
body.mairie .annuaire .infoRecherche span {
    color: #2871b8;
}
body.vie .annuaire .infoRecherche span {
    color: #9ace1e;
}
body.activites .annuaire .infoRecherche span {
    color: #d01b33;
}
body.quotidien .annuaire .infoRecherche span {
    color: #42a9a0;
}
body.sociale .annuaire .infoRecherche span {
    color: #781b81;
}

.annuaire .libelle {
    margin: 0px 0px 10px 0px;
}
.annuaire .libelle a {
    color: #878279;
    font-size: 14px;
    font-weight: bold;
}
.annuaire .president {
    color: #878279;
}


body.mairie .annuaire .libelle a, body.mairie .annuaire .president {
    color: #2871b8;
}
body.vie .annuaire .libelle a, body.vie .annuaire .president {
    color: #9ace1e;
}
body.activites .annuaire .libelle a, body.activites .annuaire .president {
    color: #d01b33;
}
body.quotidien .annuaire .libelle a, body.quotidien .annuaire .president {
    color: #42a9a0;
}
body.sociale .annuaire .libelle a, body.sociale .annuaire .president {
    color: #781b81;
}


.annuaire ul.action{
    margin: 0;
}

body .annuaire ul.action li{
    background: none !important;
}
.annuaire ul.action li a {
	color: #3f3f3f;
	display: block;
	height: 15px;
	padding: 5px 0 0 25px;
}
.annuaire ul.action li.plan a {
	background: url(../images/pictos-services.png) no-repeat 0 0;
}
.annuaire ul.action li.contact a {
	background: url(../images/pictos-contact.png) no-repeat 0 0;
}
.annuaire ul.action li.siteweb a {
	background: url(../images/picto-siteweb.png) no-repeat 0 0;
}
.annuaire .proposer{
    margin: 10px 0px 10px 0px;
    text-align: center;
}
.annuaire .proposer a{
    background: #F3F5E8;
    text-align: center; 
    padding: 5px;
    border: 1px solid #ECEAD8;
    color: #3F3F3F;
}



/* Annuaire fiche */


div.contact a {
    padding: 0px 0px 0px 25px;
	background: url(../images/pictos-contact.png) no-repeat 0 0;
	color:#3F3F3F;
	height: 20px;
	display: block;
	text-decoration: none;
}

div.web a {
    padding: 0px 0px 0px 25px;
	background: url(../images/picto-siteweb.png) no-repeat 0 0;
	color:#3F3F3F;
	height: 20px;
	display: block;
}

div.tel {
    padding: 0px 0px 0px 25px;
	background: url(../images/pictos-tel.png) no-repeat 0 0;
	color:#3F3F3F;
	height: 20px;
}
div.fax {
    padding: 0px 0px 0px 25px;
	background: url(../images/pictos-fax.png) no-repeat 0 0;
	color:#3F3F3F;
	height: 20px;
}
div.mobile {
    padding: 0px 0px 0px 25px;
	background: url(../images/pictos-mobile.png) no-repeat 0 0;
	color:#3F3F3F;
	height: 20px;
}
div.localiser a {
	background: url(../images/pictos-services.png) no-repeat 0 0;
	color:#3F3F3F;
    display:block;
    height:15px;
    padding:5px 0 0 25px;
}
div.reservation a {
	background: url(../images/pictos-reservation.png) no-repeat 0 0;
	color:#3F3F3F;
    display:block;
    height:15px;
    padding:5px 0 0 25px;
}


/* @end */


/* Plan intéractif et localisation */

#localizeMapBox{
    border: 1px solid silver;
    width: 538px;
    height: 400px;
}
#localizeItineraireBox{
    border: 1px solid silver;
    width: 528px;
}


.planInteractif .nav{
    /*border: 1px solid #000; */
    padding: 5px 0px 5px 6px; 
    margin: 0px 0px 10px 0px; 
}

.planInteractif .nav .marker, .planInteractif .nav .quartier{
    float: left;
    width: 262px;
}
.planInteractif .nav .marker{
    margin: 0px 10px 0px 0px;
}

.planInteractif .nav .titre{
    font-weight: bold;
    text-align: center;
    background: #eee;
    padding: 5px; 
}

.planInteractif .couleur{
    float: left;
    width: 20px;
    height: 18px;
}

.planInteractif #closeItineraire{
    display: block;
    height: 15px;
    background-color: #efefef;
    text-align: right;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 10px 5px 5px;
}

.planInteractif form fieldset div.onglet{
    margin: 0;
    padding: 0;
    font-weight: bold;
    cursor: pointer;
}

/* @end */


/* reservation salle */

.salle .libelle {
    margin: 0px 0px 10px 0px;
}
.salle .libelle a {
    color: #878279;
    font-size: 14px;
    font-weight: bold;
}

.salle_fiche img {

    float: left;
    margin: 5px;
}

.salle_fiche .reservation{

    margin:10px 0;
    text-align:center;
}
.salle_fiche .reservation a{

    width: 150px;
    margin: 0 auto;
    background-color:#F3F5E8;
    border:1px solid #ECEAD8;
    color:#3F3F3F;
}
/* @end */




/* formulaire */
form {
	position: relative;
}

form fieldset {
	margin-bottom: 0px;
	padding: 5px 5px 5px 5px;
	background: #f9f9f9;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

form fieldset legend {
	margin: 0;
	padding : 0 10px;
	color: #333;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

form fieldset div {
	margin: 10px 0;
	padding: 5px 0;
}

form fieldset div label {
	margin: 0;
	padding : 6px 15px 0 0px;
	width : 110px;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	color: #555;
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
}
form fieldset div span.oblig {
	color: #f00;
}
form fieldset div span.error {
	color: #f00;
}

input, select, textarea {
	background: #FFF;
	border:1px solid #e3e3e3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000;
	padding: 5px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/*input:hover, select:hover, textarea:hover {
	border: 1px solid #e3e3e3;
}

input:focus, select:focus, textarea:focus {
	border: 1px solid #e3e3e3;
}*/

.bigTexte {
	font-size: 18px;
	font-weight: bold;
}

/* Elles s'agrandissent en fonction du contenu saisi avec le UvumiTextarea */
textarea {
	width: 260px;
	/*height: 40px;*/
	padding-bottom: 5px;
}

input:focus, textarea:focus {
	background: #ffff9c;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


form fieldset div label .help {
	display: block;
	margin: 3px 0 0 0;
	/*margin-left: 160px;*/
	font: italic 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}
form fieldset div .help {
	display: block;
	margin: 3px 0 0 0;
	margin-left: 160px;
	font: italic 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

form fieldset div.enLigne {
	float: left;
	margin: 0 10px 0 160px;
	padding: 0;
}

form fieldset div.enLigneNone {
	float: left;
	margin: 5px 10px 0 0px;
	padding: 0;
}

form fieldset div.enLigneNone {
	float: left;
	margin: 5px 10px 0 0px;
	padding: 0;
}

form fieldset div.enLigne img {
	float: left;
	margin: 0 0 0 5px;
}

form fieldset div.suivant {
	margin-left: 0px;
}

form fieldset div.enLigne2 label {
	display: block !important;
	float: none;
	text-align: left;
	width: auto;
}

form fieldset div.enLigne label {
	display: block !important;
	float: none;
	text-align: left;
	width: auto;
}

form fieldset div.enLigne input {
	display: inline !important;
	float: left;
}

form fieldset.soumission {
	text-align: center;
	background: #e5f6fd;
}

/* Separateur special */

div.sep {
	clear: both;
	border-bottom: 1px solid #e3e3e3;
	margin: 10px;
	padding: 0;
}

.choixcheckbox {
	display: block;
	/*margin-left: 160px ;*/
}


input.bouton-principal {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
	font-weight: bold;
	color: #FFF !important;
	background: #5c5c5c url(../../commun_extranet/images/bkg-button-grad.png) repeat-x scroll left top;
	-moz-border-radius: 13px;
	-khtml-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	padding: 6px 10px;
	border:none;
}

input.bouton-secondaire {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	text-decoration: none;
	font-size: 11px !important;
	line-height: 16px;
	padding: 4px 10px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 13px;
	-khtml-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
}

*+ html input.bouton-secondaire {
	padding: 2px 5px;
	line-height: 12px;
}

.bouton-principal:hover {
	background: #333;
}

.bouton-principal:active {
	background: #333 url(../../commun_extranet/images/bkg-button-grad-active.png) repeat-x scroll left top !important;
}

.bouton-secondaire,
input[type=button],
input[type=submit] {
	border-color: #bbb;
	color: #464646;
}

.bouton-secondaire:hover,
input[type=button]:hover,
input[type=submit]:hover {
	color: #000;
	border-color: #666;
}

.bouton-secondaire {
	background: #f2f2f2 url(../../commun_extranet/images/bkg-white-grad.png) repeat-x scroll left top;
}

.bouton-secondaire:active {
	background: #eee url(../../commun_extranet/images/bkg-white-grad-active.png) repeat-x scroll left top;
}

.bouton-secondaire[disabled],
.bouton-secondaire:disabled {
	color: #ccc !important;
	border-color: #ccc;
}

.bouton-principal[disabled],
.bouton-principal:disabled {
	color: #2fa0d5 !important;
}
/* fin formulaire */


.center{
    text-align: center;
}

table{
    width: 100%;
}

.phototheque .photo{
    margin: 0px 10px 10px 0px;
	padding: 10px;
    -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
    border: 1px #E9E6D1 solid;
    width: 100px;
    text-align: center;
    float: left;
}
.phototheque .photo h2{
    font-size: 12px;
    min-height: 35px;
    vertical-align: center;
    letter-spacing: 0px;
}
.phototheque .photo a{
    margin: 0;
    padding: 0;
}
.phototheque .photo .image{
    text-align: center;
    margin-right: 5px;
    height: 100px;
}
.phototheque .photo h2 a{
    display: block;
}


a.export {
	color: #333;
	font-size: 12px;
	font-style: normal;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
a.excel span {
	background: url(/admin/img/doc_types/icon_xls.gif) no-repeat 0 0;
	padding: 1px 0 0 18px;
	color: #1fae57;
}
a.texte span {
	background: url(/admin/img/doc_types/icon_txt.gif) no-repeat 0 0;
	padding: 1px 0 0 18px;
	color: #1fae57;
}


/* @group Outils (Zoom +, Zoom -, Ami, Print) */

ul#outilsZoom {margin: 15px 10px 0 0;float:right;display:inline;list-style: none;top:0;right:0;}
ul#outilsZoom li {list-style: none;margin : 0;padding : 0;display:inline;background: none;}
ul#outilsZoom li a {width:16px;height:19px;display:inline;float:left; border:none}

a#zoomMoins {margin-right:7px;background: url('../images/zoomMoins.png') no-repeat 0 0;}
a#zoomPlus {background: url('../images/zoomPlus.png') no-repeat 0 0;}
a#envoyerAmi {margin-right:7px;margin-left:7px;background: url('../images/envoyerAmi.png') no-repeat 0 0;}
a#imprimer {margin-right:7px;background: url('../images/imprimer.png') no-repeat 0 0;}
a.langue {margin-left:7px; }

a#zoomMoins:hover, a#zoomPlus:hover, a#envoyerAmi:hover, a#imprimer:hover, a#commentArticle:hover {background-position: 0 -19px; border:none}
ul#outilsZoom li a span {display:none;}

#chemin
{
    float:left;
    clear:both;
    width:100%;
    _width:99%;
    position:relative;
    font-size: 11px;
    margin: 10px 0 10px 0;
}
/* @end */



/* @group Service public */
body .contenu #spl_wrapper ul li{
    background: none !important;
}
/* @end */


/* @group module_faq */
.droite .module_faq{
    
    font-size: 10px;
}
.droite .module_faq h2 {
	font-size: 12px;
	font-weight: bold;
}

.droite .module_faq a {
    font-size: 12px;
    color: #000;
}
.droite .module_faq a.more {
    font-size: 10px;
    color: #228EDB;
}

.module_faq .faq_question a {
    color: #878279;
    text-decoration: none;
}

.module_faq .faq_question a:hover {
    text-decoration: underline;
}

/* @end */