html {
min-width:100%;
height: 100%;
}

body {
font: 11px/12px Verdana;
color:#000000;
text-align:center;
background: url(../images/bkg.gif) repeat center top;
/*background:url(../images/fond_hcup.jpg) top center no-repeat #000;*/
bgcolor:#000000;
margin:0;
padding:0;
height: 100%;
}

body.brennus {
font: 11px/12px Verdana;
color:#000000;
text-align:center;
background:url(../images/fond_brennus.jpg) top center no-repeat #000;
bgcolor:#000000;
margin:0;
padding:0;
height: 100%;
}

#colorline{
position:absolute;
top:58px;
left:0px;
width:100%;
height:133px;
background: url(../images/bkg_line.gif) center repeat-x;
}

#content {
position:relative;
top:2px;
padding-top:222px;
width:948px;
height:524px;
margin: 0 auto;
text-align:justify;
}

#header {
background: url(../images/empty_header.gif) no-repeat;
position: absolute;
width:948px;
height:222px;
left:0px;
top:0px;
}

#header h3 a{
position:absolute;
background: url(images/pixtrans.gif) no-repeat;
display: block;
float: left;
text-decoration: none;
width:116px;
height:116px;
text-indent: -9999px;
}

#stick {
position:absolute;
float:left;
left:10px;
width:160px;
height:100px;
font: 11px/12px Arial;
font-color:white;
}

#stick p{
vertical-align:middle; 
text-align:center;
font: 11px/12px Arial;
font-color:white;
}


#stick2 {
position:absolute;
float:left;
left:10px;
background: url(../images/stick_blanc_rouge.gif) no-repeat;
width:160px;
height:160px;
}

#stick2 p{
margin-top:20px;
vertical-align:middle; 
text-align:center;
text-valign
font: 13px Arial;
font-weight:bold;
color:#dd0000;
}

#stickbrennus {
position:absolute;
float:left;
left:10px;
background: url(../images/stick_brennus.gif) no-repeat;
width:160px;
height:160px;
}

#stickbrennus p{
margin-top:20px;
vertical-align:middle; 
text-align:center;
text-valign
font: 13px Arial;
font-weight:bold;
color:#dd0000;
}

#container {
background: url(../images/bkg_container.gif)  repeat-y;
padding: 0px 0px 0px 0px;
width:948px;
height:auto;
min-height:524px;
}

#left_colonne{
width:156px;
float:left;
color:#232035;
height:auto;
}

#center_colonne{
width:637px;
position:absolute;
left:156px;
/*margin-right:1px;
margin-left:1px;*/
float:left;
height:auto;
}

#right_colonne{
position:absolute;
left:793px;
width:155px;
float:left;
height:auto;
/*margin-right:1px;
margin-left:1px;*/
/*margin-bottom:1px;*/
}

#footer{
background: url(../images/footer.gif) repeat-x;
padding-top: 4px;
position:relative;
width:auto;
height:19px;
color:white;
text-align:center;
font: 11px/12px Arial;
}

span#footer_content{
text-align:center;
}


#content_liens_utiles{
width:154px;
}

#content_liens_utiles a, #content_liens_utiles a:link, #content_liens_utiles a:visited, #content_liens_utiles a:active, #content_liens_utiles a:hover{
color:white;
}


#newsint a, #newsint a:link, #newsint a:visited, #newsint a:active, #newsint a:hover{
color:white;
}


#content_prochain_depl {
width:154px;

}

#content_prochain_repas {
width:154px;
height: 50px;
}

#content_boutique {
width:154px;
}

#content_liens_utiles h1   {
background: url(../images/liens_utiles.gif) no-repeat;
margin-top:0px;
left:0px;
float: left;
text-decoration: none;
width:154px;
height:18px;
text-indent: -9999px;
}

span#content_prochain_depl_title   {
background: url(../images/prochain_deplacement.gif) no-repeat;
margin-top:0px;
margin-left:1px;
left:0px;
float: left;
text-decoration: none;
width:154px;
height:18px;
text-indent: -9999px;
}

span#content_prochain_repas_title   {
background: url(../images/prochain_repas.gif) no-repeat;
margin-top:0px;
margin-left:1px;
left:0px;
float: left;
text-decoration: none;
width:154px;
height:18px;
text-indent: -9999px;
}


