/* @override Credits */
/*
Date : 01.01.2009
Auteur : Adrien Heury
Projet : CH Montfavet
Logiciel : CSS Edit 2.6 - iMac
Commentaire : CSS non valide à 100% à cause de ce p***** de ie6 qu'il faut sans cesse gruger...

                        
                          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]
-------------------------------------------------------------------*/
/*[Typography]
-------------------------------------------------------------------*/

@import url("reset.css");
@import url("grid.css"); 
@import url("typography.css");

@import url("wysiwyg.css");

/* Modules */
@import url("agenda.css");
@import url("annuaire.css");
@import url("offres.css");
@import url("organigramme.css");
@import url("glossaire.css");


/* Image de fond qui se répete */
html {
	background: #d9f392 url('../images/bkg-body-repeat.jpg') repeat-x 0 0;
}

/* Image de fond (avec le bandeau, images découpées...) */
body {
	background: url('../images/bkg-body.jpg') no-repeat 50% 0;
	height: 810px;
}

/* Image de fond qui se repete derrière le MENU + div ARTICLE */
.container2 {
	background: #FFF url('../images/bkg-container-repeat.png') repeat-y 0 0;
}

/* Colonne de gauche */
.container2 .gauche {
	margin-top: -50px;
}

.container2 .gauche img.logo {
	margin: 30px 0 20px 45px;
}

/* Menu */
.container2 .gauche ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;	
}

.container2 .gauche ul.menu li a {
	display: block;
	height: 40px;
	color: #607b87;
	text-decoration: none;
}

/* Rollover liens */
.container2 .gauche ul.menu li a:hover, .container2 .gauche ul.menu li a.select {
	color: #000;
}

.container2 .gauche ul.menu li a.select {
	font-weight:bold;
}

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

.container2 .gauche ul.menu li.m1 a {
	background: url('../images/menu-1.png') no-repeat 0 0;
}

.container2 .gauche ul.menu li.m2 a {
	background: url('../images/menu-2.png') no-repeat 0 0;
}

.container2 .gauche ul.menu li.m3 a {
	background: url('../images/menu-3.png') no-repeat 0 0;
}

.container2 .gauche ul.menu li.m4 a {
	background: url('../images/menu-4.png') no-repeat 0 0;
}

.container2 .gauche ul.menu li.m1 a.select {
	background: url('../images/menu-1-select.png') no-repeat 0 0;
}

.container2 .gauche ul.menu li.m2 a.select {
	background: url('../images/menu-2-select.png') no-repeat 0 0;
}

.container2 .gauche ul.menu li.m3 a.select {
	background: url('../images/menu-3-select.png') no-repeat 0 0;
}

.container2 .gauche ul.menu li.m4 a.select {
	background: url('../images/menu-4-select.png') no-repeat 0 0;
}


/* Rollover images */
.container2 .gauche ul.menu li a:hover {
	background-position: 0 -40px;
}
.container2 .gauche ul.menu li a.select:hover {
	background-position: 0 0px;
}

/* Menu second niveau */
.container2 .gauche ul.menu li ul {
	list-style: none;
	margin-top:5px;
}
.container2 .gauche ul.menu li ul li a {
	background: none !important;
	height: auto;
}

.container2 .gauche ul.menu li ul li ul li {
	list-style-image:url('../images/trema-gris.png') ;
}

.container2 .gauche ul.menu li ul li ul li ul li {
	list-style-image:url('../images/trait-gris.png') ;
}

.container2 .gauche ul.menu li ul li a span {
	display: block;
	margin: 10px 0 10px 0;
}


/* Postit */
.container2 .gauche .postit {
	background: url('../images/bkg-postit.png') no-repeat 0 0;
	height: 190px;
	padding: 10px;
	margin: 10px 10px;
}

.container2 .gauche .postit ul {
	list-style: none;
	margin: 0;
	padding: 0 20px 0 0;
}

.container2 .gauche .postit ul li {
	margin: 10px 0 0 0;
	clear: both;
}

.container2 .gauche .postit ul li a {
	color: #000;
	text-decoration: none;
}

.container2 .gauche .postit ul li a:hover {
	color: #f79348;
}

.container2 .gauche .postit ul li span.nbr {
	color: #f79348;
	float: right;
}

/* Partie centrale */
.container2 .header {
	margin-top: 35px;
	height:40px;
	position:relative;
}

.container2 .header .referent {
	float:left;
	padding-left:40px;
	margin:5px 0 0 0;
	color:#838383;
}


.container2 .header .referent a {
	color:#000000;
	text-decoration:none;
}

.container2 .header .recherche {
	position:absolute;
	right:-10px;
}
.container2 .header .recherche input {
	border:1px solid #eaeaea ;
	padding:2px 0 2px 5px;
	color:#9c9c9c;
	font-size:11px;
}
.container2 .header .recherche input.submit {
	border:0;
	background: url('../images/loupe.gif') no-repeat 0 0 ;	
	width:17px;
	height:15px;
}

.container2 .article {
	/*background: url('../images/bkg-lines.png') repeat-y 50px 10px;*/
	min-height: 400px;
}

.container2 .article .texte {
	padding-left:40px;
	padding-right:50px;
}

