@charset "utf-8";
/* ------------------------------------ */
/*               Général                */
/* ------------------------------------ */
body {
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#efefef url(../media/interface/background11.jpg) repeat-x top;
	/*background:#000 url(../media/interface/back2.jpg) top center no-repeat;
	background:#0e0c0c url(../media/interface/background9.jpg) repeat-x top;*/
	margin:0 auto;
	padding:0;
	/*border-top:20px solid #000;*/
}
body.temp {
	background:#efefef url(../media/interface/background-temp.jpg) repeat-x top;
}
h1 {
margin:0;
padding:3px 0 2px 3px;
color:#c70101;
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
border-bottom:1px solid #c70101;
}
h1 a, h1 a:visited{
margin:0;
padding:3px 0 2px 3px;
color:#c70101;
font-family:"Tahoma", Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
/*border-bottom:1px solid #c70101;*/
border-bottom:none;
}
h2 {
margin-top:12px;
font-size:14px;
}
h2.rouge {
font-size:15px;
color:#c70101;
}
h3 {
font-weight:bold;
padding:3px 0;
font-size:11px;
}
h4 {
	line-height:12px;
	font-size:12px;
	color:#fff;
	background:#222;
	padding:3px 0 3px 3px;
	margin:0 0 0 5px;
}
h4 a, h4 a:visited{
	color:#fff;
	text-decoration:none;
}
h4 a:hover, h4 a:focus{
	color:#fff;
	text-decoration:underline;
}
h4.actu {
	background:none;
	line-height:12px;
	font-size:12px;
	color:#000;
	padding:3px 0 3px 3px;
	margin:0 0 0 5px;
}
h4.actu a, h4.actu a:visited{
	color:#000;
	text-decoration:none;
}
h4.actu a:hover, h4.actu a:focus{
	color:#000;
	text-decoration:underline;
}

.spacer {
	clear:both;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:1px;
}
img {
	border:none;
}
.fl {
float:left;
margin:5px 10px 3px 0;
}
.fr {
float:right;
margin:5px 0 3px 10px;
}
ul, li {
list-style:none;
}
ul.plus {
margin:0 0 0 10px;
padding:0;
}
ul.plus li {
margin:0;
padding:0 0 0 11px;
background:url(../media/interface/puce-plus.gif) 0 5px no-repeat;
}
a, a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
color:#c70101;
text-decoration:underline;
}
.small {
font-size:10px;
text-align:justify;
}
.rouge {
color:#c70101;
}
/* ------------------------------------ */
/*               Header                 */
/* ------------------------------------ */
#header {
	margin:0 auto;
	position:relative;
	width:980px;
	height:100px;
}
a#logo {
float:left;
margin:27px 0 0 20px;
width:330px;
height:70px;
/*background:url(../media/interface/logo.jpg) top left no-repeat;*/
}
/* ------------------------------------ */
/*               Menu                   */
/* ------------------------------------ */
#menu {
margin:0 auto;
position:relative;
width:920px;
height:32px;
padding:30px 30px 0 30px;
}
#menu ul {
margin:0;
padding:0;
width: 920px;
height: 32px;
list-style: none;
background: url(../media/interface/menu.gif) top left no-repeat;
}
#menu li {
float: left;
padding: 0;
margin:0;
/*text-indent: 50px;*/
}
#menu li a {
display: block;
height: 32px;
text-decoration: none;
font-size: 1px;
line-height: 32px;
color: #C6C1A3;
}
#menu li a span {
position: absolute;
left: -5000px;
}
#menu li a:hover {
background: transparent url(../media/interface/menu.gif) top left no-repeat;
}
#menu a#menu-actu, #menu a#menu-actu:hover, #menu a#menu-actu-active, #menu a#menu-actu-active:hover {
width:150px;
}
#menu a#menu-club, #menu a#menu-club:hover, #menu a#menu-club-active, #menu a#menu-club-active:hover {
width:121px;
}
#menu a#menu-competitions, #menu a#menu-competitions:hover, #menu a#menu-competitions-active, #menu a#menu-competitions-active:hover {
width:180px;
}
#menu a#menu-equipes, #menu a#menu-equipes:hover, #menu a#menu-equipes-active, #menu a#menu-equipes-active:hover {
width:163px;
}
#menu a#menu-media, #menu a#menu-media:hover, #menu a#menu-media-active, #menu a#menu-media-active:hover {
width:166px;
}
#menu a#menu-contact, #menu a#menu-contact:hover, #menu a#menu-contact-active, #menu a#menu-contact-active:hover {
width:140px;
}
#menu a#menu-actu:hover, #menu a#menu-actu-active, #menu a#menu-actu-active:hover {
background: transparent url(../media/interface/menu.gif) 0px -32px no-repeat;
}
#menu a#menu-club:hover, #menu a#menu-club-active, #menu a#menu-club-active:hover {
background: transparent url(../media/interface/menu.gif) -150px -32px no-repeat;
}
#menu a#menu-competitions:hover, #menu a#menu-competitions-active, #menu a#menu-competitions-active:hover {
background: transparent url(../media/interface/menu.gif) -271px -32px no-repeat;
}
#menu a#menu-equipes:hover, #menu a#menu-equipes-active, #menu a#menu-equipes-active:hover {
background: transparent url(../media/interface/menu.gif) -451px -32px no-repeat;
}
#menu a#menu-media:hover, #menu a#menu-media-active, #menu a#menu-media-active:hover {
background: transparent url(../media/interface/menu.gif) -614px -32px no-repeat;
}
#menu a#menu-contact:hover, #menu a#menu-contact-active, #menu a#menu-contact-active:hover {
background: transparent url(../media/interface/menu.gif) -780px -32px no-repeat;
}

