/* @override Credits */
/*
Date : 04.11.2009
Auteur : Adrien Heury
Projet : Loyettes
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]
Bleu foncé : #101338 (bkg) et #111338 (bkg) et #00244b (texte) et #144059 (texte)

Commune (Bleu) : #073e86
Vie municipale (Vert) : #79c742
Démarches (Rouge) : #df1b25
Vivre à Loyettes (Turquoise) : #00869a

-------------------------------------------------------------------*/
/*[Typography]
-------------------------------------------------------------------*/

@import url("wysiwyg.css");

body {
	background: #FFF;
}

#article{
	padding-left: 40px;
	padding-right: 40px;
}
/* @group Structure */

.container {
	width: 900px;
	/*background: url(../images/bandeau.jpg) no-repeat center 0;*/
}

.container div#titreprint{
	display: none;

}

.gauche {
	background: #fff;
	margin-top: 250px;
}

.centre {
	background: #fff;
	margin-top: 170px;
	min-height:450px;
}

.droite {
	margin-top: 220px;
}

.footer {
	text-align: center;
}

/* @end */

/* @group Gauche */

/* @group Sous Menu */

/* h1 */
h1.index{
	background: url(../images/logo.jpg) no-repeat 100% 100%;
	height: 70px;
	
}
h1.index span{
	color: #081b3b;
	width: 400px;
	font-size: 30px;
	display: block;
}


/* Depend de la rubrique */
.bodyCommune .gauche {
	background: #fff url(../images/bkg-menu-gauche-commune.jpg) repeat-x 0 0;
}

.bodyVie .gauche {
	background: #fff url(../images/bkg-menu-gauche-vie.jpg) repeat-x 0 0;
}

.bodyDemarches .gauche {
	background: #fff url(../images/bkg-menu-gauche-demarches.jpg) repeat-x 0 0;
}

.bodyVivre .gauche {
	background: #fff url(../images/bkg-menu-gauche-vivre.jpg) repeat-x 0 0;
}

.gauche ul.sousMenu {
	min-height: 200px;
	margin: 0 10px 0 0;
	padding: 0;	
	text-align: right;	
}

.gauche ul.sousMenu li {
	list-style: none;
}

.gauche ul.sousMenu li a {
	/* Obligé de masquer le 1er... */
	display:none;
}
.gauche ul.sousMenu li ul li a {
	display:block;
	color: #fff;
	text-decoration: none;	
}
.gauche ul.sousMenu li ul li a:hover {
	text-decoration:underline;
} 
.gauche ul.sousMenu li ul li a.select {
	text-decoration:underline;
}



/* @end */


/* Outils */
ul.outils {
	float:right;
	width:105px;
	margin:0;
	padding:0;
}
ul.outils li {
	display:inline;
	list-style-type:none;
	float:left;
}
ul.outils li a {
	display:block;
}

ul.outils li span {
	display:none;
}

ul.outils li.plus a {
	background: url('../images/outils-taille-p.gif') no-repeat 0 0;
	width:26px;
	height:24px;
}
ul.outils li.moins a {
	background: url('../images/outils-taille-m.gif') no-repeat 0 0;
	width:26px;
	height:24px;
}
ul.outils li.ami a {
	background: url('../images/outils-mail.gif') no-repeat 0 0;
	width:26px;
	height:24px;
}

ul.outils li.print a {
	background: url('../images/outils-print.gif') no-repeat 0 0;
	width:24px;
	height:24px;
}


ul.outils li a:hover {
	background-position: 0 -24px;
}

/* @group Lien rapides */

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

.gauche ul.liensRapides li a {
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-bottom: 2px solid #0536e6;
	display: block;
	height: 20px;
	padding: 8px 0 0 50px;
	background: #111338 url(../images/picto-liensRapides.png) no-repeat 0 0;
}

.gauche ul.liensRapides li a:hover {
	text-decoration: underline;
}

.gauche ul.liensRapides li.marches a {
	background-position: 10px 0;
}

.gauche ul.liensRapides li.contact a {
	background-position: 10px -40px;
}

.gauche ul.liensRapides li.diapo a {
	background-position: 10px -80px;}

.gauche ul.liensRapides li.newsletter a {
	background-position: 10px -118px;
}

.gauche ul.liensRapides li.telechargements a {
	background-position: 10px -156px;
}

/* @end */

/* @group Agenda */

.gauche .agenda h2 {
	font-weight: bold;
	color: #144059;
	font-size: 11px;
	padding-bottom: 5px;
	text-transform: uppercase;
	border-bottom: 1px solid #00bf00;
}

/* @end */

/* @end */

/* @group Centre */

/* Ici est chargé le contenu WYSIWYG */
.page {
	margin: 20px;
	min-height:200px;
}

/* @group Menu principal */