span#content_radio_title   {
background: url(../images/web_radio.gif) no-repeat;
margin-top:0px;
margin-left:1px;
left:0px;
float: left;
text-decoration: none;
width:154px;
height:18px;
text-indent: -9999px;
}


span#content_boutique_title   {
background: url(../images/boutique.gif) no-repeat;
margin-top:0px;
margin-left:1px;
left:0px;
float: left;
text-decoration: none;
width:154px;
height:17px;
text-indent: -9999px;
}

span#content_partner_title   {
background: url(../images/partners.gif) no-repeat;
margin-top:0px;
margin-left:1px;
left:0px;
float: left;
text-decoration: none;
width:154px;
height:17px;
text-indent: -9999px;
}

span#content_liens_utiles_title  {
background: url(../images/liens_utiles.gif) no-repeat;
margin-top:0px;
margin-left:1px;
left:0px;
float: left;
text-decoration: none;
width:156px;
height:18px;
text-indent: -9999px;
}

span#content_liens_utiles_span {
left:0px;
float: left;
width:155px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
color:#FFFFFF;
margin:1px;
}

#content_liens_utiles h3 {
display: block;
left:0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
width:155px;
height:2px;
float: left;
color:#FFFFFF;
}

span#content_prochain_depl_span, span#content_prochain_repas_span {
display: block;
padding-left: 2px;
background: url(../images/bkg_gris_blanc.gif) repeat-y;
width:155px;
float: left;
padding-top: 5px;
padding-bottom: 5px;
text-align:center;
}

span#content_boutique_span   {
display: block;
padding-left: 1px;
padding-top: 0px;
padding-bottom: 0px;
width:155px;
float: left;
color:#FFFFFF;

}

#bloc_infos{
width:637px;
/*margin-right:1px;
margin-left:1px;*/
float:left;
height:274px;
/*padding-top:10px;
padding-left:5px;
padding-right:0px;*/
}

#bloc_lire_news{
width:637px;
/*margin-right:1px;
margin-left:1px;*/
float:left;
height:15px;
/*padding-top:10px;
padding-left:5px;
padding-right:0px;*/
}

#info_principale{
position:relative;
width:305px;
height:274px;
left:3px;
top:3px;
}

#info_actu{
position:relative;
width:305px;
height:210px;
left:0px;
top:3px;
float:left;
padding-right:18px;
}

#info_actu_une{
position:relative;
width:305px;
height:210px;
left:0px;
top:3px;
float:left;
padding-right:20px;
}

#info_match{
position:relative;
width:305px;
height:260px;
left:0px;
top:3px;
float:left;
padding-right:16px;
}

#info_actu_info{
position:relative;
float:right;
width:250px;
height:210px;
left:0px;
top:3px;
}

#info_match_info{
position:relative;
float:right;
width:250px;
height:260px;
left:0px;
top:3px;
}

tr.info_border_left{
border-left: 1px solid #CC0000;}

p.match_detail{
margin:15px;
}


#info_principale img, #info_actu img {
text-align:center;
border:1px;
border-color: #000000;
/*margin:0;
padding:0;*/
}

#actu
{
margin:0 4px 4px 4px;
}

div.fondbignews{
position:absolute; top:147px; left:5px; width:295px; height:50px; background:#cc0000;}

div.fondbignews {
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.7;}

div.lanews {
position:absolute;
top:147px; 
left:12px;
width:290px;
height:49px;
background:transparent;
color:white;
text-align:left;
font: 11px/12px Arial;
font-weight:bold;
/*padding-top:5px;
padding-left:10px;*/
}

div.lanews a, div.lanews a:link, div.lanews a:visited, div.lanews a:active, div.lanews a:hover{
color:white;
}

div.lanews h3, div.lanews h3 a, div.lanews h3 a:link, div.lanews h3 a:visited, div.lanews h3 a:active, div.lanews h3 a:hover{
color:white;
font: italic bold 16px Arial;
margin-right:12px;
}

div.lanews h4, div.lanews h4 a, div.lanews h4 a:link, div.lanews h4 a:visited, div.lanews h4 a:active, div.lanews h4 a:hover{
color:white;
font: italic bold 14px Arial;
}

div.lanews h5, div.lanews h5 a, div.lanews h5 a:link, div.lanews h5 a:visited, div.lanews h5 a:active, div.lanews h5 a:hover{
color:white;
font: italic bold 12px Arial;
}


#text_news {

width:285px;
height:49px;
background:transparent;
color:white;
text-align:left;
font: 11px/12px Arial;
font-weight:normal;
padding-left:10px;
}