/*menu 2 : nouvelle version du menu*/
#menu2 {
margin:0 auto;
margin-top:13px;
position:relative;
width:911px;
height:35px;
padding:30px 30px 0 30px;
}
#menu2 ul {
margin:0;
padding:0;
width: 920px;
height: 35px;
list-style: none;
background: url(../media/interface/menu2.gif) top left no-repeat;
}
#menu2 li {
float: left;
padding: 0;
margin:0;
/*text-indent: 50px;*/
}
#menu2 li a {
display: block;
height: 30px;
text-decoration: none;
font-size: 1px;
line-height: 35px;
color: #C6C1A3;
}
#menu2 li a span {
position: absolute;
left: -5000px;
}
#menu2 li a:hover {
background: transparent url(../media/interface/menu2.gif) top left no-repeat;
}
#menu2 a#menu-accueil, #menu2 a#menu-accueil:hover, #menu2 a#menu-accueil-active, #menu2 a#menu-accueil-active:hover {
width:107px;
}
#menu2 a#menu-actu, #menu2 a#menu-actu:hover, #menu2 a#menu-actu-active, #menu2 a#menu-actu-active:hover {
width:117px;
}
#menu2 a#menu-club, #menu2 a#menu-club:hover, #menu2 a#menu-club-active, #menu2 a#menu-club-active:hover {
width:120px;
}
#menu2 a#menu-competitions, #menu2 a#menu-competitions:hover, #menu2 a#menu-competitions-active, #menu2 a#menu-competitions-active:hover {
width:133px;
}
#menu2 a#menu-equipes, #menu2 a#menu-equipes:hover, #menu2 a#menu-equipes-active, #menu2 a#menu-equipes-active:hover {
width:131px;
}
#menu2 a#menu-media, #menu2 a#menu-media:hover, #menu2 a#menu-media-active, #menu2 a#menu-media-active:hover {
width:147px;
}
#menu2 a#menu-contact, #menu2 a#menu-contact:hover, #menu2 a#menu-contact-active, #menu2 a#menu-contact-active:hover {
width:135px;
}
#menu2 a#menu-accueil:hover, #menu2 a#menu-accueil-active, #menu2 a#menu-accueil-active:hover {
background: transparent url(../media/interface/menu2.gif) 0px -35px no-repeat;
}
#menu2 a#menu-actu:hover, #menu2 a#menu-actu-active, #menu2 a#menu-actu-active:hover {
background: transparent url(../media/interface/menu2.gif) -107px -35px no-repeat;
}
#menu2 a#menu-club:hover, #menu2 a#menu-club-active, #menu2 a#menu-club-active:hover {
background: transparent url(../media/interface/menu2.gif) -224px -35px no-repeat;
}
#menu2 a#menu-competitions:hover, #menu2 a#menu-competitions-active, #menu2 a#menu-competitions-active:hover {
background: transparent url(../media/interface/menu2.gif) -344px -35px no-repeat;
}
#menu2 a#menu-equipes:hover, #menu2 a#menu-equipes-active, #menu2 a#menu-equipes-active:hover {
background: transparent url(../media/interface/menu2.gif) -477px -35px no-repeat;
}
#menu2 a#menu-media:hover, #menu2 a#menu-media-active, #menu2 a#menu-media-active:hover {
background: transparent url(../media/interface/menu2.gif) -608px -35px no-repeat;
}
#menu2 a#menu-contact:hover, #menu2 a#menu-contact-active, #menu2 a#menu-contact-active:hover {
background: transparent url(../media/interface/menu2.gif) -755px -35px no-repeat;
}

