/*
////////////////////////////////////////////////////////////////////////////////
//
//  Reset CSS
//
////////////////////////////////////////////////////////////////////////////////
*/
* {margin: 0;padding: 0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr
	{
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
}

hr {
	height: 0;
}

ol,ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,th,td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}

blockquote,q {
	quotes: "" "";
}

/*
////////////////////////////////////////////////////////////////////////////////
//
//  Clearfix
//
////////////////////////////////////////////////////////////////////////////////
*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


a, a:link,a:hover,a:visited {
	color: #71a608;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


#iframe_modules {
	width: 709px;
	height: 647px;
	text-align: left;
}

#sitemap {
	background: white url(../Images/layout/main.png) repeat-x 0 0;
	padding: 20px;
	text-align: left;
}

#sitemap li {
	list-style: circle;
	list-style-type: disc;
	padding: 3px 0;
	margin-left: 15px;
	font-size: 11px;
	color: #CCC;
}

#sitemap li a {
	color: #888;
}

/*
////////////////////////////////////////////////////////////////////////////////
//
//		HTML Balise default skin.
//
////////////////////////////////////////////////////////////////////////////////
*/

p {padding: 2px 0;}

/*
////////////////////////////////////////
//	H1...H6.
////////////////////////////////////////
*/


h1 {
	font-size: 18px;
	color: #71a608;
	padding: 8px 0 3px;
	font-weight: bold;
}

h2 {
	padding-top: 0;
	font-size: 16px;
	color: #71a608;
	padding: 5px 0;
}

h3 {
	font-size: 15px;
	color: #71a608;
	padding: 5px 0;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	font-weight: bold;
	color: #71a608;
	padding: 5px 0;
}

h5 {
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0;
}

h6 {
	font-size: 13px;
}

h1+h2, h1+h3, h1+h4, h1+h5, h1+h6 {
	padding-top: 5px;
}

h2+h3, h2+h4, h2+h5, h2+h6 {
	padding-top: 5px;
}

h3+h4, h3+h5, h3+h6 {
	padding-top: 5px;
}

h4>h5, h4>h6 {
	padding-top: 5px;
}

h5>h6 {
	padding-top: 5px;
}

/*
////////////////////////////////////////
//	Citation.
////////////////////////////////////////
*/

q {
	font-style: italic;
}

/*
////////////////////////////////////////
//	Emphase.
////////////////////////////////////////
*/

em {
	font-style: italic;
}

/*
////////////////////////////////////////
//	Barre.
////////////////////////////////////////
*/

s {
	text-decoration: line-through;
}

/*
////////////////////////////////////////
//	Italique.
////////////////////////////////////////
*/

samp {
	font-style: italic;
}

/*
////////////////////////////////////////
//	Indice.
////////////////////////////////////////
*/

sub {
	font-size: 9px;
	text-transform: uppercase;
	vertical-align: sub;
}

/*
////////////////////////////////////////
//	Exposant.
////////////////////////////////////////
*/

sup {
	font-size: 9px;
	text-transform: uppercase;
	vertical-align: super;
}

/*
////////////////////////////////////////
//	Grand.
////////////////////////////////////////
*/

big {
	font-size: 1.2em;
}

/*
////////////////////////////////////////
//	Moyen.
////////////////////////////////////////
*/

medium {
	font-size: 1.1em;
}

/*
////////////////////////////////////////
//	Petit.
////////////////////////////////////////
*/

small {
	font-size: 0.8em;
}

/*
////////////////////////////////////////
//	Acronyme.
////////////////////////////////////////
*/

acronym {
	border-bottom: 1px dotted #444;
	cursor: help;
}

acronym:hover {
	color: #018fd1;
	border-bottom: 1px dotted #94ad3c;
}

/*
////////////////////////////////////////
//	Abréviation.
////////////////////////////////////////
*/

abbr {
	text-transform: uppercase;
	color: #111;
	font-style: italic;
}

