/* CSS Document */

* { margin:0; padding:0; }
img { border:0; }
body {  font-family:Arial, Helvetica, sans-serif; font-size:11px;}



/* HEADER - BILLBOARD */
#header { width:798px; height:35px; }
#header img { float:left; }
.input_mail { width:115px; height:18px; border:solid 1px #33872E; font-size:10px; }
#header form{ float:right; margin:3px 0 5px 0; }


/* MENU HAUT AUTRES PAGES */
ul#menu2 { width:775px; height:20px; color:#FFFFFF; list-style-type:none; background-color:#125cad; margin-left:12px; }
ul#menu2 li { text-align:center; float:left; margin:0 2px 0 2px; }


/* LIENS "plus d'infos" */
a:link.plusdinfos,a:active.plusdinfos,a:hover.plusdinfos,a:visited.plusdinfos { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2C6CAF; text-decoration:underline; }
a.plusdinfos {margin-left:5px; float:left;}


/* HAUT COLONES (img+texte) N°1 et N°3 */
.haut_col { height:75px; margin:0 0 0 10px; }
.haut_col img { float:left; margin:0 5px 0 0; }
.haut_col p { margin:5px 0 0 0; }


/* IMAGE + TEXTE ACTUALITE */
#haut_actu { margin:5px 0 0 7px; height:75px; }
#haut_actu img { float:left; }
#haut_actu p { margin: 0px 0 0px 196px; padding:0; _padding: 60px 0 0 0; _height:1%; _position:relative; _line-height:1}
#haut_actu ul {margin:5px 0 0 190px; _margin-left:187px; _height:1%; _position:relative }
#lien_actu { margin-left:8px;}
#rugby_actu { list-style-type:none; }


/* TEXTE DANS LA COLONE 4 */
#col4 p { padding:0 7px 0 7px; } 

/* LIENS DANS LA COL6 */
#colsix ul { margin:8px 0 0 20px; }


/* LISTE DE LIENS DES COLONES */
/*ul.list_liens {list-style-image:url(img/list_fleche.gif); margin:0 0 0 20px;}*/
ul.list_liens li {list-style-image:url(img/list_fleche.gif); margin:0 0 0 20px; _height:1%; _position:relative}
ul.list_liens a:link, ul.list_liens a:active, ul.list_liens a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; }
ul.list_liens a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2C6CAF; text-decoration:underline; }


/* POSITION DES COLONES/BLOCS */
#col1 { background:#FFFFFF; width:187px; height:auto; margin:10px 0 0 10px; float:left;}
#col2, #col3, #col4 { background:#FFFFFF; width:187px; height:auto; margin:10px 0 0 10px; float:left;}
#colsix { background:#FFF url(img/bot_col.gif) no-repeat bottom left; width:187px; height:auto; padding:0 0 10px 0; margin:10px 0 0 10px; float:left; }
/*#bloc_bas + #colsix { float:left; margin:10px 0 0 10px;}*/

.bas1 {
	width:187px;
	height:11px;
	float:left;
	margin-top:25px;
	padding: 0px;
}
.bas2 {
	width:187px;
	height:11px;
	float:left;
	margin: 48px 0px 0px;
	padding: 0px;
}
.bas3 {
	width:187px;
	height:11px;
	float:left;
	margin: 15px 0px 0px;
	padding: 0px;
}
.bas4 {
	width:187px;
	height:11px;
	float:left;
	margin: 48px 0px 0px;
	padding: 0px;
} 

#bloc_bas { background:#FFFFFF; width:384px; height:auto; margin:10px 0 0 10px; float:left; display:inline}


/* TITRE DES SECTIONS */
h3#titre_lequipe {background:url(img/titre_lequipe.gif) no-repeat; text-indent:-5000px; margin:0 0 8px 60px; width:68px; height:22px;}
h3#titre_thematiques {background:url(img/titre_thematiques.gif) no-repeat; text-indent:-5000px; margin:0 0 8px 25px; width:135px; height:18px;}
h3#titre_experts {background:url(img/titre_experts.gif) no-repeat; text-indent:-5000px; margin:0 0 8px 40px; width:101px; height:18px;}
h3#titre_equipeco {background:url(img/titre_equipeco.gif) no-repeat; text-indent:-5000px; margin:0 0 8px 35px; width:112px; height:18px;}
h3#titre_canaldet {background:url(img/titre_canaldet.gif) left top no-repeat; text-indent:-5000px; margin:0; width:187px; height:33px;}
h3#titre_actu {background:url(img/titre_actu.gif) no-repeat; text-indent:-5000px; margin:0 0 0 130px; width:92px; height:23px;}

/*BLOC MENTIONS LEGALES ETC.*/
#mentions { color:#FFF; background:#999; width:798px; }
#mentions ul { list-style-type:none; margin-left:45px;}
#mentions ul li { float:left; text-align:center; margin:0 0 0 5px; }
#mentions a:link, #mentions a:active, #mentions a:visited  { color:#FFF; text-decoration:none; }
#mentions a:hover { color:#e3e3e3; text-decoration:underline; }