#banniere {
	float:left;
	width:920px;
	margin:0 0 0 0;
}

/* ------------------------------------ */
/*               Page                   */
/* ------------------------------------ */
#page {
	margin:0 auto;
	position:relative;
	width:920px;
	margin-top:21px;
	/*padding:0 30px;*/
	background:#fff;
	/*background:url(../media/interface/page-bg.jpg) top left repeat-y;*/
}
#page-bottom {
	margin:0 auto;
	position:relative;
	width:920px;
	height:40px;
	background:url(../media/interface/page-bottom.jpg) top left no-repeat;
}
#gauche {
	float:left;
	width:160px;
	/*height:100%;*/
	margin:0 0 0 6px !important;
	margin:0 0 0 3px; /*uniquement interprete par ie6*/
	/*background:url(../media/interface/col-gauche-bg.gif) top left repeat-y;*/
}

#barreactu {
width:100%;
height:38px;
background:url(../media/actualites/barreactu-bg.gif) top left repeat-x;
margin:10px 0;
}
#barreactu #datetype{
float:left;
margin:1px 0 0 6px;
}
#barreactu p{
font-weight:bold;
}
#barreactu #sendprint{
float:right;
margin:10px 8px 0 0;
}
/*#gauche img {
	margin-bottom:2px;
}*/

/****** milieu ******/


#milieu {
	float:left;
	width:750px;
	margin:0;
}

#milieu p {
margin:5px 0;
text-align:justify;
}

#milieu-gauche {
	float:left;
	width:430px;
	margin:0;
}
#milieu-gauche a, #milieu-gauche a:visited{
color:#ccc;
text-decoration:none;
}
#milieu-gauche a:hover{
color:#c70101;
text-decoration:underline;
}
#milieu-droite {
	float:left;
	margin:0 0 0 1px;
	width:270px;
}
#milieu-droite li{
line-height:15px;
}
#milieu-droite a, #milieu-droite a:visited {
color:#000;
}
#milieu-droite a:hover {
color:#c70101;
}
#milieu-page {
	float:left;
	width:620px;
	margin:10px 0 0 0;
	padding:15px 0 20px 10px;
	line-height:15px;
}
#milieu-page p {
text-align:justify;
}
.article-info {
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#848484;
	margin:4px 0 12px 6px;
	display:block;
}
.img-cadre {
	border:1px solid white;
	margin-left:15px;
}
#une-description {
margin:0 0 0 1px;
padding:5px;
/*height:75px;*/
width:420px;
background:#000000;
color:#fff;
}
#une-retro {
margin:0 0 0 1px;
padding:15px 5px 5px 5px;
height:120px;
width:460px;
background:#000000 url(../media/club/degrade-top.gif) top left no-repeat;
color:#fff;
}
#une-retro a, #une-retro a:visited {
color:#FFFFFF;
text-decoration:none;
}

