/* --------- GLOBAL --------- */
* {padding: 0; margin: 0; }
body {font-family: Arial; font-size: 11px; color: #666666; width: 978px; margin: auto; background: url(images/fond_page.jpg) no-repeat top center;}
a {text-decoration: none; color: #0099cc;}
a.lien_fiche:visited {color:#aaaaaa;}
a:hover {color: #aaaaaa;}
a:active {color: #cccccc;}
a img {border: 0;}

blockquote { background: url(images/quotes.gif) no-repeat 5px 0; padding-left: 25px;}

ul {list-style-type: none; padding: 5px 0;}
li {padding: 2px 0;}
table, tr, td, th {vertical-align: top;}


dl {}
dt {font-weight: bold; padding: 5px 0;}
dd {padding-left: 10px;}

hr {clear: both; visibility: hidden; }

table.liste {width: 100%; border-collapse: collapse; font-size:11px;}
table.liste tr { cursor: pointer;}
table.liste tr.on, table.liste tr.pair.on {background: #dddddd;}	
table.liste tr.pair {background: #eeeeee;}	
table.liste th {background-color: #eeeeee; padding: 5px; border-left: 2px solid white; border-right: 2px solid white; vertical-align: bottom; cursor: default; text-align: center;}
table.liste th a {font-size: 15px;}
table.liste td {padding: 5px; vertical-align: middle;}
table.liste td.favori {background:  url(images/favori_on.gif) no-repeat 50% 50%;}	


ul.archive {clear: both;}
ul.archive {padding: 4px 0; clear: both;}
#contenu ul.archive li {list-style-image: none;}
ul.archive li {margin: 20px 0; padding: 5px; clear: both; }
ul.archive li.on {background-color: #eeeeee;}
ul.archive li .date {display: block;font-size:10px}
ul.archive li .tags {font-size:10px}
ul.archive li a {padding: 3px 0 0 0;display: block;}
ul.archive li a.titre {font-size: 14px;font-weight: bold; padding-bottom: 10px;}
ul.archive li a:hover {color: #aaaaaa;}
#contenu h3.archive {padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #eeeeee;clear: both;font-size:20px;background-position: 0 50%;}
#contenu {text-align: justify;}

/* --------- CLASSES --------- */
.vert1 { color:#60A038}
.clear {clear: both;}
li.clear {height:1px;}
.clear_left {clear: left;}
.clear_right {clear: right;}
.float_right {display: block; margin-left: 10px; float: right;}
.right {text-align: right;}
.middle {vertical-align: middle;}
.petit_label {font-weight: normal; padding:0;}
.invisible {display: none;}
.bloc {background: #eeeeee; padding: 10px; margin-bottom: 10px;}
.picto_fermer {background: url(images/interface/fermer.gif) no-repeat 0 0; padding-left: 15px; float: right;}
.loading {}
.chapo {color: #60940D; font-weight: bold; font-size: 13px; padding: 5px 0 10px 0;}
.plus_loin {font-weight: bold; font-size: 13px; padding: 5px;  float: right; clear: right; text-align: right;}
.plus_loin a {padding-left:10px; margin-left:10px; border-left: 2px solid #cccccc; }
.plus_loin .fleche {font-size: 20px; line-height:13px;}
.txtvert {color: green;}
.centre {text-align: center;}
#contenu .spip_surligne {background: yellow;}
.txtaid {margin-bottom: 10px;}
.rss {background: url(images/interface/rss.jpg) no-repeat 0 50%; display: block; padding-left: 20px;}
.print {background: url(images/interface/print.jpg) no-repeat 0 50%; display: block; padding: 15px 15px 15px 40px;}
	
/* --------- FORMULAIRES --------- */
input { font-size: 10px; padding: 2px; }
select { font-size: 10px; padding: 2px; } /* margin: 5px 0; */
label {font-size: 11px;}
legend {color: #60940d; font-size: 13px; padding-bottom: 5px;position:relative; left:-7px;}
fieldset {margin: 15px 0; border: none;}
label, legend {font-weight: bold; text-align: left;}
input, select  {background-color:#eeeeee; border: 1px solid #cccccc;vertical-align: middle;}
#contenu form div {text-align:left;}
#contenu .spip_bouton , .spip_bouton {text-align: right;}
.spip_bouton input {background-color:#82b505; color: #eeeeee; font-weight: bold;cursor: pointer; margin-top:5px;}
option {background-color: #eeeeee;}
.select_multiple_region {float:right; width:200px;}
.select_multiple_region select {width: 100%;}
label.alt {font-size: 45px; color: #eeeeee; vertical-align: top;line-height:40px;}

.formulaire_spip form {margin: 0 50px 0 20px;font-size:11px;}
.formulaire_spip form div {padding: 5px 0;}
.formulaire_spip form label {display:block;float:left;padding: 3px 10px 0 0;text-align:right;width:150px;margin-right:5px;}
.formulaire_spip form input {width:220px;}
.formulaire_spip form textarea {width:350px;}
.formulaire_spip form input.radio {width:auto; vertical-align: middle;border: 0;background:0;}
.formulaire_spip form .spip_bouton input {width:auto; margin-right: 10px;}
.formulaire_spip form p {clear:both;}
.formulaire_spip form input.obligatoire {background: #aaffcc;}
.formulaire_spip form .confidentiel {background: #ffcc00;}
.formulaire_spip .error {border: 3px solid yellow; background: white; padding: 10px; line-height: 18px;}

.previsu legend {left:0; padding: 10px;}
.previsu p {padding: 10px 0;}
.previsu {border: 2px dashed #82b505; padding: 10px;}
.previsu .reponse_formulaire {padding-top: 10px; color: #60940d; }


/* --------- CARTOUCHE --------- */
#cartouche {height: 113px;text-align: right; color: #797979; }
#logo_cra {float: left;}
#logo_cra {height: 113px; width: 417px; background: transparent url('images/top_left.png') no-repeat 0 0;}
#logo_cra a { display: block; margin: 16px 0 0 16px; text-align: left;}
#logo_cra a span {display: none;}
#slogan {float: left; height: 113px; width: 460px; background: transparent url('images/top_center.gif') repeat-x 0 0;}
#slogan h1 {margin-top: 22px; line-height: 22px; font-size: 24px;}
#slogan h1 span {font-size: 14px; display: block;}
#slogan p {margin-top: 5px; font-size: 12px;}
#qui_sommes_nous a {display: block;float: right; width: 101px; height: 113px; background: transparent url('images/top_right.png') no-repeat 0 0;}
#qui_sommes_nous a span {display: none;}



/* --------- BANDEAU --------- */

#bandeau_new {margin: 0;text-align: left; padding: 0 15px; min-height: 80px;}
#bandeau_new h1 {font-size: 20px; padding: 0px; color: white; font-weight: bold;text-transform: uppercase;}
#bandeau_new h2 {font-size: 11px; padding: 5px 0; text-transform: uppercase;}
#bandeau_new h2 a {color:#666666; background:transparent url(images/interface/fleche_droite_verte.gif) no-repeat 0 50%; padding: 0 15px; }
#bandeau_new h2 a:hover {color:#eeeeee;}
#bandeau_new .sous_titre {font-size: 11px; font-weight: bold; color: white; line-height:24px;}
#bandeau_new .sous_titre a {color: #555555; }
#bandeau_new .sous_titre a:hover {color: #333333; }
#bandeau_new #bloc_login {height: 35px; }

#bandeau  {margin: 0 0 10px 0;text-align: left;}
#bandeau h1 {font-size: 20px; padding: 0px 5px; color: white; font-weight: bold;text-transform: uppercase;}
#bandeau h2 {font-size: 11px; padding: 5px; text-transform: uppercase;}
#bandeau h2 a {color:#666666; background:transparent url(images/interface/fleche_droite_verte.gif) no-repeat 0 50%; padding: 0 15px; }
#bandeau h2 a:hover {color:#eeeeee;}
#bandeau .sous_titre {font-size: 11px; font-weight: bold; color: white; line-height:24px;}
#bandeau .sous_titre a {color: #555555; }
#bandeau .sous_titre a:hover {color: #333333; }

#bloc_login {color: white; float: right; margin-top: 20px; margin-left:40px; padding-left: 45px; background: transparent url('images/interface/fleche_bleue_pleine2.gif') no-repeat 7px 7px;}
#bloc_login a {color: #333333; font-style: italic; font-size: 11px;}
#bloc_login h3 {font-size: 11px;}
#bloc_login h3 a {font-style: normal; color: #444444; display: block;}



/* --------- NAV --------- */
#nav {display: block; clear: both; height: 50px; margin-top: 7px; } /* height: 85px; */
#nav ul {font-size: 10px; list-style-type: none; padding:0;height: 40px;}
#nav a {display: block; color: white; text-decoration: none; padding: 11px 10px; background: transparent url('images/separator.gif') no-repeat 0 0; line-height:10px; }
#nav a#lien_accueil {background: none;}/*background: transparent url('images/maison.gif') no-repeat center 2px; width: 23px; height: 21px; padding: 5px;*/
#nav a#lien_accueil span {display: none;}
#nav li {padding:0; float: left; height: 30px;}
#nav ul ul { position: absolute; left: 0; top: 160px; width: 100%;display: none; }
#nav ul ul.on { display: block; }
#nav ul ul a {padding: 14px; color: #0094c7;  background: transparent none; font-size: 11px; font-weight: bold;}
#nav ul a:hover, #nav ul a.expose {color: #cccccc;}
#nav ul ul a:hover, #nav ul ul a.expose {color: green;}


/* --------- CONTRE_ENCART --------- */
#contre_encart {width: 300px; float: right; margin: 5px 0 0 10px}
#contre_encart h2 {font-size: 14px; color: #333333;padding: 10px 0;}
#contre_encart h3 {font-size: 12px;}
#contre_encart .bloc_title {padding: 10px; background: #cccccc; color: white;}
#contre_encart.left_border {border-left:5px solid #eeeeee;padding-left:10px;}
#contre_encart .contenu {padding:10px;}

#contre_encart .bouton {padding:3px 0 8px 0;}
#contre_encart .bouton a {background-color:#0099cc; color: white; border: 1px solid #dddddd; font-weight: bold; padding:3px 10px;}
#contre_encart .bouton a:hover {color: #eee;}

/* --------- ACCORDEON --------- */
.accordeon {border: 1px solid #dddddd;}
#contre_encart .accordeon h2 {cursor: pointer; height: 20px; padding: 10px;}

.accordeon .contenu_encart {display: none; }
.accordeon .contenu_encart.on {display: block; }
.accordeon .date {color: #dddddd;}
.accordeon h3 .date {display: block; font-weight: normal; font-size: 10px; }
.accordeon a.lien_rss {float: right; width: 25px; height: 25px; background: transparent url('images/interface/rss.png') no-repeat 0 0; }
.accordeon a.lien_rss span {display: none;}
.accordeon .contenu { color: white;}
.accordeon .contenu a { color: white; }
.accordeon .contenu a:hover { color: #dddddd; }
.accordeon .contenu a.lien_suite { clear: both; display: block; background: transparent url('images/interface/plus.png') no-repeat right center; padding: 5px 30px; text-align: right;}
.accordeon .contenu a.lien_suite span { }
.accordeon .logo a { display: block; text-align: center; background: #333333 none; border-bottom: 1px solid #ff9900;  border-top: 1px solid #ffff00; margin: 0 0 10px 0;}
.accordeon .logo img { vertical-align:middle;}
.accordeon .contenu p { padding: 10px 0; text-align: justify;}
.accordeon .contenu .spip_documents_right {}
.accordeon .contenu .spip_documents_right img {float: right; padding: 0; margin:10px 0 8px 8px; border: 1px solid #aaaaaa; }
.accordeon .contenu h3, .accordeon .contenu p  {margin-left: 5px;margin-right: 5px;}


#temoignage_cedant h2 {background: #97ca00;}
#temoignage_repreneur h2 {background: #0194c6;}
#derniere_minute h2 {background: #cccccc;}


#flash_info { background: #ffce09; border-bottom: 1px solid #ff9900;  border-top: 1px solid #ffff00; }
#temoignage_cedant { background: #7ea800  url('images/interface/degrade_vert.jpg') repeat-x 50% 40px; border-bottom: 1px solid #568b0f;  border-top: 1px solid #b9dc51;}
#temoignage_repreneur { background: #006599 url('images/interface/degrade_bleu.jpg') repeat-x 50% 40px;  border-bottom: 1px solid #00689b; border-top: 1px solid #07c0fe; }
#derniere_minute { background: #9f9f9f  url('images/interface/degrade_gris.jpg') repeat-x 50% 40px; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #eeeeee;}

#flash_info  .contenu {border-top: 1px solid #ffcc00; padding-top:0;color:#444444}
#flash_info h2 {background: #ffcc00; }
#flash_info .spip_documents {padding-top: 0; }
#flash_info a.lien_rss {background: transparent url('images/interface/flash.png') no-repeat 100% 0; }
#flash_info a {color: #444444;}
#flash_info a:hover {color: #222222;}

#temoignage_cedant  .contenu {border-top: 1px solid #97ca00;}
#temoignage_repreneur  .contenu {border-top: 1px solid #0194c6;}

#derniere_minute .contenu {border-top: 1px solid #cccccc;}
#derniere_minute .date {color: #666666; font-weight: bold;}
#derniere_minute a {color: #444444;}
#derniere_minute a:hover {color: #111111;}


/* --------- SELECTION --------- */
#selection {background: #ddd;}
#selection h2 {background: transparent  url(images/favori_on.gif) no-repeat 0 50%; padding-left: 25px;}
.lien_valider {font-weight: bold;}

/* --------- ENCART --------- */
#encart { float: left; width: 650px;}


/* --------- CONTENU --------- */
#contenu {margin: 5px 0 20px 22px;font-size:13px;letter-spacing:0.2px;word-spacing:0.5px; }
#contenu ul, #contenu ol {margin: 0 0 10px 40px; }
#contenu p {line-height:16px;padding: 5px 0 5px 0; margin: 5px 0;}
#contenu li {list-style-image: url(images/interface/fleche_droite.gif);}
#contenu b {}/*display: block;*/
#contenu u {color: #60940d; text-decoration: none; font-weight: bold;}
#contenu a u {color: inherit;}
#contenu b u {color: #60940d; }
#contenu .spip_documents {text-align: center;}
#contenu .spip_documents .spip_doc_titre, #contenu .spip_documents .spip_doc_descriptif {margin: auto;}
#contenu .spip_documents_right {float: right; padding: 5px 10px; padding-right: 0; background: white; margin:0 0 5px 10px;}
#contenu .spip_documents_left {float: left; padding: 5px 10px; padding-left: 0; background: white; margin:0 10px 5px 0;}
#contenu br {} /* display: none;  */
#contenu form br {display: block; }
#contenu.vieux_contenu br {display: block; margin-top: 10px; }
#contenu h3, #contenu h2 {font-size: 14px; background: transparent url('images/interface/puce_bleue.gif') no-repeat 0 2px; padding-left: 22px; margin: 20px 0 10px 0;}
#contenu h4 {font-size: 13px;}
#contenu .pagination {font-size:12px; padding: 10px; font-weight: bold; }
#contenu .pagination, #contenu .pagination * {color: #bbbbbb;}
#contenu .pagination span, #contenu .pagination a {padding: 0 7px;}
#contenu .pagination span, #contenu .pagination a:hover { color: #666666;}
#contenu .pagination a:hover { color: #666666;  background-color: #eeeeee;}
#contenu .txtcadre { color: #555555;  background-color: #d9e7cc;border:1px dotted #c5d2b5;padding:10px;}
#contenu a.lien_suite {font-weight: bold;}
#contenu .element {margin-bottom: 40px;}
#contenu .element h3 {font-size: 16px; background: none; padding-left: 0; margin-bottom: 0px;}
#contenu .element p {color: #777777;}
#contenu .element .date {font-size: 10px; color: #666666;}
#contenu .patchwork  {margin-bottom: 100px;}
#contenu .patchwork a img {vertical-align: middle;}

#contenu .partenaire {border-top: medium double #eeeeee; padding-top: 30px; }

#contenu .bouton {padding:3px 0 8px 0;}
#contenu .bouton a {background-color:#0099cc; color: white; border: 1px solid #dddddd; font-weight: bold; padding:3px 10px;}
#contenu .bouton a:hover {color: #dddddd;}

/* --------- CONTENU FORUMS --------- */
#contenu .entete_forums {margin:0 0 0 10px;}
#contenu .pagination_forum span, #contenu .pagination_forum a {padding:0;}
.forum-chapo {color: inherit; margin:0 0 5px 0;}
.forum-thread {padding: 10px; background: white; margin: 0 10px; border: 2px solid #cccccc;}
#contenu .forum-thread h4 {font-size: 16px;}
#contenu ul.forum-messages, #contenu ul.forum-messages li {list-style-image: none;list-style-type: none;}
#contenu ul.forum-messages { margin: 0 0 0 20px;}
ul.forum-messages li.adherent { background: white;color: #60940d; margin: 0 10px 10px 10px; padding: 0; }
ul.forum-messages li.delegue {background: #82b505; color: white; margin: 0 10px 10px 10px; padding: 0; position: relative;}
ul.forum-messages li.expert {background: orange; color: white; margin: 0 10px 10px 10px; padding: 0; position: relative;}
ul.forum-messages li span.bulle {display: block; height: 14px; background: transparent url(images/interface/bulle_top.gif) no-repeat scroll 0 0;}
ul.forum-messages li .forum-message .forum-chapo {padding:5px 10px;}
ul.forum-messages li .forum-message .forum-chapo .type_auteur {float: right; display: block;}
ul.forum-messages li .forum-message .forum-texte {color: #666666;}
ul.forum-messages li .forum-message {border: 1px solid #cccccc; border-top: none; }
ul.forum-messages li .forum-message blockquote {padding: 10px 10px 10px 28px; background: white url(images/interface/fleche_retour.gif) no-repeat 10px 10px;}


/* --------- CONTENU RUBRIQUES --------- */
#contenu ul.contenu_rubrique {clear: both; margin:0; padding: 0;}
#contenu ul.contenu_rubrique .bloc.on{background-color: #eeeeee; cursor: pointer;}
.bloc {background: #f7f7f7; border: 1px solid #cccccc;margin:0 0 10px 0;padding:5px 10px;}
#contenu ul.contenu_rubrique li { list-style-image: none; background: #f7f7f7 url(images/interface/fleche_droite.gif) no-repeat 8px 9px; padding-left: 20px;}
#contenu ul.contenu_rubrique li a {font-size: 13px; font-weight: bold; text-align:left;}
#contenu ul.contenu_rubrique li p {font-size: 11px;padding:0; margin: 3px 0;}

#contenu ul.contenu_rubrique2 {clear: both; margin:0; padding: 0;}
#contenu ul.contenu_rubrique2 .bloc {background: #f7f7f7; border: 1px solid #eeeeee;margin:0 0 10px 0;padding:5px 10px;}
#contenu ul.contenu_rubrique2 .bloc.on{background: #eeeeee none; cursor: pointer;}
#contenu ul.contenu_rubrique2 li.bloc { list-style-image: none; background: #dddddd url(images/interface/bg_gris_degrade.gif) repeat-x scroll 0 0; padding-left: 20px;}
#contenu ul.contenu_rubrique2 li a {padding-left: 20px; margin-left: -20px; background: transparent url(images/interface/fleche_droite.gif) no-repeat scroll 6px 60%; font-size: 13px; font-weight: bold;}
#contenu ul.contenu_rubrique2 li p {font-size: 11px;padding:0; margin: 3px 0;}




/* --------- AGENDA --------- */
#agenda {margin: 5px 0 10px 22px;border: 1px solid #cccccc; }
#agenda .entete {padding: 10px; background: #ececec url('images/interface/bg_gris.gif') repeat-x 0 0; height: 35px; overflow: hidden;}
#agenda h2 {color: #ffcc00;}
#agenda h2 .date { font-size: 11px; font-weight: bold; color: #333333; display: block; float: left; text-align: center; width: 40px; height: 30px; margin: 0 20px 0 0; padding: 15px 0 0 0 ;background: transparent url('images/interface/date.gif') no-repeat 50% 0;}
#agenda h2 .date span {display: none;}
#agenda .pagination {float: right; padding-right: 10px; word-spacing: 3px; color: #666666;}
#agenda .pagination .on {color: #0099cc; color: black; font-weight: bold;}
#agenda .rss {float: right; }
#agenda .rss a { display: block; width: 20px; height: 20px; background: transparent url('images/rss.png') no-repeat 0 0;}
#agenda .rss a span { display: none;}
#agenda .pagination, #agenda .rss { position: relative; top: -25px;}
#agenda .entete {padding: 10px; background: #ececec url('images/interface/bg_gris.gif') repeat-x 0 0; }
#agenda ul {list-style-type: none; background: #ececec url('images/interface/bg_agenda.jpg') repeat-x 0 0; padding-top:0; padding-bottom:0;}
#agenda li {font-size: 10px; clear: both; padding: 10px; border-top: 1px solid #dddddd;}
#agenda li.on {background: #e2e2e2; cursor: pointer;}
#agenda li .date { color: #0099cc; float: left; text-align: center; width: 40px; height: 30px; margin: 0; background: transparent url('images/interface/bouton.gif') no-repeat 50% 0;}
#agenda li .date span {display: block; font-size: 15px; font-weight: bold; padding: 2px 0 0 0; }
#agenda li a { color: #666666; font-size: 14px; font-weight: bold;}
#agenda li div.evenement {  padding-left:60px;}


/* --------- AGENDA contre_encart --------- */
#contre_encart #agenda {margin: 0 0 10px 0;border: 1px solid #cccccc; }
#contre_encart #agenda .entete {padding: 10px; background: #ececec url('images/interface/bg_gris.gif') repeat-x 0 0; height: 38px; overflow: hidden;}
#contre_encart #agenda h2 {color: #ffcc00; padding:0;}
#contre_encart #agenda h2 .date { font-size: 11px; font-weight: bold; color: #333333; display: block; float: left; text-align: center; width: 40px; height: 30px; margin: 0px 20px 0 0; padding: 15px 0 0 0 ;background: transparent url('images/interface/date.gif') no-repeat 50% 0;}
#contre_encart #agenda h2 .date span {display: none;}
#contre_encart #agenda .pagination {float: none; padding: 2px 0; word-spacing: 3px; color: #666666; font-size: 10px;}
#contre_encart #agenda .pagination .on {color: #0099cc; color: black; font-weight: bold;}
#contre_encart #agenda .rss {float: right; }
#contre_encart #agenda .rss a { display: block; width: 20px; height: 20px; background: transparent url('images/rss.png') no-repeat 0 0;}
#contre_encart #agenda .rss a span { display: none;}
#contre_encart #agenda .pagination, #contre_encart #agenda .rss {position: relative; top: 0px;}
#contre_encart #agenda .entete {padding: 10px; background: #ececec url('images/interface/bg_gris.gif') repeat-x 0 0; }
#contre_encart #agenda ul {list-style-type: none; background: #ececec url('images/interface/bg_agenda.jpg') repeat-x 0 0; padding-top:0;}
#contre_encart #agenda li {font-size: 10px; clear: both; padding: 10px; border-top: 1px solid #e8e8e8; min-height:30px;}
#contre_encart #agenda li .date { color: #0099cc; float: left; text-align: center; width: 40px; height: 30px; margin: 0; background: transparent url('images/interface/bouton.gif') no-repeat 50% 0;}
#contre_encart #agenda li .date span {display: block; font-size: 15px; font-weight: bold; padding: 2px 0 0 0; }
#contre_encart #agenda li a { color: #666666; font-size: 12px; font-weight: bold;}
#contre_encart #agenda li p { display: none;}
#contre_encart #agenda li div.evenement {  padding-left:60px;}




/* --------- CALENDRIER --------- */
#calendar_container {text-align: center; margin: 0 0 10px 0; } /*float: right; */
#calendar {text-align: center;}
#calendar h4 {font-size:18px; font-weight:normal; color: white; padding: 10px 5px; background: #9f9f9f url(images/interface/bg_rounded_vert_92.gif) repeat-x scroll 0 100%; }
#calendar h4 span {display: block; color: white; font-size: 14px; }
#calendar table {margin: auto;width:100%;font-size: 15px; font-weight: bold; border:1px solid #DDDDDD; border-top: none;}
#calendar table caption { background: #cecece; vertical-align: middle;border:1px solid #DDDDDD; border-width: 0 1px 0 1px;}
#calendar table caption span { font-size:15px; line-height: 35px;}
#calendar table caption a { font-size:24px; color:green; width: 80px;}
#calendar table caption a:hover { color:white;}
#calendar table caption a.precedent { float:left;}
#calendar table caption a.suivant { float:right;}
#calendar table a { }
#calendar table th {background: #cecece;height: 30px; color: #aaaaaa;vertical-align: middle; }
#calendar table th abbr {border: none;}
#calendar table tr {}
#calendar table td { height: 40px;  text-align: center; vertical-align: middle; background: #ececec; border-width: 1px; border-style: solid; border-color: #f5f5f5 #f5f5f5 #bfbfbf #bfbfbf;}
#calendar table td.today {background: #9f9f9f url(images/interface/bg_rounded_gris_52.gif) repeat-x scroll 0 100%;}
#calendar table td.horsperiode {color: #dddddd;}
#calendar table td.occupe {background: #0099cc url(images/interface/bg_rounded_bleu_43.gif) repeat-x scroll 0 100%; border-width: 0 0 1px 1px;}
#calendar table td.occupe a {color: white; display: block; width: 100%; padding: 10px 0; }
	


/* --------- RAPPEL RECHERCHE --------- */
#rappel_recherche a { display: block; font-weight:bold; padding-top: 5px; padding-bottom: 5px; }

/* --------- OUTILS --------- */
.outils {margin: 5px 0 15px 0; background: #eeeeee; border: 1px solid #dddddd; padding:10px;}
.outils input {background-color: white;}
.outils h2 {padding: 10px 0;}
.outils h3 {margin: 20px 0 10px 0; }
.outils #filtres label {padding: 2px;}
.outils #filtres input.radio {background:0; border: 0;}

/* --------- DIAPORAMA ---------- */
.diapo {float: left;text-align: center; margin: 8px; width: 30%; font-weight: bold;}
.diapo img {padding-bottom: 5px;}

/* --------- DOCUMENTS --------- */
.doc {padding: 18px;  background: #ececec url('images/interface/bg_gris.gif') repeat-x 0 0; border: 1px solid #f4f4f4; margin:5px 0 10px;}
.doc.on {background: #f4f4f4 none repeat-x 0 0; cursor: pointer;}
.doc_small.on {cursor: pointer;}
.doc table {vertical-align: middle; width: 100%; font-weight: bold; }
.doc tr {}
.doc th, .doc td {border: none; }
.doc th span {display: none;}
.doc td span { display: block;}
.type_doc, .date_doc {font-size: 10px; }
.titre_doc {font-size: 20px; line-height: 22px; margin: 2px 0; text-align: left;}
.doc .lien_doc { font-size: 12px; width: 110px; padding: 0 0 0 20px; background: transparent url('images/interface/puce_verte.gif') no-repeat 100% 50%; vertical-align:middle;}
.date_doc, .lien_doc {color: #0099cc;}

.doc_small {vertical-align: middle; width: 90%; font-weight: bold; padding: 10px;}
.doc_small, .doc_small th, .doc_small td {border: none;}
.doc_small th { width: 45px;  background: transparent url('images/interface/icone_doc.gif') no-repeat 50% 50%; padding-right: 15px}
.doc_small td span, .doc_small th span { display: none;}
.doc_small .titre_doc {display: block; font-size: 14px; font-weight: bold; border: 1px dashed #cccccc; background: #f7f7f7 url('images/interface/puce_download.gif') no-repeat 10px 50%; padding: 10px 10px 10px 30px;}

.doc.video th { width: 74px; background: transparent url('images/interface/video.gif') no-repeat 0 50%;}
.doc_small.pdf .lien_doc a { display: block; width: 74px; height: 66px; background: transparent url('images/interface/pdf.gif') no-repeat 50% 50%;}


/* --------- ARRONDIS --------- */
.rounded_bleu_43 {margin-top:8px;}
.rounded_bleu_43 div {height:43px; margin:0; padding:0 0 0 4px; background:url(images/interface/bg_rounded_bleu_43.png) no-repeat 0 0; overflow: hidden;}
.rounded_bleu_43 div div {margin:0; padding:0 4px 0 0px; background-position:100% 0;}
.rounded_bleu_43 div div div {height:35px; margin:0; padding:6px 0px 2px 0px; background-position:0 -43px; background-repeat:repeat-x}
.rounded_bleu_43 div div div div {background:none;}

.rounded_vert_92 {margin-top:8px;}
.rounded_vert_92 div {height:92px; margin:0; padding:0 0 0 8px; background:url(images/interface/bg_rounded_vert_92.png) no-repeat 0 0; overflow: hidden;}
.rounded_vert_92 div div {margin:0; padding:0 8px 0 0px; background-position:100% 0;}
.rounded_vert_92 div div div {height:84px; margin:0; padding:6px 6px 2px 6px; background-position:0 -92px; background-repeat:repeat-x;}
.rounded_vert_92 div div div div {background:none;}

/* #60940D */
.rounded_vert_top div {height:9px; margin:0; padding:0 0 0 8px; background: transparent url(images/interface/bg_rounded_vert_92.png) no-repeat 0 0; overflow: hidden;}
.rounded_vert_top div div {margin:0; padding:0 8px 0 0px; background-position:100% 0;}
.rounded_vert_top div div div {height:9px; margin:0; padding:0px; background-position:0 -92px; background-repeat:repeat-x}

.rounded_vert_bottom {margin-bottom: 8px;}
.rounded_vert_bottom div {height:9px; margin:0; padding:0 0 0 8px; background: transparent url(images/interface/bg_rounded_vert_92.png) no-repeat 0 -83px; overflow: hidden;}
.rounded_vert_bottom div div {margin:0; padding:0 8px 0 0px; background-position:100% -83px;}
.rounded_vert_bottom div div div {height:9px; margin:0; padding:0px; background: #60940D;}

.rounded_vert_middle {margin:0; background: #60940D url(images/interface/bg_rounded_vert_92.png) repeat-x 0 -100px;}

/* --------- PIVOT --------- */
#pivot {clear: both; font-size: 11px; height: 70px; padding: 20px 0 0 20px;}
#pivot ul {float: left; list-style-type: none; width: 16%; padding:0;}
#pivot li {text-align: center;}
	
	
/* --------- LEGAL --------- */
#legal {clear: both; border-top: 1px solid #cccccc; padding: 10px 0 10px 0;}
#legal a {float: right;}


/* --------- NEW NAV --------- */

#nav { height: 50px;}
#nav a#lien_accueil span {display: block;}
#nav ul ul { display: block; width: auto;position: static; left:auto; top:auto; height: auto; margin: 5px 0 0 0; border: 1px solid #ccc; border-top: 3px solid #aaa;}
#nav ul ul.on { }
#nav ul ul a {padding: 8px; color: #0094c7;  background: transparent none; font-size: 11px; font-weight: bold;}
#nav ul a:hover, #nav ul a.expose {color: #cccccc;}
#nav ul ul a:hover, #nav ul ul a.expose {color: green;}
#nav * {display: block;}

#nav_ul {}	
#nav_ul li {
	float: left;
	list-style: none;
}
#nav_ul li a {}
#nav_ul li a:hover {}
#nav_ul li ul {
	margin: 5px 0 0 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	background: white;
}
#nav_ul li ul li {
	float: none;
	display: inline;
}
#nav_ul li ul li a {
	width: auto;
}
#nav_ul li ul li a:hover {}