#text_news h4
{
font: 11px/12px Arial;
}

#lire_news
{

width:303px;
height:15px;
}
#lire_news h1
{
font: 11px/12px Arial;
font-weight:bold;
text-align:right;
}

#info_secondaire{
position:relative;
/*width:295px;*/
height:284px;
left:0px;
top:0px;
}

#info0{
position:relative;
float:left;
left:1px;
top:1px;
width:305px;
height:66px;
font: 11px/12px Arial;
padding-right:4px;
}

#info0:hover, #info2:hover, #info3:hover{
background-color:#eeeeee;
}

#info1{
position:relative;
float:left;
left:1px;
top:1px;
width:305px;
height:66px;
font: 11px/12px Arial;
padding-right:4px;
background-color:#f0d583;
}

#info1:hover, #info2:hover, #info3:hover{
background-color:#EEC342;
}

#info2{
position:relative;
float:left;
left:1px;
top:2px;
width:305px;
height:66px;
padding-right:4px;
}

#info3{
position:relative;
float:left;
left:1px;
top:2px;
width:305px;
height:66px;
padding-right:4px;
}

#info4{
position:relative;
float:left;
left:1px;
top:2px;
width:305px;
height:66px;
background-color:#f0d583;
padding-right:4px;
}

#info4:hover{
background-color:#EEC342;
}

#all_news
{
position:relative;
float:left;
left:1px;
top:2px;
width:305px;
height:15px;
font: 11px/12px Arial;
padding-right:4px;
}

span#all_news_h1
{
font: 11px/12px Arial;
font-weight:bold;
text-align:right;
}

#lire_all_news
{
position:relative;
width:303px;
height:15px;
top:6px;
text-align:right;
}
span#lire_all_news_h1
{
font: 11px/12px Arial;
font-weight:bold;
text-align:right;
}


#p info_resume
{
padding:1px;
position:absolute;
float:left;
top:1px;
/*width:215px;*/
height:66px;
font: 11px/12px Arial;
margin-top:2px;
}

.img_info {
float: left;
border-width:1px;
border-color:#000000;
margin: 2px 5px 2px 1px;
}

.img_info_principale
{
border-width:1px;
border-color:#000000;
}

#bloc_forum_mag{
/*position:absolute;*/
width:637px;
/*margin-right:1px;
margin-left:1px;*/
/*float:left;*/
/*top:280px;*/
left:0px;
height:250px;
/*padding-top:10px;
padding-left:5px;
padding-right:0px;*/
font:Arial;
font-size:11px;
z-index:1;
}

#bloc_forum{
/*position:relative;*/
width:305px;
height:auto;
font:Arial;
font-size:10px;
text-align:left;
left:8px;
top:8px;
}

#bloc_forum h1   {
/*background: url(../images/titre_forum.gif) no-repeat;*/
margin-top:0px;
left:1px;
float: left;
text-decoration: none;
width:296px;
height:19px;
text-indent: -9999px;
}

#bloc_forum p   {
top:3px;
}

#bloc_mag{
/*position:relative;*/
float:left;
left:1px;
width:305px;
height:auto;
top:8px;
font: 16px Arial;
}

#mag_info{
/*position:relative;*/
float:left;
left:0px;
top:20px;
width:150px;
height:149px;
font: 16px Arial;
text-align:center;
}

#bloc_mag h1   {
background: url(../images/titre_mag_du_huit.gif) no-repeat;
margin-bottom:14px;
left:1px;
float: left;
text-decoration: none;
width:296px;
height:19px;
text-indent: -9999px;
}

#bloc_mag p   {
top:3px;
font: 14px Arial;
font-weight:bold;
}
.mag_img {
float: left;
border-width:1px;
border-color:#000000;
margin: 2px 15px 2px 1px;
}

#bloc_connexion
{
/*position:relative;*/
width:156px;
/*left:2px;*/
}

/*connexion *, #profil *, #connexion-inscr { margin:0; padding:0; }*/
				
