body {font-family:arial,helvetica,sans-serif; font-size:70%; color:#666666; text-align:center; margin:0;}
form {margin:0;}
#mainContainer {width:980px; margin:auto; text-align:left;}
a {text-decoration:none; }
a:hover {text-decoration:underline;}

* html #traceContent h3 {background-image:url(../images/ttesaligneSTitle_bkgrd.gif); background-repeat:no-repeat; padding:0px 0px 0px 225px; color:#818182; margin:0; font-size:125%; background-position:0 6px;}
* html #traceContent {padding:15px 0px 0px 0px;}
* html #traceFlashContainer {text-align:center; padding:15px 0px;}
* html #zonesTrace {padding:5px 0px 20px 33px;}
* html #zonesTrace .inner {padding-left:445px;}
* html #zonesTrace .inner table tr td {line-height:1.5em;}
* html #zonesTrace .inner a {color:#666;}
* html #sommaireWrapper #sommaire ul li a{line-height:10px;padding:0px 0px 0px 10px;}

#headerContainer {height:160px; position:relative;}
#logo {float:left; width:144px; padding:50px 0px 0px 9px;}
#logoInt {float:left; width:144px; padding:35px 0px 0px 9px;}
#outils {float:left; width:827px; height:103px; background-image:url(../images/bandeau_bkgrd.jpg); background-repeat:no-repeat; background-position:20px 0px;}
#blocOutils1 {float:right; padding:28px 20px 0px 0px;}
#blocOutils1 .indigo {float:left; margin-right:5px;}
#blocOutils1 a {color:#666666; font-size:90%;}
#blocOutils2 {position:absolute; right:0px; top:69px;}
#blocOutils2 ul {list-style:none; margin:0; padding:0; background-color:#d69c2a; padding:2px 20px 2px 10px; width:auto;}
#blocOutils2 ul li {display:inline; background-color:#d69c2a; color:#fff; }
#blocOutils2 ul li.separator {font-size:90%;}
#blocOutils2 a {color:#fff;}

#navContainer {padding-left:29px;}
#nav {float:right;}

/**** home ****/
#contentWrapper { height:auto !important; height:388px;}
#flashContainer {width:647px; height:388px; margin-right:55px; float:left;}
#rightInfosCol {float:left; width:278px;}

#flashInfos h1 {background-image:url(../images/titre_flashInfos.gif); width:277px; height:14px; background-repeat:no-repeat; margin:0;}
#flashInfos h1 span {display:none;}
#flashInfos h3 {font-size:100%; font-weight:bold; color:#571963; margin:0; padding:15px 0px 0px 0px;}
#flashInfos p {margin:0px 20px 0px 0px;}
#moreInfos {margin:15px 25px 35px 0px; text-align:right;}
#moreInfos a {color:#571963;}

#calendrier h1 {background-image:url(../images/titre_calendrier.gif); width:277px; height:15px; background-repeat:no-repeat; margin:0; padding:15px 0px 0px 0px;}
#calendrier h1 span {display:none;}
#calendrier a {color:#666666; }
#calendrier /*a*/ span {color:#e61577; font-weight:bold;}
#moreCalendrier {margin:15px 25px 35px 0px; text-align:right;}
#moreCalendrier a {color:#e61577;}

#footer {clear:both; padding-top:15px;}
#pointilles {float:left; width:424px; height:7px; margin-top:8px; background-image:url(../images/footer_Bkgrd.gif);  background-repeat:no-repeat;}
#searchForm {float:left; width:221px; font-size:90%; }
#searchForm #searchInput {width:132px; height:13px; font-size:11px; margin:0; padding:0px 0px 0px 3px;}
#searchForm #searchValid {position:absolute; margin-left:10px;}

#footerLinks {float:left; width:259px; padding:2px 0px 0px 8px;}
#footerLinks a {color:#666666; font-size:90%; background-image:url(../images/bullet_1.gif); background-repeat:no-repeat; background-position:0 50%; padding:0px 0px 0px 8px;}
#footerLinks a.first {background-image:none; padding:0;}

#aggloLogo {float:left; width:67px; margin-top:-30px;}
.clearFix {clear:both; font-size:1px;}


/**** template page 9 ****/
#sommaireWrapper {height: auto !important; height:190px;}
#sommaireWrapper #illust {float:left; width:438px; height:190px; margin-right:10px;}

/*** sommaire généralités ***/
#sommaireWrapper #sommaire { width:175px; float:left; min-height:190px; height:auto !important; height:190px;}
#sommaireWrapper #sommaire .aVotreService a {color:#fff; padding:3px 5px; display:block; border-bottom:solid 1px #fff; height:auto; background:#a5ba07;}
#sommaireWrapper #sommaire ul  {list-style:none; padding:5px; margin:0; line-height:1em !important; line-height:.5em;}
#sommaireWrapper #sommaire ul li {margin:0; }
#sommaireWrapper #sommaire .aVotreService ul li a {color:#6e7145; border:none; background:none; font-size:90%; padding:3px 0px 3px 10px;}

/*** a votre service ***/
#sommaireWrapper #sommaire .aVotreService {background-color:#b6cc13; color:#fff;height:190px;}
#sommaireWrapper #sommaire .aVotreService  ul li a.active {color:#000; background-image:url(../images/contextBullet_1.gif); background-repeat:no-repeat; background-position:0 50%;}



/**** edito ***/
#edito {width:334px; padding-left:23px; float:left;}
#edito.aVotreService {/*background-image:url(../images/aVotreServiceTitlePoint.gif); background-repeat:no-repeat; background-position:30px 17px;*/}
#edito.aVotreService span {background-image:url(../images/aVotreServiceTitlePoint.gif); background-repeat:no-repeat; background-position:0px 0px; padding-left:15px;}
#edito.aVotreService h1 {background-image:url(../images/aVotreServiceTitle_bkgrd.gif); width:314px; color:#a0b501; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 20px 8px 0px; margin:25px 0px 0px 0px; font-weight:normal; text-align:right; }
#edito h3 {color:#a0b501; font-size:130%; margin:3px 20px 8px 0px; text-align:right; }
#edito p {color:#686d46; font-size:120%; margin:0px 20px 0px 20px; text-align:right;}

/***** articles ****/
#articlesContainer {position:relative; padding-top:20px;}
#articlesContainer .leftColArticle {float:left; width:218px; }
#articlesContainer .leftColArticle p {text-align:right; margin:0;}
#articlesContainer .leftColArticle h1 {background-image:url(../images/aVotreServiceSTitle_bkgrd.gif); width:218px; color:#b6cc13; font-size:125%; background-repeat:no-repeat; padding:0px 0px 7px 0px; margin:0px 0px 10px 0px; text-align:right; background-position:0 100%;}
#articlesContainer .rightColArticle {float:left; width:485px; padding:15px 0px 0px 10px; text-align:justify;}
#articlesContainer .rightColArticle p {margin:0px 0px 15px 0px; }
#articlesContainer .rightColArticle .chapo {font-weight:bold; color:#b6cc13;}
#articlesContainer .rightColArticle a {color:#666666; text-decoration:underline;}
#articlesContainer .rightColArticle a:hover{text-decoration:none;}


.contextInfo1 {text-align:left; background-image:url(../images/papillon_left.gif);background-repeat:no-repeat; width:201px; height:267px; margin-top:72px; color:#fff;}
.contextInfo1 h3 {font-size:130%; color:#fff; padding:72px 0px 0px 14px;margin:0;}
#articlesContainer .leftColArticle .contextInfo1 p {margin:5px 55px 0px 14px; text-align:left;}
.contextInfo1 a {color:#fff; text-decoration:underline;}

#contextInfo2 {background-image:url(../images/papillonGris.gif);background-repeat:no-repeat; width:230px; height:344px; position:absolute; right:0px; top:0px; color:#fff;}
#contextInfo2 h3 {font-size:130%; color:#fff; padding:108px 0px 0px 47px;margin:0;}
#contextInfo2 p {margin:5px 0px 0px 47px;}
#contextInfo2 a {color:#fff; text-decoration:underline;}
#contextInfo2 div{margin-left:47px;}

#contextInfo2.designInt {background-image:url(../images/papillonGris.gif);background-repeat:no-repeat; width:230px; height:344px; position:absolute; right:0px; top:390px; color:#fff;}
#contextInfo2.designInt h3 {font-size:130%; color:#fff; padding:108px 0px 0px 47px;margin:0;}
#contextInfo2.designInt p {margin:5px 0px 0px 47px;}
#contextInfo2.designInt a {color:#fff; text-decoration:underline;}
#contextInfo2.designInt div{margin-left:47px;}
#papillon_bleu{background-image:url(../images/papillonBleu.gif);background-repeat:no-repeat; width:230px; height:383px; position:absolute; right:0px; top:0px; color:#fff;}

#hautPageLink {text-align:right; width:715px; padding:20px 0px 20px 0px;}
#hautPageLink a {color:#666666; background-image:url(../images/arrow_hautpage.gif); background-position:0 50%; padding:0px 0px 0px 15px; background-repeat:no-repeat;}


/**** template page 8 ****/
#titreGlobal {width:334px; padding-left:23px; float:left;}
#titreGlobal.aVotreService h1 {background-image:url(../images/p8Title_bkgrd.gif); width:314px; color:#a0b501; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 0px 20px 20px; margin:14px 0px 0px 0px; font-weight:normal;}
#titreGlobal.aVotreService h1 span {font-size:200%; }

#T8Sommaire {padding-top:20px;}
.T8oddBloc {width: 980px; padding-bottom:10px;}
.T8oddBloc .T8oddTextBloc {width: 667px; float:left; padding-top:25px;}
.T8oddBloc .T8oddImgBloc {width:298px; float:left; padding-left:15px;}
.T8oddBloc .T8oddTextBloc .T8ArrowService {background-image:url(../images/flecheSommaire.gif); width:586px; background-repeat:no-repeat; background-position:100% 60%; padding-left:81px;}
.T8oddBloc .T8oddTextBloc .T8ArrowService h3.service {font-weight:normal; color:#a0b501;font-size:180%; margin:0; padding:12px 0px 15px 0px;}
.T8oddBloc .T8oddTextBloc .T8ArrowService h3.service span {background-color:#fff; padding-right:10px;}
.T8oddBloc .T8oddTextBloc p {color:#c3c5b5; font-weight:bold; margin:0px 65px 0px 82px;}

.T8evenBloc {width: 980px; padding-bottom:10px;}
.T8evenBloc .T8evenImgBloc {width:298px; float:left; padding-right:15px;}
.T8evenBloc .T8evenTextBloc {width: 630px; float:left; padding-top:15px;}
.T8evenBloc .T8evenTextBloc .T8ArrowService {background-image:url(../images/flecheSommaire.gif); width:630px; background-repeat:no-repeat; background-position:100% 60%; }
.T8evenBloc .T8evenTextBloc .T8ArrowService h3.service {font-weight:normal; color:#a0b501; font-size:180%; margin:0; padding:12px 0px 15px 0px;}
.T8evenBloc .T8evenTextBloc .T8ArrowService h3.service span {background-color:#fff; padding-right:10px;}
.T8evenBloc .T8evenTextBloc p {color:#c3c5b5; font-weight:bold; margin:0px 106px 0px 0px;}

.T8evenBloc .T8evenTextBloc .T8ArrowService h3 a, .T8oddBloc .T8oddTextBloc .T8ArrowService h3 a {color:#a0b501;}

/***** contacts ****/
#edito.contact {background-image:url(../images/contactTitlePoint.gif); background-repeat:no-repeat; background-position:240px 17px; float:left; width:333px; padding-left:25px;}
#edito.contact h1 {background-image:url(../images/contactTitle_bkgrd.gif); width:314px; color:#767676; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 20px 8px 0px; margin:25px 0px 0px 0px; font-weight:normal; text-align:right; }
#edito.contact h3 {color:#767676; font-size:130%; margin:3px 20px 8px 0px; text-align:right; }
#contactSommaireWrapper #illust.contact {float:left; width:621px; height:171px;}
#edito.contact p {color:#666666; font-size:120%; margin:0px 20px 0px 20px; text-align:right;}

#contactContent #papillon {float:left; width:218px; height:260px; padding-top:45px;}
#contactContent #formulaire {float:left; width:700px; padding:15px 0px 0px 5px; }

td.formText1 {font-weight:bold; text-align:right;}
td.formText2 {font-size:90%;}
.formInput1 {width:292px; height:16px; color:#777777; font-size:11px; }
.formInput2 {width:292px; height:90px; color:#777777; font-size:11px; font-family:arial,sans-serif; }
#contactValid {margin-left:235px;}

span.alert {font-weight:bold; color:#ff3939; padding-left:20px;}


/* tracé */
#traceContent {padding:15px 0px 0px 0px;}
#traceContent h3 {background-image:url(../images/ttesaligneSTitle_bkgrd.gif); background-repeat:no-repeat; padding:0px 0px 0px 225px; color:#818182; margin:0; font-size:125%; background-position:0 6px;}
#traceFlashContainer {text-align:center; padding:15px 0px;}
#zonesTrace {padding:5px 0px 20px 33px;}
#zonesTrace .inner {padding-left:445px;}
#zonesTrace .inner table tr td {line-height:1.5em;}
#zonesTrace .inner a {color:#666;}

/*** customisation seconde ligne ***
 
  Rubriques */

#sommaireWrapper #sommaire .secondeligne {background-color:#e61577; color:#fff;height:190px;}
#sommaireWrapper #sommaire .secondeligne a {color:#fff; padding:3px 5px; display:block; border-bottom:solid 1px #fff; height:auto; background:#bd1966;}
#sommaireWrapper #sommaire .secondeligne  ul li a.active {color:#000; background-image:url(../images/contextBullet_1.gif); background-repeat:no-repeat; background-position:0 50%;}
#sommaireWrapper #sommaire .secondeligne ul li a {color:#6e7145; border:none; background:none; font-size:90%; padding:3px 0px 3px 10px;}

#titreGlobal.secondeligne h1 {background-image:url(../images/2ndLigneTitle1_bkgrd.gif); width:314px; color:#bd1966; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 0px 20px 20px; margin:14px 0px 0px 0px; font-weight:normal;}
#titreGlobal.secondeligne h1 span {font-size:200%; }

.T8oddBloc .T8oddTextBloc .T8ArrowSecondeligne {background-image:url(../images/2ndLigneflecheSommaire.gif); width:586px; background-repeat:no-repeat; background-position:100% 60%; padding-left:81px;}
.T8oddBloc .T8oddTextBloc .T8ArrowSecondeligne h3.secondeligne {font-weight:normal; color:#bd1966;font-size:180%; margin:0; padding:12px 0px 15px 0px;}
.T8oddBloc .T8oddTextBloc .T8ArrowSecondeligne h3.secondeligne span {background-color:#fff; padding-right:10px;}
.T8evenBloc .T8evenTextBloc .T8ArrowSecondeligne {background-image:url(../images/2ndLigneflecheSommaire.gif); width:630px; background-repeat:no-repeat; background-position:100% 60%; }
.T8evenBloc .T8evenTextBloc .T8ArrowSecondeligne h3.secondeligne {font-weight:normal; color:#bd1966; font-size:180%; margin:0; padding:12px 0px 15px 0px;}
.T8evenBloc .T8evenTextBloc .T8ArrowSecondeligne h3.secondeligne span {background-color:#fff; padding-right:10px;}
.T8evenBloc .T8evenTextBloc p {color:#c3c5b5; font-weight:bold; margin:0px 106px 0px 0px;}
.T8evenBloc .T8evenTextBloc .T8ArrowSecondeligne h3 a, .T8oddBloc .T8oddTextBloc .T8ArrowSecondeligne h3 a {color:#bd1966;}

/* articles */
#edito.secondeligne {}
#edito.secondeligne h1 SPAN {background-image:url(../images/2ndLigneTitlePoint.gif); background-repeat:no-repeat; background-position:0px 0px; padding-left:15px;}
#edito.secondeligne h1 {background-image:url(../images/2ndLigneTitle2_bkgrd.gif); width:314px; color:#bd1966; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 20px 8px 0px; margin:25px 0px 0px 0px; font-weight:normal; text-align:right; }
#edito.secondeligne h3 {color:#bd1966; font-size:130%; margin:3px 20px 8px 0px; text-align:right; }
#articlesContainer .secondeligne h1 {background-image:url(../images/2ndeligneSTitle_bkgrd.gif); width:218px; color:#bd1966; font-size:125%; background-repeat:no-repeat; padding:0px 0px 7px 0px; margin:0px 0px 10px 0px; text-align:right; background-position:0 100%;}
#articlesContainer .secondeligne .chapo {font-weight:bold; color:#bd1966;}
#articlesContainer .secondeligne a:hover{color:#bd1966;}

/*** customisation Cleo sur toute sa ligne ***
 
  Rubriques */
#sommaireWrapper #sommaire .ttesaligne {background-color:#b2b3b5; color:#fff;height:190px;}
#sommaireWrapper #sommaire .ttesaligne a {color:#fff; padding:3px 5px; display:block; border-bottom:solid 1px #fff; height:auto; background:#929497;}
#sommaireWrapper #sommaire .ttesaligne  ul li a.active {color:#000; background-image:url(../images/contextBullet_1.gif); background-repeat:no-repeat; background-position:0 50%;}
#sommaireWrapper #sommaire .ttesaligne ul li a {color:#6e7145; border:none; background:none; font-size:90%; padding:3px 0px 3px 10px;}

#titreGlobal.ttesaligne h1 {background-image:url(../images/ttesaLigneTitle1_bkgrd.gif); width:314px; color:#929497; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 0px 20px 20px; margin:14px 0px 0px 0px; font-weight:normal;}
#titreGlobal.ttesaligne h1 span {font-size:200%; }

.T8oddBloc .T8oddTextBloc .T8ArrowTtesaligne {background-image:url(../images/ttesaligneflecheSommaire.gif); width:586px; background-repeat:no-repeat; background-position:100% 60%; padding-left:81px;}
.T8oddBloc .T8oddTextBloc .T8ArrowTtesaligne h3.ttesaligne {font-weight:normal; color:#929497;font-size:180%; margin:0; padding:12px 0px 15px 0px;}
.T8oddBloc .T8oddTextBloc .T8ArrowTtesaligne h3.ttesaligne span {background-color:#fff; padding-right:10px;}
.T8evenBloc .T8evenTextBloc .T8ArrowTtesaligne {background-image:url(../images/ttesaligneflecheSommaire.gif); width:630px; background-repeat:no-repeat; background-position:100% 60%; }
.T8evenBloc .T8evenTextBloc .T8ArrowTtesaligne h3.ttesaligne {font-weight:normal; color:#929497; font-size:180%; margin:0; padding:12px 0px 15px 0px;}
.T8evenBloc .T8evenTextBloc .T8ArrowTtesaligne h3.ttesaligne span {background-color:#fff; padding-right:10px;}
.T8evenBloc .T8evenTextBloc p {color:#c3c5b5; font-weight:bold; margin:0px 106px 0px 0px;}
.T8evenBloc .T8evenTextBloc .T8ArrowTtesaligne h3 a, .T8oddBloc .T8oddTextBloc .T8ArrowTtesaligne h3 a {color:#929497;}

/* articles */
#edito.ttesaligne {}
#edito.ttesaligne h1 {background-image:url(../images/ttesaligneTitle2_bkgrd.gif); width:314px; color:#929497; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 20px 8px 0px; margin:25px 0px 0px 0px; font-weight:normal; text-align:right; }
#edito.ttesaligne h1 span {background-image:url(../images/ttesaLigneTitlePoint.gif); background-repeat:no-repeat; background-position:0px 0px; padding-left:15px;}
#edito.ttesaligne h3 {color:#929497; font-size:130%; margin:3px 20px 8px 0px; text-align:right; }
#articlesContainer .ttesaligne h1 {background-image:url(../images/ttesaligneSTitle_bkgrd.gif); width:218px; color:#929497; font-size:125%; background-repeat:no-repeat; padding:0px 0px 7px 0px; margin:0px 0px 10px 0px; text-align:right; background-position:0 100%;}
#articlesContainer .ttesaligne .chapo {font-weight:bold; color:#929497;}
#articlesContainer .ttesaligne a:hover{color:#929497;}

/*** customisation Les Travaux de Cleo ***
  Rubriques */

* html #articlesContainer .leftColArticle{float:left;width:220px;}
#articlesContainer .leftColArticle.travaux26 h1 {height:2px;}
#articlesContainer .rightColArticle.travaux26 {float:left; width:485px; padding:0px 0px 0px 10px; text-align:justify;}
#articlesContainer .rightColArticle.travaux26 span{font-size:112%}
#sommaireWrapper #sommaire .travaux {background-color:#fcc300; color:#fff;height:190px;}
#sommaireWrapper #sommaire .travaux a {color:#fff; padding:3px 5px; display:block; border-bottom:solid 1px #fff; height:auto; background:#f5ad00;}
#sommaireWrapper #sommaire .travaux  ul li a.active {color:#000; background-image:url(../images/contextBullet_1.gif); background-repeat:no-repeat; background-position:0 50%;}
#sommaireWrapper #sommaire .travaux ul li a {color:#6e7145; border:none; background:none; font-size:90%; padding:3px 0px 3px 10px;}

#titreGlobal.travaux h1 {background-image:url(../images/travauxTitle1_bkgrd.gif); width:314px; color:#f5ad00; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 0px 20px 20px; margin:14px 0px 0px 0px; font-weight:normal;}
#titreGlobal.travaux h1 span {font-size:200%; }
#titreGlobal.travaux h3{color:#f5ad00; font-size:130%; margin:3px 20px 8px 0px; text-align:right;}

.T8oddBlocTravaux{float:left;}
.T8oddBlocTravaux .T8oddTextBlocTravaux {margin-left:30px;float:left;}
* html .T8oddBlocTravaux .T8oddTextBlocTravaux {margin-left:19px;float:left;}
.T8oddBlocTravaux .T8oddTextBlocTravaux .T8ArrowTravaux {text-align:right;background-image:url(../images/travauxflecheRubrique26.gif); background-repeat:no-repeat; background-position:100% 60%; padding-right:45px;}
.T8oddBlocTravaux .T8oddTextBlocTravaux .T8ArrowTravaux h3.travaux {font-weight:normal; color:#c1c2c4;font-size:14px; margin:0; padding:12px 0px 15px 0px;}
.T8oddBlocTravaux .T8oddTextBlocTravaux .T8ArrowTravaux h3.travaux span {background-color:#fff;}
.T8oddTextBlocTravaux .T8ArrowTravaux h3 a, .T8oddBloc .T8oddTextBloc .T8ArrowTravaux h3 a {color:#c1c2c4;}

.T8oddBloc .T8oddTextBloc .T8ArrowTravaux {background-image:url(../images/travauxflecheSommaire.gif); width:586px; background-repeat:no-repeat; background-position:100% 60%; padding-left:81px;}
.T8oddBloc .T8oddTextBloc .T8ArrowTravaux h3.travaux {font-weight:normal; color:#f5ad00;font-size:180%; margin:0; padding:12px 0px 15px 0px;}
.T8oddBloc .T8oddTextBloc .T8ArrowTravaux h3.travaux span {background-color:#fff; padding-right:10px;}
.T8evenBloc .T8evenTextBloc .T8ArrowTravaux {background-image:url(../images/travauxflecheSommaire.gif); width:630px; background-repeat:no-repeat; background-position:100% 60%; }
.T8evenBloc .T8evenTextBloc .T8ArrowTravaux h3.travaux {font-weight:normal; color:#f5ad00; font-size:180%; margin:0; padding:12px 0px 15px 0px;}
.T8evenBloc .T8evenTextBloc .T8ArrowTravaux h3.travaux span {background-color:#fff; padding-right:10px;}
.T8evenBloc .T8evenTextBloc p {color:#c3c5b5; font-weight:bold; margin:0px 106px 0px 0px;}
.T8evenBloc .T8evenTextBloc .T8ArrowTravaux h3 a, .T8oddBloc .T8oddTextBloc .T8ArrowTravaux h3 a {color:#f5ad00;}

/* articles */
#edito.travaux26 span {background-image:url(../images/travauxTitlePoint.gif); background-repeat:no-repeat; background-position:0px 0px; padding-left:15px;}
#edito.travaux26 h1 {background-image:url(../images/travauxTitle2_bkgrd.gif); width:314px; color:#f5ad00; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 20px 8px 0px; margin:25px 0px 0px 0px; font-weight:normal; text-align:right; }
#edito.travaux26 h3 {color:#f5ad00; font-size:130%; margin:3px 20px 8px 0px; text-align:right; }
#articlesContainer .travaux26 h1 {background-image:url(../images/travauxSTitle_bkgrd.gif); width:218px; color:#f5ad00; font-size:125%; background-repeat:no-repeat; padding:0px 0px 7px 0px; margin:0px 0px 10px 0px; text-align:right; background-position:0 100%;}
#articlesContainer .travaux26 h2 {color:#f5ad00; font-size:125%;margin:0px;padding:0px;}
#articlesContainer .travaux26 .chapo {font-weight:bold; color:#f5ad00;}
#articlesContainer .travaux26 a:hover{color:#f5ad00;}

/* articles OLD */
#edito.travaux {}
#edito.travaux span {background-image:url(../images/travauxTitlePoint.gif); background-repeat:no-repeat; background-position:0px 0px; padding-left:15px;}
#edito.travaux h1 {background-image:url(../images/travauxTitle2_bkgrd.gif); width:314px; color:#f5ad00; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 20px 8px 0px; margin:25px 0px 0px 0px; font-weight:normal; text-align:right; }
#edito.travaux h3 {color:#f5ad00; font-size:130%; margin:3px 20px 8px 0px; text-align:right; }
#articlesContainer .travaux h1 {background-image:url(../images/travauxSTitle_bkgrd.gif); width:218px; color:#f5ad00; font-size:125%; background-repeat:no-repeat; padding:0px 0px 7px 0px; margin:0px 0px 10px 0px; text-align:right; background-position:0 100%;}
#articlesContainer .travaux .chapo {font-weight:bold; color:#f5ad00;}
#articlesContainer .travaux a:hover{color:#f5ad00;}


.travaux_form{width:334px;padding-left:23px;float:left;margin-top:10px;}
.travaux_form .label{float:left;width:60px;margin-right:5px;margin-bottom:15px;}
.travaux_form select{float:left;font-size:90%}
.travaux_form .validation{float:right;margin-right:25px;margin-top:1px;}


/*** customisation Les Villes de Cleo ***
 
  Rubriques */
#sommaireWrapper #sommaire .villes {background-color:#003c71; color:#fff;height:190px;}
#sommaireWrapper #sommaire .villes a {color:#fff; padding:3px 5px; display:block; border-bottom:solid 1px #fff; height:auto; background:#001b57;}
#sommaireWrapper #sommaire .villes  ul li a.active {color:#000; background-image:url(../images/contextBullet_1.gif); background-repeat:no-repeat; background-position:0 50%;}
#sommaireWrapper #sommaire .villes ul li a {color:#6e7145; border:none; background:none; font-size:90%; padding:3px 0px 3px 10px;}

#titreGlobal.villes h1 {background-image:url(../images/villesTitle1_bkgrd.gif); width:314px; color:#001b57; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 0px 20px 20px; margin:14px 0px 0px 0px; font-weight:normal;}
#titreGlobal.villes h1 span {font-size:200%; }

.T8oddBloc .T8oddTextBloc .T8ArrowVilles {background-image:url(../images/villesflecheSommaire.gif); width:586px; background-repeat:no-repeat; background-position:100% 60%; padding-left:81px;}
.T8oddBloc .T8oddTextBloc .T8ArrowVilles h3.villes {font-weight:normal; color:#001b57;font-size:180%; margin:0; padding:12px 0px 15px 0px;}
.T8oddBloc .T8oddTextBloc .T8ArrowVilles h3.villes span {background-color:#fff; padding-right:10px;}
.T8evenBloc .T8evenTextBloc .T8ArrowVilles {background-image:url(../images/villesflecheSommaire.gif); width:630px; background-repeat:no-repeat; background-position:100% 60%; }
.T8evenBloc .T8evenTextBloc .T8ArrowVilles h3.villes {font-weight:normal; color:#001b57; font-size:180%; margin:0; padding:12px 0px 15px 0px;}
.T8evenBloc .T8evenTextBloc .T8ArrowVilles h3.villes span {background-color:#fff; padding-right:10px;}
.T8evenBloc .T8evenTextBloc p {color:#c3c5b5; font-weight:bold; margin:0px 106px 0px 0px;}
.T8evenBloc .T8evenTextBloc .T8ArrowVilles h3 a, .T8oddBloc .T8oddTextBloc .T8ArrowVilles h3 a {color:#001b57;}

/* articles */
#edito.villes {}
#edito.villes h1 {background-image:url(../images/villesTitle2_bkgrd.gif); width:314px; color:#001b57; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 20px 8px 0px; margin:25px 0px 0px 0px; font-weight:normal; text-align:right; }
#edito.villes h1 span {background-image:url(../images/villesTitlePoint.gif); background-repeat:no-repeat; background-position:0px 0px; padding-left:15px;}
#edito.villes h3 {color:#001b57; font-size:130%; margin:3px 20px 8px 0px; text-align:right; }
#articlesContainer .villes h1 {background-image:url(../images/villesSTitle_bkgrd.gif); width:218px; color:#001b57; font-size:125%; background-repeat:no-repeat; padding:0px 0px 7px 0px; margin:0px 0px 10px 0px; text-align:right; background-position:0 100%;}
#articlesContainer .villes .chapo {font-weight:bold; color:#001b57;}
#articlesContainer .villes a:hover{color:#001b57;}


/*** customisation Cleo vous informe ***
 
  Rubriques */
#sommaireWrapper #sommaire .cleoInfo {background-color:#571b63; color:#fff;height:190px;}
#sommaireWrapper #sommaire .cleoInfo a {color:#fff; padding:3px 5px; display:block; border-bottom:solid 1px #fff; height:auto; background:#3a1046;}
#sommaireWrapper #sommaire .cleoInfo  ul li a.active {color:#000; background-image:url(../images/contextBullet_1.gif); background-repeat:no-repeat; background-position:0 50%;}
#sommaireWrapper #sommaire .cleoInfo ul li a {color:#6e7145; border:none; background:none; font-size:90%; padding:3px 0px 3px 10px;}

#titreGlobal.cleoInfo h1 {background-image:url(../images/cleoInfoTitle1_bkgrd.gif); width:314px; color:#3a1046; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 0px 20px 20px; margin:14px 0px 0px 0px; font-weight:normal;}
#titreGlobal.cleoInfo h1 span {font-size:200%; }

.T8oddBloc .T8oddTextBloc .T8ArrowCleoInfo {background-image:url(../images/cleoInfoflecheSommaire.gif); width:586px; background-repeat:no-repeat; background-position:100% 60%; padding-left:81px;}
.T8oddBloc .T8oddTextBloc .T8ArrowCleoInfo h3.cleoInfo {font-weight:normal; color:#3a1046;font-size:180%; margin:0; padding:12px 0px 15px 0px;}
.T8oddBloc .T8oddTextBloc .T8ArrowCleoInfo h3.cleoInfo span {background-color:#fff; padding-right:10px;}
.T8evenBloc .T8evenTextBloc .T8ArrowCleoInfo {background-image:url(../images/cleoInfoflecheSommaire.gif); width:630px; background-repeat:no-repeat; background-position:100% 60%; }
.T8evenBloc .T8evenTextBloc .T8ArrowCleoInfo h3.cleoInfo {font-weight:normal; color:#3a1046; font-size:180%; margin:0; padding:12px 0px 15px 0px;}
.T8evenBloc .T8evenTextBloc .T8ArrowCleoInfo h3.cleoInfo span {background-color:#fff; padding-right:10px;}
.T8evenBloc .T8evenTextBloc p {color:#c3c5b5; font-weight:bold; margin:0px 106px 0px 0px;}
.T8evenBloc .T8evenTextBloc .T8ArrowCleoInfo h3 a, .T8oddBloc .T8oddTextBloc .T8ArrowCleoInfo h3 a {color:#3a1046;}

/* articles */
#edito.cleoInfo {}
#edito.cleoInfo h1 {background-image:url(../images/cleoInfoTitle2_bkgrd.gif); width:314px; color:#3a1046; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 20px 8px 0px; margin:25px 0px 0px 0px; font-weight:normal; text-align:right; }
#edito.cleoInfo h1 span {background-image:url(../images/cleoInfoTitlePoint.gif); background-repeat:no-repeat; background-position:0px 0px; padding-left:15px;}
#edito.cleoInfo h3 {color:#3a1046; font-size:130%; margin:3px 20px 8px 0px; text-align:right; }
#articlesContainer .cleoInfo h1 {background-image:url(../images/cleoInfoSTitle_bkgrd.gif); width:218px; color:#3a1046; font-size:125%; background-repeat:no-repeat; padding:0px 0px 7px 0px; margin:0px 0px 10px 0px; text-align:right; background-position:0 100%;}
#articlesContainer .cleoInfo .chapo {font-weight:bold; color:#3a1046;}
#articlesContainer .cleoInfo a:hover{color:#3a1046;}

#articlesContainer .aVotreService a:hover{color:#b6cc13;}

/******* recherche *******/
#rechercheListe {padding-top:25px; color:#666;float:left;width:720px;}
#rech.contact {background-image:url(../images/contactTitlePoint.gif); background-repeat:no-repeat; background-position:115px 17px; float:right; width:230px; padding-left:25px;}
#rech.contact h1 {background-image:url(../images/contactTitle_bkgrd.gif); width:211px; color:#767676; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 20px 8px 0px; margin:25px 0px 0px 0px; font-weight:normal; text-align:right; }
#rech.contact h3 {color:#767676; font-size:130%; margin:3px 20px 8px 0px; text-align:right; }
#rech.contact p {color:#666666; font-size:120%; margin:0px 20px 0px 20px; text-align:right;}
#rechercheListe a {color:#666;}
#rechercheListe h2 {color:#929497; font-size:130%; }
p.pagination {text-align:left;}
p.pagination a{color:#666666;}
p.pagination .on{font-weight:bold;font-size:105%}
#rechercheListe .fragment{}


/******* outils *******/
* html #edito {float:left; width:326px;}
* html #edito.outils h1 {background-image:url(../images/contactTitle_bkgrd.gif); width:306px; color:#767676; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 20px 8px 0px; margin:25px 0px 0px 0px; font-weight:normal; text-align:right; }

#edito.outils {float:left; width:333px;}
#edito.outils h1 {background-image:url(../images/contactTitle_bkgrd.gif); width:314px; color:#767676; font-size:200%; background-repeat:no-repeat; background-position:0 100%; padding:0px 20px 8px 0px; margin:25px 0px 0px 0px; font-weight:normal; text-align:right; }
#edito.outils h3 {color:#767676; font-size:130%; margin:3px 20px 8px 0px; text-align:right; }
#outilsSommaireWrapper #illust.outils {float:left; width:621px; height:171px;}
#edito.outils p {color:#666666; font-size:120%; margin:0px 20px 0px 20px; text-align:right;}

.rightColArticle.outils {float:left; width:485px; padding:10px 0px 0px 10px; text-align:justify;}
.rightColArticle.outils h2 {font-size:125%;margin:0px;padding:0px;}
.rightColArticle.outils a{color:#666666;text-decoration:underline;}
.rightColArticle.outils .chapo {font-weight:bold;}
#outilsContent #papillon {float:left; width:218px; height:260px; padding-top:45px;}
#outilsContent #formulaire {float:left; width:700px; padding:15px 0px 0px 5px; }

/******* plan du site *******/
* html #planSite{margin-left:130px;}
#planSite{width:520px;margin-left:230px;margin-top:10px;float:left;}

#planSite .bloc{width:220px;height:130px;float:left;margin-top:5px;margin-bottom:5px;margin-right:40px;}
#planSite .bloc .onglet_1{width:210px;background-image:url(../images/onglet_plan_1.gif);background-repeat:no-repeat; background-position:0px 0px;color:#ffffff;font-size:14px;padding:3px;}
#planSite .bloc .onglet_2{width:210px;background-image:url(../images/onglet_plan_2.gif);background-repeat:no-repeat; background-position:0px 0px;color:#ffffff;font-size:14px;padding:3px;}
#planSite .bloc .onglet_3{width:210px;background-image:url(../images/onglet_plan_3.gif);background-repeat:no-repeat; background-position:0px 0px;color:#ffffff;font-size:14px;padding:3px;}
#planSite .bloc .onglet_4{width:210px;background-image:url(../images/onglet_plan_4.gif);background-repeat:no-repeat; background-position:0px 0px;color:#ffffff;font-size:14px;padding:3px;}
#planSite .bloc .onglet_5{width:210px;background-image:url(../images/onglet_plan_5.gif);background-repeat:no-repeat; background-position:0px 0px;color:#ffffff;font-size:14px;padding:3px;}
#planSite .bloc .onglet_6{width:210px;background-image:url(../images/onglet_plan_6.gif);background-repeat:no-repeat; background-position:0px 0px;color:#ffffff;font-size:14px;padding:3px;}
#planSite .bloc p{margin:2px 0px 0px 0px;padding:0px 0px 0px 18px;}
#planSite .bloc p a{color:#666666;}
#planSite .bloc_1 p{background-image:url(../images/puce_plan_1.gif);background-repeat:no-repeat; background-position:0px 3px;}
#planSite .bloc_2 p{background-image:url(../images/puce_plan_2.gif);background-repeat:no-repeat; background-position:0px 3px;}
#planSite .bloc_3 p{background-image:url(../images/puce_plan_3.gif);background-repeat:no-repeat; background-position:0px 3px;}
#planSite .bloc_4 p{background-image:url(../images/puce_plan_4.gif);background-repeat:no-repeat; background-position:0px 3px;}
#planSite .bloc_5 p{background-image:url(../images/puce_plan_5.gif);background-repeat:no-repeat; background-position:0px 3px;}
#planSite .bloc_6 p{background-image:url(../images/puce_plan_6.gif);background-repeat:no-repeat; background-position:0px 3px;}

#plan_outils{float:left;width:150px;margin-top:15px;}
#plan_outils ul li a{color:#adb474;}

/********** retouches diaporama **********/
 
.diapo_vignettes_right {padding:10px; width:200px;}
.diapo_vignette {margin-right:10px;}
.diapo_petit img, .diapo_grand img, .diapo_vignette img {border:none;}



/* google map lien des bulles d'infos */
	.gmnoprint #lien_chapo a{
		color:#666666; font-weight:bold;text-decoration:underline;
	}	
	.gmnoprint #lien_chapo a:hover{
		color: #66FF66; font-weight:bold;text-decoration:underline;
	}	
	#map_canvas div.gmnoprint #lien_chapo a{
		color:#666666; font-weight:bold;text-decoration:underline;
	}	
	#map_canvas div.gmnoprint #lien_chapo a:hover{
		color: #66FF66; font-weight:bold;text-decoration:underline;
	}	
	 #lien_chapo a{
		color:#666666; font-weight:bold;text-decoration:underline;
	}	
	 #lien_chapo a:hover{
		color: #66FF66; font-weight:bold;text-decoration:underline;
	}			
	
	
	
/* Phototheque */
div.contient_photos {float:left; margin-left:218px; width:700px; margin-top:20px;}
div.contient_photos_2{margin-left:0px; margin-top:20px; width:990px; margin-bottom:30px;}
div.photos_gdes{float:right; margin-right:20px; }
* html div.contient_photos {float:left; margin-left:118px; width:700px;}
.unephoto{ float:left; width:200px; padding:15px 0px 0px 10px; text-align:left;}
.photo_titre { float:left; width:150px; height:30px;}
.p_photo_titre{ font-weight:bold; color:#3A1046; margin-top:0px; padding-top:0px; margin-bottom:0px;}
.p_photo_titre a{ text-decoration:underline; color:#3A1046;}
.p_photo_titre a:hover{ text-decoration:none;color:#666666;}

.photo_img{float:left; width:170px; height:auto; vertical-align:top; }
.photo_lien{ border:none; }
.spip_logos{ border:none; }
.vi_photos{float:left; height:auto; width:auto; }
.bord_td{ vertical-align:top; border:1px solid #3A1046; }

#txtGras{ font-weight:bold; color:##2F2E2E;}