.centre ul.menu {
	list-style: none;
	padding: 0;
	display:block;
	margin:-30px 0 0 0;
	_margin: 0px 0 0 0;
	float:left;
}

.centre ul.menu li ul li a {
    width: 100px !important;
}


.centre ul.menu li.COMMUNE, .centre ul.menu li.COMMUNE a {
	display: block;
	height: 50px;
	width: 128px;
}
.centre ul.menu li.COMMUNE  {
	background: url(../images/menu-commune.png) no-repeat 0 0;
	float: left;
	margin-right: 22px;
	
}

.centre ul.menu li.VIE, .centre ul.menu li.VIE a {
	display: block;
	height: 50px;
	width: 128px;
}
.centre ul.menu li.VIE  {
	background: url(../images/menu-vie.png) no-repeat 0 0;
	float: left;
	margin-right: 23px;
}

.centre ul.menu li.DEMARCHES, .centre ul.menu li.DEMARCHES a {
	display: block;
	height: 50px;
	width: 128px;
}
.centre ul.menu li.DEMARCHES  {
	background: url(../images/menu-demarches.png) no-repeat 0 0;
	float: left;
	margin-right: 23px;
}

.centre ul.menu li.VIVRE, .centre ul.menu li.VIVRE a {
	display: block;
	height: 50px;
	width: 128px;
}
.centre ul.menu li.VIVRE  {
	background: url(../images/menu-vivre.png) no-repeat 0 0;
	float: left;
}

/* Masquer le texte du span */
.centre ul.menu li a span {
	display: none;
}

/* Survol */
.centre ul.menu li.COMMUNE:hover
 {
	background:  url(../images/menu-commune.png) no-repeat 0 0;
	background-position: 0 -52px;
}

.centre ul.menu li.VIE:hover {
	background: url(../images/menu-vie.png) no-repeat 0 0;
	background-position: 0 -52px;
}

.centre ul.menu li.DEMARCHES:hover {
	background: url(../images/menu-demarches.png) no-repeat 0 0;
	background-position: 0 -51px;
}

.centre ul.menu li.VIVRE:hover {
	background: url(../images/menu-vivre.png) no-repeat 0 0;
	background-position: 0 -51px;
}

/* @end */

/* Survol */
.centre ul.menu li.COMMUNE.select {
	background: url(../images/menu-commune.png) no-repeat 0 0;
	background-position: 0 -52px;
}

.centre ul.menu li.VIE.select {
	background: url(../images/menu-vie.png) no-repeat 0 0;
	background-position: 0 -52px;
}

.centre ul.menu li.DEMARCHES.select {
	background: url(../images/menu-demarches.png) no-repeat 0 0;
	background-position: 0 -51px;
}

.centre ul.menu li.VIVRE.select {
	background: url(../images/menu-vivre.png) no-repeat 0 0;
	background-position: 0 -51px;
}

/* @end */



/* @group Pagination */

#pagination, .pagination {
	text-align: left;
	margin-top:20px;
	clear:both;
}

#pagination ul, .pagination ul {
	list-style: none;
	margin:0;
}

#pagination ul li, .pagination ul li {
	display: inline;
}

#pagination ul li a, .pagination ul li a {

}

#pagination ul li a.select, #pagination ul li a:hover, .pagination ul li a.select, .pagination ul li a:hover {
	
}

/* @end */

.centre ul.menu  li ul {
	list-style-type : none;
	display:none;
	background : #fff;
	position:relative;
	padding:0;
	top: -50px;
	left:-15px;
	width: 100px;
	z-index:1000;
	margin-top: 50px;
	-moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
	padding: 10px;
	border: 1px solid #bdbec2;
}

.centre ul.menu li:hover  ul {
	display:block;
}
.centre ul.menu  li ul li {
	margin: 0px;
	padding: 0;
}
.centre ul.menu  li ul li  a{
	text-decoration: none;
}
.centre ul.menu  li ul li  a span{
	color: #000;
	display:block;
	margin : 0;
	padding: 0;
}
.centre ul.menu  li ul li  a:hover span{
	color: #3F3F3F;
}
.centre ul.menu  li ul li  a:hover span.deco,
.centre ul.menu  li ul li  a span.deco
{
	color: #abb53a;
	width: 10px;
	font-weight: bold;
	float: left;
	font-size: 12px;
	padding-right: 5px
}
/* @end */

/* @group Droite */

/* @group Recherche */

.droite form.rechercher {
	padding: 10px 5px;
}

.droite form.rechercher input.search {
	border: 1px solid #fff;
	padding: 1px;
	width: 100px;
}

.droite form.rechercher input.ok {
	background: #fff;
	border: none;
}

/* @end */

/* @group Breves */

.breves {
	background: #101338;
	padding: 10px;
}

.breves #handleBreves {
	float:right;
}