#une-retro a:hover {
color:#c70101;
text-decoration:underline;
}
.date {
float:left;
width:54px;
height:52px;
margin:0 8px 10px 0;
text-align:center;
background:url(../media/actualites/picto_date.jpg) top left no-repeat;
}
.date p{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
display:block;
color:#fff;
text-align:center;
font-weight:normal;
margin:14px 0 0 12px;
line-height:17px;
}
.date span.jour{
font-size:24px;
margin:0 0 0 2px;
padding:0;
}
.sep-articles {
display:block;
text-align:center;
background:url(../media/actualites/sep_articles.gif) top center no-repeat;
margin:30px 0 0 0;
height:20px;
width:100%;
}


/****** droite ******/

.droite {
float:right;
width:265px;
padding:15px 0 0 0;
margin:10px 10px 0 0;
}

#tab-calendrier {
	/*margin-left:4px;*/
	padding:3px 0;
	color:#444;
}
#tab-calendrier td {
padding:3px 0;

}
tr.ligne1 {
	height:21px;
	background:#a0a0a0 url(../media/interface/tr-lignes.gif) bottom left repeat-x;
}
tr.ligne2 {
	height:21px;
	background:#b9b9b9 url(../media/interface/tr-lignes2.gif) bottom left repeat-x;
}
#form-tab, .form-tab {
	margin-left:4px;
}
#form-tab td, .form-tab td{
padding:2px 5px;
}
#form-tab tr, .form-tab tr{
height:14px;
}
#form-tab a, #form-tab a:visited, .form-tab a, .form-tab a:visited {
color:#c70101;
}

tr.tr1 {
	height:21px;
	/*background:#E5E5E5 url(../media/interface/tr-lignes3.gif) bottom left repeat-x;*/
	border-bottom:1px dotted #ccc;
}

tr.tr2 {
	height:21px;
	/*background:#fff url(../media/interface/tr-lignes4.gif) bottom left repeat-x;*/
	border-bottom:1px dotted #ccc;
}


/** equipes **/

a.img-equipes, a.img-equipes:visited {
float:left;
padding:7px 7px 2px 7px;
width:331px;
background:#dcdcdc;
color:#333;
border:1px solid #ccc;
/*border-bottom:2px solid #999;*/
}
a.img-equipes:hover, a.img-equipes:focus {
float:left;
padding:7px 7px 2px 7px;
width:331px;
color:#333;
border:1px solid #777;
/*border-bottom:2px solid #777;*/
text-decoration:none;
}
a.img-equipes img, a.img-equipes:visited img {
border:1px solid #ccc;
}
a.img-equipes:hover img, a.img-equipes:focus img {
border:1px solid #777;
}
.equipes-presentation {
margin:15px 0;
}
ul.partenaires {
margin-left:5px;
padding-left:0;
}
ul.partenaires li {
float:left;
/*width:130px;*/
display:inline;
margin:0 8px 0 0;
border:1px solid #cdcdcd;
}

/* ------------------------------------ */
/*               Footer                 */
/* ------------------------------------ */

#footer {
	margin:0 auto;
	position:relative;
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#585657;
	width:900px;
	padding:25px 0 0 0;
}
#footer .bigger {
font-size:12px; 
font-weight:bold;
}
#footer a, #footer a:visited {
	color:#585657;
	text-decoration:none;
}

#footer a:hover {
	color:#585657;
	text-decoration:underline;
}
#footer-nav {
	float:left;
	border-top:3px solid #ccc;
	border-bottom:3px solid #ccc;
	padding:10px 0;
	width:100%;
}
#footer-nav .footer-colonne {
float:left;
width:155px;
padding:0 10px;
line-height:16px;
}
#footer-nav div.first {
width:120px;
padding-left:0;
}
#footer-nav ul.first {

