@charset "utf-8";
/********************************************************************************************************/
/* INIT
/********************************************************************************************************/
html {margin:0; padding:0; background:#0f1518;}

body {text-align:center; color:#42423d; padding:0; margin:0; background:#e9e9e9 url(../img/body-bg.png) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif}

* {background-repeat:no-repeat;}

#content a:link {color:#1F9E2D;}
#content a:visited {color:#1F9E2D}
#content a:hover {text-decoration:none;}

.left {float:left;}
.right {float:right;}
.spacer, .clear {clear:both!important; height:1px!important; font-size:0px!important; margin:0!important; padding:0!important}
.align-left {text-align:left}
.align-right {text-align:right}
.align-center {text-align:center}
.important {color:#990000;}

#content hr {clear:both; visibility:hidden}

.invisible {position:absolute; top:-9999px; left:-9999px}
.container {line-height:1.25em;}

.anchor, .container a.anchor, #nav-main a.anchor, #nav-main a:visited.anchor, #nav-secondary a.anchor, #nav-secondary a:visited.anchor {padding:0!important;position:static!important;}


/* SKIPLINK
/*-------------------------------------------------------------------------------------------------------*/
ul#skiplink {position:absolute; top:-1000px; left:-1000px; background-color:#000000; margin:0; padding:0; z-index:1000;}
ul#skiplink li {list-style-type :none; position:absolute; top:0;}
ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em;}
ul#skiplink li a:focus, ul#skiplink li a:active {top:0px; left:0px; background-color:#FFFF00}


/* IMAGES
/*-------------------------------------------------------------------------------------------------------*/
#content .box, #content .imageBox {display:block;}
#content .imageBox {background:#E9E9E9; clear:both; color:#666666; font-size:80%; font-weight:bold; padding:2px; text-align:left;}
#content .imageBoxRight {float:right; margin:0 0 1em 1em; clear:none}
#content .imageBoxLeft {float:left; margin:0 1em 1em 0; clear:none}
#content .imageBox a,#content .imageBoxRight a,#content .imageBoxLeft a {padding:0;}
#content .imageBox .imageLegende {padding:0.5em}

#content  img {border:none; padding:0}
#content .align-center .box {margin:0 auto;}
#content .imageBoxBorder {border:1px solid #cccccc;}
#content .imageBorder {border:1px solid #000;}


/********************************************************************************************************/
/* LAYOUT 
/********************************************************************************************************/
#wrap {position:relative; text-align:left;  margin:auto; width:970px}
* html #wrap {}

#header {background:url(../img/hdr-bg.jpg); height:165px; width:970px;  margin:auto; position: relative; z-index: 1; }
#header h1 {margin:0;}
#header h1 img {display:none}
#header h1 a {width:220px; height:118px; display:block; padding:0;}
#header-flash {position:absolute; top:5px; left:217px; z-index:1;width:740px;height:165px;display:block;overflow:hidden;}

/* 00 = banners */
body #header-flash{background:url(../../MEDIA/bannieres/accueil.png) no-repeat top right;}
body.homepage #header-flash{background:url(../../MEDIA/bannieres/accueil.png) no-repeat top right;}
body.associations #header-flash{background:url(../../MEDIA/bannieres/associations.png) no-repeat top right;}
body.culture #header-flash{background:url(../../MEDIA/bannieres/culture.png) no-repeat top right;}
body.decouvrir #header-flash{background:url(../../MEDIA/bannieres/decouvrir-la-ville.png) no-repeat top right;}
body.democratie #header-flash{background:url(../../MEDIA/bannieres/democratie-locale.png) no-repeat top right;}
body.demarches #header-flash{background:url(../../MEDIA/bannieres/documents-et-demarches.png) no-repeat top right;}
body.economie #header-flash{background:url(../../MEDIA/bannieres/economie.png) no-repeat top right;}
body.education #header-flash{background:url(../../MEDIA/bannieres/education.png) no-repeat top right;}
body.emploi #header-flash{background:url(../../MEDIA/bannieres/emploi-formation.png) no-repeat top right;}
body.enfance #header-flash{background:url(../../MEDIA/bannieres/enfance-et-petite-enfance.png) no-repeat top right;}
body.environnement #header-flash{background:url(../../MEDIA/bannieres/environnement.png) no-repeat top right;}
body.handicap #header-flash{background:url(../../MEDIA/bannieres/handicap.png) no-repeat top right;}
body.jeunesse #header-flash{background:url(../../MEDIA/bannieres/jeunesse.png) no-repeat top right;}
body.relations #header-flash{background:url(../../MEDIA/bannieres/relations-internationales.png) no-repeat top right;}
body.retraite #header-flash{background:url(../../MEDIA/bannieres/retraite.png) no-repeat top right;}
body.sante #header-flash{background:url(../../MEDIA/bannieres/sante.png) no-repeat top right;}
body.sport #header-flash{background:url(../../MEDIA/bannieres/sport.png) no-repeat top right;}
body.vacances #header-flash{background:url(../../MEDIA/bannieres/vacances.png) no-repeat top right;}
body.quartiers #header-flash{background:url(../../MEDIA/bannieres/vie-des-quartiers.png) no-repeat top right;}

.sub-header {margin:0; position:absolute; top:10px; left:60px; padding:0;  font-weight:bold; color:#666666; letter-spacing:0.1em}
.sub-header a {color:#666666}
.sub-header a:hover {color:#079BDD; text-decoration:none}

#corps {padding:0 15px 10px; margin:0; width:940px; background:url(../img/corps-bg.png) repeat-y ; clear:both; position:relative; z-index: 2;}

#content {width:540px; float:left; padding:0 10px; position:relative; top:-40px;z-index:1000; line-height:1.4em}

#breadcrumb {padding:0 0 0.5em 0; color:#3399CC; padding-right:110px; font-size:0.8em; font-weight:bold}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {color:#3399CC; text-decoration:none}
#breadcrumb strong {color:#3399CC;}

#search {display:none; position:absolute; top:120px; right:20px; width:175px; text-align:right; z-index:200}
#search label {display:none}
#search form, #search p {margin:0; padding:0; z-index:50;}
#search p.search-box {text-align:left;background:#003b6e; position:relative; height:20px}

#search #sword {color:#666; width:135px; height:15px; position:absolute;top:0; height:14px; padding:4px 0 0 2px}
#search input {color:#08c8ff; vertical-align:middle; padding:0}
#search input.rechercheOK {background:#003b6e; position:absolute; right:8px} 

/* BOUTONS
/*-------------------------------------------------------------------------------------------------------*/
#icon-tools {overflow:hidden; margin:0px 0px 20px 0px; padding:8px 0px 8px 0px; border-top:1px dashed #DADADA; border-bottom:1px dashed #DADADA; margin-bottom:20px;}
#icon-tools a {display:block-inline; float:left; font-size:0; height:16px!important; width:16px; margin-right:4px; padding:0 !important; text-indent:-3000px; margin-top:2px;}
.sprite-tools {background:url(../img/sprite-tools.png) no-repeat;}
#icon-tools span {display:block-inline; float:left; vertical-align:baseline;}
#speaker {vertical-align:middle;}
#icon-tools .text {line-height:20px; font-size:12px; font-weight:bold; margin-right:4px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.2px;}
#icon-tools .icon-facebook {background-position:0px 0px;}
#icon-tools .icon-twitter {background-position:-16px 0px;}
#icon-tools .icon-send {background-position:-32px 0px; margin-right:13px;}
#icon-tools .icon-print {background-position:-48px 0px; margin-right:12px;}
#icon-tools .icon-typo-more {background-position:-64px 0px; width:21px!important;}
#icon-tools .icon-typo-less {background-position:-85px 0px; width:17px!important; margin-right:8px;}
#icon-tools .left, #icon-tools .right {overflow:hidden;}

/* SIDEBAR
/*-------------------------------------------------------------------------------------------------------*/
#sidebar {width:370px; padding-left:10px;padding-top:85px;  float:right; color:#0e4a5f; font-family:Arial, Helvetica, sans-serif; font-size:90%; background:url(../img/titres/sans-titre.jpg) no-repeat;}

.environnement #sidebar {background:url(../img/titres/titre-environnement.jpg) no-repeat;}

.decouvrir #sidebar {background:url(../img/titres/titre-decouvrir.jpg) no-repeat;}

.associations #sidebar {background:url(../img/titres/titre-association.jpg) no-repeat;}
.culture #sidebar {background:url(../img/titres/titre-culture.jpg) no-repeat;}
.sport #sidebar {background:url(../img/titres/titre-sport.jpg) no-repeat;}
.economie #sidebar {background:url(../img/titres/titre-economie.jpg) no-repeat;}
.education #sidebar {background:url(../img/titres/titre-education.jpg) no-repeat;}
.democratie #sidebar {background:url(../img/titres/titre-democratie-locale.jpg) no-repeat;}
.sante #sidebar {background:url(../img/titres/titre-sante.jpg) no-repeat;}
.quartiers #sidebar {background:url(../img/titres/titre-vie-des-quartiers.jpg) no-repeat;}
.vacances #sidebar {background:url(../img/titres/titre-vacances.jpg) no-repeat;}
.jeunesse #sidebar {background:url(../img/titres/titre-jeunesse.jpg) no-repeat;}
.handicap #sidebar {background:url(../img/titres/titre-handicap.jpg) no-repeat;}
.retraite #sidebar {background:url(../img/titres/titre-retraite.jpg) no-repeat;}
.relations #sidebar {background:url(../img/titres/titre-relations-internationales.jpg) no-repeat;}
.emploi #sidebar {background:url(../img/titres/titre-emploi-formation.jpg) no-repeat;}
.enfance #sidebar {background:url(../img/titres/titre-enfance.jpg) no-repeat;}
.demarches #sidebar {background:url(../img/titres/titre-demarches.jpg) no-repeat;}
.accesdirect #sidebar {background:url(../img/titres/titre-acces-direct.jpg) no-repeat;}
.marchespublics #sidebar {background:url(../img/titres/titre-marches-publics.jpg) no-repeat;}
.outils #sidebar {background:url(../img/titres/titre-outils.jpg) no-repeat;}
.tenezvous #sidebar {background:url(../img/titres/titre-tenez-vous-informe.jpg) no-repeat;}
.actualites #sidebar {background:url(../img/titres/titre-actualites.jpg) no-repeat;}

.sidebar-left, .sidebar-right {float:left; padding:5px; margin-bottom:10px;  border:1px solid #CCCCCC; width:168px}
.sidebar-left {margin-right:10px;}
#sidebar a {color:#0e4a5f}

#sidebar h2 {font-size:1.4em; font-weight:normal; font-family:"Arial narrow", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; letter-spacing:0.05em; margin:0 0 5px ; color:#0e4a5f;}

#sidebar #video {text-align:center}
#sidebar #video a {color:#3398CC; font-size:1.4em}
#sidebar #video h2 {background:url(../img/titre-journal.png) no-repeat; height:32px; text-transform:none; color:#339933; padding:28px 0 0 93px; text-align:left}
#sidebar #video {margin-bottom:1em}

#sidebar ul {list-style-type:none; margin:0}
#sidebar li {margin:0; width:168px; position:relative; clear:both}
#sidebar li a {padding:0 5px 0 15px; display:block; width:148px; text-decoration:none; background:url(../img/sidebar-bullet-blue.png) no-repeat 4px 0.5em;}
#sidebar li a:hover {background-color:#FFFFFF; color:#059ADC}
#sidebar li.on {border-bottom:none;}
#sidebar li.on a {color:#3399cc}

#sidebar p {padding:5px 0; margin-bottom:0.3em; line-height:normal}

#sidebar .sidebar-connex {background:#fff; border:1px solid #c3c3c3; border-width:1px 0; padding:5px 0 10px 10px; position:relative; left:-10px; width:370px; background:url(../img/sidebar-connex-bg.png) repeat-y; margin-bottom:10px}
#sidebar .sidebar-connex p {margin-bottom:1em;font-size:90%;}

#sidebar .sidebar-connex ul {margin-bottom:1em}
#sidebar .sidebar-connex li {width:175px; margin-bottom:5px}
#sidebar .sidebar-connex .sidebar-left, #sidebar .sidebar-connex .sidebar-right {width:175px; float:left; padding:0; border:none}
#sidebar .sidebar-connex a , #sidebar .sidebar-connex a {width:155px;}

#sidebar .sidebar-connex li ul {margin:5px 0 0 0;}
#sidebar .sidebar-connex li ul li {padding:0 0 0 10px;width:auto;}
#sidebar .sidebar-connex li.on ul li a {color:#666;font-size:90%; width:145px; background-image:url(../img/sidebar-bullet-blue2.gif)}
#sidebar .sidebar-connex li.on ul li.on a {font-weight:bold; color:#3399CC}
#sidebar .sidebar-connex li.on ul li.on li a {font-weight:normal; color:#666666}
#sidebar .sidebar-connex li.on ul li.on li.on a {text-decoration:underline; color:#3399CC}
#sidebar .sidebar-connex li.on ul li.on li.on li a {text-decoration:none; color:#666666}
#sidebar .sidebar-connex li.on ul li.on li.on li.on a {color:#3399CC}

#sidebar .demarches {clear:both; background:#CDCDCD; clear:both; padding:1px; margin-bottom:10px;}
#sidebar .demarches h2 {margin:0}

#sidebar .ttio {clear:both;  padding:0; margin-bottom:10px}
#sidebar .ttio a {padding:0}

#sidebar .phototheque, #sidebar .gtv {background:#CDCDCD; min-height:inherit!important; padding:0!important; width:178px;margin-bottom:10px;}

#sidebar .phototheque h2, #sidebar .gtv h2 {text-align:right; margin-top:5px;}
#sidebar .phototheque ul, #sidebar .gtv ul {padding:5px}
#sidebar .phototheque li, #sidebar .gtv li {height:90px;}
#sidebar .phototheque a, #sidebar .gtv a, #sidebar .cinema a, #sidebar .magazine a {background:none; padding-left:0; line-height:normal; width:163px}
#sidebar .phototheque .mask, #sidebar .gtv .mask {display:block; width:80px; height:80px;  position:absolute; top:0; left:0;  background:url(../img/mask1-trans.png); z-index:15}
#sidebar .phototheque .crop, #sidebar .gtv .crop {display:block; width:80px; height:80px;  position:absolute; top:0; left:0; overflow:hidden; z-index:10;}
#sidebar .phototheque .text, #sidebar .gtv .text {display:block; width:83px;  margin-top:5px; z-index:10; color:#666; position:absolute; top:0; right:0}
#sidebar .phototheque .text strong, #sidebar .gtv .text strong {font-weight:normal; color:#0E4A5F;}
#sidebar .phototheque a:hover, #sidebar .gtv a:hover {text-decoration:underline; color:#0E4A5F; background:none}

#sidebar .infos, #sidebar .acces-direct {background:#FAFAFA; min-height:7em}

#sidebar .cinema, #sidebar .magazine {background:#CDCDCD url(../img/cinema-bg-trans.png) repeat-x;width:178px; padding:0; height:240px}
#sidebar .cinema a:hover, #sidebar .magazine a:hover {background:none}
#sidebar .cinema h2, #sidebar .magazine h2 {padding:5px; margin-bottom:15px}
#sidebar .cinema .mask, #sidebar .magazine .mask {display:block; width:127px; height:172px;  position:absolute; top:0; right:0; z-index:15;  background:url(../img/mask2-trans.png)}
#sidebar .cinema .crop, #sidebar .magazine .crop {display:block; width:127px; height:172px;position:absolute; top:0; right:0; z-index:10; overflow:hidden}
#sidebar .cinema .text, #sidebar .magazine .text {position:absolute; top:70px; left:0; z-index:20}

/* masque la sidebar sur les pages génériques */
.no-sidebar-connex .sidebar-connex {display:none} 


/* CALENDAR
/*-------------------------------------------------------------------------------------------------------*/
#sidebar #agendaConteneur h2 {display:none;}
#sidebar #agendaConteneur {color:#ccc; margin:1em auto; text-align:center;}
#sidebar #agendaConteneur h4 {display:none;}
#sidebar #agendaConteneur a {width:auto;}
#sidebar #agendaConteneur td {background-color:#fff;text-align:center;padding:0px; width:14%;}
#sidebar #agendaConteneur th {background-color:#E9E9E9; color:#0D4A5F;text-align:center;padding:4px}	
#sidebar #agendaConteneur table {background-color:#fff;margin:0 auto;width:100%;}
#sidebar #agendaConteneur table td span {display:block;padding:8px 0}
#sidebar #agendaConteneur table a:hover {background-color:#0D4A5F; color:#FFF;}
#sidebar #agendaConteneur table caption {background-color:#1F9E2D; color:#fff; padding:6px;margin:0 auto;text-align:center;}
#sidebar #agendaConteneur table caption a {display:inline; background:none; color:#fff}
#sidebar #agendaConteneur table caption a:hover {display:inline; background:none; color:#fff}
#sidebar #agendaConteneur table a {display:block;padding:8px 0; border:none; text-decoration:none}
#sidebar #agendaConteneur .cal-today a {background-color:#FFCC00;color:#fff;}
#sidebar #agendaConteneur .cal-semaine {background-color:#e4e4e4;}
#sidebar #agendaConteneur .cal-selected a {background-color:#dcdbd7;color:#000000;}


/* FOOTER
/*-------------------------------------------------------------------------------------------------------*/
#footer {background:#0F1518 url(../img/footer-bg.png) repeat-x;}
#footer-content {background:url(../img/footer-content-bg.png) no-repeat; padding:4em 15px 2em 15px; color:#7a939b; width:940px; margin:0 auto; text-align:left; font-size:0.8em;}

#footer h2 {color:#fff; font-family:"Arial Narrow","Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.1em; text-transform:uppercase; background:url(../img/footer-h2-bg.png) repeat-x bottom; padding-bottom:0.5em; margin-top:0 }
#footer a {color:#7a939b; text-decoration:none}
#footer a:hover {color:#fff; text-decoration:underline}

#footer ul {margin:0; list-style-type:none}
#footer li {margin:0;}
.footer1 ul {margin:0; list-style-type:none}
.footer1 li {display:inline; padding:0 0.5em 0 0;}
.footer1 li:last-child {border:none}

.footer1, .footer2, .footer3, .footer4 {float:left; margin-right:10px; padding:10px}
.footer1 {width:350px}
.footer2, .footer3, .footer4 {width:160px}
.footer4 {margin:0; padding:0;line-height: 13px; text-align:right}
.footer4 a {padding: 0; }
.footer4 h2 {visibility:hidden}


/* FORMATAGE GENERIQUES DES LISTES 
/*-------------------------------------------------------------------------------------------------------*/
#content .list {padding-bottom:1em; list-style-type:none; margin:0;}
#content .list li {margin:0; padding:1em 0 1em 0; clear:both;}

#content .list h2 {margin-top:0; line-height:1.2em;border:0;padding:0}
#content .list .image {width:170px; overflow:hidden; float:left; margin:0 10px 1em 0}
#content .list .text {width:360px; float:left;}

#content .list h2 span.theme {color:#ccc; text-decoration:none!important}
#content p.date {margin-bottom:1em; font-weight:bold; line-height:2em}
#content p.date span {background:#0D4A5F; color:#fff; padding:0.25em;}

#content p.date span.lieu {background:#FFCC00; color:#666; white-space:nowrap}

#content .une {background:#E9E9E9; padding:1em 0}
#content .une p {padding:0 10px}
#content .une h2 {margin-top:0; padding:0 10px; border:0; line-height:1.2em;}
#content .une p.une-image {padding:0}
#content .une h2 {font-size:2.4em}


/********************************************************************************************************/
/* TYPOGRAPHIE 
/********************************************************************************************************/
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-0.03em; line-height:1em} 
#content h1 {color:#666666; font-size:2.5em; margin-top:0; color:#3399cc;}
#content h2 {color:#0B2D39; border-bottom:1px dotted #ccc; padding-bottom:0.5em; font-size:1.5em; line-height:1.2em}

.chapo {font-weight:bold}


/* Liste
/*-------------------------------------------------------------------------------------------------------*/
#content dl dt {border-top:1px solid #ccc; padding-top:1em}

/* Liste simple / sans colonnage  */
#content .simple-list {padding-bottom:1em; list-style-type:none; margin:0;}
#content .simple-list li {margin:0; padding:1em 0.5em 1em 0.5em; background:none; background-color:#E9E9E9;}
#content .simple-list li.colonnage2 {margin:0; clear:none; background:none; background-color:#fff;}
#content .simple-list img {float:left; margin:0 10px 10px 0;border:1px solid #999999; padding:2px;}
#content .simple-list p {margin:0}


/* IMAGES
/*-------------------------------------------------------------------------------------------------------*/
#content .imageBoite {background:#fff; color:#666; font-size:80%; font-weight:bold; text-align:left; clear:both; border:1px solid #ccc; padding:2px}
#content .imageBoite .imageLegende {padding:0 5px}
#content .imageBoite img {border:1px solid #666; margin-bottom:1em}


/* ENCARTS
/*-------------------------------------------------------------------------------------------------------*/
#content .encart, #content .encart-droite, #content .encart-gauche {background:#E9E9E9 ;padding:10px;clear:both;border:1px dotted #ccc; margin-top:1em;overflow:hidden;}
#content .encart-droite {width:40%; float:right; margin:0 0 1em 1em}
#content .encart-gauche {width:40%; float:left; margin:0 1em 1em 0}


/* TABLE
/*-------------------------------------------------------------------------------------------------------*/
#content table {width:100%}
#content table p {margin:0;}
#content table caption {background:#3399CC; color:#fff; padding:0.2em}
#content table thead tr {background:#68C2EF; color:#fff}
#content table tr.tableauLigneAlternee {background:#CFEFFF}
#content th, #content td {padding:8px;}

.post-update {font-size:80%; color:#999; border-top:1px solid #999; clear:both; margin:2em 0 1em}


/********************************************************************************************************/
/* NAVIGATION
/********************************************************************************************************/

/* Main Navbar
/*-------------------------------------------------------------------------------------------------------*/
#nav-main {position:absolute; top:78px;left:205px;font-size:0; height:40px; text-align:left; z-index:200;}
#nav-main ul {list-style:none; line-height:1; margin:0; padding:0;}
#nav-main li {float:left; list-style:none; margin:0; padding:0;}
#nav-main a, #nav-main a:hover {display:block; text-decoration:none; border:none;}
#nav-main a, #nav-main a:visited {display:block; color:#f5f5f4; padding:9px 5px; letter-spacing:0.05em;}
	
#nav-main .element1 {margin-right:10px}	
#nav-main .element1 a, #nav-main .element2 a {background:url(../img/btn-sprite.png); width:150px; text-indent:-9999px; font-size:0; padding:0!important; height:40px;}

#nav-main .element2 a, #nav-main .element2 a:visited {background:url(../img/btn-sprite.png) no-repeat; background-position:0px -40px}


#nav-main .element1 a:hover, #nav-main .element1 a:active, #nav-main .element1 a.on {background-position:-150px 0}

#nav-main .element2 a:hover, #nav-main .element2 a:active, #nav-main .element2 a.on {background-position:-150px -40px}	
	
/* NAV 2 
/*-------------------------------------------------------------------------------------------------------*/
#nav-secondary {position:absolute; top:0; right:200px; text-transform:uppercase; z-index:100;}
#nav-secondary ul {list-style-type:none; margin:0;}
#nav-secondary li {float:left;padding:7px 7px 8px 10px;background:url(../img/nav-secondary-li-bg.png) repeat-y left}
#nav-secondary li a {padding:0; color:#46a0c9; text-decoration:none;}
#nav-secondary li a:hover {text-decoration:underline}
#nav-secondary li.item134 {color:#c55b1c; background:url(../img/icon-rss.png) no-repeat left; padding-left:20px}
#nav-secondary li.item134 a {color:#c55b1c;}


/* HOMEPAGE
/*-------------------------------------------------------------------------------------------------------*/
.homepage #breadcrumb, .homepage h1 {display:none}
.homepage #sidebar {background:none; padding-top:10px}



/********************************************************************************************************/
/* DIVERS
/********************************************************************************************************/
.petit-texte {font-size:80%}


/********************************************************************************************************/
/* STRUCTURE FORMULAIRE
/********************************************************************************************************/
.csc-mailform {border-bottom:1px solid #fff;}
#mailform fieldset {border:1px solid #618696; padding:15px 15px 15px 15px!important; margin:0!important; width:93%;}
#mailform .csc-mailform-field {clear:both; display:block; padding-bottom:10px;}
#mailform .csc-mailform-label {display:block; padding:10px 0; margin:20px 0 0 0; font-weight:bold;}
#mailform .csc-mailform-submit {background-color:#3399CC; color:#fff; font-weight:bold; border:0; padding:2px; float:right!important; width:auto!important;}
#mailform .csc-mailform-field input {float:left; width:280px;}
#mailform .csc-mailform-field textarea {float:left; width:280px; margin:0px 0px 5px 0px;}
#mailform .csc-mailform-field fieldset {border:none; padding:0!important; margin:0!important; width:95%;}
#mailform .csc-mailform-field .FORMchamps {width:auto}
#mailform .csc-mailform-radio {float:left;}
#mailform .csc-mailform-radio input {float:left; width:auto; clear:both;margin:0;} 
#mailform .csc-mailform-radio label {width:auto; padding:0 0 10px 10px; text-align:left; margin:0;}
#mailform .csc-form-fieldradiocell br {display:none;}
#mailform .csc-mailform-check {float:left;margin:0 5px 0 0;} 
#mailform .FORMchamps label {margin:0;float:none;}
#mailform .csc-mailform-radio fieldset {clear:both!important; ; padding:0!important; margin:0!important; width:auto;}
#mailform textarea {font-family:Arial, Helvetica, sans-serif;}
#mailform label {float:left; padding-right:2%; text-align:right; margin:5px 0px;}
#mailform legend {display:none; padding:0; margin:0;}

.FORMoblig em, .FORMlibelleoblig, .formObligatoire {color:#FF0000;}

.FORM {text-align:left; margin:1px 1px 20px 1px;}
.FORM fieldset {padding:0px 10px 8px 10px; margin:0px 0px 2px 0px; width:95%;}
	.FORM fieldset input {padding:0.05em 0.2em;}
	.FORM fieldset div.FORMsep {margin:0; clear:both;}
.FORM legend {margin:0px 7px 0px 7px; padding:0px 5px 5px 5px; background:transparent;}	
.FORM textarea {padding:5px 0 5px 5px; width:80%;}
.FORM select.FORMliste {width:70%}
.FORMetapes {margin-bottom:20px;}
.FORMlibelles {float:left; width:38%; padding-right:2%; text-align:right; margin:5px 0px; padding-top:0px;}
.FORMchamps {float:left; width:60%; margin:5px 0px}
.FORM fieldset div.FORMsep {margin:0; clear:both;}
.FORMtexteetape {margin-bottom:20px;}
.FORMerreurglobale {margin-bottom:20px;}
.FORMvalider {margin:10px 0px 0px 0px; text-align:right; padding:0px 10px 0px 10px}
	.FORMvalider input {padding:2px!important;}
.FORMparagraphe {padding:10px 0px;}
.FORMlibelleoblig {margin:0px 0 5px 0; font-style:italic;}
.FORMdateCalpicto {vertical-align:top}
.FORMerreurmasque {display:none;}
.FORMerreuraffiche {display:block;}

#content .FORM ul {margin:0px; padding:0px;list-style-type:none;}
#content .FORM li {margin:0px 0px 10px 0px; padding:0px;list-style-type:none;}
#content .FORM label {font-weight:bold;}

/*** mini cal ***/
#FORMdateCal {height:auto; position:absolute; visibility:hidden; width:150px; z-index:100;}
.FORMdateCalcpYearNavigation, .FORMdateCalcpMonthNavigation	 {text-align:center; vertical-align:middle;}
TD.FORMdateCalcpDayColumnHeader {text-align:right;}
.FORMdateCalcpCurrentMonthDate,. FORMdateCalcpOtherMonthDate, .FORMdateCalcpCurrentDate {text-align:right; text-decoration:none;}
A.FORMdateCalcpTodayText,SPAN.FORMdateCalcpTodayTextDisabled {height:20px;}


/* Personnaliser
/*-------------------------------------------------------------------------------------------------------*/
.FORM textarea {font-family:Arial, Helvetica, sans-serif; border:1px solid #A5ACB2}
.FORMerreur {color:#CC0000; font-weight:bold}
.FORMlegende {color:#999;}
.FORMerreurglobale {padding:7px 0px 7px 0px; font-weight:bold; color:#CC0000;}
.FORM legend {color:#224C62}
.FORM fieldset {border:1px solid #618696;}
.FORMheure {width:55px}
.FORMminutes {width:45px}
.FORMoblig {font-weight:bold;} 
	.FORMoblig em, .FORMlibelleoblig em {color:#FF0000;}
/*** Mise en avant des champs en cours d'utilisation ***/
.FORMfocus {background-color:#DCDDE8;}
/*** Retour à l'état normal après l'utilisation ***/
.FORMvalider input {background-color:#224C62; color:#fff; font-weight:bold; border:0; padding:2px;}


/* 2 VOLETS
/*-------------------------------------------------------------------------------------------------------*/
#onglets {position:absolute; top:128px; left:25px; background:#fff url(../img/degrade-volet.png) bottom repeat-x; width:540px;  color:#000; text-align:center; z-index:1500; color:#666}
#rechercher {width:530px; border:5px solid #ccc;display:none;top: 128px;z-index: 50;position: absolute;background: white;left: 25px;}

#visiter {width:530px; border:5px solid #ccc; display:none;top: 128px;z-index: 50;position: absolute;background: white;left: 25px;}

#rechercher, #visiter {top: 0;left: 0;}
#visiter {height:250px;}

#rechercher li {overflow:hidden; border-bottom:1px solid #e4e4e4; padding:2px 0; margin:0px; width:230px!important; margin-right:20px; float:left; font-size:120%}
#rechercher li.alternate {margin:0}
#rechercher li span {padding-right:5px!important;}
#rechercher .FORM li input {width:auto!important;}	
#rechercher .FORM .FORMchamps {width:auto;}
#rechercher fieldset {border:none;margin:10px 5px;}
#rechercher .tx-indexedsearch-whatis {display:none;}
#rechercher .tx-indexedsearch-res {display:none;}
#rechercher .tx-indexedsearch-browsebox {display:none;}

#rechercher #submit-rechercher {float:right;}

#rechercher .btn-close-cross{position:absolute; text-align:right; width:100%; left:-10px;top:5px;}	
#visiter .btn-close-cross{position:absolute; text-align:right; width:100%; left:-10px;top:5px;}

.nuageAccueil{position:relative;}
ul.listNuageAccueil {text-align:center;position:absolute;margin:20px 10px 10px 10px ;padding:0;top:0;left:0;}
ul.listNuageAccueil li{list-style-type:none;text-align:center;position:absolute;}
ul.listNuageAccueil li a{text-decoration:none;text-align:center;margin:5px;font-size:1.667em;position:absolute;}
ul.listNuageAccueil li a:hover{font-size:2em;}

ul.listNuageAccueil li.nuage-937 a{color:#016701;top:0;left:0;width:180px;text-align:center;}
ul.listNuageAccueil li.nuage-938 a{color:#6d6d6d;top:0;left:180px;width:180px;text-align:center;}
ul.listNuageAccueil li.nuage-31 a{color:#016701;top:0;left:340px;width:180px;text-align:center;}

ul.listNuageAccueil li.nuage-30 a{color:#6d6d6d;top:35px;left:40px;width:75px;text-align:center;}
ul.listNuageAccueil li.nuage-29 a{color:#016701;top:35px;left:140px;width:55px;text-align:center;}
ul.listNuageAccueil li.nuage-28 a{color:#6d6d6d;top:35px;left:205px;width:100px;text-align:center;}
ul.listNuageAccueil li.nuage-27 a{color:#016701;top:35px;left:340px;width:100px;text-align:center;}

ul.listNuageAccueil li.nuage-26 a{color:#6d6d6d;top:70px;left:0;width:180px;text-align:center;}
ul.listNuageAccueil li.nuage-25 a{color:#016701;top:70px;left:200px;width:100px;text-align:center;}
ul.listNuageAccueil li.nuage-24 a{color:#6d6d6d;top:70px;left:300px;width:180px;text-align:center;}

ul.listNuageAccueil li.nuage-39 a{color:#016701;top:105px;left:0;width:100px;text-align:center;}
ul.listNuageAccueil li.nuage-38 a{color:#6d6d6d;top:105px;left:130px;width:100px;text-align:center;}
ul.listNuageAccueil li.nuage-37 a{color:#016701;top:105px;left:250px;width:100px;text-align:center;}
ul.listNuageAccueil li.nuage-36 a{color:#6d6d6d;top:105px;left:380px;width:100px;text-align:center;}

ul.listNuageAccueil li.nuage-35 a{color:#016701;top:140px;left:0;width:260px;text-align:center;}
ul.listNuageAccueil li.nuage-34 a{color:#6d6d6d;top:140px;left:300px;width:200px;text-align:center;}

ul.listNuageAccueil li.nuage-33 a{color:#016701;top:175px;left:0;width:260px;text-align:center;}
ul.listNuageAccueil li.nuage-170 a{color:#6d6d6d;top:175px;left:250px;width:260px;text-align:center;}

/*ul.listNuageAccueil li a.cloud-vert1{color:#016701;font-size:2em;}
ul.listNuageAccueil li a.cloud-vert2{color:#016701;font-size:1.667em;}
ul.listNuageAccueil li a.cloud-vert3{color:#016701;font-size:1.333em;}
ul.listNuageAccueil li a.cloud-gris1{color:#6d6d6d;font-size:1.167em;}
ul.listNuageAccueil li a.cloud-gris2{color:#b1b1b1;font-size:1em;}

ul.listNuageAccueil li a.cloud-vert1:hover{font-size:2.166em;} 
ul.listNuageAccueil li a.cloud-vert2:hover{font-size:2em;}
ul.listNuageAccueil li a.cloud-vert3:hover{font-size:1.667em;}
ul.listNuageAccueil li a.cloud-gris1:hover{font-size:1.333em;}
ul.listNuageAccueil li a.cloud-gris2:hover{font-size:1.167em;}*/


/* VOLET RECHERCHE
/*-------------------------------------------------------------------------------------------------------*/
#onglets .tx-indexedsearch .tx-indexedsearch-whatis, 
#onglets .tx-indexedsearch .tx-indexedsearch-sw, 
#onglets .tx-indexedsearch .tx-indexedsearch-browsebox, 
#onglets .tx-indexedsearch .tx-indexedsearch-res, 
#onglets .tx-indexedsearch .tx-indexedsearch-browsebox{display:none;}

#rechercher .tx-indexedsearch {padding:5px 15px;}
#rechercher .tx-indexedsearch .FORM {margin:0;}
#rechercher .tx-indexedsearch .FORM h2 {color:#bcbcbc; font-size:150%; margin:0 0 0.5em; padding:0; text-align:left; text-transform:uppercase;}
#rechercher .tx-indexedsearch .FORM fieldset {border:none; margin:10px 0px 10px 0px; padding:0px; width:auto; position:relative;}
#rechercher legend {display: block;color: #666;font-size: 150%;margin: 0;padding: 0;}

#rechercher input[type="text"] {background-color: white;color: black;font-size: 16px;border: 3px solid #CCC;width: 224px;margin: 0;margin-right: 15px;padding: 0;padding: 5px;height: 23px;color: #008DE6;float: left;}
#rechercher .tx-indexedsearch .FORM input#submit-rechercher { width:240px; height:37px;  border:none; padding:0; outline:none; vertical-align:baseline; cursor:pointer; float:right;}
#rechercher .tx-indexedsearch .FORM input#submit-rechercher:hover {position:relative; bottom:1px;}
#rechercher .tx-indexedsearch .FORM input#submit-rechercher:active {position:relative; bottom:-1px;}
#rechercher .tx-indexedsearch label {font-weight:normal; display:block; padding:2px 5px 2px 38px;}
#rechercher .tx-indexedsearch label:hover {color:#2e89e4;}
#rechercher .tx-indexedsearch .FORM ul {list-style-type:none; margin:0;}
#rechercher .tx-indexedsearch-radios-down {background:transparent url(../img/icon-rss.png) no-repeat scroll 10px 5px; color:#666666;}
#rechercher .tx-indexedsearch-radios-up {background:transparent url(../img/icon-select-on.png) no-repeat scroll 0 0; color:#2e89e4;}
#rechercher li label{padding:3px 25px;}

#content .media-video {margin:10px auto 10px auto; text-align:center; clear:both;}

/* width:200px; This value is set in the javascript code, to match the width of the search box */
.ac_results {width:200px; background:#f5f5f5; cursor:pointer; position:absolute; left:0; font-size:100%!important; z-index:101; top:40px!important; position:absolute!important; text-align:left!important; width:240px!important; z-index:2000!important;}
.ac_results ul {list-style-position:outside; list-style:none; padding:0; margin:0; border:none!important; width:240px;}
.ac_results iframe
 {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
}
.ac_results li {padding:5px 5px!important; width:230px;}
.ac_results a {width:100%;}
.ac_loading {background:url('../img/indicator.gif') right center no-repeat;}
.over {background:#008DE6!important; color:white; font-weight:normal!important;}


/* MAGAZINE
/*-------------------------------------------------------------------------------------------------------*/
.search-mag button {margin:0; padding:4px}
.search-mag input {padding:8px}


/* PAGINATION
/*-------------------------------------------------------------------------------------------------------*/
#content .pagination {text-align:center; color:#999; border-top:2px solid #DFF1F3; padding-top:1em; margin:1em 0}
#content .pagination a {font-weight:bold; padding:0.2em 0.5em; border:1px solid #ccc}
#content .pagination .paginationResult {float:left;}
#content .pagination .paginationPager {float:right;}
#content .pagination .paginationPagerPrec, #content .pagination .paginationPagerSuiv {font-weight:normal!important; color:#999!important; border:none}
#content .pagination .paginationPagerCourant {color:#000!important; background:#fff; border-color:#fff}


/* PAGE DE RESULTATS DE RECHERCHE /*-------------------------------------------------------------------------------------------------------*/
.tx-indexedsearch-redMarkup {font-weight:bold;}

.tx-indexedsearch-browsebox-strong {font-weight:bold;}
.tx-indexedsearch-browsebox p {display:inline}
.tx-indexedsearch-browsebox .browsebox {padding:0}

.tx-indexedsearch-whatis {font-weight:bold; clear:both}
.tx-indexedsearch-res p {margin:0}

/* pagination*/
.browsebox {padding:15px 0 20px 0; margin:1em 0!important;  text-align:right}
	.browsebox li {display:inline; margin-right:5px!important; background:none!important; padding:0!important}
	.browsebox a {padding:0.2em 0.4em;  text-decoration:none;}
	.browsebox strong a {color:#fff;  background:#fff}
	.browsebox a:hover {color:#fff;  background:#fff}

.tx-indexedsearch-path {margin:0px; color:#999; font-size:80%; display:none}
	.tx-indexedsearch-path a {color:#000; text-decoration:none; font-size:90%;}
	.tx-indexedsearch-path a:hover {text-decoration:underline;}
	
.tx-indexedsearch-dates {margin:0px; font-size:90%;}
.tx-indexedsearch-size {margin:0px; font-size:90%; font-style:italic;}

.tx-indexedsearch-res {border-bottom:1px solid #ccc;}
	.tx-indexedsearch-res img {vertical-align:middle;}
	
.tx-indexedsearch-change-mode {font-size:80%;}
.tx-indexedsearch-hierarchy {font-weight:bold;}

.tx-indexedsearch-item {border-top:1px solid #ccc; margin:2px 0px 6px 0px; padding:1em 0px 0px 0px;}
	.tx-indexedsearch-item .title {margin:0 0 1em 0; font-weight:bold;}
	.tx-indexedsearch-item .title  a {font-size:1.5em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.03em}
	.tx-indexedsearch-item .details {margin:0px 0px 0px 20px;}
	.tx-indexedsearch-item .title img {display:none}
	
	

/* PLAN DU SITE
/*-------------------------------------------------------------------------------------------------------*/
#content .csc-sitemap ul {padding:0; margin:0; line-height:2em; margin-top:1em}
#content .csc-sitemap a, #content .csc-sitemap a:visited {text-decoration:none;}
#content .csc-sitemap a:hover {text-decoration:underline!important; color:#059ADC!important;}
#content .csc-sitemap li {list-style-type:none; margin:0; padding:0; margin-top:1em; background:none;}
#content .csc-sitemap li a, #content .csc-sitemap li a:visited {font-weight:bold; font-size:200%; display:block; margin:0; color:#60B655; padding:0;}
#content .csc-sitemap li li {margin-top:auto}
#content .csc-sitemap li li a,#content .csc-sitemap li li a:visited {font-size:150%; font-weight:normal; color:#059ADC; margin:0; background:none; display:inline; border:none; font-weight:bold; display:block; padding:0:}
#content .csc-sitemap li li a:hover {text-decoration:none; color:#1D64B4;}
#content .csc-sitemap li li a:visited {color:#3399CC}
#content .csc-sitemap li li ul {margin:5px 20px}
#content .csc-sitemap li li li {list-style-type:circle;}
#content .csc-sitemap li li li a,#content .csc-sitemap li li li a:visited {font-size:100%; padding:0; color:#333;font-weight:normal;}
#content .csc-sitemap li li li li a, #content .csc-sitemap li li li li a:visited {font-size:80%; color:#666}


/* RSS
/*-------------------------------------------------------------------------------------------------------*/
#content #flux-rss p {margin-bottom:0.5em;}
#content #flux-rss a img {display:inline;}


/* METEO
/*-------------------------------------------------------------------------------------------------------*/
.tx-artificaweather-pi1 .day .libelle {text-align:center; font-weight:bold}
.tx-artificaweather-pi1 .day .prevision {padding:0px 5px 0px 5px;}
.tx-artificaweather-pi1 #current_box {margin:0px auto 0px auto; padding:0 0 5px 8px; width:200px; border:1px solid #595959;}
.tx-artificaweather-pi1 #current_box_icon {float:left; margin:3px 7px 0px 0px;}
.tx-artificaweather-pi1 #current_box_temp {text-align:center; color:#333; float:left; font-size:22px; font-weight:bold; margin:27px 0 0 9px;}
.tx-artificaweather-pi1 #current_box_feels {text-align:center; color:#666; font-size:11px; margin:5px 0 0 0px;}
.tx-artificaweather-pi1 #current_box_cond {text-align:center;}
.tx-artificaweather-pi1 .otherdays {overflow:hidden; margin:0px; padding:0px;}
.tx-artificaweather-pi1 .otherdays .box {float:left; display:block; margin-right:10px; width:173px; height:350px;}
.tx-artificaweather-pi1 .otherdays .colonnage3 {margin-right:0px;}
.tx-artificaweather-pi1 .otherdays .title {margin:0px 0px 3px 0px; padding:0;}
.tx-artificaweather-pi1 .otherdays .detail {border:1px solid #595959; padding:5px; text-align:center; height:230px;}
.tx-artificaweather-pi1 .otherdays .detail span {font-size:80%;}


/* MESSAGES / ALERTS
/*-------------------------------------------------------------------------------------------------------*/
#content #message {background-color:#FFFBCC!important; margin:20px 0px 15px 0px!important; border-color:#E6DB55!important; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-style:solid; border-width:1px; margin:5px 15px 2px;}
#content #message.error {background-color:#FADEE0!important; border-color:#F7989F!important;}
#content #message p {color:#333333; font-size:14px; line-height:1.2; margin:0.5em 0 !important; padding:2px 5px 2px 5px;}



/********************************************************************************************************/
/* THICKBOX
/********************************************************************************************************/

/* global settings needed for thickbox
/*-------------------------------------------------------------------------------------------------------*/
* {padding:0; margin:0;}
.clear, .spacer {clear:both; height:0.001em!important; margin:0!important; padding:0!important; font-size:0px;}


/* thickbox specific link and font settings
/*-------------------------------------------------------------------------------------------------------*/
#TB_window {font:12px Arial, Helvetica, sans-serif; color:#333333;}

#TB_secondLine {font:10px Arial, Helvetica, sans-serif;color:#666666;}

#TB_window a:link {color:#666666;}
#TB_window a:visited {color:#666666;}
#TB_window a:hover {color:#000;}
#TB_window a:active {color:#666666;}
#TB_window a:focus{color:#666666;}


/* thickbox settings
/*-------------------------------------------------------------------------------------------------------*/
#TB_overlay {position:fixed; z-index:1000; top:0px; left:0px; height:100%; width:100%;}

.TB_overlayMacFFBGHack {background-color:#000;}
.TB_overlayBG {background-color:#000;}

/* ie6 hack */
* html #TB_overlay {position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}

#TB_window {position:fixed; background:#000; z-index:1002; color:#000000; display:none; border:4px solid #000; text-align:left; top:50%; left:50%;}

#TB_buttonsNav {position:fixed; z-index:1001; top:48%; left:0px; width:100%; height:58px;}

* html #TB_buttonsNav {position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

#TB_buttonRight {float:right; margin:0px 10px 0px 0px;}

#TB_buttonLeft {float:left; margin:0px 0px 0px 10px;}

#TB_barreNav {position:fixed; z-index:1001; top:7px; left:0px; width:100%; text-align:center; font-size:20px; padding:5px 0px 5px 0px; color:#fff; background:#0D0D0D; border-top:2px solid #8D8D8D; border-bottom:2px solid #8D8D8D; height:34px;}

/* ie6 hack */
* html #TB_barreNav {position:absolute;}

/* ie6 hack */
* html #TB_window {position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

#TB_window img#TB_Image {display:block; margin:15px 0 0 15px; padding:4px; background:#333; border-right:1px solid #666666; border-bottom:1px solid #666666; border-top:1px solid #666666; border-left:1px solid #666666;}

#TB_caption {height:25px; padding:7px 30px 10px 25px; float:left;}

#TB_closeWindow {position:absolute; margin:0; padding:0px 0px 0px 0px; right:1%; width:23%; top:5px; text-align:right;}

#TB_barreNav_left {position:absolute; margin:0; padding:0px 0px 0px 0px; left:1%; width:23%; top:5px; text-align:left;}

#TB_counter {padding:0; width:50%; margin:5px 25%; text-align:center; color:#909090;}

#TB_closeAjaxWindow {padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right;}

#TB_ajaxWindowTitle {float:left; padding:7px 0 5px 10px; margin-bottom:1px;}

#TB_title {background-color:#e8e8e8; height:27px;}

#TB_ajaxContent {clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}

#TB_ajaxContent.TB_modal {padding:15px;}

#TB_ajaxContent p {padding:5px 0px 5px 0px;}

#TB_load {position:fixed; display:none; height:13px; width:208px; z-index:1003; top:50%; left:50%; margin:-6px 0 0 -104px;}

/* ie6 hack */
* html #TB_load {position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

#TB_HideSelect {z-index:999; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%;}

/* ie6 hack */
* html #TB_HideSelect {position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}

#TB_iframeContent {clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;}


/* STYLE ZOOM TYPO
-------------------------------------------------------------- */
.typo_size1 #contenu {font-size:100%; line-height:1.4em}
.typo_size2 #contenu {font-size:120%; line-height:1.4em}
.typo_size3 #contenu {font-size:140%; line-height:1.4em}
.typo_size4 #contenu {font-size:160%; line-height:1.4em}



/* READSPEAKER
-------------------------------------------------------------- */
.readSpeaker {overflow:hidden; margin-left:208px; margin-bottom:10px; font-weight:bold;}
.readSpeaker span {display:block-inline; float:left; vertical-align:baseline;}
.readSpeaker .text {font-size:12px;}




/* MOTEUR DE RECHERCHE - 17/10/2011
-------------------------------------------------------------- */
body #wrap #corps #content #contenu .searchengine {}

body #wrap #corps #content #contenu .searchengine .pagination {
	text-align:left;
	overflow:hidden;
	height:20px;
}
body #wrap #corps #content #contenu .searchengine .pagination span {
	float:left; display:block;
}
body #wrap #corps #content #contenu .searchengine .pagination span.pages {
	float:right; font-size:0.95em;
}
body #wrap #corps #content #contenu .searchengine ul {
	margin:0!important; padding:0!important;
}
body #wrap #corps #content #contenu .searchengine ul li {
    border-top: 1px solid #CCCCCC!important;
    margin: 2px 0 6px;
    padding: 1em 0 0;
	list-style-type :none;
	
}
body #wrap #corps #content #contenu .searchengine ul li p {margin-bottom:0.2em;}
body #wrap #corps #content #contenu .searchengine ul li a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.5em;
    letter-spacing: -0.03em;
    line-height: 1.2em;
	margin: 0 0 1em;
	margin-bottom: 0.8em;
}

body #wrap #corps #content #contenu .searchengine ul li .rating {
    color: #999999;
    display: inline-block;
    float: right;
    font-weight: normal;
}

.searchengine a {background:url("../img/icons/ico-file.png") no-repeat 0 6px; display:block; padding-left:20px;}
.searchengine .pages a {background:none; display:inline;}
.searchengine .pdf a {background:url("../img/icons/ico-pdf.png") no-repeat 0 6px;}
.searchengine .doc a {background:url("../img/icons/ico-doc.png") no-repeat 0 6px;}
.searchengine .img a {background:url("../img/icons/ico-img.png") no-repeat 0 6px;}
.searchengine .ppt a {background:url("../img/icons/ico-ppt.png") no-repeat 0 6px;}
.searchengine .xls a {background:url("../img/icons/ico-xls.png") no-repeat 0 6px;}

/*-------------------------------------------------------------------------------------------------------*/
/* CINEMAS
/*-------------------------------------------------------------------------------------------------------*/
#content .cinemas { margin-bottom:20px; }
#content .cinemas ul.cinemaList { margin:0; padding:0; }
#content .cinemas ul.cinemaList li { margin:0; padding:0; border:1px solid #CCC; height:30px;   }
#content .cinemas ul.cinemaList li.cine-1 { background:#cfefff; border-top:none;}
#content .cinemas ul.cinemaList li:first-child { border-top:1px solid #CCC; background:#cfefff;}
#content .cinemas ul.cinemaList li.cine-2 {background:#fff; border-top:none; }

#content .cinemas ul.cinemaList li .text h2 { margin:0; padding:5px 10px 0; color:#1F9E2D; font-weight:normal; font-size:1.15em; border:none; border-left:1px solid #CCC; height:25px; text-decoration:underline; }

#content .cinemas ul.cinemaList li .text p.cinemaDate { color:#42423D; font-weight:normal; font-size:1em; margin:5px 10px 0; width:220px; }

#content .cinemas ul.cinemaList li .text {}
#content .cinemas ul.cinemaList li .text h2 a {}
#content .cinemas ul.cinemaList li .text p img {}
#content .cinemas ul.cinemaList li .text span.theme, 
#content .cinemas ul.cinemaList li .text span.lieu {}
/*-------------------------------------------------------------------------------------------------------*/
#content .cinemas { margin-bottom:20px; }
#content .cinemas ul.cineFiche { margin:0; padding:0; }
#content .cinemas ul.cineFiche li { margin:0; padding:0; height:30px;   }

#content .cinemas ul.cineFiche li h2 { margin:0; padding:5px 0; color:#42423D; border:none; height:25px; text-decoration:none; }

#content .cinemas ul.cineFiche li .text p.cinemaDate { color:#42423D; font-weight:normal; font-size:1em; margin:5px 10px 0; width:220px; }
#content .cinemas ul.cineFiche li .text p.date {}

#content .cinemas ul.cineFiche li .text {}
#content .cinemas ul.cineFiche li .text h2 a {}
#content .cinemas ul.cineFiche li .text span.theme, 
#content .cinemas ul.cineFiche li .text span.lieu {}

#content .cinemas .cineFiche > p { color:#42423D; font-weight:normal; font-size:1em; margin:0 10px 10px; }
#content .cinemas .cineFiche table { border:1px solid #bbb; width:100%; border-collapse:collapse; margin-top:10px; }
#content .cinemas .cineFiche table caption { color:#333; background:#fff; border:none; font-weight:bold; }
#content .cinemas .cineFiche table td { border:1px solid #ccc; padding:10px; font-weight:normal; font-size:0.75em!important; color:#333; }
#content .cinemas .cineFiche table tr.liste_paire { background:#CFEFFF; }

#content .cinemas .cineFiche h3 { font-weight:bold; font-size:1.5em; color:#333; margin:10px }
.button {background: url("../img/bg-menu.png") repeat-x #0673BA;}