td { font-family:Arial, Helvetica, sans-serif; font-size:11px }

.bordhaut {	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC }
.cadreBlanc { border: 1px solid #FFFFFF; }
.borddroit { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-decoration:none; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC }
.borddroithaut { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; background-color: #}

.dates { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; background-color: #d50d2a}
 
.dates_fem { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; background-color: #db016c}

.dates_vel { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; background-color: #f29404}

.dates_ftb { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; background-color: #ff0000}

.dates_nau { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; background-color: #3aafc8}

.dates_glf { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; background-color: #009900}

.dates_equ { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; background-color: #8e2213}
 
A:link    { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none }
A:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none }
A:active  { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none }
A:hover   { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2C6CAF; text-decoration:underline }

A.box_bot:link    { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none }
A.box_bot:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none }
A.box_bot:active  { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none }
A.box_bot:hover   { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#D4031C; text-decoration:underline }

A.lien_ext:link    { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:none }
A.lien_ext:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:none }
A.lien_ext:active  { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:none }
A.lien_ext:hover   { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#e3e3e3; text-decoration:underline }

A.chemin:link    { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none }
A.chemin:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none }
A.chemin:active  { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:underline }
A.chemin:hover   { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:underline }

.text_mail{	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#33872E }
.input_mail{ width:115px; height:18px; border-style:solid; border-width:1px; border-color:#33872E; font-family:Arial, Helvetica, sans-serif; font-size:10px }
.title { font-family: Arial, Helvetica, sans-serif;	font-size: 15px; text-transform: uppercase;	color: #2C6CAF;	font-weight: bold }
.subtitle {	font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-transform: uppercase; color: #2C6CAF; font-weight: bold }
span.parution { font-family:Arial, Helvetica, sans-serif; color: #d50d2a; background: #FFFFFF; padding-right: 5px; padding-left: 5px; text-align: center;  margin: 0px; /* : 1px solid #D50D2A;border-bottom:1px solid #D50D2A; border-left: 1px solid #D50D2A;  border-right*/

}


a.info {
   color: #FFFFFF;
   position: relative;
   text-decoration: underline;
   border-bottom: 1px red dotted;
}

a.info:hover {
   background: none;
   z-index: 100;  
}


a.info span {
   display: none; 
}

a.info:hover span {
   display: block; 
   position: absolute;
   height: 15px;
   white-space: nowrap; 
   text-align: left;
   top: 30px; 
   left: 30px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid red;
   border-left: 4px solid red;
}

.titre  { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #999999; text-decoration: underline;
}



/*++++++++++++++++++++++++++*/
html 	{
	text-align: center;
	background: #999 url(img/bg_accueil.gif) left top repeat-x ;
	}

body { 
	position : relative; 
	width: 800px; 
	margin: 0 auto; 
	text-align: left;
	background: #e3e3e3 url(img/bg_body.gif) left top repeat-x;
	}
	
#header {
	position: relative;
	padding-top: 292px; margin-bottom: 7px;
	}
		
#header h1 {
	position: absolute;
	top: 8px; left: 28px;
	width: 123px; height: 57px;
	background: url(img/logo-manchettes-sports.gif) left top no-repeat
	}

#header h1 span {
	display: block;
	text-indent: -9000px
	}

#header .cross-media a {
	display: block;
	position:absolute;
	top: 37px; right: 18px;
	width: 592px; height: 230px 
	}

#header .cross-media a span {
	display: block;
	text-indent: -9000px
	}

#header .form {
	position: absolute;
	top: 5px; right: 9px;
	width: 330px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	}
	
#form_newsletter .form .form_input {
	width:162px;
	height:16px;
	color:#999999;
	font-size:12px;
	border:#999999 1px solid;
	text-indent:3px;
	vertical-align: middle
	}

#nav {
	background: url(img/bg_nav.gif) left top no-repeat;
	width: 785px; height: 22px;
	margin-left: 8px
	}
	
#nav li {
	margin: 2px 22px 0;
	display: inline;
	float: left
	}

#nav li a {
	display: block;
	height: 13px;
	background-position: 0 0;
	background-repeat: no-repeat;
	}

#nav li a:hover {
	background-position: 0 -13px
	}

#nav li a span {
	display: block;
	text-indent: -9000px
	}

#nav li.accueil a {
	background-image: url(img/btn_accueil.gif);
	width: 54px
	}	

#nav li.chiffres a {
	background-image: url(img/btn_chiffres.gif);
	width: 88px
	}

#nav li.tarifs a {
	background-image: url(img/btn_tarifs.gif);
	width: 37px
	}

#nav li.rdv a {
	background-image: url(img/btn_rdv.gif);
	width: 140px
	}
	
#nav li.calendrier a {
	background-image: url(img/btn_calendrier.gif);
	width: 126px
	}

#nav li.contacts a {
	background-image: url(img/btn_contact.gif);
	width: 66px
	}