/*
////////////////////////////////////////
//	Liste et puce.
////////////////////////////////////////
*/

ul, ol {
	padding: 0;
	margin: 0;
}

/*
////////////////////////////////////////
//	Liste Indice.
////////////////////////////////////////
*/

ol li {
	list-style-type: decimal;
	margin-left: 10px;
	font-weight: bold;
}

ul {
	margin-left: 10px;
}

ul li a {
	
}

strong {
	font-weight: bold;
}

/*
////////////////////////////////////////////////////////////////////////////////
//
//  Page
//
////////////////////////////////////////////////////////////////////////////////
*/

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 14px;
	background-color: white;
}

.body {
	background: #FFF url(../Images/layout/bg.png) repeat-x 0 0;
	text-align: center;
	color: #8c8c8c;
}

#page {
	width: 919px;
	margin: 20px auto 10px;
	text-align: left;
	z-index:13;
	}

/*
////////////////////////////////////////
//	Extra.
////////////////////////////////////////
*/

#page #extra-page-head {
	background: url(../Images/main/head.png) no-repeat 0 0;
	height: 2px;
	font-size: 0;
	line-height: 0;
}

#page #extra-page-foot {
	background: url(../Images/main/foot.png) no-repeat 0 0;
	height: 8px;
	font-size: 0;
	line-height: 0;
}

/*
////////////////////////////////////////
//	Content.
////////////////////////////////////////
*/

#page #content {
	background: url(../Images/main/content.png) repeat-y 0 0;
	padding-left: 3px;
	padding-right: 7px;
	margin: 0;
	z-index:14;
}

#layout {
	margin: 0;
	padding: 0;
}

/*
////////////////////////////////////////////////////////////////////////////////
//
//  Footer
//
////////////////////////////////////////////////////////////////////////////////
*/
#footer {width: 909px;padding: 5px;margin: 0;}
#footer .col1, #footer .col2, #footer .col3 {float: left;padding: 0;margin: 0;}
#footer .col1 {width: 18%;}
#footer .col2 {width: 48%;font-size: 9px;color: #8f8f8e;}
#footer .col2 p {padding: 0;margin:0;}
#footer .col3 {width: 32%;text-align: right;}
#footer .col3 li {display: inline;padding: 0 5px;border-right: 1px solid #423126;}
#footer .col3 .last {	border-right: 0 none;}
#footer a {color: #888; }
#footer #liens {clear:both;}
#footer #liens  ul{display:inline-block;float:left;margin:10px 20px;}
#footer #liens  ul li{display:block;}


/*
////////////////////////////////////////////////////////////////////////////////
//
//  Layout
//
////////////////////////////////////////////////////////////////////////////////
*/

#layout #local, #layout #main {
	float: left;
	margin: 0;
	padding: 0;
}

#layout #local {
	width: 200px;
}

#layout #main {
	width: 709px;
	background-color: white;
}

/*
////////////////////////////////////////////////////////////////////////////////
//
//  Header
//
////////////////////////////////////////////////////////////////////////////////
*/

#header {
	position: relative;
	height: 82px;
	background: #ececeb url(../Images/layout/header.png) repeat-x 0 0;
	border-bottom: 1px solid white;
}

/*
////////////////////////////////////////
//	Logo.
////////////////////////////////////////
*/

#header h1 {
	position: absolute;
	top: -22px;
	left: 20px;
}

#header h1 a {
	display: block;
	background: url(../Images/logo.png) no-repeat 0 0;
	height: 76px;
	width: 268px;
	text-indent: -6000em;
}

/*
////////////////////////////////////////
//	Top Links.
////////////////////////////////////////
*/

#header #top-lang {width:25px;position:absolute;top:20px;left:310px;}
#header li .top-forfaits {display:none;}
#header #toplinks {position: absolute;left: 300px;top: 40px;}

#toplinks li {
	float: left;
	line-height: 34px;
	height: 34px;
	background: url(../Images/layout/toplinks-sep.png) no-repeat right center;
	padding: 0 10px;
}

