@charset "utf-8";

/* ::::::::::::::::::::: */
/* ::::: reset css ::::: */
/* ::::::::::::::::::::: */

html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre
				{ display: block; }
head            { display: none; }
table           { display: table; }
tr              { display: table-row; }
thead           { display: table-header-group; }
tbody           { display: table-row-group; }
tfoot           { display: table-footer-group; }
col             { display: table-column; }
colgroup        { display: table-column-group; }
td, th          { display: table-cell; }
caption         { display: table-caption; }
th              { font-weight: bolder; text-align: center; }
caption         { text-align: center; }
body            { margin: 8px; }
h1              { font-size: 2em; margin: .67em 0; }
h2              { font-size: 1.5em; margin: .75em 0; }
h3              { font-size: 1.17em; margin: .83em 0; }
h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu
				{ margin: 0 0 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0; }
h6              { font-size: .75em; margin: 1.67em 0; }
h1, h2, h3, h4, h5, h6, b, strong
				{ font-weight: bolder; }
blockquote      { margin-left: 40px; margin-right: 40px; }
i, cite, em, var, address
				{ font-style: italic; }
pre, tt, code, kbd, samp
				{ font-family: monospace; }
pre             { white-space: pre; }
button, textarea, input, select		
				{ display: inline-block; }
big             { font-size: 1.17em; }
small, sub, sup { font-size: .83em; }
sub             { vertical-align: sub; }
sup             { vertical-align: super; }
table           { border-spacing: 2px; }
thead, tbody, tfoot
				{ vertical-align: middle; }
td, th          { /*vertical-align: inherit;*/ }
s, strike, del  { text-decoration: line-through; }
hr              { border: 1px inset; }
ol, ul, dir, menu, dd
				{ margin-left: 40px; }
ol              { list-style-type: decimal; }
ol ul, ul ol, ul ul, ol ol
				{ margin-top: 0; margin-bottom: 0; }
u, ins          { text-decoration: underline; }
:before, :after { white-space: pre-line; }
center          { text-align: center; }
:link, :visited { text-decoration: underline; }
:focus          { outline: thin dotted invert; }
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override; }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override; }
*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed; }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed; }
@media print
{
	h1			{ page-break-before: always; }
	h1, h2, h3, h4, h5, h6
				{ page-break-after: avoid; }
	ul, ol, dl	{ page-break-before: avoid; }
}
img				{ border: 0; }
ul, ol			{ padding-left: 0; }