.breves #handleBreves a span {
	display:none;
}
.breves #handleBreves a {
	float:left;
	padding:2px;
	width:8px;
	height:8px;
	background:transparent url(../images/bullet-grise.png) no-repeat scroll 0 0;
	
}
.breves #handleBreves a.activeSlide {
	background:transparent url(../images/bullet-noire.png) no-repeat scroll 0 0;
}

.breves img {
	padding:0;	
}

.breves h2 {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	border-bottom: 1px solid #00bf00;
	padding-bottom: 5px;
}

.breves a.titre, .breves a.btnNews {
	text-decoration: none;
	font-weight: bold;
	color: #92cc44;
	display: block;
	margin-bottom: 10px;
}

.breves a.titre:hover {
	text-decoration: underline;
}

.bodyVie .breves a.titre {
	color: #8fc741;
}

.breves p.date {
	text-align: right;
	font-size: 11px;
}

.breves p {
	color: #fff;
	line-height: 14px;
	font-size: 12px;
}

/* @end */

/* @end */


/* @divers */
p.MsgDivers{
	margin-top: 10px;
}


/* @end */


/* @group Plan du site */
ul#plan li {
	list-style:none;
}

ul#plan li ul li ul {
	margin-bottom:30px;
}

ul#plan li ul li ul li ul  {
	margin-bottom:1px;
}

/* @end */




/* @group Formulaires */
form {
	margin-bottom:10px;
}
form fieldset  div {
	clear:both;
	margin:2px 0 ;
}
form fieldset label {
	float:left;
	width:200px;
}

p.oblig {
	display:block;
	margin:5px 0;
	padding:5px;
	text-align:center;
	border:2px solid red;
}

p.oblig img {
	display:none;
}

/* @end */



div.rss a {
	text-decoration:none;
}

div.rss img {
	padding:0 5px 0 0;
}


/********** TELECHARGER *********/
#telecharger div {
	background:#FCFFCB none repeat scroll 0 0;
	border:1px solid #101338;
	color:#000;
	padding:5px;
	font-weight:bold;
	font-size:14px; 
	display: block;
	margin: 10px 0;
}

table.publication td, .mceContentBody table td {
	border-bottom:1px solid #c4c7c9;
	padding:10px;
	
	font-size: 13px; 
	color:#b0b0b0;
	font-family: Helvetica, Arial, Helvetica, sans-serif;	
}


div.news img {
	float:left;
	margin-right:10px;
}

/********** evenement *********/
div.evenementsCalend{
	width: 160px;
}
div.evenementsCalend table caption{
	padding : 5px 0;
	margin : 0;
	text-align: center;
	background : #fff;
}
div.evenementsCalend table td{
	padding: 4px 0;

}
div.evenementsCalend table thead th
{
	background : #fff;
	color: #000;
	padding : 0;
	margin : 0;
}

div.evenementsCalend table tbody th td{
	text-align: right;
}
div.evenementsCalend a{
	text-decoration : none;
}
/* @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.OUTILS, ul#plan li.OUTILS {
	border-top: 5px solid #efefef;
	padding-top: 5px;
}
ul#plan li.FOOTER {
display: none;
}
	
ul#plan li ul li.COMMUNE {
	border-top: 5px solid #003E6F;
	padding-top: 5px;
}

ul#plan li ul li.VIE {
	border-top: 5px solid #4CA843;
	padding-top: 5px;
}

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

ul#plan li ul li.VIVRE {
	border-top: 5px solid #20959C;
	padding-top: 5px;
}


ul#plan li ul li ul li {
	padding-left: 15px;
	font-size: 12px;
}

/********* Page Main title *********/
.commune 
{
color:#003466;
}

.vie 
{
color:#85c240;
}

.demarches 
{
color:#d51B25;
}

.vivre 
{
color:#008498;
}

/********* clickable header **********/
.container 
{
position:relative;
}

a#goBackHomeLink
{
display:block;
position:absolute;
width:165px;
height:100px;
text-indent:-9000px;
top:80px;
}

/** forms **/
/*MESSAGE DE SOUMISSION FORMULAIRE*/
p.formINDIC {background:#fcffcb; border:1px solid #d0d2b2; color:#5d5e50; padding:10px; font-weight:bold; font-size:14px}
p.formOK {background:#deffcb; border:1px solid #6ba519; color:#3e6505; padding:10px; font-weight:bold; font-size:14px}
p.formKO {background:#ffcbcb; border:1px solid #9e5151; color:#a51919; padding:10px; font-weight:bold; font-size:14px}


/** plan du site **/
#plan li.VIVRE a
{
padding-left:5px;
border-left:4px solid #20959c;
}

#plan li.COMMUNE a
{
padding-left:5px;
border-left:4px solid #003e6f;
}

#plan li.VIE a
{
padding-left:5px;
border-left:4px solid #4ca843;
}

#plan li.DEMARCHES a
{
padding-left:5px;
border-left:4px solid #d74635;
}