/* Connexion */	
#connexion {
	background:#161515 url(../images/login_fond.gif) repeat-x 0 29px;
	font-size:10px;
}	

#bloc_connexion h1{
background: url(../images/titre_connexion.gif) no-repeat;
margin-top:0px;
float: left;
text-decoration: none;
height:29px;
width:156px;
text-indent: -9999px;
left:1px;
}

span#bloc_connexion_h1{
background: url(../images/titre_connexion.gif) no-repeat;
margin-top:0px;
float: left;
left:0px;
margin-left:2px;
text-decoration: none;
height:29px;
width:156px;
text-indent: -9999px;
}

#bloc_connexion h2 {
display: block;
/*background: url(../images/login_fond.gif) repeat-x;*/
width:156px;
height:55px;
float: left;
left:0px;
/*text-align:center;*/
}

span#bloc_connexion_h2 {
display: block;
/*background: url(../images/login_fond.gif) repeat-x;*/
width:153px;
height:55px;
float: left;
left:0px;
margin-top:0px;
margin-left:2px;
/*text-align:center;*/
}

#connexion-inscr { font-size:10px; }
	
#connexion p {
	padding:3px 13px;
}
	
#connexion input {
	background:#E7E7E7 url(../images/login_fond_form.gif) repeat-x top;
	border:1px solid #FFF;
	margin:0;
	/*padding:1px 5px;*/
	color:#000000;
	left:5px;
}
			
#connexion #pseudo { width:120px; }
#connexion #pass { width:80px; }
#connexion #ok {
	width:23px;
	background:url(../images/login_ok.gif) no-repeat;
	border:0;
	vertical-align:middle;
	text-indent:-1000em;
	margin-left:6px;
	overflow:hidden;
	cursor:pointer;
}

#connexion a {
	color:#9B9B9B;
}
	
#connexion-inscr {
	background:#800000;
	height:1.6em;
}

/*#bloc_connexion a {
	width:9em;
	height:1.6em;
	position:relative;
	float:right;
	color:#FFF;
	background:#DA2D1B;
}
*/
#content_forum_inscr{
/*position:relative;*/
width:156px;
left:2px;
}

#content_forum_inscr h1 {
	background:url(../images/inscription.gif) no-repeat;
	margin-top:0px;
	left:1px;
	float: left;
	text-decoration: none;
	width:153px;
	height:14px;
	text-indent: -9999px;
}

span#content_forum_inscr_h1 {
	background:url(../images/inscription.gif) no-repeat;
	margin-top:0px;
	left:0px;
	float: left;
	text-decoration: none;
	margin-left:2px;
	width:156px;
	height:14px;
	text-indent: -9999px;
}


#content_prochain_match{
width:156px;
left:2px;
}

span#content_prochain_match_title   {
background: url(../images/prochain_match.gif) no-repeat;
margin-top:0px;
margin-left:1px;
float: left;
text-decoration: none;
width:156px;
height:18px;
text-indent: -9999px;
}

span#content_prochain_match_content {
display: block;
background: url(../images/fond_next_match2.gif) no-repeat;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
width:156px;
height:123px;
float: left;
color:#000000;
text-align:center;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
padding-top:5px;
margin-left:1px;
}

span#content_prochain_match_content hr {
border: none 0;
border-top: 1px dashed #ffffff;/*the border*/
width: 98%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
text-align:center;
margin-bottom:3px;
}

#content_galerie{
width:156px;
left:2px;
}

span#content_galerie_title   {
background: url(../images/galerie.gif) no-repeat;
margin-top:0px;
margin-left:1px;
float: left;
text-decoration: none;
width:156px;
height:18px;
text-indent: -9999px;
}

span#content_galerie_content {
display: block;
background: #ced6b4 url(../images/fond_galerie.gif) repeat-x;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
width:154px;
min-height:135px;
float: left;
color:#565656;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
height:auto;
margin-left:1px;
left:1px;
}


