/* CSS Version responsive site IVRY */

/* Root */
html { position: relative; margin: 0; padding: 0; background: #fff; color: #333; }
body {font:14px Roboto,'Helvetica Neue',Arial,sans-serif; margin:0; padding:0;}
img { border: none; }
figure {margin:0;}
.sidebar figure {margin:0 0 .5em;}

/* Firefox */
input[type=hidden] { visibility: hidden; }

/* Resize */
.typo_size1 { font-size: 100%; }
.typo_size2 { font-size: 120%; }
.typo_size3 { font-size: 150%; }

/* Alignement + style generiques */
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.retourLigne{ clear: both; }
.left { float: left; }
.right { float: right; }
.invisible { display: none; }
.important { color: #db1515; }
.body span.texte-violet { color: #9b71bd; }
.body span.texte-orange { color: #FF6633; }
.body span.petitText {font-size: 11px;}
.typo3-form-response-output.success, .artifica-form-response-output.success {border:1px dashed #5b9d3a; color:#5b9d3a;}
.standout {border:1px solid #000; padding:5px;}
.check-error {color:#FF0000;}
.check-error.standout {border:1px solid #FF0000;}
.check-deletion {color:#090;}
.check-activation {color:#090;}
.check-activation.standout {border:1px solid #090;}

/* NoJS */
.noscript { display: block; margin: 10px auto; padding: 10px 0; width: 960px; text-align: center; color: #CC0000; background: #fff; border: 3px solid #CC0000;}

/* Conteneur de floats */
.row { overflow: hidden; -height: 1%; }

/* Structure */
.container { width: 960px; margin: 0 auto; }
.header { position: relative; height: 171px; }
.main {overflow:hidden; -height:1%;}
.content { float: left; width: 710px; }
.sidebar { float: right; width: 220px; margin-top: 13px; margin-right: 10px; -margin-right: 5px; }
.home .content { width: 700px; margin-top: 20px; margin-left: 10px; -margin-left: 5px; }
.home .sidebar { margin-top: 20px; }

/* Structure Home : */
.col-left { float: left; width: 400px; }
.col-middle { float: right; width: 300px; }

.news { position: relative; overflow:hidden; width: 400px; height: 300px; }
.newsflash { position: relative; margin: 20px 0 0; padding: 0; background: #fff8d9; border: 1px solid #f0c651; font-size: 12px; overflow: hidden; min-height: 35px; -height: 1%; }
.medias { width: 280px; position: relative; font-size: 11px; margin: 20px 0 0 20px; padding: 33px 0 0; }
.calendar { position: relative; padding: 0 0 0 20px; width: 279px; height: 300px; background: url(../img/calendar.png) 0 bottom repeat-x; border-left: 1px solid #fff; }
.block { width: 400px; margin-top: 20px; overflow: hidden; -height: 1%; }
.projects { float: left; width: 190px; font-size: 11px; line-height: 18px; }
.community { float: right; width: 180px; padding: 0 0 9999px 9px; margin: 0 0 -9999px; border-left: 1px solid #e5dae3; }

/* Structure Page : */
.pagetop { overflow: hidden; -height: 1%; border-bottom: 2px solid #f67d28; }
.eco .pagetop { border-color: #2a7bc6; }
.asso .pagetop { border-color: #2bc3c7; }
.breadcrumbs { float: left; width: 525px; color: #7a4472; font-size: 10px; line-height: 13px; font-weight: bold; display: block; padding: 9px 0 9px 2px; }
.eco .breadcrumbs { color: #45487c; }
.asso .breadcrumbs { color: #007e89; }
.toolbox { float: right; width: 180px; height: 20px; margin: 7px 1px 4px; }
.column { float: left; width: 170px; }
.article { float: right; width: 520px; font-size: 0.8125em; line-height: 1.2857; }

/* Structure Page en Une Colonne */
.pageOneCol .content, .pageOneCol .article {float:none; width:960px;}

/* La grosse colonne centrale : utilisée par la recherche par exemple */
.big-col .article { float: none; width: auto; }

/* Structure Rubriques */
.zone-2, .zone-5 { float: left; width: 220px; }
.zone-3, .zone-6 { float: right; width: 220px; }

/* Article */
#headline { margin: 9px 0 8px; padding: 0 0 6px; font-weight: bold; font-size: 1.847em; line-height: 1.2083; color: #ff6633; border-bottom: 1px solid #f67d28; }
.eco #headline { color: #2a7bc6; border-color: #2a7bc6; }
.asso #headline { color: #008793; border-color: #2aaab6; }
.page-9153.level-2 .lead,
.page-3370.level-5 .lead {display:none;}
.lead { margin: 8px 0 10px; padding: 0; font-weight: bold; }

.article .body { overflow: hidden; -height: 1%; } /* clear pied de page from floats */

.body p { font-size: 1em; line-height: 1.231; margin: 5px 0 10px; padding: 0; }
.body h2 { margin: 5px 0 10px; padding: 3px 0; font-size: 1.616em; color: #ff6633; border-bottom: 0.0625em solid #dedede; }
.body h3 { margin: 5px 0 0; padding: 2px 0 0; font-size: 1.385em; color: #ff6633; }
.body h4 { margin: 5px 0 0; padding: 1px 0 0; font-size: 1.231em; color: #660066; }
.eco .body h2, .eco .body h3 { color: #2a7bc6; }
.asso .body h2, .asso .body h3 { color: #008793; }

.body img { border: none; }
.body a { color: #990066; text-decoration: underline; }
.body a:hover { color: #790954; text-decoration: none; }
.eco .body a { color: #2a7bc6; }
.asso .body a { color: #008793; }

.body blockquote { margin: 12px 35px; padding: 7px 10px 7px 15px; border-left: 5px solid #fce27c; background: #f6ebc1; font-style: italic; }
.body blockquote p:last-child { margin-bottom: 5px; }

.body small, .sidebar small,
.body span.word-small, .sidebar span.word-small {font-size:smaller; line-height:1.2;}
span.word-big, big {font-size:larger;}

/* sauvegarde anciennes tailles (PSD original) :
	.article { font-size: 0.875em; }
	#headline { font-size: 1.7143em; }
	.body h2 { font-size: 1.5em; }
	.body h3 { font-size: 1.286em; }
	.body h4 { font-size: 1.143em; }
*/

/* Encarts */
.encart { clear: both; border-top: 5px solid #fff; position: relative; padding: 10px !important; margin: 0 0 14px !important; background: #fde0d4 url(../img/encart.gif) -13px bottom no-repeat !important; }
.encart h2, .encart h3, .encart h4,
.encartDroite h2, .encartDroite h3, .encartDroite h4,
.encartGauche h2, .encartGauche h3, .encartGauche h4 { color: #663366; font-size: 16px; border: none; margin: 0; padding: 0; }
.encart p, .encartDroite p, .encartGauche p { margin-bottom: 0 !important; }
.encartDroite { position: relative; float: right; width: 235px; padding: 10px !important; margin: 0 0 1px 10px !important; background: #e1cede url(../img/encart-flottant.gif) -13px bottom no-repeat !important; }
.encartGauche { position: relative; float: left; width: 235px; padding: 10px !important; margin: 0 10px 1px 0 !important; background: #e1cede url(../img/encart-flottant.gif) -13px bottom no-repeat !important; }
.encart .imageBox { background: #fff; }
.encart .imageLegende { padding-left: 10px; }
.imageLegende { color: #333; }
.encart .imageCopyright { padding-left: 10px; }
.encart .corner { position: absolute; top: 0; right: 0; width: 13px; height: 13px; background: url(../img/encart.gif) 0 0 no-repeat; }
.encartGauche .corner, .encartDroite .corner { position: absolute; top: 0; right: 0; -right: -1px; width: 13px; height: 13px; background: url(../img/encart-flottant.gif) 0 0 no-repeat; }

/* Tableaux */
.tableauLigneAlternee td { background-color: #dedede; }

.contenttable { border: 1px solid #dedede; margin: 10px 0 20px; padding: 0; width: 100%; clear: both; border-collapse: collapse; border-spacing: 0; caption-side: top; empty-cells: show; table-layout: auto; }
.contenttable caption { border: 1px solid #dedede; border-bottom: none; background: #f5f5f5; text-align: left; padding: 5px 7px; }
.contenttable th { border: 1px solid #dedede; text-align: center; vertical-align: top; padding: 0 5px; }
.contenttable td { border: 1px solid #dedede; text-align: left; vertical-align: top; padding: 0 5px; }
.contenttable-1 .tr-odd td { background: #f5f5f5; }
.contenttable-1 .modulo-1 td { background: #f5f5f5; }
.contenttable-2 { border: none; }
.contenttable-2 caption { padding: 10px; color: #330033; font-size: 12px; font-weight: bold; background: #d9c7e7 url(../img/table.png) -520px 0 no-repeat; border: none; border-bottom: 1px solid #cbb3df; }
.contenttable-2 th,
.contenttable-2 td { padding: 8px; font-size: 12px; background: #f4f0f3; border: none; border-top: 1px solid #fff; text-align: center; }
.contenttable-2 .tr-odd td { background: #eae4e9; }
.contenttable-2 .modulo-1 td { background: #eae4e9; }
.contenttable-2 tr:hover th,
.contenttable-2 tr:hover td { background: #e1cede; }
.contenttable-3 { border: none; }
.contenttable-3 caption { padding: 10px; color: #ff6633; font-size: 12px; font-weight: bold; background: #fcdbc3 url(../img/table.png) 0 0 no-repeat; border: none; border-bottom: 1px solid #fcc7a5; }
.contenttable-3 th,
.contenttable-3 td { padding: 8px; font-size: 12px; background: #fef2e9; border: none; border-top: 1px solid #fff; text-align: center; }
.contenttable-3 .tr-odd td { background: #ffe9d9; }
.contenttable-3 .modulo-1 td { background: #ffe9d9; }
.contenttable-3 tr:hover th,
.contenttable-3 tr:hover td { background: #fcdac2; }

/* imageBox */
.imageBox { font-size: 10px; line-height: 13px; border-bottom: 2px solid #d9d9d9; padding-bottom: 8px; display: block; }
.imageBoxLeft { float: left; margin-right: 7px; }
.imageBoxRight { float: right; margin-left: 7px; }
.imageCopyright { color: #999; display: block; }
.imageBox img { display: block; margin-bottom: 7px; }

/* Breadcrumbs */
.breadcrumbs a { color: #7a4472; text-decoration: none; }
.eco .breadcrumbs a { color: #45487c; }
.asso .breadcrumbs a { color: #007e89; }
.breadcrumbs a:hover { text-decoration: underline; }

/* Toolbox */
.toolbox a { display: inline; float: left; width: 20px; height: 20px; margin: 0 0 0 10px; overflow: hidden; text-indent: -9999px; background: #666 url(../img/toolbox.png) 0 0; }
#facebook { background-position: 2px 0; }
#twitter { background-position: -28px 0; }
#forward { background-position: -58px 0; }
#print { background-position: -88px 0; }
#btnTypoMore { background-position: -120px 0; }
#btnTypoLess { background-position: -150px 0; }
#facebook:hover { background-position: 2px -20px; }
#twitter:hover { background-position: -28px -20px; }
#forward:hover { background-position: -58px -20px; }
#print:hover { background-position: -88px -20px; }
#btnTypoMore:hover { background-position: -120px -20px; }
#btnTypoLess:hover { background-position: -150px -20px; }

.eco #facebook { background-position: 2px -40px; }
.eco #twitter { background-position: -28px -40px; }
.eco #forward { background-position: -58px -40px; }
.eco #print { background-position: -88px -40px; }
.eco #btnTypoMore { background-position: -120px -40px; }
.eco #btnTypoLess { background-position: -150px -40px; }
.eco #facebook:hover { background-position: 2px -60px; }
.eco #twitter:hover { background-position: -28px -60px; }
.eco #forward:hover { background-position: -58px -60px; }
.eco #print:hover { background-position: -88px -60px; }
.eco #btnTypoMore:hover { background-position: -120px -60px; }
.eco #btnTypoLess:hover { background-position: -150px -60px; }

.asso #facebook { background-position: 2px -80px; }
.asso #twitter { background-position: -28px -80px; }
.asso #forward { background-position: -58px -80px; }
.asso #print { background-position: -88px -80px; }
.asso #btnTypoMore { background-position: -120px -80px; }
.asso #btnTypoLess { background-position: -150px -80px; }
.asso #facebook:hover { background-position: 2px -100px; }
.asso #twitter:hover { background-position: -28px -100px; }
.asso #forward:hover { background-position: -58px -100px; }
.asso #print:hover { background-position: -88px -100px; }
.asso #btnTypoMore:hover { background-position: -120px -100px; }
.asso #btnTypoLess:hover { background-position: -150px -100px; }

/* Subnav elements */
.subsection { margin: 8px 0 0; padding: 9px 0; color: #663366; font-size: 16px; line-height: 18px; font-weight: bold; }
.eco .subsection { color: #2a7bc6; }
.asso .subsection { color: #007e89; }
.submenu { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #dedede; }
.submenu li { margin: 0; padding: 0; font-size: 12px; line-height: 15px; }
.submenu a { margin: 0; padding: 10px 0 10px 11px; display: block; color: #333; text-decoration: none; border-top: 1px solid #dedede; background: url(../img/subnav.png) 0 13px no-repeat; -zoom: 1; outline-offset: -1px; }
.eco .submenu a,
.asso .submenu a { background-image: none; }
.submenu a:hover { text-decoration: underline; }
.submenu .current a, .submenu .current_page_item a, .submenu .current_page_ancestor a { background-color: #fef2e9; color: #ff6633; }
.asso .submenu .current a, .asso .submenu .current_page_item a, .asso .submenu .current_page_ancestor a { background-color: #e1eeef; color: #007E89; }
.eco .submenu .current a, .eco .submenu .current_page_item a, .eco .submenu .current_page_ancestor a { background-color: #eaf2f9; color: #2A7BC6; }

.submenu .current li a, .submenu .current_page_item li a, .submenu .current_page_ancestor li a { background: #fff !important; color: #333 !important; border: none; }
.submenu .current_page_item ul a, .submenu .current_page_ancestor ul a { background-color: #fff; color: #333; border: none; }
.submenu .active, .submenu ul .current_page_item, .submenu ul .current_page_ancestor { background: url(../img/subnav.png) 0 5px no-repeat; }
.submenu .active a, .submenu ul .current_page_item a, .submenu ul .current_page_ancestor a { color: #ff6633 !important; }
.asso .submenu .active a, .asso .submenu ul .current_page_item a { color: #008793 !important; }
.eco .submenu .active a, .eco .submenu ul .current_page_item a { color: #2A7BC6 !important; }

.submenu .active ul a, .submenu ul .current_page_item ul a { color: #333 !important; } /* last level */
.submenu ul { margin: 0 0 9px 0; padding: 9px 0 0 12px; list-style: none; background: url(../img/sub-border.png) 0 0 repeat-y; border-top: 1px solid #dedede; }
.submenu ul ul { padding-left: 6px; padding-top: 2px; background-position: -6px -7px; border-top: none; } /* last level */
.submenu ul li { padding: 0 0 0 5px; }
.submenu ul a { padding: 3px 0 4px 4px; font-size: 11px; line-height: 12px; border: none; }

/* Header */
#villeInternet {position: absolute; right:0; top:27px;}
.logo {position: absolute; top: 10px; left: 0; width: 530px; height: 72px; background: url(../img/logo.png); overflow: hidden; text-indent: -9999px;}
.logo:hover { background-color: #eee; }
#skiplinks { position: absolute; top: -111px; left: 0; height: 10px; width: 800px; line-height: 12px; font-size: 10px; list-style: none; text-align: right; }
#skiplinks a { color: #fff; text-decoration: none; padding: 0 2px; }
#skiplinks a:hover { color: #333; text-decoration: underline; }
#skiplinks a:focus { color: #333; position: relative; top: 113px; }
.header .date { position: absolute; top: 10px; right: 0; font-size: 11px; text-transform:capitalize;}
.sections {height:35px; margin:0; position:absolute; right:0; top:61px; z-index:2;}
.sections li {display:inline;}
.sections a { display: block; margin: 0 0 0 2px; float: left; width: 153px; height: 100%; overflow: hidden; text-indent: -9999px; 
background: url(../img/sections.png) -134px 0 no-repeat;
/*background: url(../img/sections.png) -134px 0 no-repeat; 
-width: expression(this.previousSibling == null ? '132px' : '153px'); 
-background-position: expression(this.previousSibling == null ? '0 0' : '-134px 0');*/ 
}
/*.sections a:first-child { width: 132px; background-position: 0 0; }*/
.sections a:hover { 
/*background-position: -134px -35px; 
-background-position: expression(this.previousSibling == null ? '0 -35px' : '-134px -35px'); */
}
.sections .page-item-first a {background-position:0 0; width:132px;}
.sections .page-item-first a:hover, .eco .sections .page-item-first a {background-position:0 -35px;}

.sections .page-item-last a {background-position:-132px 0px; width:155px;}
.sections .page-item-last a:hover, .asso .sections .page-item-last a {background-position:-132px -35px;}

/*.eco .sections a:first-child { background-position: 0 -35px; }*/
/*.asso .sections a { background-position: -134px -35px; }*/
/*.asso .sections a:first-child { background-position: 0 0; }*/
/*.sections a:first-child:hover { background-position: 0 -35px; }*/
.social { z-index: 2; height: 28px; width: 112px; position: absolute; top: 57px; left: 545px; margin: 0; padding: 0; list-style: none; }
.social li { display: inline; margin: 0; padding: 0; }
.social a { position: relative; z-index: 1; display: block; float: left; width: 20px; height: 20px; padding: 4px; overflow: hidden; text-indent: -9999px; }
.social a:focus { z-index: 2; }
.access { background: url(../img/social.png) 0 0 no-repeat; }
.facebook {  background: url(../img/social.png) -28px 0 no-repeat; }
.twitter {  background: url(../img/social.png) -56px 0 no-repeat; }
.rss {  background: url(../img/social.png) -84px 0 no-repeat; }
.access:hover { background-position: 0 -28px; }
.facebook:hover {  background-position: -28px -28px; }
.twitter:hover {  background-position: -56px -28px; }
.rss:hover {  background-position: -84px -28px; }

/* Menu */
.menu { z-index: 1; height: 81px; width: 100%; position: absolute; top: 89px; left: 0; margin: 0; padding: 0; list-style: none; background: #f67d28 url(../img/menu_bg.png) 0 0 repeat-x; }
.eco .menu { background-color: #2a7bc6; background-position: 0 -53px; }
.asso .menu { background-color: #2aaab6; background-position: 0 -106px; }
.menu li { display: block; float: left; height: 53px; margin: 0; padding: 0; }
.menu a { position: relative; z-index: 1; display: block; float: left; height: 100%; overflow: hidden; text-indent: -9999px; }

#m1 a { width: 178px; background: url(../img/menu.png) 0 0 no-repeat; }
#m2 a { width: 114px; background: url(../img/menu.png) -178px 0 no-repeat; }
#m3 a { width: 192px; background: url(../img/menu.png) -292px 0 no-repeat; }
#m4 a { width: 476px; background: url(../img/menu.png) -484px 0 no-repeat; -width: 473px; }
#m1.current a, #m1.current_page_item a, #m1.current_page_ancestor a, #m1.xhover a { background-position: 0 -53px; }
#m2.current a, #m2.current_page_item a, #m2.current_page_ancestor a, #m2.xhover a { background-position: -178px -53px; }
#m3.current a, #m3.current_page_item a, #m3.current_page_ancestor a, #m3.xhover a { background-position: -292px -53px; }
#m4.current a, #m4.current_page_item a, #m4.current_page_ancestor a, #m4.xhover a { background-position: -484px -53px; }
#nojs #m1 a:hover, #nojs #m1:hover a { background-position: 0 -53px; }
#nojs #m2 a:hover, #nojs #m2:hover a { background-position: -178px -53px; }
#nojs #m3 a:hover, #nojs #m3:hover a { background-position: -292px -53px; }
#nojs #m4 a:hover, #nojs #m4:hover a { background-position: -484px -53px; }

.eco #m1 a { background-position:0 -106px; }
.eco #m2 a { background-position: -178px -106px; }
.eco #m3 a { background-position: -292px -106px; }
.eco #m4 a { background-position: -484px -106px; }
.eco #m1.current a, .eco #m1.current_page_item a, .eco #m1.current_page_ancestor a, .eco #m1.xhover a { background-position: 0 -159px; }
.eco #m2.current a, .eco #m2.current_page_item a, .eco #m2.current_page_ancestor a, .eco #m2.xhover a { background-position: -178px -159px; }
.eco #m3.current a, .eco #m3.current_page_item a, .eco #m3.current_page_ancestor a, .eco #m3.xhover a { background-position: -292px -159px; }
.eco #m4.current a, .eco #m4.current_page_item a, .eco #m4.current_page_ancestor a, .eco #m4.xhover a { background-position: -484px -159px; }
#nojs .eco #m1 a:hover, #nojs .eco #m1:hover a { background-position: 0 -159px; }
#nojs .eco #m2 a:hover, #nojs .eco #m2:hover a { background-position: -178px -159px; }
#nojs .eco #m3 a:hover, #nojs .eco #m3:hover a { background-position: -292px -159px; }
#nojs .eco #m4 a:hover, #nojs .eco #m4:hover a { background-position: -484px -159px; }

.asso #m1 a { background-position: 0 -212px; }
.asso #m2 a { background-position: -178px -212px; }
.asso #m3 a { background-position: -292px -212px; }
.asso #m4 a { background-position: -484px -212px; }
.asso #m1.current a, .asso #m1.current_page_item a, .asso #m1.current_page_ancestor a, .asso #m1.xhover a { background-position: 0 -265px; }
.asso #m2.current a, .asso #m2.current_page_item a, .asso #m2.current_page_ancestor a, .asso #m2.xhover a { background-position: -178px -265px; }
.asso #m3.current a, .asso #m3.current_page_item a, .asso #m3.current_page_ancestor a, .asso #m3.xhover a { background-position: -292px -265px; }
.asso #m4.current a, .asso #m4.current_page_item a, .asso #m4.current_page_ancestor a, .asso #m4.xhover a { background-position: -484px -265px; }
#nojs .asso #m1 a:hover, #nojs .asso #m1:hover a { background-position: 0 -265px; }
#nojs .asso #m2 a:hover, #nojs .asso #m2:hover a { background-position: -178px -265px; }
#nojs .asso #m3 a:hover, #nojs .asso #m3:hover a { background-position: -292px -265px; }
#nojs .asso #m4 a:hover, #nojs .asso #m4:hover a { background-position: -484px -265px; }

.menu a:focus { z-index: 4; }
.menu ul { margin: 0; padding: 0; position: absolute; top: 53px; left: 0; height: 28px; width: 960px; background: #f67d28; z-index: 1; overflow: hidden; }
.eco .menu ul { background: #2a7bc6; }
.asso .menu ul { background: #2aaab6; }
.menu .current ul, .menu .current_page_item ul, .menu .current_page_ancestor ul { z-index: 2; }
.menu li.xhover ul { z-index: 3; }
#nojs .menu li:hover ul { z-index: 3; }
.menu ul li { position: relative; top: 28px; height: 100%; background: url(../img/submenu.png) 0 0 no-repeat; -left: expression(this.previousSibling == null ? '-5px' : '0'); -margin-left: expression(this.previousSibling == null ? '-5px' : '0'); }
.eco .menu ul li { background-position: 0 -84px; }
.asso .menu ul li { background-position: 0 -168px; }
.menu ul li:first-child { margin-left: -5px; }
.menu li.current li, .menu li.current_page_item li, .menu li.current_page_ancestor li, .menu li:hover li, .menu li.xhover li { top: 0; }
.menu .active { background-position: 0 -28px; }
.eco .menu .active { background-position: 0 -112px; }
.asso .menu .active { background-position: 0 -196px; }
.menu .active a { color: #f66228; background: url(../img/submenu.png) right -58px no-repeat !important; }
.eco .menu .active a { color: #f66228; background-position: right -142px !important; }
.asso .menu .active a { color: #f66228; background-position: right -226px !important; }
.menu .active a:focus { outline: 1px dotted #fff; }
.menu ul li:hover, .menu ul li.xhover, .menu ul li.current, .menu ul li.current_page_item, .menu ul li.current_page_ancestor { background-position: 0 -28px; }
.eco .menu ul li:hover, .eco .menu ul li.xhover, .eco .menu ul li.current, .eco .menu ul li.current_page_item, .eco .menu ul li.current_page_ancestor { background-position: 0 -112px; }
.asso .menu ul li:hover, .asso .menu ul li.xhover, .asso .menu ul li.current, .asso .menu ul li.current_page_item, .asso .menu ul li.current_page_ancestor { background-position: 0 -196px; }
.menu ul li:hover a, .menu ul li.xhover a, .menu ul li.current a, .menu ul li.current_page_item a, .menu ul li.current_page_ancestor a { color: #f66228; background: url(../img/submenu.png) right -58px no-repeat !important; }
.eco .menu ul li:hover a, .eco .menu ul li.xhover a, .eco .menu ul li.current a, .eco .menu ul li.current_page_item a, .eco .menu ul li.current_page_ancestor a { color: #2a7bc6; background-position: right -142px!important; }
.asso .menu ul li:hover a, .asso .menu ul li.xhover a, .asso .menu ul li.current a, .asso .menu ul li.current_page_item a, .asso .menu ul li.current_page_ancestor a { color: #2aaab6; background-position: right -226px!important; }
.menu ul a { font-weight: bold; font-size: 13px; line-height: 24px; height: 24px; margin: 2px 0; padding: 0 11px 0 17px; width: auto !important; overflow: visible; text-indent: 0; background: transparent !important; color: #fff; text-decoration: none; }
#js .menu ul li { display: none; top: 0; }
#js .menu li.current li, #js .menu li.current_page_item li, #js .menu li.current_page_ancestor li, #js .menu li.xhover li { display: block; }

/* Search */
#search { margin: 0; padding: 0; border: none; position: absolute; top: 96px; right: 0; height: 46px; width: 240px; overflow: hidden; z-index: 2; background: url(../img/search.png) 10px 9px no-repeat; }
.eco #search { background-position: 10px -51px; }
.asso #search { background-position: 10px -111px; }
#search fieldset { margin: 0; padding: 0; border: none; }
#search label { position: absolute; top: -99px; left: -99px; }
#query { position: absolute; top: 13px; left: 22px; width: 178px; height: 21px; overflow: hidden; color: #7c4574; font: 14px/21px Arial, sans-serif; margin: 0; padding: 0; border: none; background: transparent; }
.eco #query { color: #2a7bc6; }
.asso #query { color: #00808c; }
#gofind { position: absolute; top: 9px; right: 10px; width: 29px; height: 29px; overflow: hidden; text-indent: -9999px; -font-size: 0; -color: #fff; margin: 0; padding: 0; border: none; cursor: pointer; background: url(../img/search.png) right 0; }
.eco #gofind { background-position: right -60px; }
.asso #gofind { background-position: right -120px; }

.search-header {background:url(../img/search.png) 10px 9px no-repeat; margin: 0;padding: 0;border: none;position: absolute;top: 96px;right: 0;height: 46px;width: 240px;overflow: hidden;z-index: 2;}
/*.eco .search-header,
.asso .search-header {background-position:10px -51px;}*/
.search-header input.rechercheChamp{position: absolute;top: 13px;left: 22px;width: 178px;height: 21px;overflow: hidden;color: #7C4574;font: 14px/21px Arial, sans-serif;margin: 0;padding: 0;border: none;background: none;z-index: 3;}
.search-header input.rechercheChamp:focus{outline:none}
.search-header .rechercheOK{position: absolute;top: 11px;left: 203px;width: 26px;height: 26px;overflow: hidden;z-index: 4;text-indent: -9999px;background:none;border:none;cursor:pointer;}

/* Résultats de recherche */
.tx-indexedsearch-whatis { margin: 20px 0 15px; font-size: 21px; font-weight: bold; color: #ff6633; } /* résultats pour... */

.tx-indexedsearch-browsebox { overflow: hidden; -height: 1%; }
.tx-indexedsearch-browsebox p { float: left; margin: 0; padding: 4px 0 0; font-size: 12px; }
.tx-indexedsearch-browsebox p strong { color: #ff6633; font-weight: normal; }
.tx-indexedsearch-browsebox ul { margin: 0; padding: 0; list-style: none; float: right; text-align: right; font-size: 12px; }
.tx-indexedsearch-browsebox li { display: inline-block; +display: inline; margin: 0 0 0 2px; padding: 0; }
.tx-indexedsearch-browsebox li a { display: inline-block; +display: inline;text-decoration: none;  color: #333; border: 1px solid #dedede; padding: 3px 5px; +zoom: 1; }
.tx-indexedsearch-browsebox li a:hover { color: #fff; border-color: #ff6633; background: #ff6633; }
.tx-indexedsearch-browsebox .tx-indexedsearch-browselist-currentPage a { color: #ff6633; border-color: #fde0d4; background: #fde0d4; }

.tx-indexedsearch-res { margin: 20px 0; }
.tx-indexedsearch-res .odd { background: #fef2e9; padding: 10px; }
.result { margin: 10px 0; padding: 0 10px; }
.result dt { margin: 0; padding: 0; font-size: 14px; font-weight: bold; }
.result img { vertical-align: top; }
.result a { color: #333; text-decoration: none; }
.result a:hover { color: #ff6633; }
.result dd { margin: 0; padding: 0; font-size: 12px; }

.tx-indexedsearch-res .dotted {margin:20px 0;}
.searchengine .listSearch {margin:5px 0; overflow:hidden; padding:0px;}
.listSearch {}
.listSearch li {background-color:#fef2e9; list-stye-type:none; padding:10px; position:relative;}
.listSearch li a {color: #333; text-decoration: none; font-size: 14px; font-weight: bold;}
.listSearch li a:hover {color: #ff6633;}
.listSearch li.alter {background-color:#fff;}
.listSearch li .rating {color:#666; font-size:0.917em; left:auto; list-style-type:none; position:absolute; right:10px; text-align:right; top:10px; width:35px;}
.listSearch li .date {color:#666; margin:0; padding:10px 0 0;}
span.lgdSearch {display:block; margin:7px 0;float:left;font-weight:bold;margin:8px 10px 0 95px;color:#636;}

.searchengine input.rechercheChamp {background:url(../img/input.gif) repeat-x #fff 0 0;height:22px;border:1px solid #dedede;color:#666;padding:3px 5px;margin:2px 0 8px 0;}
.searchengine input.rechercheChamp:focus{outline:none}
.searchengine .rechercheOK{cursor: pointer;display: block;border: none;margin: 20px 0 10px 160px;padding: 0;width: 90px;height: 25px;overflow: hidden;background: url(../img/submit.gif);text-indent: -9999px;}

.search-pagination{overflow:hidden;margin:30px 0 20px 0;}
.search-pagination .orange{color:#f63}
.search-pagination .pages {float:right;}
.search-pagination .pages a{display: inline-block;text-decoration: none;color: #333;border: 1px solid #DEDEDE;padding: 3px 5px;font-size:12px;}
.search-pagination .pages a:hover{color: #fff;border-color: #F63;background: #F63;}
.search-pagination .pages a.paginationPagerCourant  {color: #F63;border-color: #FDE0D4;background: #FDE0D4;font-weight:bold;}
.search-pagination .pages a.paginationPagerCourant:hover  {color: #fff;border-color: #F63;background: #F63;}

/* Home - bloc Une */
.news h2 { margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 11; width: 58px; height: 27px; overflow: hidden; text-indent: -9999px; background: url(../img/home_titles.png) 0 0 no-repeat; }
.goto-news {color: #fff; text-decoration: none; display:block; font-size: 11px; line-height: 16px; font-weight: bold; color: #fff; padding: 3px 5px 3px 24px; background: url(../img/pictos.png) no-repeat 0 6px; margin:8px 0 0 10px; }
.home .goto-news {width:145px;}
.news ul { margin: 0; padding: 0; list-style: none; position: static !important; }
.news li { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.news img {height:auto; left:0; position:absolute; top:0; width:100%; z-index:1;}
.news dl { margin: 0; padding:10px 9px; position: absolute; bottom: 38px; left: 0; z-index: 2; width: 382px; background: url(../img/news-bg.png) 0 0 repeat; overflow:hidden; }
.news dt { margin: 0 0 4px; padding: 0; font-size: 14px; line-height: 15px; font-weight: bold; }
.news dd { margin: 0; padding: 0; font-size: 12px; line-height: 14px; color: #fff; }
.news dd a { color: #333; text-decoration: none; }
.news dt a { color: #330033; text-decoration: none; display: block; }
.news a:hover { text-decoration: underline; }
.footerNews { background: url(../img/news-all-bg.png) repeat-x 0 0; bottom:0; height:38px; position:absolute; width:100%; z-index:11; }
#controls { position: absolute; bottom:7px; right: 100px; z-index: 11; width: 96px; height: 23px; overflow: hidden; }
#controls a {color:#330033; display: block; float: left; font-size:14px; width: 23px; height: 23px; line-height:24px; overflow: hidden; background: url(../img/pictos.png) no-repeat -1px -324px; text-align:center; text-decoration:none;}
#controls a:hover, #controls .activeSlide {background-position:-1px -368px; color:#FFF;}
#btnControls {bottom:7px; position:absolute; overflow:hidden; right:10px; z-index:12;}
#btnControls a {display:block; float:left; height:23px; text-indent:-9999px; width:23px;}
#btnControls #prev {background: url(../img/pictos.png) no-repeat 0 -60px;}
#btnControls #prev:hover {background-position:0 -104px;}
#btnControls #pause {background: url(../img/pictos.png) no-repeat 0 -148px;}
#btnControls #pause:hover, #btnControls #pause.on { background-position:0 -192px;}
#btnControls #next {background: url(../img/pictos.png) no-repeat 0 -236px;}
#btnControls #next:hover {background-position:0 -280px;}

/* Home - bloc Agenda */
.calendar h2 { margin: 0; padding: 0; position: absolute; top: 0; left: 20px; z-index: 2; width: 110px; height: 30px; overflow: hidden; text-indent: -9999px; background: url(../img/home_titles.png) 0 -30px no-repeat; }
.goto-calendar { color: #330033; position: absolute; bottom: 5px; left: 15px; font-size: 12px; font-weight: bold; line-height: 28px; height: 28px; text-decoration: none; width: 125px; padding: 0 0 0 25px; background: url(../img/pictos.png) 4px 9px no-repeat; white-space: nowrap; }
.goto-search-event { color: #330033; position: absolute; bottom: 5px; right: 2px; font-size: 11px; line-height: 29px; height: 28px; text-decoration: none; width: 105px; padding: 0 0 0 25px; background: url(../img/pictos.png) 3px -135px no-repeat; white-space: nowrap; }
.calendar a:hover { text-decoration: underline; }
.calendar ul { margin: 0; padding: 0; position: absolute; top: 30px; left: 20px; width: 110px; height: 182px; list-style: none; }
.calendar li { margin: 0; padding: 0; display: block; font-size: 11px; line-height: 20px; border-top: 1px solid #dfe0e8; }
.calendar li a { color: #663366; text-decoration: none; display: block; line-height:25px; padding: 0 0 1px 7px; background: url(../img/bullet.png) 0 10px no-repeat; -zoom: 1; }
.calendar dl { position: absolute; top: 0; right: 0; width: 145px; height: 122px; margin: 0; padding: 90px 5px 0 0; color: #333; font-size: 11px; line-height: 13px; }
.calendar dt { margin: 0 0 10px; padding: 0; font-weight: bold; }
.calendar dt a { color: #f66228; text-decoration: none; }
.calendar dd { margin: 0; padding: 0; }
.calendar-date { font-weight: bold; }
.calendar-illustration { position: absolute; top: 1px; left: 0; width: 140px; height: 80px; background: #f5f5f5; }
.calendar-illustration img { border: none; display: block; }

/* Home - bloc breves */
.newsflash dt { position: absolute; top: 50%; left: 0; margin: -17px 0 0 0; padding: 0 5px 0 9px; float: left; line-height: 35px; color: #ec9326; font-weight: bold; }
.newsflash dd { line-height: 13px; margin: 12px 5px 10px 70px; padding: 0; }
.newsflash a { color: #333; text-decoration: none; }
.newsflash a:hover { text-decoration: underline; }

/* Home - bloc projets */
.projects h2 { margin: 0 0 16px; padding: 0; height: 30px; overflow: hidden; text-indent: -9999px; background: url(../img/home_titles.png) 0 -60px no-repeat; }
.goto-projects { display: block; border-top: 1px solid #e1cede; margin: 0 0 1px 1px; padding: 5px 0 5px 28px; background: url(../img/pictos.png) 5px -21px no-repeat; }
.projects a { display: block; color: #f66228; text-decoration: none; border-bottom: 1px solid #fff; }
.projects a:hover { text-decoration: underline; }
.projects h3 { margin: 0 0 5px; padding: 0 0 0 5px; color: #330033; font-size: 11px; line-height: 22px; font-weight: bold; background: url(../img/projects.png) 0 0 no-repeat; }
.projects h3 a { color: #330033; }
.projects h4 { margin: 0; padding: 0 0 0 5px; font-size: 11px; font-weight: bold; }
.projects p { margin: 0 0 10px; padding: 0 0 0 5px; }

/* Home - bloc forums */
.community h2.citoyen { margin: 0 0 8px; padding: 0; height: 30px; overflow: hidden; text-indent: -9999px; background: url(../img/home_titles.png) 0 -90px no-repeat; }
.community a { text-decoration: none; }
.community a:hover { text-decoration: underline; }
.goto-neighbourhood { display: block; margin: 0; padding: 0 0 0 60px; height: 36px; line-height: 36px; font-size: 11px; font-weight: bold; color: #fff; background: url(../img/neighbourhood.png) 0 0 no-repeat; }
.vie-des-quartiers { margin: 0; padding: 0; }
.vie-des-quartiers img { border: none; }
.community h3 { margin: 11px 0 0; padding: 0 0 0 29px; height: 24px; color: #5e3458; font: normal 18px/21px 'Trebuchet MS', sans-serif; background: url(../img/bubble.png) 0 0 no-repeat; }
.community h2.content14759 { margin: 11px 0 0; padding: 0 0 0 29px; height: 24px; color: #5e3458; font: normal 18px/21px 'Trebuchet MS', sans-serif; background: url(../img/bubble.png) 0 0 no-repeat; }
.community ul { margin: 5px 0 20px; padding: 0; list-style: none; }
.community li { margin: 0; padding: 0; display: block; font-size: 11px; line-height: 14px; }
.community li a { color: #333; text-decoration: none; display: block; padding: 4px 0 4px 7px; background: url(../img/bullet.png) 0 9px no-repeat; -zoom: 1; }
.services { display: block; overflow: hidden; -height: 70px; border-top: 1px solid #e5e5e5; background: url(../img/services.png) 0 0 no-repeat; }
.services a { display: block; float: left; padding: 58px 0 0; font-size: 10px; line-height: 12px; color: #663366; }
.weather { width: 43px; text-align: left; padding-left: 7px !important; }
.pollution { width: 76px; text-align: center; }
.circulation { width: 54px; text-align: right; }

/* Home - bloc medias */
.medias h2 { position: absolute; cursor: pointer; top: 0; left: 0; height: 33px; width: 88px; overflow: hidden; text-indent: -9999px; margin: 0; padding: 0; background: url(../img/medias.png) 0 -66px no-repeat; -left: expression(this.previousSibling == null ? '92px' : '0'); -background-position: expression(this.previousSibling == null ? '0 -33px' : '0 -66px'); }
.medias h2:first-child { left: 92px; background-position: 0 -33px; }
.medias div {/*position: absolute; top: 33px; z-index: 1;*/ padding: 0 0 36px; background: #fde0d4 url(../img/medias_bg.png) 0 bottom no-repeat; }
.goto-medias { position: absolute; bottom: 0; right: 1px; display: block; height: 32px; text-align: right; color: #f66228; line-height: 32px; text-decoration: none; width: 113px; padding: 4px 2px 0 0; background: url(../img/pictos.png) 5px -15px no-repeat; }
.goto-medias:hover { text-decoration: underline; }
.medias dl { margin: 0; padding: 0; line-height: 15px; }
.medias dt { margin: 0; padding: 0; border-top: 3px solid #f66228; position:relative; }
.medias dd { margin: 6px 0 0 10px; padding: 0; }
.medias dd strong { display: block; }
.medias h3 { margin: 10px 0 0 10px; padding: 0; font-size: 11px; font-weight: bold; }
.medias ul { margin: 10px 0 15px 10px; padding: 0; list-style: none; height: 47px; overflow: hidden; }
.medias li { margin: 0 5px 0 0; -margin: 0 4px 0 0; padding: 0; float: left; }
.medias li img { border: none; display: block; }
.medias object { display: block; margin: 0 0 10px; padding: 0; border: none; vertical-align: bottom; +width: 281px; -width: 280px; }
.medias .arrowVideo {background:url(../img/arrow_video.png) no-repeat center center; display:block; height:70px; left:105px; position:absolute; top:50px; width:70px;}

/* Colonne de droite */
.sidebar p { margin: 15px 0; }
.sidebar img { border: none; display: block; }

p.bouton { margin: 0 0 4px 0; padding: 0; }
.bouton img { border: none; display: block; }
.bouton + .related { margin-top: 15px; }

.buttons { margin: 0 0 15px; padding: 0; list-style: none; }
.buttons li { margin: 0; padding: 0; height: 30px; margin: 0 0 4px; background: url(../img/sidebar.png) -220px 0 no-repeat; }
.buttons a { padding: 0 0 1px 58px; display: block; font: 18px/29px 'Trebuchet MS', sans-serif; color: #5e3458; background: url(../img/icons.png) 9px -200px no-repeat; text-decoration: none; +zoom: 1; }
.buttons .demarches a { background-position: 9px 2px; }
.buttons .participez a { background-position: 9px -32px; }
.buttons .plan-interactif a { background-position: 9px -66px; }
.buttons a:hover { text-decoration: underline; }

.practical { margin: 15px 0; padding: 0; }
.practical dt { margin: 0; padding: 0; border-bottom: 1px solid #fff; height: 32px; text-align: center; font: bold 18px/31px 'Trebuchet MS', sans-serif; color: #fff; background: #5e3458 url(../img/sidebar.png) 0 0 no-repeat; }
.practical dd { margin: 0; padding: 0; display: block; font-size: 11px; line-height: 14px; border-bottom: 1px solid #d2d1c8; }
.practical a { color: #333; text-decoration: none; display: block; padding: 6px 0 6px 17px; border-bottom: 1px solid #f4f2e9; background: #ece9da url(../img/bullet.png) 10px 11px no-repeat; }
.practical a:hover { text-decoration: underline; }

.newsletter { margin: 15px 0; padding: 0; position: relative; width: 220px; height: 87px; overflow: hidden; background: url(../img/newsletter.png); }
.newsletter fieldset { margin: 0; padding: 0; border: none; }
.newsletter label { position: absolute; top: -99px; left: -99px; }
.newsletter p { margin: 5px 0 0 21px; padding: 0; color: #5e3458; font-size: 12px; line-height: 18px; font-weight: bold; }
.newsletter strong { position: absolute; top: 23px; left: 20px; width: 148px; height: 25px; overflow: hidden; text-indent: -9999px; }
#email {/* position: absolute; top: 52px; left: 21px; width: 158px; height: 21px; overflow: hidden; color: #333; font: 14px/21px Arial, sans-serif; margin: 0; padding: 0; border: none; background: transparent; */}
.page-3533 #email {background:url(../img/input.gif) 0 0 repeat-x; border:1px solid #dedede; height:28px; position:static; text-indent:0; width:210px;}
#subscribe { position: absolute; top: 48px; left: 185px; width: 29px; height: 29px; overflow: hidden; text-indent: -9999px; -font-size: 0; -color: #fff; margin: 0; padding: 0; border: none; cursor: pointer; background: url(../img/newsletter.png) -185px -48px; }
.newsletter-alert { margin: 0; padding: 10px; font-size: 11px; line-height: 15px; color: #ee333a; border: 3px double #ee333a; }
.standout { border: 1px solid #fff; background: #ccff99; padding: 15px !important; clear: both; font-family: 'Courier New', monospace; }

.direct-links { margin: 17px 0 15px; padding: 0; }
.direct-links dt { margin: 0; padding: 0; height: 32px; overflow: hidden; text-indent: -9999px; border-bottom: 1px solid #dedede; background: url(../img/home_titles.png) 0 -120px no-repeat; }
.direct-links dd { margin: 0; padding: 0; display: block; font-size: 11px; line-height: 14px; border-bottom: 1px solid #dedede; }
.direct-links a { color: #333; text-decoration: none; display: block; padding: 6px 0 6px 17px; background: url(../img/bullet.png) 10px 11px no-repeat; }
.direct-links a:hover { text-decoration: underline; }

dl.related { margin: 7px 0 15px; padding: 0; background: #ece9da; }
dl.related dt { margin: 0 0 8px; padding: 0; border-bottom: 1px solid #fff; height: 32px; text-align: center; font: bold 18px/31px 'Trebuchet MS', sans-serif; color: #fff; background: #5e3458 url(../img/sidebar.png) 0 0 no-repeat; }
dl.related dd { margin: 0; padding: 0; display: block; font-size: 11px; line-height: 14px; border-bottom: 1px solid #ece9da; }
dl.related p { margin: 0 5px 10px 10px; font-size: 12px; line-height: 17px; }
dl.related h6 { margin: 0; padding: 0; font-size: 12px; line-height: 17px; }
dl.related a { display: block; padding: 0 5px 1px 10px; color: #663366; text-decoration: none; }
dl.related a:hover { text-decoration: underline; }

div.related { margin: 7px 0 15px; background: #ece9da; border-bottom: 1px solid #D2D1C8; }
.eco div.related { background: #d6e8f9; }
.asso div.related { background: #cfecef; }
div.related h2 { margin: 0 0 8px; padding: 5px 0; border-bottom: 1px solid #fff; min-height: 22px; -height: 22px; text-align: center; font: bold 18px/21px 'Trebuchet MS', sans-serif; color: #fff; background: #5e3458 url(../img/sidebar.png) 0 0 no-repeat; }
.eco div.related h2 { background-position: -440px 0; background-color: #2a7bc6; }
.asso div.related h2 { background-position: -660px 0; background-color: #2aaab6; }
div.related p { margin: 0 5px 10px 10px; font-size: 12px; line-height: 17px; }
div.related ul { margin: 0 5px 10px 10px; padding: 0; font-size: 12px; line-height: 17px; list-style: disc inside; }
div.related a { color: #663366; text-decoration: none; font-weight: bold; }
.eco div.related a { color: #2a7bc6; }
.asso div.related a { color: #007e89; }
div.related a:hover { text-decoration: underline; }
.related h4 {color:#636; margin:21px 10px 0 10px;}
.related img {margin-left:1em;}

.downloads { margin: 7px 0 0; padding: 0; border-bottom: 1px solid #dedede; }
.downloads dt { margin: 0 0 10px; padding: 0; color: #ff6633; font-size: 14px; line-height: 17px; font-weight: bold; }
.downloads dd { margin: 0; padding: 0; border-top: 1px solid #dedede; font-size: 12px; line-height: 14px; }
.downloads .pdf { background: url(../img/ico-pdf.png) 2px 6px no-repeat; }
.downloads .gif { background: url(../img/ico-img.png) 3px 6px no-repeat; }
.downloads .png { background: url(../img/ico-img.png) 3px 6px no-repeat; }
.downloads .jpg { background: url(../img/ico-img.png) 3px 6px no-repeat; }
.downloads .doc { background: url(../img/ico-doc.png) 2px 6px no-repeat; }
.downloads .xls { background: url(../img/ico-xls.png) 2px 6px no-repeat; }
.downloads .ppt { background: url(../img/ico-ppt.png) 2px 6px no-repeat; }
.downloads a { display: block; padding: 6px 10px 7px 29px; color: #333; text-decoration: none; }
.downloads a:hover { text-decoration: underline; }
.downloads .file-title { display: block; }
.downloads .file-type { text-transform: uppercase; }

/* Footer */
.footer { position: relative; color: #666; margin: 20px 0;  padding: 15px 0; border-top: 3px solid #d1d3de; background: url(../img/footer.png) 0 0 no-repeat; overflow: hidden; min-height: 50px; -height: 50px; }

.footer address { font-style: normal; font-size: 11px; line-height: 14px; padding: 0 20px 10px 93px; float: left; }
.footer address strong { display: block; color: #cc0000; text-transform: uppercase; font-weight: bold; }
.footer .street { display: block; }

.contact { position: relative; margin: 0; padding: 0; font-size: 11px; line-height: 14px; overflow: hidden; -height: 1%; }
.contact dt { margin: 0; padding: 0; float: left; width: 25px; }
.contact dd { margin: 0; padding: 0; display: block; }
.contact a { text-decoration: underline; color: #cc0000; }
.contact-form { position: absolute; top: -99px; left: -99px; width: 200px !important; }

.awards { margin: 0; padding: 0; position: absolute; top: 12px; left: 373px; width: 58px; height: 27px; background: url(../img/awards.png); overflow: hidden; text-indent: -9999px; }
.awards a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; }

.foot-nav { position: absolute; top: 14px; right: 0; margin: 0; padding: 0; list-style: none; font-size: 12px; line-height: 13px; font-weight: bold; }
.foot-nav li { float: left; margin: 0 0 0 9px; padding: 0 0 0 8px; border-left: 1px solid #8a8c9c; -border-left: expression(this.previousSibling == null ? 'none' : '1px solid #8a8c9c'); }
.foot-nav li:first-child { border: none; }
.foot-nav a { text-decoration: none; color: #8a8c9c; }
.foot-nav a:hover { text-decoration: underline; }

.legal { position: absolute; top: 33px; right: 0; margin: 0; padding: 0; list-style: none; font-size: 10px; line-height: 13px; }
.legal li { float: left; margin: 0 0 0 9px; padding: 0 0 0 8px; border-left: 1px solid #8a8c9c; -border-left: expression(this.previousSibling == null ? 'none' : '1px solid #8a8c9c'); }
.legal li:first-child { border: none; }
.legal a { text-decoration: none; color: #8a8c9c; }
.legal a:hover { text-decoration: underline; }

/* Lightbox */
.simple_overlay { display: none; z-index: 10000; background-color: #333; width: 675px; min-height: 20px; border: 1px solid #666; -moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
.simple_overlay .disabled { visibility: hidden; }
.simple_overlay .close { background-image: url(../img/lightbox-close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 35px; width: 35px; }
.simple_overlay .next:hover { text-decoration: underline; background-color: #000; }
.simple_overlay .play:hover { text-decoration: underline; background-color: #000; }
.simple_overlay .prev:hover { text-decoration: underline; background-color: #000; }
.simple_overlay .next { display: block; padding: 10px 20px; position: absolute; top: 40%; right: 0; border: 1px solid #666; border-right: 0; cursor: pointer; font-size: 11px; color: #fff; background: #333 !important; background: rgba(0,0,0,0.6) url(../img/lightbox.png) repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.simple_overlay .prev { display: block; padding: 10px 20px; position: absolute; top: 40%; left: 0; border: 1px solid #666; border-left: 0; cursor: pointer; font-size: 11px; color: #fff; background: #333 !important; background: rgba(0,0,0,0.6) url(../img/lightbox.png) repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.simple_overlay .play { display: block; padding: 10px 20px; position: absolute; top: 20%; left: 30%; width: 33%; border: 1px solid #666; cursor: pointer; font-size: 11px; color: #fff; background: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity: 0.8; }
.simple_overlay .info { padding: 10px 15px; position: absolute; bottom: 0; left: 0; font-size: 11px; color: #fff; border-top: 1px solid #666; background: #333 !important; background: rgba(0,0,0,0.6) url(../img/lightbox.png) repeat-x; }
.simple_overlay .info strong { display: block; }
.simple_overlay .progress { position: absolute; top: 45%; left: 50%; display: none; }
#thumbs a.active img { outline: 1px solid #000; z-index: 9999; position: relative; }

/* use a semi-transparent image for the overlay */
#overlay-modal {
	color:#000;
	height:450px;
    display:none; 
    z-index:10000; 
    background-color:#FFF; 
    width:675px;     
    min-height:450px; 
    border:1px solid #666; 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;}

/* container for external content. uses vertical scrollbar, if needed */
#overlay-modal div.contentWrap {height:441px; overflow-y:auto;}

/*#overlay-modal h1 {margin: 15px 0;padding:0;}*/
#popup {padding:0 10px;}
#overlay-modal .artifica-form.centertext span { display: block; margin-left: 160px; text-align: left; padding-top: 4px; font-size: 11px; line-height: 13px; color: #333; font-weight: normal;}

#overlay-modal a.close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;}

.paginationResult { float: left; padding-top: 3px; }
.pagination {margin: 30px 0 4px; padding:0 0 8px; text-align:left; overflow:hidden; -height:1%;}
.bottom-pagination .pagination { margin-bottom: 30px; }
.pagination a { text-decoration:none; display:inline-block; -display:inline; -zoom: 1; padding:1px 7px; border: 1px solid #5e3458; color: #5e3458 !important; background:#fff; }
.pagination a:hover { background: #f5f5f5; }
.pagination .paginationPagerCourant { font-weight: bold; background: #5e3458; color: #fff !important; }
.pagination .paginationPagerCourant:hover { background: #5e3458; cursor: default; }
.bottom-pagination .pagination { border-bottom: none !important; padding-top: 8px; border-top: 1px dotted #5e3458; }
.pagination span {float:left;}
.pagination span.pages {float:right;}

/* Comptes-rendus (liste de fichiers) */
.tx-artificaviewer-pi1-listfiles ul { margin: 10px 0 20px; padding: 0; list-style: none; }
.tx-artificaviewer-pi1-listfiles li { margin: 0; padding: 4px 0 6px; border-bottom: 1px solid #dedede; }
.tx-artificaviewer-pi1-listfiles .row-2 { background: #f5f5f5; }
.tx-artificaviewer-pi1-listfiles dl { margin: 0; padding: 0 0 0 29px; background: url(../img/ico-def.png) 3px 3px no-repeat; }
.tx-artificaviewer-pi1-listfiles dt { margin: 0; padding: 0; font-size: 13px; }
.tx-artificaviewer-pi1-listfiles dd { margin: 0; padding: 0; display: inline; font-size: 11px; line-height: 13px; }
.tx-artificaviewer-pi1-listfiles a { text-decoration: none; font-weight: bold; display: block; padding: 2px 0 0; margin: 0 2px 0 0; }
.tx-artificaviewer-pi1-listfiles a:hover { text-decoration: underline; }
.tx-artificaviewer-pi1-listfiles .gif { background: url(../img/ico-img.png) 3px 3px no-repeat; }
.tx-artificaviewer-pi1-listfiles .png { background: url(../img/ico-img.png) 3px 3px no-repeat; }
.tx-artificaviewer-pi1-listfiles .jpg { background: url(../img/ico-img.png) 3px 3px no-repeat; }
.tx-artificaviewer-pi1-listfiles .pdf { background: url(../img/ico-pdf.png) 2px 3px no-repeat; }
.tx-artificaviewer-pi1-listfiles .doc { background: url(../img/ico-doc.png) 2px 3px no-repeat; }
.tx-artificaviewer-pi1-listfiles .xls { background: url(../img/ico-xls.png) 2px 3px no-repeat; }
.tx-artificaviewer-pi1-listfiles .ppt { background: url(../img/ico-ppt.png) 2px 3px no-repeat; }
.debats-file-type { font-weight: bold; text-transform: uppercase; }
.debats-file-size { font-weight: bold; font-size: small; }

/* Sommaire : liste d'ancres */
.body h2 + .csc-menu { border-top: 1px solid #fff; margin-top: -11px; padding: 0; list-style: none; }
.body .csc-menu { overflow: hidden; -height: 1%; }
.body .csc-menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #dedede; width: 250px; }
.body .csc-menu li { margin: 0; padding: 0; font-size: 12px; line-height: 15px; }
.body .csc-menu a { margin: 0; padding: 10px 0 10px 11px; display: block; color: #663366; text-decoration: none; border-top: 1px solid #dedede; background: url(../img/subnav.png) 0 13px no-repeat; -zoom: 1; outline-offset: -1px; }
.body .csc-menu a:hover { background-color: #f0e6ee; }
.body .csc-menu .colonne1 { float: left; }
.body .csc-menu .colonne2 { float: right; }

/* Délibérations [ /les-elus/conseil-municipal/deliberations/ ] */
.tx-artificadeliberations-pi1 .search form { margin: 10px 0 0; padding: 5px 10px; border: 1px solid #dedede; background: #f5f5f5; }
.tx-artificadeliberations-pi1 .search p { margin: 0; padding: 0; }
.tx-artificadeliberations-pi1 .search label { margin: 0; padding: 0; font-size: 13px; font-weight: bold; }
.tx-artificadeliberations-pi1 .search select { margin: 0 15px 0 10px; }
.tx-artificadeliberations-pi1 .search input {  }

.tx-artificadeliberations-pi1 h3 { margin: 20px 0 10px; padding: 0; }
.body .petitText { font-size: 11px; }
.tx-artificadeliberations-pi1 .top {  }
.tx-artificadeliberations-pi1 .bottom { border-top: 10px solid #fff; }
.tx-artificadeliberations-pi1 .pagination { overflow: hidden; -height: 1%; margin: 10px 0; font-size: 13px; }
.tx-artificadeliberations-pi1 .paginationResult { float: left; padding-top: 3px; }
.tx-artificadeliberations-pi1 .paginationPager { float: right; }
.tx-artificadeliberations-pi1 .paginationPager a { text-decoration: none; display: inline-block; -display: inline; -zoom: 1; padding: 2px 5px; border: 1px solid #aaa; }
.tx-artificadeliberations-pi1 .paginationPager a:hover { background: #f0e6ee; }
.tx-artificadeliberations-pi1 .paginationPagerCourant { background: #f0e6ee; }

.tx-artificadeliberations-pi1 .list {  }
.tx-artificadeliberations-pi1 .list ul { margin: 0; padding: 0; list-style: none; }
.tx-artificadeliberations-pi1 .list li { margin: 0; padding: 5px 10px; border-bottom: 1px solid #dedede; }
.tx-artificadeliberations-pi1 .list .colonnage2 { background: #f5f5f5; }
.tx-artificadeliberations-pi1 .list a { font-weight: bold; font-size: 13px; text-decoration: none; }
.tx-artificadeliberations-pi1 .list a:hover { text-decoration: underline; }
.tx-artificadeliberations-pi1 .list p { margin: 0; padding: 0; font-size: 11px; line-height: 15px; }
.tx-artificadeliberations-pi1 .list span { display: block; font-weight: bold; font-size: 11px; line-height: 15px; }

/* [ /espace-associations/annuaire-des-associations/ ] */
.tx-artificadirectories-pi1-search .paginationResult { float: left; padding-top: 3px; }
.tx-artificadirectories-pi1-search .pagination { margin: 30px 0 4px; padding: 0 0 8px; text-align: right; overflow: hidden; -height: 1%; border-bottom: 1px dotted #5e3458; }
.tx-artificadirectories-pi1-search .bottom-pagination .pagination { margin-bottom: 30px; }
.tx-artificadirectories-pi1-search .pagination a { text-decoration: none; display: inline-block; -display: inline; -zoom: 1; padding: 1px 7px; border: 1px solid #5e3458; color: #5e3458 !important; background: #fff; }
.tx-artificadirectories-pi1-search .pagination a:hover { background: #f5f5f5; }
.tx-artificadirectories-pi1-search .pagination .paginationPagerCourant { font-weight: bold; background: #5e3458; color: #fff !important; }
.tx-artificadirectories-pi1-search .pagination .paginationPagerCourant:hover { background: #5e3458; cursor: default; }
.tx-artificadirectories-pi1-search .bottom-pagination .pagination { border-bottom: none !important; padding-top: 8px; border-top: 1px dotted #5e3458; }
.list-annu-asso ul { margin: 20px 0; }
.list-annu-asso li { padding: 5px 0; }

/* Sommaire (pages filles) */
.sommaire { margin: 15px 0; padding: 0; background: url(../img/sommaire.png) 0 0 no-repeat; border-bottom: 1px solid #dedede; }
.sommaire dt { display: inline-block; +display: inline; +zoom: 1; clear: both; color: #fff; font-size: 14px; line-height: 18px; font-weight: bold; margin: 0 0 0 10px; padding: 5px 11px 5px 0; min-height: 20px; -height: 20px; background: #f67e2a url(../img/sommaire.png) right -170px no-repeat; }
.sommaire dd { margin: 0; padding: 0; }
.sommaire ul { margin: 0; padding: 0; list-style: none; }
.sommaire li { margin: 0; padding: 0; }
.sommaire a { color: #333; text-decoration: none; border-top: 1px solid #dedede; display: block; font-size: 12px; line-height: 15px; padding: 10px 0 10px 11px; background: #fff url(../img/subnav.png) 0 13px no-repeat; -zoom: 1; }
.sommaire a:hover { background-color: #fef2e9; color: #ff6633; }

/* patch : sommaire de pages filles en utilisant le plugin typo3 */
.csc-menu-1 { padding: 0; list-style: none; }

/* Sommaire alternatif */
.sommairebis { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; -height: 1%; }
.sommairebis li { margin: 0 0 5px; padding: 0; display: block; float: left; }
.sommairebis .col-1 { clear: left; margin-right: 5px; }
.sommairebis .col-2 { clear: none; margin-right: 5px; }
.sommairebis .col-3 { clear: right; }
.sommairebis a { font-size: 12px; line-height: 15px; color: #333; background: #feefe4 url(../img/sommairebis.png) 0 0 no-repeat; padding: 10px; width: 150px; height: 140px; float: left; display: block; text-decoration: none; }
.sommairebis a:hover { background-position: -170px 0; color: #333; }
.sommairebis strong { display: block; font-size: 18px; line-height: 21px; margin-bottom: 10px; }
.sommairebis a:hover strong { color: #ff6633; }

/* Sommaire Media */
.sommaireMedia { margin: 15px 0; padding: 0; list-style: none; overflow: hidden; -height: 1%; }
.sommaireMedia li { position: relative; margin: 0 0 25px; padding: 0; display: block; float: left; }
.sommaireMedia .col-1 { clear: left; margin-right: 25px; }
.sommaireMedia .col-2 { clear: none; margin-right: 25px; }
.sommaireMedia .col-3 { clear: right; }
.sommaireMedia a { font-size: 12px; line-height: 15px; color: #333; background: url(../img/sommairemedia.png) 0 0 no-repeat; padding: 10px; width: 200px; height: 180px; float: left; display: block; text-decoration: none; }
.sommaireMedia a:hover { background-position: -245px 0; color: #333; }
.sommaireMedia strong { display: block; font-size: 18px; line-height: 21px; margin-bottom: 5px; }
.sommaireMedia a:hover strong { color: #ff6633; }
.sommaireMedia span { padding: 0 0 0 20px; position: absolute; bottom: 7px; left: 10px; color: #fe6732; font-size: 12px; line-height: 15px; background: url(../img/pictos.png) 0 -28px no-repeat; }

/* Gallerie */
.gallery ul { margin: 0; padding: 0; list-style: none; overflow: hidden; -height: 1%; }
.gallery ul li { margin: 0 0 5px; padding: 0; background: none; float: left; }
.gallery img { display: block; padding: 1px; border: 3px solid #eee; }
.gallery a { float: left; border: 1px solid #aaa; }
.gallery .col-1 { clear: left; margin-right: 5px; }
.gallery .col-2 { margin-right: 5px; }
.gallery .col-3 { clear: right; }

/* Slideshow (diaporama) */
.artifica-slideshow {margin:10px 0; border:1px solid #dedede; padding:5px;background-color:#f5f5f5;color:#666;}
.artifica-slideshow .controls {margin:5px 0; height:23px; overflow:hidden;}
.artifica-slideshow .controls a {padding:5px; color:#666;}
.artifica-slideshow .counter {padding:0 5px;}
.artifica-slideshow .slideshow {clear:both; text-align: center;overflow:hidden; height:270px;position:relative;/*background-color:#aa4004;border:1px solid #F07400;*/}
.artifica-slideshow .slideshow img {border:1px solid #666!important; padding: 1px;}
.artifica-slideshow .thumbs {display:block; height:79px; overflow:hidden;position:relative;z-index:300;}
.artifica-slideshow .thumbs .previous, .artifica-slideshow .thumbs .next {width:19px; height:16px;display:block;}
.artifica-slideshow .thumbs .previous {margin: 25px 0 0 10px; -margin-left:5px;}
.artifica-slideshow .thumbs .next {margin: 25px 10px 0 0; -margin-right:5px;}
.artifica-slideshow .thumbs ul {margin:0!important;padding:0!important;text-align: center;overflow:hidden;position:absolute;top:0;left:30px;}
.artifica-slideshow .thumbs ul li {float:left; padding:0 0 10px 0!important; margin:1px; list-style:none;background:none!important;}
.artifica-slideshow .thumbs ul li a{border:2px solid #666;display:block;}
.artifica-slideshow .thumbs ul li.current {background:url(../img/pointer-down.png) no-repeat center bottom!important;}
.artifica-slideshow .thumbs ul li.current a{border:2px solid #666; padding: 2px; position: relative; top: -1px;}
.artifica-slideshow .thumbs ul li .in {display:none;}
.artifica-slideshow .thumbs ul img {border:none; display:block;}
.artifica-slideshow .caption {margin:10px 0 10px 0;}

.artifica-slideshow-v2 {margin:10px 0; background-color:#000;color:#FFF;}
.artifica-slideshow-v2 .controls {padding:5px 10px; height:23px; overflow:hidden;}
.artifica-slideshow-v2 .controls a {color:#FFF;}
.artifica-slideshow-v2 .counter {}

.artifica-slideshow-v2 .elements{position:relative;padding:0 10px;clear:both; overflow:hidden; height:334px;}
.artifica-slideshow-v2 .caption {background-color: #333333;bottom: 0; opacity: 0.7; position: absolute;width:490px;padding:10px 5px}
.artifica-slideshow-v2 .caption .image-title {font-weight: bold}
.artifica-slideshow-v2 .caption .image-copy {text-align:right;font-style:italic;}
.artifica-slideshow-v2 .slideshow {text-align: center;}
.artifica-slideshow-v2 .slideshow img {}

.artifica-slideshow-v2 .thumbs {display:block; height:60px; overflow:hidden;position:relative;z-index:300;}
.artifica-slideshow-v2 .thumbs .previous, .artifica-slideshow-v2 .thumbs .next {width:19px; height:16px;display:block;}
.artifica-slideshow-v2 .thumbs .previous {margin: 20px 0 0 10px; -margin-left:5px;}
.artifica-slideshow-v2 .thumbs .next {margin: 20px 10px 0 0; -margin-right:5px;}
.artifica-slideshow-v2 .thumbs ul {margin:10px 0!important;padding:0!important;text-align: center;overflow:hidden;position:absolute;top:0;left:26px;}
.artifica-slideshow-v2 .thumbs ul li {float:left; padding:0!important; margin:0 2px; list-style:none;background:none!important;}
.artifica-slideshow-v2 .thumbs ul li a{display:block;opacity: 0.5;}
.artifica-slideshow-v2 .thumbs ul li a:hover{opacity: 1;}
.artifica-slideshow-v2 .thumbs ul li.current a{padding: 2px; position: relative; top: -1px;opacity: 1;}
.artifica-slideshow-v2 .thumbs ul li .in {display:none;}
.artifica-slideshow-v2 .thumbs ul img {border:none; display:block;}

/* MAGAZINES :  */
ul.mag { margin: 0; padding: 0 0 1em 0; list-style: none; overflow: hidden; -height: 1%; }
ul.mag dl { margin: 0; padding: 0; }
ul.mag li { float: left; width: 238px; height: 178px; margin: 0 10px 10px 0; padding: 5px; background: #FEF2E9; border: 1px solid #ddd; border-bottom-color: #ccc; border-right-color: #ccc; }
ul.mag dt { margin: 0 0 10px 0; font-size: 12px; text-align: center; padding: 0 0 4px; font-weight: bold; line-height: 18px; border-bottom: 1px dotted #ccc; }
ul.mag dt a { color: #FF6633; }
ul.mag dt a:hover { color: #FF6633; }
ul.mag dt:first-letter { text-transform: uppercase; }
ul.mag dd { margin: 0 0 5px; padding: 0; font-size: 11px; }
ul.mag dd.image { margin: 0 10px 0 0; float: left; width: 87px; height: 121px; background: #fff; border: 3px double #ddd; border-bottom-color: #ccc; border-right-color: #ccc; }
ul.mag img { font-size: 10px; color: #666; padding: 3px; }
ul.mag p { font-size: 12px; line-height: 15px; }
ul.mag a { display: block; text-decoration: none; }
ul.mag a:hover { text-decoration: underline; }
ul.mag dd.calameo a, ul.mag dd.download-pdf a { color: #333; background: url(../img/subnav.png) 100px 3px no-repeat; text-indent: 5px; }

/* ? */
a.thumb {padding:1px; display:block;}
a.thumb:focus {outline: none;}
div.loader { position: absolute; top: 0; left: 0; background-image: url('../img/loader.gif'); background-repeat: no-repeat;background-position: center; }

/* Formulaires */
/*.artifica-form {clear:both;}
.artifica-form fieldset { border: 1px solid #f67d28; margin-top: 20px; padding: 0 10px 10px; }
.eco .artifica-form fieldset { border:1px solid #2A7BC6; }
.asso .artifica-form fieldset { border:1px solid #2AAAB6; }
.artifica-form legend { font-size: 16px; font-weight: bold; color: #ff6633; padding-left: 5px; padding-right: 5px; border-bottom: 10px solid #fff; }
.eco .artifica-form legend { color:#2A7BC6; }
.asso .artifica-form legend { color:#008793; }
.artifica-form fieldset div, .artifica-form fieldset dl { margin: 0; padding: 5px 0; overflow: hidden; -height: 1%; }
.artifica-form div label, .artifica-form dt { margin: 0 10px 0 0; padding: 4px 0 0; float: left; width: 140px; text-align: right; color: #663366; font: bold 12px/15px Arial, sans-serif; }
.artifica-form dd { margin: 0 0 0 150px; padding: 0; color: #333; font: 12px/15px Arial, sans-serif; }
.artifica-form div input, .artifica-form div select, .artifica-form div textarea { position: relative; top: -3px; +top: 0; margin: 0; padding: 0; margin-left: 150px; display: block; border: 1px solid #dedede; width: 210px; color: #666; font: 14px/28px Arial, sans-serif; background: transparent url(../img/input.gif) 0 0 repeat-x; }
.artifica-form div input, .artifica-form div select { height: 28px; }
.artifica-form div input { text-indent: 5px; }
.artifica-form div select { padding: 4px 0; width: 212px; }
.artifica-form div textarea { line-height: 17px; padding: 5px; width: 200px; }
.artifica-form small, .artifica-form span.word-small { display: block; font-size: 11px; line-height: 13px; color: #333; font-weight: normal; }
.artifica-form em { font: bold 11px/13px Verdana, sans-serif; color: #ff6633; }
.artifica-form .error { color: #ee333a !important; margin: 0 0 0 150px; padding: 0; font: bold 11px/13px Arial, sans-serif; }
.artifica-form .alert { background: url(../img/error.gif) 370px 0 no-repeat; }
.artifica-form p { margin: 7px; font: 12px/15px Arial, sans-serif; }
.artifica-form .comments { margin: 10px; padding: 10px; background: #f5f5f5; border: 1px solid #dedede; }
.artifica-form .captcha ul { margin: 0 0 0 150px; padding: 0; list-style: none; }
.artifica-form .captcha li { margin: 0 15px 0 0; padding: 0; display: inline-block; +display: inline; }*/
.artifica-form .buttons { overflow: hidden; -height: 1%; margin: 0; padding: 0; }
.artifica-form .buttons .require { float: right; color: #ee333a; padding-top: 2px; padding-right: 3px; font-size: 10px; line-height: 12px; }
.artifica-form .buttons .submit { cursor: pointer; display: block; border: none; margin: 20px 0 10px 160px; padding: 0; width: 90px; height: 25px; overflow: hidden; background: url(../img/submit.gif); text-indent: -9999px; }
.artifica-form .buttons .submit:active { position: relative; top: 1px; }
/*.artifica-form .captcha p strong { color: #FF6633; }
.artifica-form-response-output { font: bold 12px/15px 'Trebuchet MS', sans-serif; color: #ee333a; border: 2px solid #ffd21e; margin: 0 0 20px 0; padding: 10px 10px 10px 55px; background: url(../img/alert.png) 25px 50% no-repeat; }
.artifica-form .file-infos { display: block; margin: 0 0 0 160px; width: 249px; }
.artifica-form-confirmation { font: bold 12px/15px 'Trebuchet MS', sans-serif; color: #54BC5B; border: 2px solid #ffd21e; margin: 0 0 20px 0; padding: 10px;}*/
.artifica-form {clear:both; margin:0 0 20px;}
.artifica-form label {cursor:pointer;}
.artifica-form input, .artifica-form select {font:400 13px/23px "MS Shell Dlg",Helvetica,Arial,sans-serif;}
.artifica-form fieldset {border-color:#F63; border-style:solid; margin-top:20px; padding:10px;}
.artifica-form legend {background-color:#fff; color:#ff6633; font-size:1.25em; font-weight:bold; padding-left:5px; padding-right:5px;}
.artifica-form div,
.artifica-form fieldset dl {margin:0 0 10px;}
.artifica-form div label {float:left; font:bold 1em Arial, sans-serif; margin:0 10px 0 0; padding:3px 0; text-align:right; width:140px;} /* TAILLE A MODIFIER POUR CENTRER */
.artifica-form dt {display:block; min-height:33px;}
.artifica-form div input,
.artifica-form div textarea {background:#FFF; border:1px solid #dedede; color:#666; display:block; font:1.167em Arial, sans-serif; padding:2px; width:280px;} /* TAILLE A MODIFIER */
.artifica-form div input:hover,
.artifica-form div textarea:hover,
.artifica-form div input:focus,
.artifica-form div textarea:focus {border-color:#000;}
.artifica-form div select {background:#FFF; border:1px solid #dedede; color:#666; padding:2px 0 0; height:24px; width:286px;}
.artifica-form div textarea {padding:5px 0 0 5px; width:280px; overflow:auto; vertical-align:top; resize:vertical;}
.artifica-form div input,
.artifica-form div input[type="file"] {background:#fff; border:1px solid #DEDEDE; display:inline; text-indent:0;}
.artifica-form .file-infos {display:block; font-size:smaller; margin-left:150px;}
/*.artifica-form .submit {background-color:#175B88; border:none; color:#FFF; cursor:pointer; font:bold 0.917em Arial; margin:10px auto 15px; overflow:hidden; padding:6px 9px; text-transform:uppercase; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.artifica-form dd {font:1em/1.250em Arial,sans-serif; margin:0 0 0 160px; padding:0;}
.artifica-form .submit:active {position:relative; top:1px;}*/
.artifica-form fieldset div {clear:both; margin:0; overflow:visible; padding:5px 0; position:relative;}
.artifica-form small {color:#666; display:block; font-size:0.917em; line-height:13px; font-weight:normal; margin-top:-2px;}
.artifica-form em {font:bold 11px/13px Verdana, sans-serif; color:#ff6633;}
.artifica-form .error {clear:none; color:#ee333a; display:block; font:bold 11px/10px Arial, sans-serif; margin:0 0 3px 150px; padding:0;}
.artifica-form p {margin:7px; font:1em/1.250em Arial, sans-serif;}
.artifica-form .comments {margin:10px; padding:10px; background:#f5f5f5; border:1px solid #dedede;}
.artifica-form .buttons {margin:0; overflow:hidden; -height:1%; padding:0; text-align:center;}
.artifica-form-response-output {background:url("../img/icons/error.png") no-repeat 25px 17px; color:#EE333A; border:2px solid #F1C208; margin:0 0 20px 0; padding:10px; text-align:center; font-size:1.167em; font-weight:bold;}
.ie8 .artifica-form legend {position:relative; top:-20px;}
.artifica-form-confirmation {color:#db0000; font-weight:bold; margin:0 0 20px 0; padding:10px;}
.artifica-form .radio span,
.artifica-form .label_check {float:left; font:bold 1em Arial, sans-serif; margin:0 10px 0 0; padding:0; text-align:right; width:140px;} /* TAILLE A MODIFIER */
.artifica-form .radio .error {top:-15px;}
.artifica-form .radio ul {padding:0;}
.artifica-form .radio ul input,
.artifica-form .check input {float:left; width:auto;}
.artifica-form .check {margin-left:150px;}
.artifica-form .radio ul {margin-left:150px;} /* TAILLE A MODIFIER POUR CENTRER */
.artifica-form .radio ul li {height:1.6em; list-style-type:none;}
.artifica-form .radio ul label {text-align:left; margin:0 10px 0 5px;}
.artifica-form .alert {background:url("../img/icons/error.png") no-repeat scroll 495px 12px; overflow:visible; padding:5px 0;}
.artifica-form div input,
.artifica-form div textarea,
.artifica-form div select {background:#FFF;}
.artifica-form input[type="radio"],
.artifica-form input[type="checkbox"] {border:0; width:auto;}
.artifica-form .champs {color:#ee333a; font-size:10px; left:690px; line-height:12px; margin:0; text-align:right;}
.artifica-form .buttons .require {color:#EE333A; display:block; font-size:0.833em; text-align:right;}
.artifica-form div .radio ul label,
.artifica-form div .check label {padding:0;}
/*-CAPTCHA-*/
.artifica-form .captcha {text-align:center;}
.artifica-form .captcha legend {text-align:left;}
.artifica-form .captcha .alert {margin-top:12px;}
.artifica-form .captcha ul {color:#000; padding:0; list-style:none;}
.artifica-form .captcha li {font-size:1.5em; margin:0 10px 0 0; padding:0; display:inline;}
.artifica-form .captcha p strong {color:#EE333A;}
.artifica-form .captcha label {margin:0 10px 0 0; padding:3px 0; width:auto;}
.artifica-form .captcha label em {display:none;}
/*-ALERT-*/
.artifica-form div.alert input,
.artifica-form div.alert textarea,
.artifica-form div.alert select {border-color:#F1C208;}
.artifica-form .captcha .error {margin:0 0 3px;}
/*-ASSOCIATIONS-*/
.asso .artifica-form fieldset {border-color:#008793;}
.asso .artifica-form legend {color:#008793;}

.newsletter .require {margin-top:12px;}
.newsletter .error {}
.newsletter legend {text-align:left;}

/* ===== Fomulaire avec label au-dessus des éléments de formulaire -Attention IE6- ===== */
.artifica-form .label-top .radio span {display:block; float:none; margin:0 0 5px; text-align:left; width:auto;}
.artifica-form .label-top .alert .radio span {display:block; float:none; margin:0 0 15px; text-align:left; width:auto;}
.artifica-form .label-top label {display:block; float:none; margin:0; text-align:left; width:auto;}
.artifica-form .label-top .alert label {margin:0 0 15px;}
.artifica-form .label-top .error {bottom:30px; left:0; margin:0; top:auto;}
.artifica-form .label-top input,
.artifica-form .label-top textarea,
.artifica-form .label-top select {margin:0;}
.artifica-form .label-top .file-infos,
.artifica-form .label-top .file-uploaded {margin-left:0;}
.artifica-form .label-top .radio ul input {margin:0;}
.artifica-form .label-top div .radio ul label,
.artifica-form .label-top div .check label {margin:0 0 0 15px;}
.artifica-form .label-top div .radio ul label {overflow:hidden;/*IE9*/}
.artifica-form .label-top .alert {background-position:291px 43px;}
.artifica-form .label-top .radio ul {margin-left:0;}
.artifica-form .label-top small {display:inline; margin-left:5px;}
.artifica-form .label-top .comments {margin:10px 0;}
.artifica-form .label-top .captcha ul {margin:0 0 0 10px;}
.artifica-form .label-top .radio .error {left:0; top:14px;}
.artifica-form .label-top .check {margin:0; padding-bottom:25px; top:15px;}
.artifica-form .label-top .label_check {width:auto;}


/* Actualités Une */
.featured { margin: 0 0 20px; position: relative; width: 520px; height: 240px; overflow: hidden; background: url(../img/une-actu.png); }
.featured img { position: absolute; top: 20px; left: 10px; }
.featured strong { display: block; font-weight: bold; margin: 20px 10px 10px 0; color: #ff6633; font-size: 16px; }
.featured strong a { color: #f66228; text-decoration: none; }
.featured strong a:hover { text-decoration: underline; color: #f66228 !important; }
.featured p { margin: 0 0 0 230px; }
.featured .more a { position: absolute; bottom: 0; right: 0; width: 110px; height: 25px; line-height: 25px; text-align: center; color: #f66228; font-size: 11px; text-decoration: none; }
.featured .more a:hover { text-decoration: underline; }
.featured .sup { font-size: 11px; font-weight: bold; color: #7c4574; position: absolute; top: 0; left: 10px; line-height: 20px; text-transform: uppercase; }

/* Actualités (liste) */
.news-list h2 { margin: 0; padding: 0; text-align: center; border: none; }
.news-list .actions { display: block; overflow: hidden; -height: 1%; font-size: 11px; margin: 10px 0 20px 0; }
.news-list .actions a { float: right; width: 249px; text-align: right; color: #663366 !important; background: url(../img/arrows.png) right -89px no-repeat; padding: 0 10px 0 0; }
.news-list .actions .previous { float: left; text-align: left; background-position: 0 3px; padding: 0 0 0 10px; }
.news-list dl { position: relative; margin: 0 0 20px; padding: 30px 0 0 120px; min-height: 100px; -height: 100px; }
.news-list dt { margin: 0; padding: 0; }
.news-list dd { margin: 0; padding: 0; }
.news-list p { margin: 0; padding: 0; }
.news-list .category { position: absolute; top: 0; left: 0; width: 500px; padding: 0 10px; height: 20px; font-size: 11px; font-weight: bold; line-height: 20px; text-transform: uppercase; background: #fef2e9; color: #7c4574; }
.news-list .illustration { position: absolute; top: 30px; left: 10px; width: 100px; height: 100px; background: #f5f5f5; }
.news-list .title { font-size: 14px; font-weight: bold; margin-bottom: 7px; margin-right: 10px; }
.news-list .abstract { font-size: 12px; line-height: 16px; margin-right: 10px; }
.news-list a { color: #ff6633 !important; text-decoration: none; }
.news-list a:hover { text-decoration: underline; }
.news-list .link-to-news { margin: 5px 10px 0 0; text-align: right; font-size: 11px; }
.news-list .pagination { margin: 0 0 4px; padding: 0 0 8px; text-align: right; overflow: hidden; -height: 1%; border-bottom: 1px dotted #5e3458; }
.news-list .pagination a { text-decoration: none; display: inline-block; -display: inline; -zoom: 1; padding: 1px 7px; border: 1px solid #5e3458; color: #5e3458 !important; background: #fff; }
.news-list .pagination a:hover { background: #f5f5f5; }
.news-list .pagination .paginationPagerCourant { font-weight: bold; background: #5e3458; color: #fff !important; }
.news-list .pagination .paginationPagerCourant:hover { background: #5e3458; cursor: default; }
.bottom-pagination .pagination { border-bottom: none !important; padding-top: 8px; border-top: 1px dotted #5e3458; }

/* Agenda (liste) */
.event-list h2 { margin: 0; padding: 0; text-align: center; border: none; }
.event-list .actions { display: block; overflow: hidden; -height: 1%; font-size: 11px; margin: 10px 0 20px 0; }
.event-list .actions a { float: right; width: 249px; text-align: right; color: #663366 !important; background: url(../img/arrows.png) right -89px no-repeat; padding: 0 10px 0 0; }
.event-list .actions .previous { float: left; text-align: left; background-position: 0 3px; padding: 0 0 0 10px; }
.event-list dl { position: relative; margin: 0 0 20px; padding: 30px 0 0 170px; min-height: 100px; -height: 100px; }
.event-list dt { margin: 0; padding: 0; }
.event-list dd { margin: 0; padding: 0; }
.event-list p { margin: 0; padding: 0; }
.event-list .category { position: absolute; top: 0; left: 0; width: 500px; padding: 0 10px; height: 20px; font-size: 11px; font-weight: bold; line-height: 20px; text-transform: uppercase; background: #f0e6ee; color: #7c4574; }
.event-list .illustration { position: absolute; top: 30px; left: 10px; width: 150px; height: 100px; background: #f5f5f5; overflow: hidden;}
.event-list .illustration a {display:block; width: 150px; height: 100px;}
.event-list .illustration img {height:auto; width:100%;}

.event-list .title { font-size: 14px; font-weight: bold; margin-bottom: 7px; margin-right: 10px; }
.event-list .abstract { font-size: 12px; line-height: 16px; margin-right: 10px; }
.event-list a { color: #ff6633 !important; text-decoration: none; }
.event-list a:hover { text-decoration: underline; }
.event-list .date { font-size: 12px; line-height: 15px; color: #ff6633; }
.event-list .location { font-size: 12px; line-height: 15px; font-weight: bold; }
.page-9153 #headline { margin-bottom: 18px; background: url(../img/calendar.gif) 0 0 no-repeat; padding-left: 35px; }

.asso .event-list   dl {min-height:inherit; padding: 30px 0 0 0;}
.event-list dl.cat38 .illustration {background: url(../img/vignette-default-association.jpg) 0 0 no-repeat;}

/* Calendrier */
.calendar-table { border-collapse: separate; width: 170px; background: #dedede; font-size: 12px; text-align: center; margin: 20px 0 0; border: 1px solid #fff; }
.calendar-table caption { margin: 0 1px; position: relative; +border-left: 1px solid #fff; +border-right: 1px solid #fff; background: #e8dbf2 url(../img/caption.png) 0 0 no-repeat; font-size: 0; font-weight: bold; height: 35px; line-height: 35px; +height: 33px; +line-height: 33px; width: 168px; width : auto\9; /* IE8 and below */ overflow: hidden; white-space: nowrap; }
.calendar-table caption a { display: inline; color: #ff6633; font-size: 12px; display: inline-block; line-height:35px; width: 24px; text-align: center; +position: absolute; +top: 0; }
.calendar-table .previous { color: #ff6633; +left: 0; }
.calendar-table .next { color: #ff6633; +right: 0; }
.calendar-table .choixMois { width: 120px; +left: 24px; }
.calendar-table a { color: #333; text-decoration: none; }
.calendar-table th { font-size: 12px; font-weight: bold; color: #663366; background: #fff; height: 23px; vertical-align: middle; }
.calendar-table td { background: #fff; height: 23px; vertical-align: middle; }
.calendar-table td a { display: block; height: 21px; line-height: 21px; font-weight: bold; border: 1px solid #fff; }
.calendar-table td a:hover { border-color: #666; }
.calendar-table .cal-today { background: #fff url(../img/today.png) 50% 50% no-repeat; }
.calendar-table .cal-today a { color: #ff6633; }
.calendar-table .cal-selected { background: #f0e6ee; }
.calendar-table .cal-selected a { color: #ff6633; }
.calendar-table .cal-selected a:hover { border-color: #666; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.calendar-table .choixMois { width: 118px; } /* safari, chrome */
}

/* Trier agenda par theme */
.thematique { border-bottom: 1px solid #dedede; padding: 0 0 8px; }
.thematique fieldset { margin: 0; padding: 0; border: none; }
.thematique h4 { color: #663366; font-size: 16px; margin: 15px 0 8px; padding: 0 0 7px; border-bottom: 1px solid #dedede; }
.thematique label { font-weight: bold; font-size: 12px; line-height: 14px; display: block; margin: 0 0 7px; }
.thematique select { width: 170px; }
.thematique button { cursor: pointer; width: 23px; height: 23px; overflow: hidden; text-indent: -9999px; border: none; background: url(../img/submit-ok.png) 0 0 no-repeat; display: block; margin: 8px 0 0 0; }
.thematique button:active { position: relative; top: 1px; }

/* Agenda - Fiche d'evenement */
.event dl { margin: 0; padding: 0 0 20px; overflow: hidden; -height: 1%; border-bottom: 3px double #dedede; }
.event dt { margin: 0; padding: 0; }
.event dd { margin: 0; padding: 0; }
.backbutton { text-decoration: none; font-size: 11px !important; color: #663366; background: url(../img/arrows.png) 0 3px no-repeat; padding: 0 0 0 10px !important; }
.backtop { position: relative; top: -10px; }
.event .illustration { float: left; background: #f5f5f5; width: 250px; height: 160px; overflow: hidden; margin-right: 20px; }
.event .category { text-transform: uppercase; color: #7c4574; font-size: 11px; font-weight: bold; }
.event .date { color: #ff6633; font-size: 14px; margin-bottom: 7px; }
.event .date span:first-child {display:none;}
.event .abstract { font-size: 14px; font-weight: bold; }
.event .description { margin: 20px 0 0; }

/* Agenda fiche - infos pratiques */
.advancedinfo { clear: both; border-bottom: 1px solid #dedede; font-size: 12px; margin: 0 0 13px; padding: 23px 0 0; }
.advancedinfo dl, .advancedinfo .moreinfo, .advancedinfo .viewmap { margin: 0; padding: 7px 0 0; border-top: 1px solid #dedede; overflow: hidden; -height: 1%; }
.advancedinfo dt { margin: 0; padding: 0 0 0 1px; float: left; width: 130px; font-weight: bold; color: #663366; }
.advancedinfo dd { margin: 0; padding: 0 0 10px 140px; }
.advancedinfo a { color: #663366; text-decoration: underline; }
#locate { padding-bottom: 5px; position: relative; top: -2px; left: -9px; }
#locate a { display: block; width: 130px; height: 22px; background: url(../img/locate.png) 0 0 no-repeat; overflow: hidden; text-indent: -9999px; }

/* Pied de page */
.pied-de-page { clear: both; font-size: 11px; line-height: 15px; color: #999; display: block; overflow: hidden; -height: 1%; border-top: 2px solid #dedede; margin: 18px 0 25px; padding: 0; +padding-top: 10px; }
.gotop { background: url(../img/arrows.png) 0 -188px no-repeat; color: #333 !important; text-decoration: none !important; display: block; float: right; text-align: right; padding: 1px 0 1px 13px; margin-top: 10px; +margin-top: 0; }

/* Element rubrique */
.rubric-item h2 { border: none; margin-bottom: 0; font-size: 24px; }
.rubric-item dl { position: relative; margin: 0; padding: 125px 0 0; }
.rubric-item dt { margin: 0; padding: 0; }
.rubric-item dd { margin: 0; padding: 0; }
.rubric-item .title a { font-size: 12px; font-weight: bold; color: #660066; text-decoration: none; }
.rubric-item .illustration { position: absolute; top: 0; left: 0; background: #f5f5f5; width: 220px; height: 120px; overflow: hidden; }
.rubric-item .abstract { font-size: 12px; line-height: 17px; }

/* Element Liste de pages */
.page-list h2 { font-size: 24px; border-color: #f67d28; }
.page-list h2 a { padding: 3px 0 0 10px; position: relative; top: 3px; +top: 0; width: 144px; height: 21px; display: inline-block; overflow: hidden; text-indent: -9999px; background: url(../img/goto-actu.png) right bottom no-repeat; +background-position-y: top; }
.page-list dl { position: relative; margin: 0 0 5px; padding: 0 0 0 120px; min-height: 87px; -height: 87px; }
.page-list dt { margin: 0; padding: 0; }
.page-list dd { margin: 0; padding: 0; }
.page-list .title a { font-size: 16px; line-height: 18px; font-weight: bold; color: #660066; text-decoration: none; }
.page-list .illustration { position: absolute; top: 2px; left: 0; background: #f5f5f5; width: 100px; height: 65px; overflow: hidden; }
.page-list .abstract { font-size: 12px; line-height: 17px; }

/* Une de rubrique */
.lead-rubric h2 { font-size: 24px; border-color: #f67d28; }
.lead-rubric h2 a { padding: 3px 0 0 10px; position: relative; top: 3px; +top: 0; width: 144px; height: 21px; display: inline-block; overflow: hidden; text-indent: -9999px; background: url(../img/goto-actu.png) right bottom no-repeat; +background-position-y: top; }
.lead-rubric dl { position: relative; margin: 0 0 20px; padding: 0; width: 520px; height: 250px; overflow: hidden; }
.lead-rubric dt { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 520px; height: 250px; overflow: hidden; background: #f5f5f5; }
.lead-rubric dd { font-size: 14px; line-height: 18px; color: #fff; margin: 0; padding: 8px 12px; position: absolute; bottom: 0; left: 0; width: 496px; background: url(../img/une-rubric.png) 0 0 repeat; -background: #462848; }
.lead-rubric strong { display: block; }
.lead-rubric a { color: #fff; text-decoration: none; outline: none; }
.lead-rubric a:hover { color: #fff; text-decoration: none; }

/* Espaces Eco / Asso */
.page-9085 .zone-1,
.page-134 .zone-1 { padding-top: 15px; } /* marge haute du bandeau sur l'accueil de chaque espace */
.eco .zone-2, .eco .zone-3, .eco .zone-5, .eco .zone-6,
.asso .zone-2, .asso .zone-3, .asso .zone-5, .asso .zone-6 { width: 250px; } /* agrandir la taille de chaque bloc */
.eco .zone-2, .eco .zone-5,
.asso .zone-2, .asso .zone-5 { padding-bottom: 9999px; margin-bottom: -9999px; border-right: 1px solid #e5dae3; padding-right: 9px; } /* bordure centrale */
.eco .rubric .row { margin: 20px  0 45px; }
.espace h6 { margin: 0; text-indent: 10px; font-size: 11px; line-height: 22px; width: 250px; height: 22px; overflow: hidden; background-image: url(../img/espace.png); background-repeat: no-repeat; }
.eco .espace h6 { color: #2a7bc6; background-position: 0 0; }
.asso .espace h6 { color: #007e89; background-position: 0 -30px; }
.espace dl { margin: 0; }
.espace dt { margin: 10px 10px 5px; font-size: 14px; line-height: 18px; font-weight: bold; }
.espace a { text-decoration: none; }
.espace a:hover { text-decoration: underline; }
.espace dd { margin: 0 10px; color: #333; font-size: 12px; line-height: 18px; }
.espace .url { text-align: right; margin-top: 3px; font-size: 11px; }
.espace img { float: left; padding-right: 10px; }
.espace_2 h6 { margin: 0; font-size: 16px; line-height: 30px; width: 250px; height: 30px; overflow: hidden; text-align: center; background-image: url(../img/espace.png); background-repeat: no-repeat; }
.eco .espace_2 h6 { background-position: 0 -60px; background-color: #2a7bc6; }
.asso .espace_2 h6 { background-position: 0 -100px; background-color: #007e89; }
.espace_2 h6 a { color: #fff !important; }
.espace_2 a { text-decoration: none; }
.espace_2 a:hover { text-decoration: underline; }
.espace_2 p { margin: 10px 10px 0; color: #333; font-size: 12px; line-height: 18px; }
.espace_2 p a { display: block; text-align: right; margin-top: 3px; font-size: 11px; }

/* Page Démarches */
.page-9098 #headline { padding-left: 45px; background: url(../img/icons.png) 1px 3px no-repeat; }

.office { margin: 0 0 50px; padding: 0; list-style: none; overflow: hidden; -height: 1%; }
.office li { margin: 0 0 20px; padding: 0; font-size: 14px; line-height: 17px; }
.office li li { margin: 0; }
.office a { margin: 0; padding: 10px 0 10px 11px; display: block; color: #663366; font-weight: bold; text-decoration: none; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background: #fef2e9 url(../img/subnav.png) 0 14px no-repeat; +zoom: 1; outline-offset: -1px; }
.office a:hover { background-color: #feede1; }
.office ul { margin: 0; padding: 9px 0 0 12px; list-style: none; background: url(../img/sub-border.png) 0 0 repeat-y; }
.office ul a { padding: 5px 0 5px 11px; border: none; background: #fff; color: #333; font-weight: normal; font-size: 12px; line-height: 15px; }
.office ul a:hover { color: #f67d28; background: #fff url(../img/subnav.png) 0 8px no-repeat; }
.office .col-1 { display: block; float: left; width: 335px; clear: left; margin-right: 40px; }
.office .col-2 { display: block; float: left; +float: right; width: 335px; clear: right; }

.body p.demarches { padding: 10px 10px 10px 30px; background: #ece7f0 url(../img/demarche.png) 8px 12px no-repeat; }

/* Archives : colonne de gauche */
.column h2 { margin: 8px 0 0; padding: 9px 0; color: #663366; font-size: 16px; line-height: 18px; font-weight: bold; }
.column p { font-size: 12px; line-height: 15px; margin: 5px 0 10px; padding: 0; }
.column p a { color: #333; text-decoration: underline; }


/* Phototheque / Videotheque */
.phototheque #headline { margin-bottom: 18px; background: url(../img/phototheque.png) 0 4px no-repeat; padding-left: 35px; }
.videotheque #headline { margin-bottom: 18px; background: url(../img/videotheque.png) 3px 2px no-repeat; padding-left: 35px; }
.tek { margin: 0; padding: 0; list-style: none; overflow: hidden; -height: 1%; }
.tek li { float: left; width: 206px; height: 200px; margin: 0 0 10px; overflow: hidden; }
.tek .col-1, .tek .col-2 { margin-right: 46px; }
.tek a { display: block; width: 206px; height: 156px; overflow: hidden; background: #fff url(../img/cadre.png) 0 0 no-repeat; }
.tek a:hover { background-color: #f67d28; }
.tek img { display: block; padding: 6px; }
.tek strong { display: block; font-size: 11px; margin: 5px 0 0; line-height: 13px; color: #666; font-weight: normal; text-align: center; }
.tek-feat { margin: 0 0 40px; padding: 0 0 10px; background: #fde0d4 url(../img/videotheque-featured.png) -710px bottom no-repeat; overflow: hidden; -height: 1%; }
.tek-feat dt {float:left; margin:10px;}
.tek-feat object { margin: 10px 15px 0 10px; display: block; }
.tek-feat dd { margin: 0 10px; font-size: 14px; }
.tek-feat li { list-style: none; margin: 0 0 5px; }
.tek-feat .title { margin: 0; padding: 15px 10px 5px 10px; color: #ff6633; font-weight: bold; font-size: 16px; background: #fde0d4 url(../img/videotheque-featured.png) 0 0 no-repeat; }
.tek-feat .desc, .tek-feat .specs { /*margin-left: 395px;*/ }
.tek-feat .specs { margin-top: 10px; }
.tek-feat .specs ul { margin: 0; padding: 0; }
.tek-fiche {}
.tek-fiche h2 {text-align:center;}
.tek-fiche .infos {text-align:center;}

/* Login Asso : colonne de droite */
.assolog { position: relative; font-size: 12px; line-height: 15px; margin: 0 5px 10px 10px; }
.assolog fieldset { border: none; margin: 0; padding: 0; }
.assolog label { display: block; }
.assolog div { margin: 0 0 5px; }
.assolog input { width: 143px; }
.assolog em { color: #007E89; font-weight: bold; font-style: normal; }
.assolog legend { position: absolute; top: -9999px; left: 0; }
.assolog button.login { vertical-align: top; position: relative; top: -1px; +width: 38px; +left: 3px; }
.assolog button.logout { display: block; vertical-align: top; margin: 7px auto 0;}

/* Asso : modifiez vos données */
.asso .artifica-form div label, .asso .artifica-form dt { color: #00808c; }
.asso .artifica-form .buttons .submit { background: url(../img/valider-asso.png); }

/* Sitemap */
.csc-sitemap ul { margin: 0; padding: 0; list-style: none; }
.csc-sitemap a:hover { color: #333; }
.csc-sitemap li li { margin: 0 0 0 20px; padding: 0; }
.csc-sitemap ul li a { letter-spacing: 2px; text-align: center; text-transform: uppercase; font-size: 16px; display: block; color: #666; background: #fff url(../img/calendar.png) 0 -5px repeat-x; border: 3px double #dedede; font-weight: bold; text-decoration: none; padding: 15px; margin: 5px; }
.csc-sitemap > ul > li > a { margin-top: 50px; }
.csc-sitemap > ul > li:first-child > a { margin-top: 10px; }
.csc-sitemap ul li li a { letter-spacing: normal; text-align: left; text-transform: none; padding: 10px; font-size: 14px; background: url(../img/input.gif) 0 0 repeat-x; border: 1px dotted #dedede; margin-top: 50px; }
.csc-sitemap ul li li:first-child a { margin-top: 10px; }
.csc-sitemap ul li li li a { font-weight: normal; font-style: italic; background: #fff; padding: 5px; font-size: 12px; border: none; border-bottom: 1px dotted #dedede; margin: 0; }
.csc-sitemap ul li li li li a { margin-top: 3px !important; font-style: normal; font-weight: bold; border: none; padding: 0; font-size: 10px; display: list-item; list-style: disc inside; }

/* Fiche Entreprise et Asso */
.singleView { padding-bottom: 30px; }
.singleView .separator { padding: 7px 0; border-bottom: 1px dotted #dedede; }
.singleView .label { font-weight: bold; }
.singleView .value { padding: 0 0 0 30px; }

/* Fiche Annuaire colonne de droite */
.annuCorners { background: url(../img/fiche.png) 0 0 no-repeat; padding: 10px; }
.ficheAnnuaire { overflow: hidden; -height: 1%; margin: 20px 0 0; font-size: 11px; line-height: 13px; color: #666; background: url(../img/fiche.png) -220px bottom no-repeat; }
.ficheAnnuaire h3 { margin: 0 0 5px; color: #cc0000; font-size: 11px; font-weight: bold; line-height: 13px; }
.ficheAnnuaire a { color: #cc0000; text-decoration: underline; }
.ficheAnnuaire dl { margin: 0; clear: both; }
.ficheAnnuaire dt { font-weight: bold; margin: 10px 0 0; }
.ficheAnnuaire dd { margin: 0; padding: 0; }
.ficheAnnuaire img { float: left; padding: 0 5px 10px 0; }

/* Commentaires */
.com { margin: 0; padding: 0; list-style: none; }
.com li { margin: 0; padding: 10px; border-bottom: 1px dotted #dedede; }
.com .alter { background: #f5f5f5; }
.com dl { margin: 0; }
.com dd { margin: 0; }

/* petites annonces */
.tx-artificasmalladvertisements-pi1 .list ul { margin: 0; padding: 0; list-style: none; }
.tx-artificasmalladvertisements-pi1 .list li { border-bottom: 1px dotted #dedede; padding: 0 10px 10px; }
.tx-artificasmalladvertisements-pi1 .list .colonnage2 { background: #f5f5f5; }
.tx-artificasmalladvertisements-pi1 .list h3 { margin: 0; }
.tx-artificasmalladvertisements-pi1 .list h3 a { text-decoration: none; color: #FF6633; font-size: 14px; }
.tx-artificasmalladvertisements-pi1 .list h3 a:hover { text-decoration: underline; }
.tx-artificasmalladvertisements-pi1 .list p { margin: 5px 0 0; }

.tx-artificasmalladvertisements-pi1 .single dl { border-bottom: 1px dotted #dedede; padding: 0 0 20px; }
.tx-artificasmalladvertisements-pi1 .single dt { font-weight: bold; width: 80px; float: left; text-align: right; padding: 0 0 7px; }
.tx-artificasmalladvertisements-pi1 .single dd { margin: 0 0 0 90px; padding: 0 0 7px; }
.tx-artificasmalladvertisements-pi1 .single .backbutton { margin: 10px 0 0 80px; }
.tx-artificasmalladvertisements-pi1 .single .image { border-bottom: 1px dotted #dedede; padding: 10px 0 25px; }
.tx-artificasmalladvertisements-pi1 .single .image img { display: block; margin: 0 auto; padding: 5px; border: 1px dotted #dedede; }


/* loading */
.loading {height:170px; background:url('/uploads/ajax-loader.gif') no-repeat 50% 50%;}

/* Dernieres videos ajoutees */
.lastAdded_videos_av { padding: 10px; margin-bottom: 40px; background-color: #FDE0D4; }
.lastAdded_videos_av ul { margin: 10px 0 15px 10px; padding: 0; list-style: none; height: 102px; overflow: hidden; }
.lastAdded_videos_av li { margin: 0 15px 0 0; -margin: 0 4px 0 0; padding: 0; float: left; }
.lastAdded_videos_av li img { border: none; display: block; }


/* Menu mobile caché */
#menuResp .btnMenuResp {display:none;}
/* ====================================== VERSION MOBILE ====================================== */
@media (max-width:979px) {
    
/* Structure */
.container {width:auto;}
.header {height:auto;}
.main {margin:60px 0 0;}
.column,
.article {float:none; width:100%;}
    
/* Structure Home : */
.home .content,
.sidebar,
.content {float:none; margin:20px 2%; width:96%;}
.sidebar {float:none;} 
.col-left,
.col-middle {float:none; width:100%;}
    .news {width:100%;}
    .block {width:100%;}
    .projects,
    .community {width:100%;}
    .community {border:0; display:none; float:none; width:100%;}
.col-middle {margin:20px 0 0;}
    .calendar {height:auto; padding:0; width:100%;}
    .calendar h2,
    .goto-calendar,
    .calendar ul,
    .calendar dl,
    .calendar-illustration {height:auto; position:static; width:100%;}
    .calendar dl {height:auto; padding:0;}
    .medias {margin:20px 0 0; width:100%;}
    .medias h2 {text-indent:120%;}
div.related {clear:both;}
.practical dt,
div.related h2 {background-color:transparent; width:220px;}
div.related h2 {font-size:1em;}
.medias,
.medias h3 {font-size:1em;}
.medias dd {margin:6px;}
.goto-medias {padding: 4px 2px 0 27px; width:auto;}
.medias div {background-image:none;}
.toolbox {width:auto;}
    
/* Structure Page : */
.breadcrumbs {display:none;}
    
/* Structure Rubriques */
.body h2, .body h3, .body h4 {clear:both;}
.zone-2, .zone-5,
.zone-3, .zone-6 {width:49%;}
.article iframe {width:100%;}
.rubric-item dl {margin:0 0 1em; padding:0;}
.rubric-item .illustration {background-color:transparent; position:static; width:100%;}
.rubric-item .illustration img {height:auto; width:100%;}
.article .body table {width:100%!important;}
    
/* Header */    
#villeInternet {display:none; float:left; position:static;} 
#skiplinks {display:none;}
.logo {background:url("../img/logoMobile.png") no-repeat center center #FFF; -webkit-background-size:157px auto; background-size:157px auto; box-shadow:0 1px 5px #999; display:block; height:52px; left:0; margin:0; position:fixed; text-indent:120%; top:0; white-space:nowrap; width:100%; z-index:999;}
.logo:hover {background-color:#fff;}
.social {display:none; overflow:hidden; position:static;}
.sections {display:none; position:static;}
.header .date {right:7px; top:0;}
    
/* Menu */
.menu {display:none; position:relative; top:0;}  
#menuResp {position:fixed; right:10px; top:15px; z-index:1000;}
#menuResp .btnMenuResp {cursor:pointer; display:block; width:31px;}
#menuResp .btnMenuResp .on,
#menuResp.active .btnMenuResp .off,
#menuResp .menuOpen {display:none}
#menuResp.active .btnMenuResp .on,
#menuResp.active .menuOpen {display:block;}
#menuResp .btnMenuResp .titleMenu {display:block; float:left; font-size:15px; margin-right:5px; margin-top:4px; text-transform:uppercase;}
#menuResp .btnMenuResp img {height:25px; width:31px;}    
#menuResp.active #navigation {-webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name:mobileActive; animation-name:mobileActive; background-color:#466381; display:block; position:absolute; top:0; width:100%; z-index:101;}
@-webkit-keyframes mobileActive {
    0% {left:-100%;}
    100% {left:0;}
}
@keyframes mobileActive {
    0% {left:-100%;}
    100% {left:0;}
}    
#menuResp .menuOpen {position:fixed; right:0; top:52px; width:100%; z-index:1000;}
#menuResp .menuOpen li {background:#5e3458; height:auto; width:100%;}
#menuResp .menuOpen a {color:#ccc; font-size:1.071em;}
#menuResp .menuOpen ul li {border-bottom:1px solid #fff; border-right:1px solid #fff; position:relative;}

#menuResp .menuOpen #navigation > li > a,
#menuResp.active .menuOpen .menu .sousMenu ul a {display:block; background:none!important; font-size:1em; font-weight:normal; height:auto; margin:0; padding:2%; text-indent:0; text-decoration:none; width:96%!important;}
#menuResp .menuOpen ul li a {display:block; line-height:1;}  
#menuResp.active .menuOpen .menu ul {display:none;}
#menuResp.active .menuOpen .menu .sousMenu ul li {background-color:#7c4574; margin:0;}
#menuResp.active .menuOpen .menu .sousMenu ul .close a {background:#fff!important; color:#7c4574;}
/*#menuResp.active .menuOpen .menu .sousMenu ul li:focus {background:#eee;}
#menuResp.active .menuOpen .menu .sousMenu ul li:focus a {color:red;}*/
    
#menuResp.active .menuOpen .menu .sousMenu ul {-webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name:mobile3Active; animation-name:mobile3Active; background-color:green; display:block; height:auto; position:absolute; top:38px; width:100%;}
@-webkit-keyframes mobile3Active {
    0% {left:-100%;}
    100% {left:0;}
}
@keyframes mobile3Active {
    0% {left:-100%;}
    100% {left:0;}
}  
    
/* Subnav elements */
.column .subsection {background:url("../img/arrow-bottom.svg") no-repeat right 6px; -webkit-background-size:auto 26px; background-size:auto 26px;}
.column .subsection.enteteListeOpen {background-image:url("../img/arrow-top.svg");}  
.column .submenu {border:0; display:none; overflow:hidden;}
.submenu .current_page_item ul a,
.submenu .current_page_ancestor ul a {font-size:1em; line-height:1.1;}

/* Search */
.search-header {background:url("../img/search.svg") no-repeat center center #FFF; -webkit-background-size:32px 32px; background-size:32px 32px; cursor:pointer; height:40px; left:0; padding:8px 8px 3px; position:fixed; top:0; -webkit-transition:all 1s ease; transition:all 1s ease; width:40px; z-index:9995;}
.search-header.open {background-position:center right; width:98%; z-index:999999;}  
.search-header input.rechercheChamp {top:8px; width:0;}
.search-header.open input.rechercheChamp {height:38px; left:8px; width:90%;}
span.lgdSearch {margin:8px 10px 0 0;}
.search-header .rechercheOK {display:block; height:40px; left:auto; overflow: hidden; right:0; text-indent:5em; top:5px; white-space:nowrap; width:0;}
.search-header.open .rechercheOK {width:40px;}
    
/* Colonne de droite */
.sidebar .bouton {clear:both;}/* autre blocs boutons... */
.sidebar .bouton.demarches,
.sidebar .bouton.agenda,
.sidebar .bouton.plan,
.sidebar .telepaiemant {background-image:-webkit-linear-gradient(top, #d9c6e6, #b6a3c4); background-image:linear-gradient(to bottom, #d9c6e6, #b6a3c4); border-radius:10px; clear:none; float:left; margin:0 1% 11px 0; overflow:hidden; padding:0; width:49%;}
.sidebar .telepaiemant {background-image:-webkit-linear-gradient(top, #fabba4, #f05a3e); background-image:linear-gradient(to bottom, #fabba4, #f05a3e);} 
.bouton a {background-image:none;}    
.bouton.demarches a,
.bouton.agenda a,  
.bouton.plan a,
.sidebar .telepaiemant a {background:url("../img/picto-demarches.png") no-repeat center 9px; -webkit-background-size:61px auto; background-size:61px auto; color:#5E3458; display:block; font-size:18px; font-weight:bold; height:18px; line-height:1; padding:65px 0 17px; text-align:center; text-decoration:none; width:100%;}
.sidebar .bouton.agenda a {background-image:url("../img/picto-participez2.png");}  
.sidebar .bouton.plan a {background-image:url("../img/plan.png"); background-position:center 12px;}  
.sidebar .telepaiemant a {color:#fff; background-image:url("../img/picto-euros.png");}    
.sidebar .bouton.demarches a:before {content:'Démarches';}  
.sidebar .bouton.agenda a:before {content:'Agenda';}  
.sidebar .bouton.plan a:before {content:'Plan interactif';}   
.sidebar .telepaiemant a:before {content:'Télépaiement';}    
.bouton.demarches img,
.bouton.agenda img,
.bouton.plan img,    
.telepaiemant img {display:none;}
.practical {clear:both;}
.practical dd,
.direct-links dd,
div.related p {font-size:1em;} 
.downloads {margin:7px 0 2em;}
.downloads a {font-size:1em;}
.sidebar .buttons li {max-width:220px;}
    
/* Home - bloc Une */
.news h2,
.projects h2,
.calendar h2,
.direct-links dt {background:none #FFF; color:#5E3458; font-family:'Roboto Condensed','Helvetica Neue',Arial; padding:0 .1em 0 0; text-indent:0; width:auto;}
.news dt a,
.news dd a{background:none; font-size:1.2em;}
.home .goto-news {font-size:1em; width:auto;}
.news dl {padding:2%; width:96%;}
#controls {bottom:auto; left:auto; right:7px; top:7px;}
/* Home - bloc Agenda */
.goto-calendar {font-size:1em; padding:0;}
.calendar ul {margin:0 0 1em;}
.calendar li a {font-size:1.5em;}
.calendar dt a,
.calendar-date {font-size:1.2em;}
.calendar-illustration img {margin:1em 0;}
.calendar .calendar-description {font-size:1.5em; margin:.5em 0 1em;}
   
/* Home - bloc forums */
.services {border:0; display:none;}
/* Home - bloc projets */
.projects h3 {background:none;}
.projects h3 a,
.projects p {font-size:1.5em;}
.goto-projects,
.community li a {font-size:1.5em;}   
.projects .goto-projects,
.projects p {display:none;}
/* Home - bloc forums */
.services a {font-size:.75em;}
    
/* Footer */
.contact {clear:both; float:left; padding:10px 2% 20px; width:96%;}
.awards {position:static;}
.foot-nav,
.legal {clear:both; overflow:hidden; position:static;}
.legal {margin:1em 0 0;}
.foot-nav a {font-size:1.2em;}
.legal a {font-size:1.5em;}
    
/* Galerie */
.footer address {font-size:1em;}
.awards {display:none;}
.contact dt,
.contact dd {font-size:1.2em;}
.contact dt {clear:left; height:14px;}
.gallery .col-1,
.gallery .col-2,
.gallery .col-3 {clear:none; margin:0 5px 5px 0;}
.gallery a,
.gallery img {border:0; padding:0;}
    
/* Toolbox */
#print,
#btnTypoMore,
#btnTypoLess {display:none;}
    
/* Archives : colonne de gauche */
.column h2 {font-size:1.2em;}
    
/* Subnav elements */
.submenu li {font-size:1em;}
    
/* Element rubrique */
.rubric-item .title a {font-size:1.2em;}
.rubric-item .abstract {font-size:1.1em;}
    
/* Element Liste de pages */
.page-list .abstract {font-size:1.2em;}
    
/* Article */
.body p {font-size:1.1em; line-height:1.5;}
    
/* Pied de page */
.pied-de-page {font-size:1em;}
    
/* Article */
#headline {margin:1em 0;}
.article ul {font-size:1.1em;}

/* Structure Page en Une Colonne */
.pageOneCol .content, .pageOneCol .article {width:98%;}
    
/* imageBox */
.imageCopyright {font-size:1.3em;}
    
/* Encarts */
.imageLegende {font-size:1.4em;}
    
/* Sommaire : liste d'ancres */
.body .csc-menu a {font-size:1.2em;}
    
/* Encarts */
.encartDroite {background:none #E1CEDE!important; float:none; margin:1em 0 1em!important; width:auto;}
    
/* Modale */
#overlay-modal {margin:0 3%; width:94%;}
    
/* Formulaires */
.artifica-form dt,
#overlay-modal .artifica-form.centertext span,
.artifica-form p {font-size:1.1em;}
.artifica-form .comments,
.artifica-form div label,
.artifica-form dd {font-size:1.1em;}
.artifica-form small, .artifica-form .word-small {font-size:.9em;}
    
/* Trier agenda par theme */
.body .backbutton {font-size:1em!important;}
    
/* Agenda (liste) */
.event-list .actions {font-size:1em;}
    
/* Actualités Une */
.featured {background:none #FDE0D4; height:auto; width:100%;}
.featured p {float:right; margin:0 2%; width:48%;}
.featured img {float:left; margin:2em 0 1em 2%; position:static; width:46%;}
.featured .more a {background-color:#fff; float:right; margin:2em 0 0 1em; position: static;}
    
/* Tableaux */
.contenttable td {font-size:1.2em; padding:5px;}
    
/* Listes */
.tx-artificaviewer-pi1-listfiles a {font-size:1.2em;}
.tx-artificaviewer-pi1-listfiles dd {font-size:1em;}
    
/* Espaces Eco / Asso */
.espace h6,
.espace dd {font-size:1em;}
.eco .body a {font-size:1.2em;}
    
/* Archives : colonne de gauche */
.column p {font-size:1em;}
    
/* Phototheque / Videotheque */
.tek li {width:50%;}
.tek .col-1,
.tek .col-2 {margin-right:0;}
.tek a {background:none; width:100%;}
.tek img {margin:0 auto;}
    
/* Sommaire Media */
.sommaireMedia li {width:33%;}
.sommaireMedia .col-1,
.sommaireMedia .col-2 {clear:none; margin-right:0;}
.sommaireMedia a {}
.sommaireMedia li img {height:auto; width:100%;}
    
/* imageBox */
.imageBox,  
.imageBox img,
.body img {display:inline-block; height:auto!important; max-width:100%!important;}

/* Page Démarches */
.office .col-1,
.office .col-2 {width:100%;}

/* Slideshow (diaporama) */
.artifica-slideshow .thumbs .previous,
.artifica-slideshow .thumbs .next {display:none;}
.artifica-slideshow .thumbs ul {margin:0 auto!important; position:static; width:478px;}
    
}


@media (max-width:713px) {
    
/* Sommaire Media */
.sommaireMedia li {width:50%;}
    
}