#toplinks .top-home {padding-left: 0;}
#toplinks .top-home a {
	display: block;
	background: url(../Images/ico/home.png) no-repeat 0 center;
	text-indent: -6000em;
	height: 34px;
	width: 16px;
}

#toplinks .top-agenda a, #toplinks .top-acces a, #toplinks .top-contacts a {
	font-size: 14px;
	color: #a9a8a8;
	font-weight: normal;
}

#toplinks .top-newsletters a {
	color: #71a608;
	background: url(../Images/ico/newsletter.png) no-repeat 0 center;
	padding-left: 24px;
	height: 34px;
	line-height: 34px;
	display: block;
	float: left;
}


#toplinks .top-meteo {
	background: url(../Images/ico/clouds.png) no-repeat right center;
	padding-right: 40px;
}

#toplinks .top-meteo a {
	color: #618ad4;
	background: url(../Images/ico/meteo.png) no-repeat 0 center;
	padding-left: 24px;
	height: 34px;
	line-height: 34px;
	display: block;
	float: left;
}

#toplinks .top-forfaits {
	background: url(../Images/ico/clouds.png) no-repeat right center;
	padding-right: 40px;
	display:none;
}

#toplinks .top-forfaits a {
	color: #618ad4;
	padding-left: 24px;
	height: 34px;
	line-height: 34px;
	display: block;
	float: left;
}


/*
////////////////////////////////////////////////////////////////////////////////
//
//  Nav
//
////////////////////////////////////////////////////////////////////////////////
*/

#nav {
	margin: 0;
	padding: 0;
	display: block;
	width: 193px;
	margin-left: 7px;
	height: 450px;
	z-index:14;
}

/*
////////////////////////////////////////////////////////////////////////////////
//
//  Quick Search
//
////////////////////////////////////////////////////////////////////////////////
*/

#quicksearch {
	padding: 3px 8px 0 8px;
	height: 50px;
	position: relative;
}

#quicksearch label {
	display: block;
	height: 17px;
	padding: 2px 0;
	color: #668e27;
	font-size: 12px;
}

#quicksearch .input {
	display: block;
	border: 1px solid #CCC;
	background: white url(../Images/form/input.png) repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
	width: 160px;
}

#quicksearch .submit {
	display: block;
	position: absolute;
	left: 172px;
	top: 23px;
}

/*
////////////////////////////////////////////////////////////////////////////////
//
//  Ma ville
//
////////////////////////////////////////////////////////////////////////////////
*/

#local #maville {
	background: url(../Images/layout/maville.png) no-repeat center bottom;
	height: 110px;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	position: relative;
}

#local #maville a.maville-link {
	background: url(../Images/layout/maville-link.png) no-repeat 0 0;
	width: 60px;
	height: 24px;
	text-align: center;
	line-height: 20px;
	color: white;
	display: block;
	position: absolute;
	top: 2px;
	left: 10px;
}

#local #maville p.maville-services {
	position: absolute;
	left: 75px;
	top: 0px;
	width: 125px;
	font-size: 10px;
	line-height: 11px;
	padding: 2px 0;
	margin: 0;
	
	}

/*
////////////////////////////////////////////////////////////////////////////////
//
//  Formulaire
//
////////////////////////////////////////////////////////////////////////////////
*/

.field-input {
	padding: 5px;
}

.field-input label {
	text-align: right;
	float: left;
	width: 250px;
	padding-right: 10px;
}

.field-submit {
	text-align: center;
	padding-right: 40px;
}

/*
////////////////////////////////////////////////////////////////////////////////
//
//  Login
//
////////////////////////////////////////////////////////////////////////////////
*/

#bodyLogin {
	background: #F2F2F2 none;
	text-align: center;
}

#bodyLogin .loginConnect {
	width: 274px;
	height: 226px;
	margin: 20px auto;
	background: url(../Images/connexion.png) 0 0 no-repeat;
	position: relative;
}

