body { color:#666666; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center;}
a {color:inherit;}
a:hover {text-decoration:none;}
table {border-collapse:collapse;}
td {vertical-align:top;}
img {border:0; padding:0; margin:0;}
input, textarea, select {font-size:1.1em; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif;}
h1{font-size:1.4em; font-weight:bold; margin:0 0 0.3em 0; padding:0 0 0.1em 0.3em; color:#ffffff; line-height:22px; background-color:#2c9294;}
h1 span{}
h2 {font-size:1.1em; font-weight:bold; margin:0 0 0.5em 0.7em; padding:0; border-bottom:1px solid #666666; color:#666666;}
.h2-span {display:block; float:left; width:0.4em; height:1.8em; background-color:#2c9294; font-family:Arial, Helvetica, sans-serif;}
h2 span img {display:none;}

h3 {padding:0 0 0.2em 0; margin:0;color:#cc9900; font-size:1.2em;}
h4{font-size:1.2em; padding:0; margin:0;}
h5{font-size:1em; padding:0; margin:0;}
p {margin:0 0 0.6em 0; padding:0; font-size:1em;}
li {font-size:1em; padding-bottom:0.1em;}
ul, ol { margin:0; padding:0.3em 0 0.3em 1.8em; list-style-type:square; overflow:hidden;}
ol { list-style-type:decimal;}
strong, b {color:#F1B400;}

div#total {position:relative; background:transparent url(../visuels/guide/charte/total-bg.gif) no-repeat top left; width: 958px; margin:0 auto; text-align:left; padding:0;}
div#header {height:180px;}
div#baseline {height:30px; font-size:15px; color:#2C9294; padding:10px 0 0 215px; font-weight:bold;}
div#baseline .e1 {padding-right:70px;}
div#header-accueil {position:absolute; top:25px; left:170px;}
div#header-amv {position:absolute; top:15px; left:800px; text-align:center; font-size:12px; letter-spacing:1px; font-weight:bold;}
div#header-animation {position:absolute; top:40px; left:530px; width:130px; height:150px;}
div#header a {text-decoration:none; color:#666666;}
div#contenug {float:left; width:160px; text-align:left; padding:69px 0 0 0; background:none; }
div#contenud {position:relative; overflow:hidden; margin:0; text-align:left; padding:0;}
div#footer { color:#666666; text-align:center; padding-right:50px;}
div#footer a{color:#666666;}
.footer-corto {text-align:center; margin-bottom:1em; font-size:1em; color:#666666; font-weight:bold;}
.footer-partenaires {margin-bottom:1em;}
.footer-partenaires li {display:inline; padding:0 1em; opacity:0.7;}
.footer-partenaires li:hover {opacity:1;}
.footer-partenaires img {max-height:50px;}
div#footer-menu {text-align:center; color:#018385; font-size:0.9em;}
div#footer-menu a {color:#018385;}
div#footer-menu span {margin:0 0.5em;}
.footer-sign {text-align:center; font-size:0.8em; color:#666666; padding:1em 0;}


div.espace-center div.selection div.aa-entite {margin:0 0 0.8em 0;}
div.espace-center div.selection div.aa-entite p {margin:0;}
div.espace-center div.selection div.aa-entite p.dates {font-style:italic;}
div.espace-center div.selection div.description  {margin:0;}

div#contenug .swf {}
div#contenug a {text-decoration:none;}
div#contenug .menu-entite {background:url(../visuels/guide/charte/menu-fond-liste-bottom-1.gif) no-repeat bottom right; padding-bottom:7px; width:110px;}
div#contenug .menu-click {display:block; color:#FFFFFF; border:none; margin:0; padding:12px 0 5px 3px; background-image:url(../visuels/guide/charte/menu-fond-liste-top-1.gif); background-repeat:no-repeat; background-position:top left; cursor:pointer; font-weight:bold; font-size:1.1em; text-decoration:none;}

div#contenug div#services {margin-left:10px;}
div#contenug div#services a:hover {color:#f29400;}
div#contenug div#services h2 {background-color:#f29400; padding-left:10px;}
div#contenug div#services h2:hover {color:#fdddb5;}
div#center-services h1 {background-color:#f29400;}
div#center-services .h2-span {background-color:#f29400;}
div#center-services a {color:#f29400;}

div#contenug div#sports {margin-left:30px;}
div#contenug div#sports a:hover {color:#e2001a;}
div#contenug div#sports h2 {background-color:#e2001a; padding-left:35px;}
div#contenug div#sports h2:hover {color:#f8c0a8;}
div#center-sports h1 {background-color:#e2001a;  }
div#center-sports .h2-span {background-color:#e2001a;}
div#center-sports a {color:#e2001a;}

div#contenug div#engagement {margin-left:20px;}
div#contenug div#engagement a:hover {color:#e2007a;}
div#contenug div#engagement h2 {background-color:#e2007a; padding-left:5px;}
div#contenug div#engagement h2:hover {color:#f6bfd6;}
div#center-engagement h1 {background-color:#e2007a;}
div#center-engagement .h2-span {background-color:#e2007a;}
div#center-engagement a {color:#e2007a;}

div#contenug div#vacances {margin-left:30px;}
div#contenug div#vacances a:hover {color:#b3007b;}
div#contenug div#vacances h2 {background-color:#b3007b; padding-left:35px;}
div#contenug div#vacances h2:hover {color:#e5c1d9; }
div#center-vacances h1 {background-color:#b3007b;}
div#center-vacances .h2-span {background-color:#b3007b;}
div#center-vacances a {color:#b3007b;}

div#contenug div#loisirs {margin-left:5px;}
div#contenug div#loisirs a:hover {color:#0080c6;}
div#contenug div#loisirs h2 {background-color:#0080c6; padding-left:20px;}
div#contenug div#loisirs h2:hover {color:#aecfea;}
div#center-loisirs h1 {background-color:#0080c6;}
div#center-loisirs .h2-span {background-color:#0080c6;}
div#center-loisirs a {color:#0080c6;}

div#contenug div#emploi {margin-left:25px;}
div#contenug div#emploi a {color:#ffffff;}
div#contenug div#emploi a:hover {color:#cbbee8;}
div#contenug div#emploi h2 {background-color:#643f87; padding-left:5px;}
div#contenug div#emploi h2:hover {color:#cbbee8;}
div#center-emploi h1 {background-color:#643f87;}
div#center-emploi .h2-span {background-color:#643f87;}
div#center-emploi a {color:#643f87;}
div#center-emploi strong, div#center-emploi b {color:#643f87;}
div#center-emploi p.date {text-align:right; font-style:italic;}
div#center-emploi div.entite {margin-bottom:3em;}

div#contenug div#tcap {margin-left:25px; margin-top:25px;}
div#contenug div#tcap a:hover {}
div#contenug div#tcap h2 {background-color:#2c9294;}
div#center-tcap h1 {background-color:#2c9294;}
div#center-tcap .h2-span {background-color:#2c9294;}
div#center-tcap a {color:#2c9294;}


div#center-actualites h1 {background-color:#F6AA09;}
div#center-actualites .h2-span {background-color:#F6AA09;}
div#center-actualites a {color:#F6AA09;}


div#center-agenda h1 {background-color:#9b84d4;}
div#center-agenda .h2-span {background-color:#9b84d4;}
div#center-agenda a {color:#9b84d4;}



div#contenug div#contact {margin-left:5px;}
div#contenug div#contact a {color:#ffffff;}
div#contenug div#contact a:hover {}
div#contenug div#contact h2 {background-color:#2c9294;}



div#contenug .menu-liste {background-color:#ECECEC;}
div#contenug .menu-liste a {display:block; line-height:175%; color:#999999; text-decoration:none; padding-left:5px; border-top:1px solid #e0e0e0;}
div#contenug .menu-liste a:hover {background-color:#e0e0e0; color:#F1B400;}



.partenaires {position:relative; width:60em; margin:0; text-align:left; padding:1em 0 0 0;}
.partenaires img {display:inline; padding:1em;}


.form-global {border:0; margin:0; padding:0; width:33em;}
.form-titre {border:0; margin:0; padding:0; margin-bottom:1em;}
.form-form {border:0; margin:0; padding:0;}
.form-int {border:0; margin:0; padding:0; color:#F1B400; font-weight:bold; font-size:1em;}
.form-cha {border:0; margin:0; padding:0; padding-bottom:1em;}
.form-err {border:0; margin:0; padding:0.5em 0; font-size:1em; font-weight:bold; color:#FF0000; font-style:italic;}
.form-submit {border:0; margin:0; padding:0; text-align:center;}
.form-submit input {border:0; background-color:#018385; color:#FFFFFF; font-weight:bold; padding:0.3em; cursor:pointer;}



.edito {overflow:hidden; padding:0; margin:0;}
.edito-visuel {float:left; padding:1em; }
.edito-text { margin:0 0 3em 0; padding-left:1.5em;}
.edito-text a {color:#018385; font-weight:bold;}
.edito-text a:hover {color:#F1B400; }
.edito-text li {padding-bottom:0.1em; }
.edito-clear {clear:both; height:1em;}

.menu-prog {background-color:#FFFFFF; border:2px solid #FFFFFF;}
.menu-prog ul {padding:0 0 1em 0; text-align:center;}
.menu-prog li { display:inline; white-space:nowrap;padding:0; border:#FFFFFF solid 2px; margin:1em 0 0.5em 1.5em; padding:0;}
.menu-prog span{font-size:18px; color:#FFFFFF; font-weight:bold; padding:0.5em 0.3em 0.2em 0.2em; text-align:right; background:url(../visuels/guide/charte/puce-menu.png) no-repeat left bottom;}
.menu-prog a {color:#F1B400; font-weight:bold; text-decoration:none; }
.menu-prog a:hover {color:#e32322; }
.agenda-table {border-collapse:collapse; margin-bottom:3em;}
.agenda-table th, .agenda-table td {border-bottom:solid 0.1em #F1B400; padding:0.4em 0.7em; white-space:nowrap;}
.agenda-table th {font-weight:bold; color:#018385; }


.espace {overflow:hidden; padding:0; margin:0;}
.espace-visuel {float:left; margin:0 1em 1em 0.5em; padding-left:0.5em; }
.espace-desc { margin:0 0 3em 0; padding-left:1.5em;}
.espace-desc a {color:#018385;}
.espace-desc a:hover {color:#F1B400; }
.espace-desc li {margin-left:1.2em; padding-bottom:0.1em; }


.annu-visuel-left {float:left; margin:0 1em 1em 0.5em; padding-left:0.5em; }
.annu-visuel-right {float:right; margin:0 0 1em 1em; }
.annu-contact {}
.annu-contact p {font-size:11px; margin-top:0.4em;}
.annu-contact strong {font-size:12px;}

.actus-liste {margin-bottom:1.5em;}
.actus-liste p {margin-bottom:0.4em;}

.cf {padding-left:15px;}
.cf a {color:#666666;}
.search {text-align:right; margin-top:0.7em; padding:0.3em 1em 1em 0.3em; color:#FFFFFF; font-weight:bold; background:url(../visuels/guide/charte/fond-search.png) no-repeat top right;}
.search form { display:inline; }
.search select {font-size:0.9em; font-family:Arial, Helvetica, sans-serif; margin-right:1em;}

.clear {clear:both;}

/*CONTENU CENTRAL : GLOBAL */
.espace-center {width:565px; overflow:hidden; line-height:150%; text-align:justify; margin:0.5em 0;}
.espace-center a {text-decoration:none; color:#018385;}
.espace-center a:hover {text-decoration:underline;}
.espace-center .parag {margin:0 1em 2em 1em;}
.espace-center .lien {text-align:right; padding:0; overflow:hidden;}
.espace-center .lien a {display:block; text-align:right; padding:0 17px 0 0; background:url(../visuels/guide/charte/puce-liste.png) top right no-repeat; font-weight:bold;}
.espace-center .visuel-right {float:right; margin:0 0 1em 1em; }
.espace-center .visuel-left {float:left; margin:0 1em 1em 0; background:url(../visuels/guide/charte/bottom-right-200.gif) bottom right no-repeat; padding-bottom:9px;}

.espace-center .liste {background:#ffffff url(../visuels/guide/charte/top-right-corner-400.gif) top right no-repeat; padding:11px 10px 2em 0; }
.espace-center .liste .visuel-right {float:right; margin:0 0 0.5em 2em;}
.espace-center .liste .entite {margin:0 1.5em 2.5em 0.5em;}
.espace-center .liste .entite .visuel-right img {}
.espace-center .liste-bottom {background:#ffffff url(../visuels/guide/charte/bottom-555.gif) top center no-repeat; height:10px;}
.espace-center .selection {margin-bottom:1em; padding:0 0 2em 0; background:#ececec url(../visuels/guide/charte/bottom-555.gif) bottom center no-repeat; margin-right:10px;}
.espace-center .selection div {margin:0 1em;}
.espace-center .selection div.aa-content {margin-bottom:30px;}

.espace-center .selection .date {text-align:center; font-size:2.5em; font-weight:bold; color:#018385; margin:1em 0 0.5em 0; line-height:normal;}
.espace-center .selection .horaire {text-align:center; font-size:2em; font-weight:bold; color:#F1B400; margin-bottom:0.5em; line-height:normal;}
.espace-center .selection .lieu {text-align:center; font-size:1.2em; font-weight:bold; margin-bottom:1.8em; line-height:normal;}
.espace-center .selection .lien-forum a { display:block; padding:3px 42px 7px 250px; background:url(../visuels/guide/charte/puce-site.gif) no-repeat top right; text-align:right; font-weight:bold; font-size:1.2em; overflow:visible;}
.espace-center .entite {margin-bottom:2em;}

.espace-center .entite .ressource-maj {font-style:italic; text-align:right; font-size:0.9em;}
.espace-center .entite .ressource-visuel {float:left; margin:0 1em 1em 0;}
.espace-center .entite .ressource-doc {float:right;}
.espace-center .entite .ressource-doc a {display:block; float:right; padding:0px 37px 10px 0; width:150px; background:url(../visuels/guide/charte/puce-ressource-down.gif) no-repeat top right; text-align:right; font-weight:bold;}

.espace-center .entite .actualite-pratique {margin-bottom:1em; border-left:0.4em solid #F6AA09; padding:0.2em 0.5em; }
.espace-center .entite .actualite-pratique p {margin:0;}
.espace-center .entite .actualite-visuel {float:left; margin:0.8em 1em 1em 0;}
.espace-center .entite .actualite-infos {margin-bottom:1em; text-align:right; border-right:0.4em solid #F6AA09; padding:0.2em 0.5em; float:right; }
.espace-center .entite .actualite-doc {text-align:center; margin-bottom:1.5em;}
.espace-center .entite .actualite-doc a {display:block; background:url(../visuels/guide/charte/puce-down-w.gif) no-repeat top right; font-weight:bold; padding:0 17px 5px 0; text-align:right;}

.espace-center .entite .agenda-pratique {margin-bottom:1em;}
.espace-center .entite .agenda-pratique p {margin:0;}
.espace-center .entite .agenda-infos {margin-top:1em;}
.espace-center .entite .agenda-infos p {margin:0;}
.espace-center .entite .agenda-visuel {float:left; margin:0 1em 1em 0;width:150px;}


/*CONTENU CENTRAL : STRUCTURE */
.espace-center .selection-structure {margin-bottom:1em; padding:0 0 13px 0; background:#ececec url(../visuels/guide/charte/bottom-555.gif) bottom center no-repeat; margin-right:10px;}
.espace-center .selection-structure .entite {padding:0 1em; margin:0;}
.espace-center .selection-structure h1 {}
.espace-center .selection-structure .structure-contact {float:right; margin-left:2em; width:240px; padding:0.5em 5px 1.5em 5px; background:#ffffff url(../visuels/guide/charte/bottom-250-gris.gif) no-repeat left bottom; text-align:left; }
.espace-center .selection-structure .structure-contact .contact-mail {padding-top:1.5em; width:18.5em; font-weight:bold;}
.espace-center .selection-structure .structure-contact .contact-mail a {display:block; padding:0 0 0 3.2em; height:3.5em; overflow:visible; background:url(../visuels/guide/charte/puce-mail.png) no-repeat top left;}
.espace-center .selection-structure .structure-logo {float:right;}
.espace-center .selection-structure .structure-logo img {width:75px; border:1px solid #e0e0e0;}

.espace-center .selection-structure .structure-phc {line-height:120%; list-style:square; padding:0; text-align:left;}
.espace-center .selection-structure .structure-phc li {padding-bottom:0.8em;}
.espace-center .selection-structure .structure-phc a {text-decoration:none; color:#666666;}
.espace-center .selection-structure .structure-phc a:hover {text-decoration:underline;}
.espace-center .selection-structure .structure-paragraphe {padding-top:2em;}
.espace-center .selection-structure h2 {border:none;}
.espace-center .selection-structure .visuels-sel {background-repeat:repeat-x; background-position:-20px 0; height:100px; opacity:0.7; margin-top:2em;}
.espace-center .selection-structure .visuels-sel:hover {opacity:1;}


.espace-center .selection .structure-contact {float:right; margin-left:2em; width:240px; padding:0.5em 5px 1.5em 5px; background:#ffffff url(../visuels/guide/charte/bottom-250-gris.gif) no-repeat left bottom; text-align:left; }
.espace-center .selection .structure-contact .contact-mail {padding-top:1.5em; width:18.5em; font-weight:bold;}
.espace-center .selection .structure-contact .contact-mail a {display:block; padding:0 0 0 3.2em; height:3.5em; overflow:visible; background:url(../visuels/guide/charte/puce-mail.png) no-repeat top left;}
.espace-center .selection .structure-logo {float:right;}
.espace-center .selection .structure-logo img {width:75px; border:1px solid #e0e0e0;}

.espace-center .selection .structure-phc {line-height:120%; list-style:square; margin-left:1.5em; padding:0; text-align:left;}
.espace-center .selection .structure-phc li {padding-bottom:0.8em;}
.espace-center .selection .structure-phc a {text-decoration:none;}
.espace-center .selection .structure-phc a:hover {text-decoration:underline;}
.espace-center .selection .structure-paragraphe {padding-top:2em;}
.espace-center .selection h2 {border:none;}

.espace-center .liste .structure-presentation {padding:0;}
.espace-center .liste .suite {text-align:right; font-weight:bold;}
.espace-center .liste .suite a {color:#018385; text-decoration:none; background:url(../visuels/guide/charte/puce-liste.png) no-repeat top right; padding:0 20px 5px 0;}
.espace-center .liste .suite a:hover {text-decoration:underline;}



/* COLONE DROITE */
.espace-right {float:right; width:200px; margin:0.6em 0 0 1.5em;}
.espace-right strong {color:#FFFFFF;}
.espace-right a {color:#FFFFFF;} 
.espace-right h2 {color:#FFFFFF; font-size:1.1em; font-weight:bold; margin:0 0 0.5em 0; border-bottom:1px solid #FFFFFF; padding:0.2em 0.5em 0.3em 0.5em;} 
.espace-right .entite {font-size:1em; padding:0 7px 0.5em 7px; float:left;}
.espace-right .entite .nexpre {height:15px; width:175px; display:block;}
.espace-right .entite .next {float:right; margin-left:2px; cursor:pointer;}
.espace-right .entite .prev {float:left; margin-right:2px; cursor:pointer;}
.espace-right .entite h3 {color:#FFFFFF; font-size:1em; font-weight:bold; margin:0 0 0.2em 0; padding:0; text-align:center;}
.espace-right .entite .description {font-size:1em; text-align:justify;}
.espace-right .entite .suite {font-size:1em; font-weight:bold; text-align:right; padding-top:0.1em;}

.box-bottom-right { background:url(../visuels/guide/charte/bottom-right-200.gif) top right no-repeat; height:0.9em; margin-bottom:2em;} 
.box-bottom-left { background:url(../visuels/guide/charte/bottom-left-200.gif) top left no-repeat; height:0.9em; margin-bottom:2em;} 

.espace-right .suite a {font-weight:bold; text-decoration:none; display:block; display:block; padding:0 17px 5px 0; margin:0; color:#fff;}
.espace-right .suite a:hover {text-decoration:underline;}

.espace-right .tout {border-top:1px solid #FFFFFF; margin:0;}
.espace-right .tout a {font-weight:bold; text-decoration:none; text-align:center; padding:5px 0 8px 0; margin:0; background:none; display:block; color:#fff;}
.espace-right .tout a:hover {text-decoration:none;}
.espace-right .dates {margin:0;}


.box-newsletter { background:#ECECEC url(../visuels/guide/charte/top-right-200.gif) top right no-repeat; color:#FFFFFF; padding:9px 0 15px 0; color:#999999;} 
.box-newsletter h2 {background:#2c9294;}
.box-newsletter p {padding:0 7px; text-align:justify; margin:5px 0 0 0;}
.box-newsletter strong {color:#2c9294;}
.box-newsletter form {text-align:left; padding:10px 7px 0 7px;}
.box-newsletter input#mail_nl {font-size:10px; margin-right:5px; width:155px;}
.box-newsletter input#submit_nl {background:#64aaaa url(../visuels/guide/charte/puce-next.png); width:15px; height:15px; border:none; float:right; cursor:pointer;}



p.box-menu {text-align:center;}
p.box-menu span {text-align:center; padding:1px 4px 2px 4px; margin:0 2px; font-weight:bold; cursor:pointer; color:#FFFFFF;}
.box-documentation p.box-menu span.on { background:url(../visuels/guide/charte/puce-slide-doc.gif) no-repeat; color:#2c9294;}
.box-agenda p.box-menu span.on { background:url(../visuels/guide/charte/puce-slide-agenda.gif) no-repeat; color:#9b84d4;}
.box-actualites p.box-menu span.on { background:url(../visuels/guide/charte/puce-slide-actualites.gif) no-repeat; color:#f6aa09;}

.box-agenda { background:#b9a8e2 url(../visuels/guide/charte/top-left-200.gif) top left no-repeat; color:#FFFFFF; padding-top:9px;} 
.box-agenda .dates { font-weight:bold; text-align:center} 
.box-agenda a {background:url(../visuels/guide/charte/puce-agenda.gif) no-repeat right top;} 
.box-agenda .tout a:hover {background:#9b84d4;}
.box-agenda h2 {background:#9b84d4;}
div#box-agenda-all {position:absolute;}
div#box-agenda-mask {position:relative; width:185px; overflow:hidden; height:130px;}
.box-agenda .entite {width:175px;}

.box-actualites { background:#efc340 url(../visuels/guide/charte/top-left-200.gif) top left no-repeat; color:#FFFFFF; padding-top:9px;} 
.box-actualites .dates {font-size:0.9em; font-style:italic; text-align:right;} 
.box-actualites a {background:url(../visuels/guide/charte/puce-actus.gif) no-repeat right top;} 
.box-actualites .tout a:hover {background:#f6aa09;}
.box-actualites h2 {background:#f6aa09;}
div#box-actualites-all {position:absolute;}
div#box-actualites-mask {position:relative; width:185px; overflow:hidden; height:130px;}
.box-actualites .entite {width:175px;}

.box-documentation { background:#64aaaa url(../visuels/guide/charte/top-right-200.gif) top right no-repeat; color:#FFFFFF; padding-top:9px;} 
.box-documentation h2 {background:#2c9294;}
.box-documentation .dates {font-size:0.9em; font-style:italic;} 
.box-documentation a {background:url(../visuels/guide/charte/puce-ressource.gif) no-repeat right top;} 
.box-documentation .tout a:hover {background:#2c9294;}
div#box-documentation-all {position:absolute;}
div#box-documentation-mask {position:relative; width:185px; overflow:hidden; height:150px;}
.box-documentation .entite {width:175px;}

div#box-galerie { background:#64aaaa url(../visuels/guide/charte/top-right-200.gif) top right no-repeat; color:#FFFFFF; padding-top:9px;} 
div#box-galerie h2 {background:#2c9294; margin-bottom:0;}
div#box-galerie-content {background: #fff url(../visuels/guide/charte/slide-galerie-bgd.jpg) no-repeat 180px 0; width:200px; height:120px; }
div#box-galerie .tout a:hover {background:#2c9294;}

div#box-emploi { background:#a88ac4 url(../visuels/guide/charte/top-right-200.gif) top right no-repeat; color:#FFFFFF; padding-top:9px;} 
div#box-emploi h2 {background:#643F87; margin-bottom:0;}
div#box-emploi-content {width:200px; }
div#box-emploi .tout a:hover {background:#643F87;}

div#desinscription-nl {color:#000000; margin-bottom:10px;}