/* CSS Document */
body{padding:0px; margin:0px; background:#fff url(../images/b_body.gif) 0 0 repeat-x; color:#848484; font:10px/14px Trebuchet MS, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Trebuchet MS, sans-serif; color:#f6013a; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

p span.headline{font:12px/14px Trebuchet MS, sans-serif; color:#2f2f2f; font-weight:bold}
p span.time{font:12px/14px Trebuchet MS, sans-serif; font-weight:bold; color:#868686;}

p.title{font:13px/14px Arial; color:#ff0000; font-weight:bold; text-transform:uppercase; margin-bottom:14px}

p.texteLogo{font:24px/26px Brush Script MT; color:#ffaa00;}

p.phraseAccroche{font:17px/19px Times New Roman; color:#000000; text-align:justify}

#container{width:900px; margin:0 auto; position:relative}

ul.sousTheme li{font:13px/14px Trebuchet MS, sans-serif; background:url(../images/bullet1.gif) 0 4px no-repeat; padding-left:14px; margin-bottom:5px; height:auto;}
ul.sousTheme li a{color:#515151; text-decoration:none;}

ul.item li{font:13px/14px Trebuchet MS, sans-serif; background:url(../images/bullet2.gif) 0 4px no-repeat; padding-left:20px; margin-bottom:5px; height:auto;}
ul.item li a{color:#515151; text-decoration:none;}


ul.bullets li{font:10px/14px Trebuchet MS, sans-serif; background:url(../images/bullet1.gif) 0 4px no-repeat; padding-left:14px; height:16px;}
ul.bullets li a{color:#515151; text-decoration:underline;}
ul.bullets li a:hover{color:#515151; text-decoration:none; background:#f4f6f9}

/* TOP */

dl.tblink {
  background : #990000;
  width: 157px;
  text-align: center;
  float: left;
  margin-left : 9px;
  margin-right : 9px;
  color : #fff;
}


.tblink dd {
  font-weight: bold;
  font-size:12px;
  font-family: "Courier New", Courier, monospace;
  text-transform : uppercase; 
  margin-left: 3px;
  margin-right : 3px;
  background : #990000;
  color : #fff
}

.tblink dd a{color : #fff}

#topPan{width:890px; position:relative; clear:both; height:45px; margin-bottom: 25px}

#topPan ul.menu{position:absolute; width:890px}
#topPan ul.menu li{float:left; height:45px; margin-right:35px; margin-left:35px}
#topPan ul.menu li a{height:45px; display:block; text-indent:-20000px; }
#topPan ul.menu li a:hover{height:45px;}

#topPan .topbarre{float:left; width:889px;}

/* CONTENT */

#content{width:900px; position:relative; clear:both; background:url(../images/b_header.jpg) 0 0 no-repeat}

/* #logo{position:absolute; top:36px; left:32px} */
#texteLogo{position:absolute; top:12px; left:16px;}
#logo{position:absolute; top:50px; left:10px}
#incontent{width:890px; position:relative; padding:230px 0 0 0; margin:0 auto}

#pageHeader h2{height:auto; line-height:21px; position:relative; margin-bottom:26px; padding-left: 20px; padding-top:5px; font:"Courier New", Courier, monospace; color:#FF0000; font-size:22px; text-align:center}


#leftPan{width:200px; margin:5px 5px 0 0; float:left; min-height:100%; height:auto !important; background-color:#FFDD55 }
#centerPan{width:475px; float:left;}
#rightPan{width:200px; float:right; margin:5px 0 0 5px; display:inline; background-color:#FFDD55 }

#introduction{width:315px; float:left; margin-left:5px}
#motPresident{width:150px; float:right; text-align:center}
#motPresident h2{height:25px; position:relative; margin-bottom:11px}
#motPresident p{margin-bottom:10px}
#motPresident p.title{font:11px/12px Arial; color:#ff0000; font-weight:bold; text-transform:uppercase; margin-top:5px; margin-bottom:10px}
#motPresident p span{ height:18px; background:url(../images/calendar.gif) 0 0 no-repeat; padding-left:35px; display:block; margin-bottom:5px; font:12px/14px Trebuchet MS, sans-serif; color:#2f2f2f; font-weight:bold; padding-top:6px}
#motPresident p a{font:10px/14px Tahoma, sans-serif; color:#848484; text-decoration:underline;}
#motPresident p a:hover{ color:#000; text-decoration:none;}

#motPresident ul.btn_morenews{width:77px; height:14px; margin-left:105px;}
#motPresident ul.btn_morenews li{width:77px; height:14px; text-align:center;  background:url(../images/b_btn_more.gif) 0 0 no-repeat}
#motPresident ul.btn_morenews li a{width:77px; height:14px;font:10px/14px Tahoma, sans-serif; color:#000; text-decoration:none;}
#motPresident ul.btn_morenews li a:hover{color:#b70909}

#news{width:182px; margin-left:4px; margin-bottom:23px}
#news h2{height:25px; position:relative; background:url(../images/h_news.gif) 0 0 no-repeat; margin-bottom:11px}
#news p{margin-left:7px; margin-bottom:10px}
#news p span{ height:18px; background:url(../images/calendar.gif) 0 0 no-repeat; padding-left:35px; display:block; margin-bottom:5px; font:12px/14px Trebuchet MS, sans-serif; color:#2f2f2f; font-weight:bold; padding-top:6px}
#news p a{font:10px/14px Tahoma, sans-serif; color:#848484; text-decoration:underline;}
#news p a:hover{ color:#000; text-decoration:none;}

#news ul.btn_morenews{width:77px; height:14px; margin-left:105px;}
#news ul.btn_morenews li{width:77px; height:14px; text-align:center;  background:url(../images/b_btn_more.gif) 0 0 no-repeat}
#news ul.btn_morenews li a{width:77px; height:14px;font:10px/14px Tahoma, sans-serif; color:#000; text-decoration:none;}
#news ul.btn_morenews li a:hover{color:#b70909}


#radio{width:182px; margin-left:4px; margin-bottom:23px}
#radio h2{height:25px; position:relative; background:url(../images/h_blank.gif) 0 0 no-repeat; margin-bottom:12px; color:#FF0000; padding-left:18px; padding-top:5px; font-size:15px}
#radio p{margin-left:7px; margin-bottom:10px}
#radio p span{ height:18px; background:url(../images/calendar.gif) 0 0 no-repeat; padding-left:35px; display:block; margin-bottom:5px; font:12px/14px Trebuchet MS, sans-serif; color:#2f2f2f; font-weight:bold; padding-top:6px}
#radio p a{font:10px/14px Tahoma, sans-serif; color:#848484; text-decoration:underline;}
#radio p a:hover{ color:#000; text-decoration:none;}
#radio ul.btn_moreradio{width:77px; height:14px; margin-left:105px;}
#radio ul.btn_moreradio li{width:77px; height:14px; text-align:center;  background:url(../images/b_btn_more.gif) 0 0 no-repeat}
#radio ul.btn_moreradio li a{width:77px; height:14px;font:10px/14px Tahoma, sans-serif; color:#000; text-decoration:none;}
#radio ul.btn_moreradio li a:hover{color:#b70909}


#tv{width:182px; margin-left:4px; margin-bottom:23px}
#tv h2{height:25px; position:relative; background:url(../images/h_blank.gif) 0 0 no-repeat; margin-bottom:4px; color:#FF0000; padding-left:18px; padding-top:5px; font-size:15px}
#tv p{margin-left:7px; margin-bottom:10px}
#tv p span{ height:18px; background:url(../images/calendar.gif) 0 0 no-repeat; padding-left:35px; display:block; margin-bottom:5px; font:12px/14px Trebuchet MS, sans-serif; color:#2f2f2f; font-weight:bold; padding-top:6px}
#tv p a{font:10px/14px Tahoma, sans-serif; color:#848484; text-decoration:underline;}
#tv p a:hover{ color:#000; text-decoration:none;}

#tv ul.btn_moretv{width:77px; height:14px; margin-left:105px;}
#tv ul.btn_moretv li{width:77px; height:14px; text-align:center;  background:url(../images/b_btn_more.gif) 0 0 no-repeat}
#tv ul.btn_moretv li a{width:77px; height:14px;font:10px/14px Tahoma, sans-serif; color:#000; text-decoration:none;}
#tv ul.btn_moretv li a:hover{color:#b70909}

/*
#actu{width:182px; margin-left:4px; margin-bottom:23px}
#actu h2{height:25px; position:relative; background:url(../images/h_actu.gif) 0 0 no-repeat; margin-bottom:11px}
#actu p{margin-left:7px; margin-bottom:10px}
#actu p span{ height:18px; background:url(../images/calendar.gif) 0 0 no-repeat; padding-left:35px; display:block; margin-bottom:5px; font:12px/14px Trebuchet MS, sans-serif; color:#2f2f2f; font-weight:bold; padding-top:6px}
#actu p a{font:10px/14px Tahoma, sans-serif; color:#848484; text-decoration:underline;}
#actu p a:hover{ color:#000; text-decoration:none;}
#actu ul.btn_moreactu{width:77px; height:14px; margin-left:105px;}
#actu ul.btn_moreactu li{width:77px; height:14px; text-align:center;  background:url(../images/b_btn_more.gif) 0 0 no-repeat}
#actu ul.btn_moreactu li a{width:77px; height:14px;font:10px/14px Tahoma, sans-serif; color:#000; text-decoration:none;}
#actu ul.btn_moreactu li a:hover{color:#b70909}
*/

#actus{width:475px; margin-right:15px; float:left}
#actus h2{height:25px; line-height:19px; position:relative; background:url(../images/headerSectionFin.gif) 3px 0 no-repeat; margin-bottom:7px; padding-left: 20px; padding-top:5px; font:"Courier New", Courier, monospace; color:#FF0000; font-size:20px}
.actusTopic{width:465px; margin-bottom:15px; float:left; color:#2f2f2f;}
.actusTopic img{float:left; margin-right:12px}

#violations{width:475px; margin-right:15px; float:left}
#violations h2{height:25px; line-height:19px; position:relative; background:url(../images/headerSectionLarge.gif) 3px 0 no-repeat; margin-bottom:25px; padding-left: 20px; padding-top:5px; font:"Courier New", Courier, monospace; color:#FF0000; font-size:20px}
.violationsTopic{width:465px; margin-bottom:25px; float:left; color:#2f2f2f;}
.violationsTopic img{float:left; margin-right:12px}

#nouvelles{width:475px; margin-right:15px; float:left}
#nouvelles h2{height:25px; line-height:19px; position:relative; background:url(../images/headerSectionLarge.gif) 3px 0 no-repeat; margin-bottom:25px; padding-left: 20px; padding-top:5px; font:"Courier New", Courier, monospace; color:#FF0000; font-size:20px}
.nouvellesTopic{width:465px; margin-bottom:25px; float:left; color:#2f2f2f;}
.nouvellesTopic img{float:left; margin-right:12px}

#protections{width:475px; margin-right:15px; float:left}
#protections h2{height:25px; line-height:19px; position:relative; background:url(../images/headerSectionLarge.gif) 3px 0 no-repeat; margin-bottom:10px; padding-left: 20px; padding-top:5px; font:"Courier New", Courier, monospace; color:#FF0000; font-size:20px}
.protectionsTopic{width:465px; margin-bottom:15px; float:left; color:#2f2f2f;}
.protectionsTopic img{float:left; margin-right:12px}

#education{width:475px; margin-right:15px; float:left}
#education h2{height:25px; line-height:19px; position:relative; background:url(../images/headerSectionLarge.gif) 3px 0 no-repeat; margin-bottom:25px; padding-left: 20px; padding-top:5px; font:"Courier New", Courier, monospace; color:#FF0000; font-size:20px}
.educationTopic{width:465px; margin-bottom:25px; float:left; color:#2f2f2f;}
.educationTopic img{float:left; margin-right:12px}

.ticketTopic{width:465px; margin-bottom:15px; float:left; color:#2f2f2f;}
.ticketTopic img{float:left; margin-right:12px;}
.ticketTopic a{text-decoration:none; border:none; border-style:none}
.ticketTopic a:link{text-decoration:none; border:none; border-style:none}

.ticketTopicLine{width:465px; float:left; color:#2f2f2f; margin-bottom:3px; padding-bottom:3px; border-bottom:1px dotted;}
.ticketTopicLine img{float:left; margin-right:12px;}
.ticketTopicLine a{text-decoration:none; border:none; border-style:none}
.ticketTopicLine a:link{text-decoration:none; border:none; border-style:none}

#ad{width:190px; height:115px; position:relative; margin-left:5px; background:url(../images/b_ad.jpg) 0 0 no-repeat}
#ad img{position:absolute; top:15px; left:10px}
#ad ul.btn_ad{width:67px; height:14px; position:absolute; top:65px; left:13px}
#ad ul.btn_ad li{width:67px; height:14px; text-align:center;  background:url(../images/b_btn_ad.gif) 0 0 no-repeat}
#ad ul.btn_ad li a{width:67px; height:14px;font:10px/14px Tahoma, sans-serif; color:#000; text-decoration:none;}
#ad ul.btn_ad li a:hover{color:#c92924}

#welcome{width:475px; margin-bottom:25px}
#welcome p.subtitle{clear:both; border:#dadbdd 1px dashed; border-left:none; border-right:none; padding:7px 5px; margin-bottom:13px; font:13px/15px Trebuchet MS, sans-serif; color:#646464; text-transform:uppercase; text-align:justify}

p span.preambuleLegende{text-transform:none; color:#666666; font:12px/13px  Trebuchet MS, sans-serif;}

#welcome img{float:left; margin-right:10px; margin-bottom:10px}
#welcome #welcomeText{width:275px; float:left;  margin-bottom:10px}
#welcome ul.bullets {margin-left:8px;}


/* FOOTER */

#footer{height:72px; clear:both; margin:0 auto; width:775px; margin-top:20px; background:url(../images/b_footer.gif) 0 0 repeat-x;}
#footer p{padding: 20px 0 0 0; font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footer p span{font:11px/16px Trebuchet MS, sans-serif; }
#footer p a{font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; color:#848484; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#848484; color:#fff}
#sponsor{
	width:756px;
	margin:0 auto;
	text-align: center;
	padding: 10px 0px 15px 0px;
}


/* PAGE ARTICLE */
#titreArticle{color:#000000; font:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:26px; height:auto; margin-bottom:15px; line-height:normal}
#dateCreArticle{font-size:11px}
#dateModifArticle{font-size:11px}
#imageArticle{margin-top:15px; margin-bottom:15px}
#img{text-align:center}
p.legendeImage{background-color:#EEEEEE; font-size:12px}
#texteArticle{font-size:16px; color:#000000; line-height:19px; font-family:"Times New Roman", Times, serif; text-align:justify}
#texteArticle p.preRet{text-indent: 1em; margin-bottom:0px;}
#texteArticle p.secRet{text-indent: 2em; margin-bottom:7px;}
#texteArticle p.troRet{text-indent: 3em; margin-bottom:0px;}
#texteArticle p.quaRet{text-indent: 4em; margin-bottom:0px;}
#texteArticle p.cinRet{text-indent: 5em; margin-bottom:0px;}

#share{width:195px; margin-left:4px; margin-bottom:100px}
#share ul li{float: left; font-size: 9px; line-height:30px; margin: 0 10px 2px; text-align:left; text-transform: uppercase; width: 77px;}