/*#content_galerie h2 div.shadow {
  padding: 0 1px;
  background: #b4afa3;
  border-left: 1px solid #dcd7c8;
  border-right: 1px solid #dcd7c8;
  position: relative;
}
*/
.shadow  {
  padding: 4px 4px 4px 4px;
  /*background: white url(../images/shad_bottom.png) repeat-x bottom left;*/
/*  border: 1px solid #cecece;*/
  border-color:#8c8c8c;
  border-style:solid;
  border-width:thin;
  background-color: #fff; 
}
/*
.shadow img {
text-align:center;
display: block; 
position: relative;
padding: 5px; 
background-color: #fff; 
border: 1px solid #cecece; 
margin: -6px 6px 6px -6px; 
}
*/
/*
.shadow img.nomatte {
  padding: 0 0 4px 0;
  background: white url(../images/shad_bottom.png) repeat-x bottom left;
}

.shadow .topleft {
  width: 2px;
  height: 4px;
  background: url(../images/shad_tlcorner.png) no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
}

.shadow .topright {
  width: 2px;
  height: 4px;
  background: url(../images/shad_trcorner.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
}

.shadow .bottomleft {
  width: 4px;
  height: 4px;
  background: url(../images/shad_blcorner.png) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}

.shadow .bottomright {
  width: 4px;
  height: 4px;
  background: url(../images/shad_brcorner.png) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}
*/

span#content_midol_title   {
background: url(../images/midol.gif) no-repeat;
margin-top:0px;
margin-left:1px;
float: left;
text-decoration: none;
width:156px;
height:18px;
text-indent: -9999px;
}

span#content_midol_content {
display: block;
background: #ced6b4 url(../images/fond_midol.gif) repeat-x;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
width:154px;
min-height:135px;
float: left;
color:#565656;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
height:auto;
margin-left:1px;
left:1px;
}


span#content_facebook_title   {
background: url(../images/facebook.gif) no-repeat;
margin-top:0px;
margin-left:1px;
float: left;
text-decoration: none;
width:156px;
height:18px;
text-indent: -9999px;
}

span#content_facebook_span   {
display: block;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
width:153px;
float: left;
color:#565656;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
height:auto;
margin-left:0px;
left:0px;
}


#container p, #container h3, #container b, #container ul{
padding-bottom: 0.75em;
}

#container h3, #container h4{
font-family: arial, Helvetica, Sans-Serif;
}

* {
margin: 0;
padding: 0;
}

a,a:link,a:visited,a:active {
text-decoration:none;
color:#232035;
}

a:hover {
color:#AD1A17;
text-decoration:none;
}

ul, li {
list-style: none;
}

.menu {
width:948px; 
height:38px; 
position:absolute; 
top:168px; 
left:66px; 
margin:0; 
}


#choixmenu{
width:948px;
height:38px;
text-align:center;
}

#choixmenu ul{
padding-left:10px;
}

#choixmenu li, #choixmenu li a{
display:block;
float: left;
text-indent: -9999px;
list-style: none;
white-space:nowrap;
background: url(../images/separation.gif) left no-repeat;
height:38px;
padding-left:5px;
padding-top:2px;
}

#choixmenu li.first {
background: url(../images/pixtrans.gif) left no-repeat;
margin-left:-6px;
}

a#choixmenufirst, a#choixmenufirst:link, a#choixmenufirst:visited, a#choixmenufirst:active {
background: url(../images/pixtrans.gif) no-repeat;
float: left;
width:5px;
height:38px;
}

a#choixmenusep, a#choixmenusep:link, a#choixmenusep:visited, a#choixmenusep:active {
background: url(../images/separation.gif) no-repeat;
float: left;
width:5px;
height:38px;
}

a#choixmenu1, a#choixmenu1:link, a#choixmenu1:visited, a#choixmenu1:active {
background: url(../images/menu_accueil.gif) no-repeat;
float: left;
width:49px;
height:38px;
}

a#choixmenu2, a#choixmenu2:link, a#choixmenu2:visited, a#choixmenu2:active {
background: url(../images/menu_lehuit.gif) no-repeat;
float: left;
width:48px;
height:38px;
}

a#choixmenu3, a#choixmenu3:link, a#choixmenu3:visited, a#choixmenu3:active {
background: url(../images/menu_equipe.gif) no-repeat;
float: left;
width:47px;
height:38px;
}

a#choixmenu4, a#choixmenu4:link, a#choixmenu4:visited, a#choixmenu4:active {
background: url(../images/menu_competitions.gif) no-repeat;
float: left;
width:84px;
height:38px;
}

a#choixmenu5, a#choixmenu5:link, a#choixmenu5:visited, a#choixmenu5:active {
background: url(../images/menu_boutique.gif) no-repeat;
float: left;
width:58px;
height:38px;
}

