@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]	{ display: block; /*padding: 5px; border: 1px solid #ddd; background: #fafafa;*/ margin-bottom: 10px; }
img[align=left]						{ float: left; margin-right: 20px; }
img[align=right]					{ 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: 2em;
	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.opensanslight
{
	font-size: 1.3em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 1em;
}

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
{
	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.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.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.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
{
	padding-left: 63px;
	color: #20272c;
	text-decoration: none;
	/*font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	font-size: 1.7em;*/
	font-size: 1.3em;
	font-weight: bold;
}

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

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

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

a.twitter
{
	background: url(img/picto-new-twitter.png) no-repeat 7px 5px;
}


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

a.mediabox
{
	
}

table.review-form
{
	width: 100%;
}

table.review-form h2.titre-paragraphe
{
	margin-top: 30px;
}

table.review-form select
{
	font-size: 1em !important;
	height: 24px;
}

table.review-form input
{
	font-size: 1em !important;
}

table.review-form th:nth-child(2), table.review-form td:nth-child(3), table.review-form td:nth-child(5), table.review-form td:nth-child(7), table.review-form td:nth-child(9)
{
	border-left: 30px solid #FFF;
}

table.review-form td:nth-child(4), table.review-form td:nth-child(6), table.review-form td:nth-child(8)
{
	color: #00AAC8;
}

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

table.tableau1 th
{
	background: #EBE8EA;
	text-align: left;
	/*
	padding: 4px 8px;
	font-size: 1.2em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	*/
	font-size: 1.3em;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	color: #353535;
	padding: 10px 8px;
	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;
}

div.gris, tr.gris, td.gris {
	background-color: #EBE8EA;
}

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

div.transparent:hover, tr.transparent:hover, td.transparent:hover {
	background-color: #FFD2A7;
	opacity: 0.5;
}


div.victoire:hover, tr.victoire:hover,  td.victoire:hover {
	background-color: #CFE9CF;
}

div.defaite:hover, tr.defaite:hover,  td.defaite:hover {
	background-color:#F4C4C4;
}

th.survol:hover, th.survol:hover span.opensans {
	cursor:pointer;
	background-color: #B50B27;
	color: #FFFFFF;
}

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

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

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+ */
}

div.bloc-demarches {
	display: block;
	float: right;
	margin-top: 9px;
	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);
}


a.entete
{
	display: block;
	float: left;
	/* background: url(img/appstore.png) no-repeat 0px 0px; */
	padding: 27px 20px 26px 20px;
	margin: 0px;	
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
}

a.entete:hover
{
	background-color: #F06600;
}

a.homelink
{
	background: url(img/home-link.png) no-repeat 20px 27px;
	padding-left: 55px;
}

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.4em;
	width: 120px;
	padding-top: 2px;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #fff !important;
	text-decoration: none;
}

div.grand-bouton-off, a.grand-bouton-off
{
	display: inline-block;
	background-color: #EBE8EA;
	text-align: center;
	font-size: 1.4em;
	height: 25px;
	line-height: 1.4em;
	width: 120px;
	padding-top: 2px;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #888 !important;
	text-decoration: none;
}

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

div.lien-bloc, a.lien-bloc
{
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: center;
	line-height: 1em;
	width: 130px;
	height: 130px;
	background-color: #EBE8EA;
	margin-right: 5px;
}

div.lien-bloc:hover, a.lien-bloc:hover
{
	background-color: #BBC1FF !important;
}

a.eveil
{
	background-color: #B50B27;
}

a.eveil:hover
{
	background-color: #B50B27;
}

a.eveil span.opensans
{
	color: #FFFFFF;
}

a.sommeil
{
	background-color: #EBE8EA;
	color: #353535 !important;
}

a.sommeil span.opensans
{
	color: #353535;
}

div.actif, a.actif
{
	cursor: default !important;
}

div.inactif, a.inactif
{
	background-color: #EBE8EA;
	color: #353535 !important;
}

/* MATCH DETAILS */
div.match-header
{
	width: 984px;
	background-color: #EBE8EA;
	padding: 10px 20px 0px 20px;
}