/* ::::::::::::::::::::::: */
/* ::::: default css ::::: */
/* ::::::::::::::::::::::: */

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-bolditalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('fonts/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabolditalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-lightitalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibolditalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('fonts/opensans-condbold-webfont.eot');
    src: url('fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condbold-webfont.woff') format('woff'),
         url('fonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('fonts/opensans-condbold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedLightRegular';
    src: url('fonts/opensans-condlight-webfont.eot');
    src: url('fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condlight-webfont.woff') format('woff'),
         url('fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('fonts/opensans-condlight-webfont.svg#OpenSansCondensedLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedLightItalic';
    src: url('fonts/opensans-condlightitalic-webfont.eot');
    src: url('fonts/opensans-condlightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condlightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-condlightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-condlightitalic-webfont.svg#OpenSansCondensedLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

img[align=left], img[align=right], img.floatleft, img.floatright	{ display: block; /*padding: 5px; border: 1px solid #ddd; background: #fafafa;*/ margin-bottom: 10px; }
img[align=left], img.floatleft					{ float: left; margin-right: 20px; }
img[align=right], img.floatright					{ float: right; margin-left: 20px; }

#marker-container	{ width: 0; height: 0; overflow: hidden; }

body
{
	margin: 0;
}

body, input, textarea, table
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

body, input, textarea, table, a
{
	color: #1a171b;
}

a:hover
{
	text-decoration: none;
}

/* :::::::::::::::::::::::: */
/* ::::: styles iSens ::::: */
/* :::::::::::::::::::::::: */

h1.titre-bloc
{
	font-size: 1.6em;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 1em;
}

h2.titre-paragraphe,
#corps h2.stitre1
{
	font-size: 24px;
	font-size: 1.5rem;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 2em 0 .6em 0;
	padding: 0;
	line-height: 1em;
	letter-spacing: -1px;
	color: #DB136C;
}

#bloc_infos h2.stitre1
{
	margin-top: 0;
}

span.mise-en-valeur
{
	font-size: 1.9em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	color: #DB136C;
}

h2.titre-paragraphe em
{
	display: block;
	font-size: .7em;
	font-style: normal;
}

h2.titre-paragraphe a,
#corps h2.stitre1 a
{
	text-decoration: none;
}

h3.titre-paragraphe
{
	font-size: 1.3em;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1em;
	color: #353535;
}

span.opensans
{
	font-size: 1.3em;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	color: #353535;
}

span.couleur,
a.couleur
{
	color: #DB136C;
}

a.couleur
{
	text-decoration: underline;
}

a.couleur:hover
{
	text-decoration: none;
}

ul.liste-puces,
ul.puces-etroites,
#corps ul.generated
{
	margin: 0 0 25px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

ul.liste-puces ul,
#corps ul.generated ul
{
	list-style: none;
}

ul.liste-puces li,
#corps ul.generated li
{
	padding-left: 13px;
	background: url(img/puce-rose.png) no-repeat 0 7px;
	margin-bottom: 5px;
}

ul.puces-etroites
{
	margin: 0px;
	line-height: 1em;
}

ul.puces-etroites li,
#corps ul.generated li
{
	padding-left: 13px;
	background: url(img/puce-rose.png) no-repeat 0px;
	background-position: 0 .4em;
	margin-bottom: 5px;
}

#corps ul.generated li a
{
	text-decoration: none;
}
#corps ul.generated li a:hover
{
	text-decoration: underline;
}

a.lien,
a.lien-back,
a.deroul
{
	padding-left: 18px;
	text-decoration: none;
	font-size: 1.6em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	color: #20272c;
	line-height: 1em;
}

a.lien {
	background: url(img/fleche-rose-strong.png) no-repeat 0 4px;
}

a.lien-back {
	background: url(img/fleche-rose-strong-back.png) no-repeat 0 4px;
}

a.deroul {
	background: url(img/deroul.png) no-repeat 0 4px;
}

a.lien-blanc {
	padding-left: 18px;
	text-decoration: none;
	font-size: 1.6em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 1em;
	background: url(img/fleche-blanche-strong.png) no-repeat 0 4px;
}

a.pdf
{
	text-decoration: none;
	background: url(img/pdf.png) no-repeat;
	color: #353535;
	font-size: 1.3em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	padding-left: 57px;
}

a.word
{
	text-decoration: none;
	background: url(img/word.png) no-repeat;
	color: #353535;
	font-size: 1.3em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	padding-left: 57px;
}

a.excel
{
	text-decoration: none;
	background: url(img/excel.png) no-repeat;
	color: #353535;
	font-size: 1.3em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	padding-left: 57px;
}

a.excel:hover
{
	background: url(img/excel-hover.png) no-repeat;
	cursor:pointer;
}

a.zip
{
	text-decoration: none;
	background: url(img/zip.png) no-repeat;
	color: #353535;
	font-size: 1.3em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	padding-left: 57px;
}

#corps a.pdf, a.word, a.excel, a.zip
{
	display: inline-block;
	line-height: 49px;
	padding-top: 3px;
}

hr
{
	border: 0;
	height: 1px;
	border-top: 1px solid #e4e4e4;
	margin: 1.3em 0;
	color: #e4e4e4;
	clear: both;
}

/* styles speciaux pour faire 1 colonne image et une colonne texte et inversement */

div.colonne-gauche-etroite,
div.colonne-droite-etroite,
div.colonne-droite-large,
div.colonne-gauche-large,
div.colonne-gauche-etroite-2,
div.colonne-droite-etroite-2,
div.colonne-droite-large-2,
div.colonne-gauche-large-2
{
	margin: 0 0 2.5em 0;
}

div.colonne-gauche-etroite p,
div.colonne-droite-etroite p,
div.colonne-droite-large p,
div.colonne-gauche-large p,
div.colonne-gauche-etroite-2 p,
div.colonne-droite-etroite-2 p,
div.colonne-droite-large-2 p,
div.colonne-gauche-large-2 p
{
	margin: 0 0 1.5em 0;
	padding: 0;
}

div.colonne-droite-large,
div.colonne-droite-large-2
{
	padding-left: 2%;
}

div.colonne-gauche-large,
div.colonne-droite-large-2
{
	padding-right: 2%;
}

div.colonne-gauche-etroite,
div.colonne-droite-etroite
{
	border: 2px solid #FFFF00;
}

div.colonne-gauche-etroite-2,
div.colonne-droite-etroite-2
{
	border: 2px solid #58CADC;
}

div.colonne-gauche-large,
div.colonne-droite-large
{
	border: 3px solid #008000;
}

div.colonne-gauche-large-2,
div.colonne-droite-large-2
{
	border: 3px solid #ff0000;
}

#corps div.colonne-gauche-etroite,
#corps div.colonne-droite-etroite,
#corps div.colonne-droite-large,
#corps div.colonne-gauche-large,
#corps div.colonne-gauche-etroite-2,
#corps div.colonne-droite-etroite-2,
#corps div.colonne-droite-large-2,
#corps div.colonne-gauche-large-2
{
	float: left;
	border: 0;
}

#corps div.colonne-gauche-etroite,
#corps div.colonne-droite-etroite
{
	/*width: 23%;*/
	width: 29%;
	text-align: center;
}
#corps div.colonne-droite-large,
#corps div.colonne-gauche-large
{
	/*width: 74%;*/
	width: 69%;
}

#corps div.colonne-gauche-etroite-2,
#corps div.colonne-droite-etroite-2
{
	width: 39%;
	text-align: center;
}
#corps div.colonne-droite-large-2,
#corps div.colonne-gauche-large-2
{
	width: 57%;
}

#corps div.colonne-droite-large h2.titre-paragraphe,
#corps div.colonne-gauche-large h2.titre-paragraphe,
#corps div.colonne-droite-large-2 h2.titre-paragraphe,
#corps div.colonne-gauche-large-2 h2.titre-paragraphe
{
	margin-top: 0;
}

/* styles speciaux pour 3 colonnes : texte | image | texte */

div.colonne-1
{
	border: 1px solid #08a4c3;
}

div.colonne-2
{
	border: 1px dotted #08a4c3;
}

div.colonne-3
{
	border: 1px solid #008000;
}

#corps div.colonne-1,
#corps div.colonne-2,
#corps div.colonne-3
{
	float: left;
	border: 0;
}

#corps div.soustitre div.colonne-1,
#corps div.soustitre div.colonne-2,
#corps div.soustitre div.colonne-3
{
	font-size: .8em;
}

#corps div.soustitre div.colonne-1 h2.titre-paragraphe
{
	font-size: 1.4em;
}

#corps div.soustitre div.colonne-3 li
{
	background-position: 0 10px;
}

#corps div.colonne-1
{
	width: 16%;
	padding-right: 2%;
}

#corps div.colonne-2
{
	width: 26%;
}

#corps div.colonne-3
{
	width: 56%;
}

div.fond
{
	background: #ebe8ea;
	padding: 25px;
	margin-bottom: 25px;
}div.fond2{	background: #ebe8ea;	padding: 25px;	margin-bottom: 25px;		width:400px;}

/* ------------------------------------------------- */
/* -- liste de documents avec visuel slidemachine -- */
/* ------------------------------------------------- */

ul.liste-documents
{
	background: #ebe8ea;
}

#corps ul.liste-documents
{
	margin: 0 0 25px 0;
	padding: 25px 25px 0 25px;
	list-style: none;
	overflow: hidden;
}

#corps ul.liste-documents li
{
	border: 2px solid #ff0000;
	height: 170px;
	margin-bottom: 25px;
}

#corps ul.liste-documents li
{
	width: 19%;
	padding-right: 1%;
	float: left;
	border: 0;
	text-align: center;
}

#corps ul.liste-documents li strong
{
	display: block;
	font-size: 1.2em;
	font-weight: normal;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	margin-top: 3px;
}

#main-container ul.pager
{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#main-container ul.pager li
{
	display: block;
	float: left;
}

#main-container ul.pager li a
{
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-decoration: underline;
	display: block;
	padding: 9px;
}

#main-container ul.pager li a:hover,
#main-container ul.pager li.selected a,
#main-container ul.pager li.selected a:hover
{
	color: #fff;
}

/* -------------------------------------------- */
/* -------- liste de pictos header ------------ */
/* -------------------------------------------- */

a.aqua,
a.theatre,
a.cine,
a.media,
a.civ,
a.enfance,
a.recrutement
{
	background-repeat: no-repeat;
	background-position: 0 center;
}

a.aqua:hover,
a.theatre:hover,
a.cine:hover,
a.media:hover,
a.civ:hover,
a.enfance:hover,
a.recrutement:hover
{
	text-decoration: underline;
}

a.aqua
{
	background-image: url(img/icone-centre-aquatique.png);
	padding-left: 19px;
}

a.theatre
{
	background-image: url(img/icone-theatre.png);
	padding-left: 17px;
}

a.cine
{
	background-image: url(img/icone-cinema.png);
	padding-left: 21px;
}

a.media
{
	background-image: url(img/icone-mediatheque.png);
	padding-left: 16px;
}

a.civ
{
	background-image: url(img/icone-etat-civil.png);
	padding-left: 24px;
}

a.enfance
{
	background-image: url(img/icone-enfance.png);
	padding-left: 19px;
}

a.recrutement
{
	background-image: url(img/icone-recrutement.png);
	padding-left: 16px;
}



/* -------------------------------------------- */
/* ------ liste pictos reseaux sociaux -------- */
/* -------------------------------------------- */


a.newsletter,
a.twitter,
a.icineuilly,
a.facebook,
a.instagram,
a.youtube
{
	padding-left: 45px;
	color: #20272c;
	text-decoration: none;
	/*font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	font-size: 1.7em;*/
	font-size: 1em;
	font-weight: bold;
	margin: 1px 0px;
}

a.icineuilly:hover,
a.newsletter:hover,
a.twitter:hover,
a.facebook:hover,
a.instagram:hover,
a.youtube:hover
{
	color: #db186f;
}

a.icineuilly
{
	background: url(img/picto-icineuilly.png) no-repeat 0px 0;
}

a.newsletter
{
	background: url(img/icone-newsletter.png) no-repeat 5px 0;
}

a.twitter
{
	background: url(img/icone-twitter.png) no-repeat 5px 0;
}

a.facebook
{
	background: url(img/icone-facebook.png) no-repeat 5px 0;
}

a.instagram
{
	background: url(img/icone-instagram.png) no-repeat 5px 0;
}

a.youtube {
    background: url(img/icone-youtube.png) no-repeat 5px 0;
}

div.clear { display: block; overflow: hidden; height: 0; clear: both; }

a.mediabox
{
	
}

table.tableau1
{
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1.5em;
}

table.tableau1 th
{
	background: #EBE8EA;
	padding: 4px 8px;
	text-align: left;
	font-size: 1.2em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1em;
}

table.tableau1 td
{
	border-bottom: 1px solid #EBE8EA;
	padding: 4px 8px;
}

table.actiaqua {
	border: 1px solid #EBE8EA;
	border-collapse: collapse;
}

table.actiaqua th,
table.actiaqua td {
	border: 1px solid #EBE8EA;
}

span.small
{
	font-size: .8em;
}

/* ajouts 06/09/2012 josian */

ul.liste-vignettes
{
	color: red;
}

div.colonne-moitie
{
	border: 2px solid #ccc;
	margin: 0 0 1em 0;
}
div.resume{/* ajout jeremy BOIG */margin-bottom:30px;}
div.colonne-tiers
{
	border: 2px solid #444;
	margin: 0 0 1em 0;
}

h2.titre-paragraphe:first-child,
h3.titre-paragraphe:first-child
{
	margin-top: 0;
}

/* AJOUTS NICOLAS SUPPLISSON */
div.survol:hover, tr.survol:hover, td.survol:hover {
	cursor:pointer;
	background-color:#FFEAD3;
}

div.survolrouge:hover, tr.survolrouge:hover, td.survolrouge:hover {
	cursor:pointer;
	background-color:#B50B27;
	color:#FFFFFF;
	font-weight: bold;
}

div.survol img.select {
    filter: gray alpha(opacity=40); /* IE6-9 */
	opacity: 0.4;
}

div.survol:hover img.select {
    filter: none; /* IE6-9 */
	opacity: 1;
}

div.survol-rose:hover, tr.survol-rose:hover, td.survol-rose:hover {
	cursor:pointer;
	background-color:#FFBBA3;
}

div.survol-grille {
	background-color:#EFEFEF;
	display: block;
	float: left;
	text-align: center;
	height: 124px;
	width: 124px;
	margin: 0px 12px 12px 0px;
}

div.dernier-carre {
	margin: 0px 0px 12px 0px;
}


div.survol-grille:hover {
	cursor:pointer;
	background-color:#FFEAD3;
}

div.survol-election {
	background-color:#EFEFEF;
}

div.survol-election:hover {
	cursor:pointer;
	background-color:#FFEAD3;
}

img.gris {
    filter: url(css/filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

a.modifier {
	color: #808080 !important;
	font-size: 0.8em;
}

a.modifier:hover {
	color: #B50B27 !important;
}

div.bloc-demarches {
	display: block;
	float: right;
	margin-top: 9px;
	/*background-color: #8A8A8A;*/
	background-color: #C366B5;
	padding: 5px 10px 5px 10px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

label.newsletter { 
    display: block; 
    border-bottom: 1px solid #EBE8EA;
    min-height: 70px;
	padding: 1px 0px 0px 130px;
	background-size: 110px Auto;
	background-repeat: no-repeat;	
	background-position: 10px 14px;
	}

label.newsletter:hover {
	background-color : #FFEAD3;
	cursor: pointer;
	}

label.actualite {
background-image: url('img/neuilly-actualite.png');
	}

label.culture {
	background-image: url('img/theatre-des-sablons.png');
	}

label.neuillylab {
	background-image: url('img/neuillylab.png');
	}

label.campus {
	background-image: url('img/neuilly-campus.png');
	}

label.copro {
	background-image: url('img/neuilly-copro.png');
	}

#hiddenactualite, #hiddenculture, #hiddenneuillylab, #hiddencampus, #hiddencopro {  
	visibility: hidden;  
	}

div.petit-bouton, a.petit-bouton
{
	display: inline-block;
	background-color: #B50B27;
	text-align: center;
	font-size: 1em;
	height: 17px;
	width: 80px;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	color: #fff !important;
	text-decoration: none;
}

div.petit-bouton:hover, a.petit-bouton:hover
{
	background-color: #C7485D;
	cursor: pointer;
}

div.grand-bouton, a.grand-bouton
{
	display: inline-block;
	cursor: pointer;
	background-color: #B50B27;
	text-align: center;
	font-size: 1.4em;
	height: 25px;
	line-height: 1.5em;
	width: 120px;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #fff !important;
	text-decoration: none;
}

div.sommeil, a.sommeil
{
	background-color: #EAE8EA;
	color: #505050 !important;
}

div.grand-bouton:hover, a.grand-bouton:hover
{
	background-color: #C7485D;
	cursor: pointer;
	color: #fff !important;
}

div.onglet-actif
{
	display: inline-block;
	background-color: #B50B27;
	text-align: center;
	font-size: 1.5em;
	font-weight; bold;
	padding: 5px 10px 5px; 10px;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	color: #fff;
}

div.onglet-inactif
{
	display: inline-block;
	background-color: #EFEFEF;
	text-align: center;
	font-size: 1.5em;
	font-weight; bold;
	padding: 5px 10px 5px; 10px;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	color: #000;
}

div.onglet-inactif:hover
{
	background-color: #C7485D;
	cursor: pointer;
	color: #fff;
}

@media print
{    
    .hide-print, .hide-print *
    {
        display: none !important;
    }
}


span.categorie-grille
{
	display: block;
	color: #888888;
	font-size: .9em;
	border-bottom: 1px solid #ececec;
	margin-bottom: 14px;
}

span.label-grille
{
    display: inline-block;
    background: #ececec;
    padding: 5px 10px;
}

.bold, span.gras {
    font-family: OpenSansbold, Arial, Helvetica, sans-serif;
}

.uppercase, span.majuscule {
    text-transform: uppercase;
}

span.exergue {
    font-family: OpenSansbold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

a.loupe
{
	padding-left: 25px;
	background: url(img/picto-rechercher.png) no-repeat 5px 0;
	margin: 1px 0px;
}

a.iphone
{
	display: block;
	background: url(img/appstore.png) no-repeat 0px 0px;
	padding: 13px 0px 13px 45px;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
}

a.android
{
	display: block;
	background: url(img/googleplay.png) no-repeat 0px 0px;
	padding: 13px 0px 13px 45px;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
}

div.services
{
	display: block;
	float: left;
	width: 120px;
	height: 37px;
	background: #ececec;
	background-image: url(img/services/groupe.png);
	background-repeat: no-repeat;
	background-position: 22px 5px;
	padding: 87px 2px 0px 2px;
	margin: 0px 10px 10px 0px;
	text-align: center;
	vertical-align: bottom;
	font-size: 1.3em;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	color: #353535;
	text-decoration: none;
}

div.services:hover
{
	background: #B50B27;
	color: #FFFFFF;	
	background-repeat: no-repeat;
	background-position: 22px 5px;
}

div.groupe
{
	background-image: url(img/services/groupe.png);	
}

div.groupe:hover
{
	background-image: url(img/services/groupe-hover.png);
}

div.modele
{
	background-image: url(img/services/modele.png);	
}

div.modele:hover
{
	background-image: url(img/services/modele-hover.png);
}

div.composer
{
	background-image: url(img/services/composer.png);	
}

div.composer:hover
{
	background-image: url(img/services/composer-hover.png);
}

div.stat
{
	background-image: url(img/services/stat.png);	
}

div.stat:hover
{
	background-image: url(img/services/stat-hover.png);
}

div.ncampus
{
	background-image: url(img/services/ncampus.png);	
}

div.ncampus:hover
{
	background-image: url(img/services/ncampus-hover.png);
}

div.sync
{
	background-image: url(img/services/sync.png);	
}

div.sync:hover
{
	background-image: url(img/services/sync-hover.png);
}

div.listevent
{
	background-image: url(img/services/listevent.png);	
}

div.listevent:hover
{
	background-image: url(img/services/listevent-hover.png);
}

div.listnew
{
	background-image: url(img/services/listnew.png);	
}

div.listnew:hover
{
	background-image: url(img/services/listnew-hover.png);
}

div.pointage
{
	background-image: url(img/services/pointage.png);	
}

div.pointage:hover
{
	background-image: url(img/services/pointage-hover.png);
}

div.elus
{
	background-image: url(img/services/elus.png);	
}

div.elus:hover
{
	background-image: url(img/services/elus-hover.png);
}


div.calendrier
{
	background-image: url(img/services/calendrier.png);	
}

div.calendrier:hover
{
	background-image: url(img/services/calendrier-hover.png);
}

/*
div.lien-image-conteneur {
	display: block;
	float: left;
	width: 230px;
	height: 150px;
	position: relative;
	z-index: 0;
	}

a.lien-image-contenu {
	padding-left: 18px;
	text-decoration: none;
	font-size: 1.6em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	color: #20272c;
	line-height: 1em;
	background: url(img/fleche-noel-strong.png) no-repeat 0 4px;
	width: 210px;
	height: 20px;
	background-color: #FFFFFF;
	opacity: 0.8;
	position: absolute;
	bottom: 0;
	z-index: 10;
	}

a.lien-image-contenu:hover {
	padding-left: 18px;
	text-decoration: none;
	font-size: 1.6em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	color: #20272c;
	line-height: 1em;
	background: url(img/fleche-noel-strong.png) no-repeat 0 4px;
	width: 210px;
	height: 130px;
	background-color: #FFFFFF;
	opacity: 0.8;
	position: absolute;
	z-index: 10;
	padding: 10px 10px;
	}
*/

a.lien-image {
	display: block;
	float: left;
	width: 210px;
	height: 30px;
	text-decoration: none;
	font-size: 1.6em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	padding-top: 160px;
	padding-left: 10px;
	}

a.lien-image:hover {
	color: #FFFFFF !important;
	padding-top: 20px;
	height: 170px;
	font-weight: bold;
	cursor: pointer;
	}