a#choixmenu6, a#choixmenu6:link, a#choixmenu6:visited, a#choixmenu6:active {
background: url(../images/menu_supporters.gif) no-repeat;
float: left;
width:72px;
height:38px;
}

a#choixmenu7, a#choixmenu7:link, a#choixmenu7:visited, a#choixmenu7:active {
background: url(../images/menu_forum.gif) no-repeat;
float: left;
width:45px;
height:38px;
}

a#choixmenu8, a#choixmenu8:link, a#choixmenu8:visited, a#choixmenu8:active {
background: url(../images/menu_adherent.gif) no-repeat;
float: left;
width:74px;
height:38px;
}


a#choixmenu1:hover{
background: url(../images/menu_hover_accueil.gif) no-repeat;
float: left;
width:49px;
height:38px;
}

a#choixmenu2:hover{
background: url(../images/menu_hover_lehuit.gif) no-repeat;
float: left;
width:48px;
height:38px;
}

a#choixmenu3:hover{
background: url(../images/menu_hover_equipe.gif) no-repeat;
float: left;
width:47px;
height:38px;
}

a#choixmenu4:hover{
background: url(../images/menu_hover_competitions.gif) no-repeat;
float: left;
width:84px;
height:38px
}

a#choixmenu5:hover{
background: url(../images/menu_hover_boutique.gif) no-repeat;
float: left;
width:58px
height:38px;
}

a#choixmenu6:hover{
background: url(../images/menu_hover_supporters.gif) no-repeat;
float: left;
width:72px;
height:38px;
}

a#choixmenu7:hover{
background: url(../images/menu_hover_forum.gif) no-repeat;
float: left;
width:45px;
height:38px;
}

a#choixmenu8:hover{
background: url(../images/menu_hover_adherent.gif) no-repeat;
float: left;
width:74px;
height:38px;
}

#menu1
{
width:700px; height:16px; position:absolute; top:206px; left:20px; margin:0; margin:0px 0 60px 0;
position:absolute;
color:#000000;
}

#menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8
{
width:700px; height:16px; position:absolute; top:206px; left:20px; margin:0; margin:0px 0 60px 0;
color:#000000;
position:absolute;
}

#menu1 li,#menu2 li,#menu3 li,#menu4 li,#menu5 li,#menu6 li,#menu7 li,#menu8 li
{
display:inline;
float: left;
height:10px;
margin:1px 8px 0px 5px;
padding-left:10px;
}

#menu1 li.li_rub,#menu2 li.li_rub ,#menu3 li.li_rub,#menu4 li.li_rub,#menu5 li.li_rub,#menu6 li.li_rub,#menu7 li.li_rub,#menu8 li.li_rub
{
display:inline;
float: left;
background: url(../images/minipucebleue.gif) left no-repeat;
height:10px;
margin:1px 8px 0px 5px;
padding-left:10px;
}

#menu1 a, #menu1 a:link, #menu1 a:visited, #menu1 a:active,
#menu2 a, #menu2 a:link, #menu2 a:visited, #menu2 a:active,
#menu3 a, #menu3 a:link, #menu3 a:visited, #menu3 a:active,
#menu4 a, #menu4 a:link, #menu4 a:visited, #menu4 a:active,
#menu5 a, #menu5 a:link, #menu5 a:visited, #menu5 a:active,
#menu6 a, #menu6 a:link, #menu1 a:visited, #menu1 a:active,
#menu7 a, #menu7 a:link, #menu7 a:visited, #menu7 a:active,
#menu8 a, #menu8 a:link, #menu8 a:visited, #menu8 a:active {
color:#000000;
font-weight:normal;
}

#menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover, #menu7 a:hover, #menu8 a:hover {
color:#AD1A17;
}

/*-----------------------------------------------------------------------------------  Colonne gauche  -----------------------------------------------------------------------------------*/
#colG, #colD{
	width:156px;
	margin: 0 0 0 0;
}
#colG{
	float:left;
}
/*-----------------------------------------------------------------------------------  Colonne Droite  -----------------------------------------------------------------------------------*/
#colD{
	float:right;
	text-align:center;
}
#contenu{
/*width:200px;*/
	margin:0px 156px 0 156px;
	top:5px;
	min-height:700px;
	_height:700px;
	height:850px;
}