table.scoreboard
{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

table.scoreboard td
{
	vertical-align: middle;
}

table.scoreboard td:first-child
{
	text-align: right;
	width: 438px;
}

table.scoreboard td:nth-child(2), table.scoreboard td:nth-child(3)
{
	text-align: center;
	width: 55px;
}

table.scoreboard td:last-child
{
	text-align: left;
	width: 438px;
}

table.score-country
{
	margin-top: 3px;
	display: inline-table;
}

table.score-country td
{
	vertical-align: middle;
	width: auto !important;
	max-width: 230px;
}

span.match-teams
{
	font-size: 30px;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	color: #373738;
}


div.score
{
	display: inline-block;
	background: #373738;
	width: 50px;
	height: 20px;
	padding: 15px 0px 15px 0px;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #FFFFFF;
}

table.rating-table
{
	table-layout: fixed;
}

table.rating-table td
{
	vertical-align: middle;
	text-align: center;
}

table.rating-table td:first-child
{
	text-align: right;
	width: 423px;
}

table.rating-table td:nth-child(2)
{

	width: 121px;
}

table.rating-table td:last-child
{
	text-align: left;
	width: 422px;
}

span.rating
{
	font-size: 2em;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	color: #606060;
}

div.left-scorebar, div.right-scorebar
{
	display: block;
	width: 100px;
	height: 10px;
	position: relative;
}

div.left-scorebar
{
	float: right;
}

div.right-scorebar
{
	float: left;
}

div.att-right-score, div.att-left-score, div.def-right-score, div.def-left-score
{
	width: 100px;
	height: 10px;
	background-color: #373738;
	position: absolute;
	-webkit-transition-property: width transform;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in-out;
	transition-property: width transform;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
}

div.att-right-score1, div.att-left-score1, div.def-right-score1, div.def-left-score1
{
	height: 10px;
	background-color: #373738;
	position: absolute;
	-webkit-transition-property: width transform;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in-out;
	transition-property: width background-color;
}


div.att-left-score, div.def-left-score, div.att-left-score1, div.def-left-score1
{
	left: 0;
}

div.att-right-score, div.def-right-score, div.att-right-score1, div.def-right-score1
{
	right: 0;
}

div.score-container
{
	margin-top: 5px;
}

div.rank-container
{
	width: 25px;
	height: 25px;
	display: block;
    position: relative;
}

div.left-rank-up, div.right-rank-up
{
    width: 25px;
    height: 25px;
    color: #FFFFFF;
	opacity: 0;
    top: 25px;
    position: relative;
}

div.left-rank-up1, div.right-rank-up1
{
    width: 25px;
    height: 25px;
	/*color: #009900;*/
    top: 0px;
    position: relative;
    -webkit-transition-property: color top;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: color top;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
}

div.comments-button {
	display: flex;
	float: left;
	background: #D6CED3; /* For browsers that do not support gradients */
	background: linear-gradient(#CEC2CA, #BCACB7); /* Standard syntax */
	border-top: 1px solid #DFD9DD;
	border-bottom: 1px solid #584853;
	border-left: 1px solid #CEC2CA;
	border-right: 1px solid #A08C99;
	height: 28px;
	width: 28px;
}


div.comments-button:hover
{
	cursor: pointer;
	background: #FF6101; /* For browsers that do not support gradients */
	background: linear-gradient(#FF9F65, #FFAB79); /* Standard syntax */
	border-top: 1px solid #FF9351;
	border-bottom: 1px solid #FFC4A1;
	border-left: 1px solid #FE9352;
	border-right: 1px solid #FFAB79;
}

div.comments-button img {
	margin: auto;
}

#comments-options
{
	width: 100%;
	background-color: #C5B7C1;
	border: 1px solid #C5B7C1;
}

#smiley-select, #link-select, #image-select, #youtube-select
{
	display: none;
	width: 100%;
	background-color: #C5B7C1;
	border: 1px solid #C5B7C1;
}

#smiley-select input, #link-select input, #image-select input, #youtube-select input
{
	width: 300px;
	height: 13px;
	margin: 5px 10px;
}

div.option-title
{
	background-color: #373738;
	font-size: 1.3em;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 5px 10px;
}

div.option-title a
{
	display: block;
	float: right;
	color: #FFFFFF !important;
}

div.post-container
{
	display: block;
	border: 1px solid #B50B27;
	box-shadow: 0px 5px 10px 0px #cfcfcf;
	padding: 0px;
	margin: 5px 0px;
	width: 100%
}

div.post-date
{
	display: block;
	background-color: #373738;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 10px;
}

/*
div.post-date
{
	width: 946px;
}
*/

div.block-title
{
	width: 95%
}


div.post-rank
{
	display: block;
	float: right;
}

div.post-rank a
{
	color: #FFFFFF !important;
}

div class.post-main
{
	display: table;
	float: left;
}

div.post-user
{
	display: table-cell;
	vertical-align: top;
	min-width: 140px;
	max-width: 140px;
    height: 100%;
	background-color: #EBE8EA;
	padding: 10px;
	transition: 0.5s;
}

p.user-details
{
	font-size: 1em;
	line-height: 1.4em;
}

div.post-comment
{
	display: table-cell;
	position: relative;
	vertical-align: top;
	font-size: 1em;
	width: 100%;
	padding: 10px;
	font-size: 1.1em;
	line-height: 1.4em;
}

div.post-comment img
{
	max-width: 100%;
}

div.block-title
{
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px 0px 4px 30px;
}

div.block-post
{
	display: block;
	float: right;
	width: 95%;
	margin: 10px 0px;
}

div.block-post div.quote, div.code
{
	display: block;
	float: left;
	width: 95%;
	padding: 10px 15px;
	background-color: #EBE8EA;
	box-shadow: inset 0px 5px 10px 0px #cfcfcf;
	overflow: hidden;
}

div.video-container {
	position: relative;
	padding-bottom: 47%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-width: 560px;
	max-height: 315px;
}

div.video-container iframe, div.video-container object, div.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
}

div.code
{
	font-family: "Courier New", Courier, monospace;
}

div.bspoil div.block-title,
div.bspoil div.quote,
div.bquote div.clickable
{
	cursor: pointer;
	text-decoration: none;
}

div.bspoil div.block-title:hover,
div.bquote div.clickable:hover
{
	background-color: #FF8800;
}

div.bquote div.block-title
{
	background: #373738 url('img/white-quote.png') no-repeat 8px 6px;
}

div.bspoil div.block-title
{
	background: #373738 url('img/white-reveal.png') no-repeat 8px 6px;
}

div.bcode div.block-title
{
	background: #373738 url('img/white-code.png') no-repeat 8px 6px;
}

div.post-buttons {
	position: absolute;
	width: 97.5%;
    bottom: 10px;
	right: 10px;
	}

div.post-buttons form {
	display: block;
	float: right;
	margin-left: 10px;
	}

div.rectangle
{
  display: block;
  float: left;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
}

div.redrectangle
{
  background-color: #FF0000
}

div.greenrectangle
{
  background-color: #00FF00
}

table.bigtxt td, table.bigtxt th
{
	font-size: 1.3em;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	color: #353535;
	line-height: 1.3em;
}

table.elorank td, table.elorank th
{
	font-size: 1.3em;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	color: #353535;
	line-height: 1em;
	vertical-align: middle;
	padding: 0px;
}

table.smallblack th
{
	font-size: 1em;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	background-color: #373738;
	color: #FFFFFF;
	line-height: 1em;
	padding: 5px 8px;
}

div.fond table.tableau1 td
{
	 border-bottom: 1px solid #CCC4C9;
}

#load
{
    width: 100%;
    height: 150px;
	display: none;
    background: url('img/load-country.gif') no-repeat center center
}

div.loader-float
{
	width: 100%;
	height: 100%;
	max-width: 420px;
    max-height: 180px;
    background: url('img/load-country.gif') no-repeat center center;
	background-color: #FFF;
}

a.cancel-link
{
	background: url('img/check-0.png') no-repeat 0px 0px;
    padding-left: 25px;
	text-decoration: none;
	font-size: 1.6em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	color: #20272c;
	line-height: 1em;
}

a.cancel-link:hover
{
	color: #FD8A2D !important;
}

table.bracket
{
border-spacing: 0px;
line-height: 1em;
margin-bottom: 50px;
}


table.bracket td
{
padding: 5px 1px 0px 1px;
margin: 0px;
height: 10px;
width: 20%;
vertical-align: bottom;
}

table.quarter td
{
width: 25%;
}

table.semi td
{
width: 33%;
height: 30px;
}

table.final td
{
width: 50%;
height: 30px;
}

div.competition-thumb
{
	display: block;
	float: left;
	width: 98px;
	text-align: center;
	margin-right: 5px;
	padding-top: 5px;
}

div.competition-thumb:hover
{
	cursor: pointer;
	background-color: #FFEAD3;
}

div.competition-date
{
	display: block;
	float: left;
	width: 98px;
	height: 18px;
	text-align: center;
	background-color: #E8E8EA;
}

div.competition-date:hover, div.competition-thumb:hover div.competition-date
{
	cursor: pointer;
	background-color: #B50B27;
	color: #FFFFFF;
}

a.medal-first, a.medal-second, a.medal-third, a.medal-fourth, div.medal-first, div.medal-second, div.medal-third, div.medal-fourth
{
	display: block;
	padding: 11px 2px 6px 30px;
	text-decoration: none;
	font-size: 1.5em;
	color: #000000 !important;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	line-height: 1em;
	text-align: left;
}

span.medal-first, span.medal-second, span.medal-third, span.medal-fourth
{
	display: block;
	float: right;
	padding: 2px 2px 2px 30px;
	text-align: left;
}

a.medal-first:hover, a.medal-second:hover, a.medal-third:hover, a.medal-fourth:hover
{
	background-color: #FFEAD3;
}

a.medal-first, div.medal-first, span.medal-first
{
	background: url(img/1st-medal.png) no-repeat 0px 5px;
}

a.medal-second, div.medal-second, span.medal-second
{
	background: url(img/2nd-medal.png) no-repeat 0px 5px;
}

a.medal-third, div.medal-third, span.medal-third
{
	background: url(img/3rd-medal.png) no-repeat 0px 5px;
}

a.medal-fourth, div.medal-fourth, span.medal-fourth
{
	background: url(img/4th-medal.png) no-repeat 0px 5px;
}

div.country-can, a.country-can
{
	display: inline-block;
	float: left;
	width: 120px;
}

a.country-can
{
	text-decoration: none;
	height: 46px;
	margin: 2px;
}

div.country-can, div.country-can div.can-flag, div.country-can div.can-name
{
	height: 20px;
}

a.country-can div.can-flag, a.country-can div.can-name
{
	text-decoration: none;
	height: 30px;
}

div.can-flag
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 40px;
	line-height: 1em;
}

div.can-name
{
	display: table-cell;
	vertical-align: middle;
	width: 80px;
	font-family: OpenSansCondensedBold, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1em;
	color: #353535;
}

div.can-elo
{
	display: block;
	vertical-align: middle;
	text-align: center;
	background-color: #E8E8EA;
	padding: 2px;
	height: 12px;
	line-height: 12px;
	font-size: 0.9em;
	width: 116px;
}

div.elo-0
{
	display: none;
}

a.country-can:hover
{
	background-color: #FFB369;
	color: #FFFFFF;
}
	
a.country-can:hover div.can-elo, a.country-can:hover div.can-elo font
{
	background-color: #B50B27 !important;
	color: #FFFFFF !important;
}

img.grayscale
{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	opacity: 0.3;
}

table.mini
{
}

div.bloc-fond, a.bloc-fond
{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	text-align: center;
	line-height: 1em;
	width: 130px;
	height: 80px;
	background-color: #EBE8EA;
	margin: 0px 5px 5px 0px;
	padding-bottom: 50px;
	text-decoration: none;
}

div.bloc-fond:hover, a.bloc-fond:hover
{
	background-color: #FFEAD3;
	cursor: pointer;
}

div.bloc-img
{
	display: table-cell;
	vertical-align: middle;
	width: 130px;
	height: 79px;
	padding-top: 1px;
	text-align: center;
}

div.bloc-bottom
{
	display: block;
	position: absolute;
	bottom: 0px;
	width: 130px;
	height: 50px;
}

div.bloc-container
{
	display: block;
	float: left;
	width: 130px;
	height: 50px;
	line-height: 1em;
	margin: 0px 5px 5px 0px;
}

div.bloc-titre, a.bloc-titre
{
	display: table-cell;
	vertical-align: middle;
	bottom: 0px;
	width: 130px;
	height: 50px;
	text-align: center;
	color: #FFFFFF !important;
	background-color: #373738;
	text-decoration: none;
}

div.bloc-titre:hover, a.bloc-titre:hover, div.bloc-fond:hover div.bloc-titre, a.bloc-fond:hover div.bloc-titre
{
	background-color: #B50B27;
	cursor: pointer;
}

div.bloc-titre span.opensans, a.bloc-titre span.opensans
{
	color: #FFFFFF;
}

div.bracket-container, a.bracket-container
{
	display: inline-block;
	width: 180px;
	height: 30px;
	text-decoration: none;
}

div.bracket-flag
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 30px;
	width: 40px;
}

div.bracket-name
{
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
	height: 30px;
}

div.bracket-score
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-color: #373738;
	height: 30px;
	width: 30px;
}

div.bracket-name span.opensans, div.bracket-score span.opensans
{
	line-height: 1em;
}

a.bracket-container:hover
{
	background: #FFEAD3;
}

a.bracket-container:hover div.bracket-score
{
	background: #B50B27;
	text-decoration: none;
}

a.ariane
{
	text-decoration: none;
	font-size: 1.3em;
	font-family: OpenSansCondensedLightRegular, Arial, Helvetica, sans-serif;
	color: #000000 !important;
	line-height: 1em;
}

a.ariane:hover
{
	font-weight: bold;
	color: #B50B27 !important;
}

th.sortable:hover
{
	background-color: #C3B9BF;
	cursor: pointer;	
}

div.tiroir {
  overflow: hidden;
  transition: height 0.5s ease-in-out;
  height: auto;
  box-sizing: border-box;
}