#bodyLogin .login label {
	position: absolute;
	top: 43px;
	left: 20px;
}

#bodyLogin .input {
	position: absolute;
	left: 23px;
	background: #ececec;
	border: 0 none;
	width: 220px;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
}

#bodyLogin .login .input {
	top: 60px;
}

#bodyLogin .password label {
	position: absolute;
	top: 94px;
	left: 20px;
}

#bodyLogin .password .input {
	top: 111px;
}

#bodyLogin .lostpassword {
	position: absolute;
	top: 180px;
	padding: 0 20px;
	left: 0;
}

#bodyLogin .lostpassword a, #bodyLogin .lostpassword a:hover, #bodyLogin .lostpassword a:visited {
	font-weight: normal;
}

#bodyLogin .submit {
	position: absolute;
	top: 140px;
	left: 90px;
}

#bodyLogin .error,#bodyLogin .error span {
	color: red;
	font-weight: bold;
}

/*
////////////////////////////////////////////////////////////////////////////////
//
//  Calendar Year
//
////////////////////////////////////////////////////////////////////////////////
*/

.calendar-year {
	padding: 0;
	margin: 0;
}

.calendar-year li {
	float: left;
}

.calendar-year li a {
	float: left;
	width: 118px;
	text-align: center;
	color: white;
	padding: 5px 0;
	display: block;
}

.calendar-year .odd a {
	color: #534729;
}

.calendar-year .odd {
	background: #cbec57;
}

.calendar-year .event {
	background: #3c8642;
}


/*
////////////////////////////////////////////////////////////////////////////////
//
//  Layout Green
//
////////////////////////////////////////////////////////////////////////////////
*/

.layout-green table, .layout-green tbody {
	color: white;
}

.layout-green {
	background: #71a608;
	padding: 0 10px 15px 10px;
	color: white;
}

.layout-green .colsep {
	background: url(../Images/form/colgreen.png) repeat-x 0 bottom;
}

.layout-green a {
	color: white;
	font-weight: bold;
}

.layout-green h1, .layout-green h2, .layout-green h3, .layout-green h4, .layout-green h5,
	.layout-green h1 a, .layout-green h2 a, .layout-green h3 a, .layout-green h4 a, .layout-green h5 a,
	.layout-green h1 a:hover, .layout-green h2 a:hover, .layout-green h3 a:hover, .layout-green h4 a:hover, .layout-green h5 a:hover  {
	color: white;
	font-weight: bold;
}

.layout-green h1 strong, .layout-green h2 strong, .layout-green h3 strong, .layout-green h4 strong,
	.layout-green h5 strong {
	color: #c1e34b;
	font-weight: normal;
}

/*
////////////////////////////////////////////////////////////////////////////////
//
//  Input
//
////////////////////////////////////////////////////////////////////////////////
*/

.input, .area {
	border: 1px solid #CCC;
	background: white url(../Images/form/input.png) repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
}

/*
////////////////////////////////////////////////////////////////////////////////
//
//  Style Editor
//
////////////////////////////////////////////////////////////////////////////////
*/

.buttons {
	padding-left: 23px;
}

.buttons a.bt-agenda, .buttons a.bt-agenda:hover {
	background: url(../Images/buttons/agenda.png) no-repeat 0 0;
	display: block;
	float: left;
	margin: 0 5px 5px 5px;
	padding: 0;
	padding-top: 22px;
	padding-bottom: 10px;
	width: 74px;
	text-align: center;
	color: #5b5c5b;
	font-size: 14px;
	font-weight: bold;
}

.buttons a.bt-encemoment, .buttons a.bt-encemoment:hover {
	background: url(../Images/buttons/encemoment.png) no-repeat 0 0;
	display: block;
	float: left;
	margin: 0 5px 5px 5px;
	padding: 0;
	padding-bottom: 10px;
	padding-top: 22px;
	width: 122px;
	text-align: center;
	color: #71a608;
	font-size: 14px;
	font-weight: bold;
}