.click{
	cursor:pointer;
}
#contColG, #contColD{
	width:49%;
	padding:0;
	height:auto;
}
#contColG{
	float:left;
}
#contColD{
	float:right;
}

/*-----------------------------------------------------------------------------------  Pied de page  -----------------------------------------------------------------------------------*/

#piedPage{
background: url(../images/footer.gif) repeat-x;
width:auto;
height:19px;
color:white;
clear:both;
padding-top: 4px O O O;
	text-align:center;
	list-style-type:none;
	width:auto;
	margin:0px auto 0px auto;
	font-size:10px;
	/*border-top:1px solid #666;
	margin:25px 200px 0 200px;*/
}
#piedPage a{
	color:#444;
}
#piedPage li{
	display:inline;
	padding:0;
	margin:0 15px;
	height:16px;
}
.clearG, .clearD{
	line-height:0;
	height:0;
}
.clearG{
	clear:left;
}
.clearD{
	clear:right;
}

.clearA{clear:both;}

/*-----------------------------------------------------------------------------------  D�finition des cadres  -------------------------------------------------------------------------------*/

.cadre{
	border:1px solid #3A3A3A;
	background:#FFF url(../images/mep/une/logoStSmall.jpg) no-repeat 95% 20px;
	-moz-border-radius: 2px;
	margin:0 10px 15px 10px;
	/*overflow:auto;*/
}
.noLogo{
	background-image:none;
}
.cadre h1, #colG .cadre h2, #colD .cadre h2, #ajaxContainer h2,#ajaxContainerNewsletter h2{
	padding:0 5px;
	margin:0;
	font-size:12px;
	font-weight:bold;
	background: url(../images/mep/une/hautCadreFin.jpg) repeat-x center top;
	height:20px;
}
.cadre h2{font-size:12px; font-weight:normal;}
.cadre .contenuCadre{
	padding:5px;
}
.contenuCadre h2{
	font-weight:bold;
	margin:3px 0;
}
.finCadre{
	background: url(../images/mep/une/bas-cadreFin.jpg) repeat-x center top;
	height:20px;
	padding:0 5px;
	text-align:right;
}

/*-----------------------------------------------------------------------------------  Actualit�  -----------------------------------------------------------------------------------*/

.dateActu{
	color:#ff0000;
}
.titreActu {
    font-weight:bold;
}
.imageUne{
	margin:20px 20px 20px 80px;
}

#tousArticles{
  text-align:right;
}

.pagination {
	
	padding:10px;
	text-align:center;}
	
/*-----------------------------------------------------------------------------------  Actualit�2  -----------------------------------------------------------------------------------*/
/*a.btnActu{display:block; height:23px; padding:7px 0 0 15px;}
a.btnActu:hover{ background-color:#854D49;}*/
#actuPhoto .imagette{filter:alpha(opacity=30); -moz-opacity: .30; border-top:1px solid #000;}
#firstImagette{filter:alpha(opacity=100); -moz-opacity: 1; border:0;}
#actuPhoto p, #actuPhoto .imagette { margin:0; padding:0;}
#actuPhoto img{display:block;}
#texteActu{float:right; width:120px; height:200px; overflow:hidden;}
#texteActu p, #texteActu h2{text-align:left;}
#actuPhoto{float:left; width:145px;}