padding-left:20px;
}

#footer-info {
	float:left;
	margin-top:10px;
}
#footer-info-fp {
	float:right;
	margin-top:10px;
}

/* ------------------------------------ */
/*            Contact                    */
/* ------------------------------------ */
div.error {
margin:10px 35px 0 0;
  color: #9f0c11;    
  background-color:#eeeeee;
  padding:5px;
}                    
div.error div.titre {
  padding: 5px 15px;
  font-size: 1.30em;
  line-height: 1.30em;
  font-weight: bolder;
}         
div.error div.titre img {
  float:left;
}        
div.error div.txt {
  padding: 5px 15px;
}
div.bloc2col {
	padding: 0;
	margin: 0;
	width: 100%;
	padding-top: 1px;
	color:: #7E7E7E;
	text-align: justify;
	font-size:0.7em;
}
div.input-text div.designation {
	font-size:11px;
}
div.input-text div.designation-error {
	font-weight:bold;
}
div.input-text div.field {
	text-align: left;
}
div.input-text div.field input {
	width:150px;
	height: 15px;
	border: 1px solid #CCCCCC;
	background: url(../media/contact/field-bg.gif) top left repeat-x;
	background-color: #FFFFFF;
	padding: 2px 0px  0px 2px;
	font-size: 10px;
	color: #555;
}
div.input-text-all {
	text-align: left;
}
div.input-text-all input {
	margin: 0px;
	height: 15px;
	background: url(../media/contact/field-bg.gif) top left repeat-x;
	border: 1px solid #CCCCCC;
	padding: 2px 2px  0px 2px;
	font-size: 10px;
	color: #555;
}
select {
width:343px;
/*height:16px;*/
font-size: 10px;
color: #555;
border: 1px solid #ccc;
}
fieldset {
	margin: 0;
	padding: 0;
	position: relative;
	border: 0;
}
div.input-textarea textarea {
	margin: 0px;
	width: 341px;
	height: 100px;
	border: 1px solid #CCCCCC;
	background: url(../media/contact/field-bg.gif) top left repeat-x;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555;
}
table#contact {
border:none;
background:none;
width:375px;
}
table#contact td{
padding:3px 0;
}
table.button {
width: 80%;
}
table.button input {
width: 100px;
height: 20px;
border-top: 1px solid #ECECEC;
border-right: 0;
border-bottom: 0;
border-left: 1px solid #ECECEC;
background-color: #9f0c11;
font-size: 10px;
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
table.button td.space {
width: 50px;
}
table.button td.submit {
width: 120px;
text-align: left;
}
table.button td.reset {
text-align: left;
}

/**** Galleries mediatheque ****/

.galleries {
  float:left;
  margin:0;
  padding:0;
  width:700px;
  position:relative;
  }
.galleries ul {
  float:left;
  margin:0;
  padding:0;
  width:700px;
  list-style:none;
  text-align:left;
  display:inline;
  }
.galleries ul.album li {
  background:#dcdcdc;
  float:left;
  width:210px;
  height:165px;
  overflow:hidden;
  display:inline;
  margin:0 10px 10px 0;
  padding:5px;
  border:1px solid #bbb;
  }
  .galleries ul.random li {
  background:#fff;
  float:left;


  overflow:hidden;
  display:inline;
  margin:0 5px 5px 0;
  padding:5px;
  }
 .galleries h3, .galleries p {
 margin:0;
 padding:0;
 line-height:15px;
 }
.galleries h3 a, .galleries a.img, .galleries h3 a:visited {
  border-width:0;
  }
.galleries .img {
float:left;
}

.slideset {
  float:right;
  position:relative;
  width:100%;
  margin:10px 0 10px 0;
  padding:0;
  list-style:none;
  line-height:1.4em;
  }
.slideset .thumb {
  float:left;
  margin:0 10px 10px 0;
  }