.container2 .article .texte ul li {
	list-style-image: URL('../images/puce_grise.png'); 
}

.texte p, .texte span{
	font-size:13px;
}

/* Partie centrale / Special Homepage */
.container2 .article h1.bienvenue {
	background: url('../images/fleche.png') no-repeat 0 0;
	padding: 0 0 0 40px;
	margin-left:40px;
}

.container2 .article h2.bienvenue { 
	color: #686868;
	font-size: 18px;
	line-height: 20px;
	padding-left: 40px;
}
.container2 .article h2.bienvenue p {
	line-height: 20px;
}

/* Evenements */
.container2 .article h3.evenements {
	background: url('../images/titre-evenements.png') no-repeat 0 0;
	display: block;
	height: 16px;
	width: 80px;
	margin: 20px 0 10px 40px;
}

.container2 .article h3.evenements span {
	display: none;
}

/* Actualités */
.container2 .article h3.actualites {
	background: url('../images/titre-actualites.png') no-repeat 0 0;
	height: 19px;
	width: 100px;
	margin: 0 0 10px 0;
}

.container2 .article h3.actualites span {
	display: none;
}

/*  Carte */
.container2 .article h3.carte {
	background: url('../images/titre-carte-sectorisation.png') no-repeat 0 0;
	height: 19px;
	width: 229px;
	margin: 0 0 10px 0;
}
.container2 .article h3.carte span {
	display: none;
}

.container2 .article .blocCarte {
	text-align:center;	
	margin-bottom:20px;
}


div.actu {
	margin-bottom:20px;
}

span.rss img {
	vertical-align:middle;
}

/* 2 colonnes sur la home */
.container2 .article .colonne1Home {

}

.container2 .article .colonne1Home div.blocEvenements {
	background: #f1eddb;
	padding: 10px;
	margin-left: 40px;
	border: 1px solid #e0d9b9;
	_margin-left: 20px;
}

.container2 .article .colonne1Home div.blocEvenements img, .agendadet img {
	float: left;
	margin: 0 10px 5px 0;
}

.container2 .article .colonne1Home div.blocEvenements span.date {
	color: #999;
	font-size: 10px;
}

.container2 .article .colonne1Home div.blocEvenements h4 a {
	color: #000;
	font-size: 14px;
	text-decoration: none;
}

.container2 .article .colonne1Home div.blocEvenements h4 a:hover {
	color: #686868;
}

.toutEvenements {
	background: url('../images/link-voir-evenements.png') no-repeat 0 0;
	display: block;
	float:right;
	height: 11px;
	width: 167px;
	margin: 10px 0 0 40px;
}

.toutEvenements span {
	display: none;
}

.container2 .article .colonne2Home {
	background: url('../images/border.png') no-repeat 0 0;
	padding-left: 20px;
}

.container2 .article .colonne2Home div.blocActus img {
	float:left;
}
.container2 .article .colonne2Home div.blocActus h4 a {
	color: #000;
	font-size: 14px;
	text-decoration: none;
}

.container2 .article .colonne2Home div.blocActus h4 a:hover {
	color: #686868;
}



.touteActus {
	background: url('../images/link-voir-actualites.png') no-repeat 0 0;
	display: block;
	float:right;
	height: 11px;
	width: 167px;
}

.touteActus span {
	display: none;
}

div.actu img {
	float:left;
}

/* 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;
}

/* Bas de page */
.footer {
	background: url('../images/bkg-footer.jpg') no-repeat 0 0;
	height: 20px;
	margin-bottom: 5px;
	padding-top: 30px;
}

.footer a {
	text-decoration: none;
}

.footer .handmade {
	float:right;
}
/* Classes génériques */

.suite {
	font-size: 10px;
}


/******* Formulaires ************/
form fieldset div {
	margin-bottom:5px;
}

form fieldset label {
	float:left;
	width:200px;
}

div#cartesoin form fieldset label {
	width:250px;
}

p.oblig {
	background:#FFD0D1 none repeat scroll 0 0;
	border:1px solid red;
	display:block;
	margin-bottom:10px;
	padding:5px;
	width:400px;
	color:#000;
}

.oblig {
	color:#FF0000;
}

p.oblig img {
	vertical-align:middle;
}


/* @group Pagination */

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

#pagination ul, .pagination ul {
	list-style: none;
	/*font-size: 1.1em;*/
	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 {
	
}


/*********** Plan du site **************/
div#plan ul {
	list-style-type:none;
}

div#plan ul li {
	font-size:14px;
	/*text-transform:uppercase;*/
	font-weight:bold;
}
div#plan ul li a {
	color:#333;
}

div#plan ul li ul {
	margin: 10px 10px;
}

div#plan ul li ul li {
	font-size:12px;
	text-transform:none;
	font-weight:normal;
}

div#plan ul li ul li a {
	color:#607B87;
}

div#plan ul li ul li ul  {
}





/********** TELECHARGER *********/
#telecharger div {

	background:#FFF5DF;
	border:1px solid #d0d2b2;
	color:#5d5e50;
	padding:5px;
	font-weight:bold;
	font-size:14px; 
	display: block;
	margin: 10px 0;
}