.buttons a.bt-activ, .buttons a.bt-activ:hover {
	background: url(../Images/buttons/activ-perm.png) no-repeat 0 0;
	display: block;
	float: left;
	margin: 0 5px 5px 5px;
	padding: 0;
	padding-bottom: 10px;
	padding-top: 22px;
	width: 170px;
	text-align: center;
	color: #71a608;
	font-size: 14px;
	font-weight: bold;
}


.sep-white-bottom {
	padding-bottom: 10px;
	border-bottom: 2px solid white;
	margin-bottom: 10px;
}

.septop {
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px solid white;
	min-height:80px;
}

.sepbottom-gray {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #888;
}

a.link-arrow {
	color: #71a608;
	background: url(../Images/ico/newsletter.png) no-repeat 0 center;
	padding-left: 24px;
	padding-right: 10px;
	color: #a3a3a3;
	height: 22px;
	line-height: 22px;
	display: block;
	text-decoration: underline;
}

a.link-arrow:hover {
	color: #71a608;
}

a.linkgreen {
	color: #255226;
	font-size: 14px;
}

.layout-wide {
	padding: 10px 20px;
	margin: 0;
}

.columns-items .item {
	float: left;
	padding: 5px;
	margin: 0 5px;
	width: 200px;
}

.columns-items .item h4 {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	color: #313032;
	font-weight: normal;
	font-size: 12px;
}

.columns-items .item h4 strong {
	font-weight: normal;
	font-size: 14px;
}


.columns-items .item a.download {
	padding: 4px 0;
	padding-right: 20px;
	background: url(../Images/ico/download.png) no-repeat right center;
	color: #313032;
	text-decoration: underline;
}

/*
////////////////////////////////////////////////////////////////////////////////
//
//  Menu Table Child
//
////////////////////////////////////////////////////////////////////////////////
*/

.Child_Menu_Table {
	width:100%;
}

.Child_Menu_Table td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid white
}

.Child_Menu_Table a {
	display: block;
	padding: 8px 8px;
	color: white;
}

.Child_Menu_Table .item-odd {
	background: #cbec57;
	color: #402e22;
}

.Child_Menu_Table .item-odd a {
	color: #402e22;
}


.Child_Menu_Table .item-event {
	background: #3c8642;
}

.Child_Menu_Table .item-event a {
	color: #FFF;
}

/*
////////////////////////////////////////////////////////////////////////////////
//
//  Fils d'ariane
//
////////////////////////////////////////////////////////////////////////////////
*/
.LayCatPath {
	padding: 5px 9px;
	background: #3c8642;
	color: #d4edd6;
	font-weight: normal;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
.LayCatPath a, .LayCatPath a:hover, .LayCatPath a:link, .LayCatPath a:visited {	color: white;	font-weight: bold;}
#page2{
	position:absolute;
	left:50%;
	top:0;
	margin-left:-500px;
	height:100%;
	z-index:11;
    width:979px;
	table-layout:fixed;
	overflow:hidden;
	display: none;
	
}
#fermerBtn{
    font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color:#ffffff;
	position: absolute;
	top: 85;
	left: 420;
}
#fermerBtn a, #fermerBtn a:visited {
	color:#ffffff;
}
#fermerBtn a:hover {
	color:#ffffff;
	text-decoration:underline;
}
#box 
{
    display:none;
	position:absolute;
	top:105;
	left:200;
	width:550px;
	height:400px;
	padding:0;
	margin:0;
	background-color: white;
	overflow: hidden;
	z-index:10;
}