/*-----------------------------------------------------------------------------------  �l�ments textuels  -----------------------------------------------------------------------------------*/
.rouge{color:red; background-color:white;filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5
}
.vert{color:#66CC00;; background-color:white;filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.bleu{color:#FF663A;}

.rougeStade{color:#D00D0C;}
.rougeStadeFond{ background-color:#D00D0C;}
.orangeStadeFond{ background-color:#FFCC00;}
.bleuStadeFond{ background-color:#0066FF;}
.VertHCupFond{ background-color:#00853F;}

#titrePage, #titrePageNonInclus{
    padding-left:20px;
    color:#CC0000;
	font-size:24px;
	margin-top:0;
}

/*-----------------------------------------------------------------------------------  lookage des fomulaires  ------------------------------------------------------------------------------*/

form{margin:0; padding:0;}
input, textarea{background-color:#FFF; border:1px solid #3A3A3A; color:#000;}
.noBorder{
	border:0;
}
textarea{width:90%; margin:0 auto;}
input:focus, textarea:focus{background-color:#eee;}

div.topint{
width:250px;
height:32px;
}

#newsint{
width:250px;
background: url(../images/mep/case_fond.png)  repeat-y;
color:white;
padding:10px;
align:center;

}

div.topint h1{
width:250px;
height:32px;
padding-left: 35px;
padding-top:12px;
margin:-10px -10px 0px 0px;
background: url(../images/mep/case_top.gif)  no-repeat;
font-size: 18px;
line-height:24px;
font-weight:100;
color:#FFF;
}

#newsint h1 b {
color:#000;
}

div.bottomtvint{
width:282px;
height:16px;
margin-bottom:20px;
background: url(../images/mep/case_footer.gif)  no-repeat;
}
.classement tr.rouge{
background: #cc0000;
}
.classement2 tr.gris, .classement tr.gris{
background: #cccccc;
}

.classement2 td, .classement td, .classement th {
padding-left:5px;
}

.normal td {
padding-left:0px;
}

.classement th{
font-weight:bold;
font-size:11px;
text-align:left;
}
.classement{
width:97%;
vertical-align:top;
line-height:15px;
border-collapse: collapse;
}

.classement2{
width:75%;
vertical-align:top;
line-height:15px;
border-collapse: collapse;
}


#newsint li p, #newsint li h4 {
padding-bottom:0;
color:#000;
}

#newsint li h4 {
font-size: 12px;
line-height: 14px;
font-weight:bold;
color:#FFF;
}

#newsint li{
width:226px;
text-align:left;	
padding-left:25px;
background: url(../images/mep/ballon.gif) left 1px no-repeat;
clear:both;
}

td.titletext{
background-image: url("../images/mep/title-background.jpg"); 
background-position: left bottom; 
background-repeat: repeat-x; 
border: solid #c5c3c3 1px; 
padding: 0px 2px 0px 10px; 
height: 23px; 
vertical-align: middle; 
color: #CC0000; 
text-align: left;
font: 11px/12px Arial;
font-weight: bold; 
}


td.titletextred{
background-image: url("../images/mep/title-background-red.jpg"); 
background-position: left bottom; 
background-repeat: repeat-x; 
border: solid #c5c3c3 1px; 
padding: 0px 2px 0px 10px; 
height: 23px; 
vertical-align: middle; 
color: #FFFFFF; 
text-align: left;
font: 11px/12px Arial;
font-weight: bold; 
}

#rsscontent
{
font: 11px/12px Arial;
font-weight: normal; 
}

#about-bubble p, #ref-bubble p, #downloads-bubble p, #docs-bubble p, #versions-bubble p {
  z-index: 1;
  position: relative;
  font-size:0.9em;
  padding-right: 10px;
  color: #1A1917;
}
#about-bubble, #ref-bubble, #downloads-bubble, #docs-bubble, #versions-bubble {
  position: absolute;
  width: 310px;
  height: 310px;
  text-align: center;
}
#about-bubble-handle, #ref-bubble-handle, #downloads-bubble-handle, #docs-bubble-handle, #versions-bubble-handle {
  cursor: move;
}

.ul-navigation li.noborder a:hover {

color : #666666;

}

.ul-navigation li.noborder a:hover {

color : #ea5117;

}

.ul-navigation li a.classic:hover {

color : #ea5117;

}

ul.ul-navigation {

margin : 10px auto 10px auto;

padding : 0;

text-align : center;

clear : both;

display : inline;

}

.ul-navigation li {

display : inline;

border : 1px solid #ccc;

margin : 0 1px 0 1px;

padding : 4px 0 !important ;

padding : 0;

line-height : 28px;

}

.ul-navigation li.noborder {

border : 0;

margin : 0 3px;

}

.ul-navigation li.noborder a {

padding : 0;

text-decoration : none;

}

.ul-navigation li a {

display : inline;

line-height : 28px;

padding : 4px 8px;

cursor : pointer;

text-decoration : none;

}

.ul-navigation li.noborder a {

text-decoration : underline;

}

.ul-navigation li.current a {

font-weight : bold;

color : #ea5117;

cursor : default;

}

.ul-navigation li.noborder a, .ul-navigation li.current a, .ul-navigation li
a.classic:hover {

text-decoration : none;

}