#cache {
    display:none;
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:2400px;
	background-color: #000000;
	z-index:10;
	opacity:0.8;
	filter: alpha(opacity=80);
}
.textvertclair{color:#cbec56;}
.textvertfonce{color:#3b8642;}
.textvertmoyen{color:#71a608;}
.liseret{margin-top:5px;margin-bottom:5px;border-top:1px #fff solid;}
#TbDiaporama img{margin:2px;}

/* MENU */
#navigation li#btn1{background:url(/portal_upload/images/MenuGauche/btn_1.jpg) no-repeat;}
#navigation li#btn2{background:url(/portal_upload/images/MenuGauche/btn_2.jpg) no-repeat;}
#navigation li#btn3{background:url(/portal_upload/images/MenuGauche/btn_3.jpg) no-repeat;}
#navigation li#btn4{background:url(/portal_upload/images/MenuGauche/btn_4.jpg) no-repeat;}
#navigation li#btn5{background:url(/portal_upload/images/MenuGauche/btn_5.jpg) no-repeat;}
#navigation li#btn6{background:url(/portal_upload/images/MenuGauche/btn_6.jpg) no-repeat;}
#navigation li#btn7{background:url(/portal_upload/images/MenuGauche/btn_7.jpg) no-repeat;}
#navigation li#btn8{background:url(/portal_upload/images/MenuGauche/btn_8.jpg) no-repeat;}
#navigation li#btn9{background:url(/portal_upload/images/MenuGauche/btn_groupes.jpg) no-repeat;}

#navigation {position: relative;}
#navigation  ul{margin:0px;padding:0px;width:120px;}
#navigation  li {padding:21px 0px 0px 70px;margin:5px;height:40px;width:100%;}
#navigation  li  div{border-bottom:1px #a9a8a8 solid;padding:6px 0px 6px 0px;width:115px;}
#navigation  li  div:hover{background-color:#cbec57;border:1px #fff solid;}
#navigation  li a{color:#6c4e52;font-weight:bold;text-decoration:none;padding:4px;width:100%;font-size:13px;}
#navigation  li a:hover {color:#87b21a;}
#navigation ul li.last{background: 0 none;}

p.btnSubmit{text-align:center;}
p.btnSubmit a{background-color:#EA6970;padding:4px;border-radius:5px;color:white;text-decoration:none;}
#meteo_main {}
#meteo_main  #actuellement h1{margin:10px 0px;padding:0px;font-weight:normal;}
#meteo_main  #actuellement,#meteo_main .jour{height:160px;border-right:1px solid #d6d6d6;width:110px;display:inline-block;float:left;position:relative;padding:5px;text-align:center;}
#meteo_main  #actuellement{width:150px;}
#meteo_main  .jour .icone,#meteo_main  #actuellement .icone{}
#meteo_main  .jour h2{text-transform:uppercase;margin:10px 0px;padding:0px;}
#meteo_main  .conditions{margin:10px 0px;padding:0px;font-weight:bold;}
#meteo_main  .humidite{margin:8px 0px;padding:0px;}
#meteo_main  .jour .temperature, #meteo_main  #actuellement.temperature{margin:8px 0px;padding:0px;}
#meteo_main  div:last-child{border:0px;}

.font30{font-size:30px;color:inherit;font-weight:inherit;}
.font24{font-size:24px;color:inherit;font-weight:inherit;}
.font22{font-size:22px;color:inherit;font-weight:inherit;}
.font18{font-size:18px;color:inherit;font-weight:inherit;}
.font16{font-size:16px;color:inherit;font-weight:inherit;}
.font14{font-size:14px;color:inherit;font-weight:inherit;}
.font12{font-size:12px;color:inherit;font-weight:inherit;}
.font11{font-size:11px;color:inherit;font-weight:inherit;}
.font10{font-size:10px;color:inherit;font-weight:inherit;}
.font9{font-size:9px;color:inherit;font-weight:inherit;}
.font8{font-size:8px;color:inherit;font-weight:inherit;}
.caps{text-transform:uppercase;}

#banjeu{position:absolute;top:0;right:0}
#accroche, #accrochejeu{clear:both;text-align:center; color:#1484A9;font:16px arial;padding:20px 0px;}
#accroche{font-size:18px;padding:10px 0px;}