@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}

/*-----------CLEARFIX-------------------*/
/*
*   Cleafix - WebToolKit
	*
	*   @see http://www.webtoolkit.info/css-clearfix.html
	*
	*/
.clearfix:after { 
	content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; 
}
.clearfix { 
	display: inline-block; 
}
html[xmlns] .clearfix { 
	display: block; 
}
* html .clearfix { 
	height: 1%; 
}
/*-----------FIN CLEARFIX-------------------*/


#main_container  { 
/*firefox*/
	-moz-box-shadow: 0 0  5px/*dégradé*/ 3px/*étendue*/ #000;
	-moz-border-radius : 25px 25px / 25px 25px; 
/*opera*/
	box-shadow: 0 0  5px/*dégradé*/ 3px/*étendue*/ #000;
	border-radius : 25px 25px / 25px 25px; 
/*safari*/
	-webkit-box-shadow: 0 0  5px/*dégradé*/ 3px/*étendue*/ #000;
	-webkit-border-radius : 25px 25px / 25px 25px; 
}



body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.7em;
    background-color:#333;
	margin-top:13px;
	margin-bottom:30px;
	}





img {
	border:none;
	margin:2px;
	}

html {
	}

#logo img {
	position:relative;
	float:left;
	}

p, h2, h3, h4, h5, h6, address {
	margin:0.8em 15px 0.2em 20px;
	line-height:1.3em;
	}

ul, li {
	margin:0 15px 0 20px;
	color:#dedede;
	}

h1, h2, h3, h4, h5 {
	font-family: "Trebuchet ms", Verdana, Helvetica, Arial, sans-serif;
	font-weight:normal;
	letter-spacing:0.04em;
	line-height:normal;
	color:#8ba4d2;
	}

h1 {	
	font-size:2.4em;
	text-align:center;
	color:#ddd;
	line-height:normal;
	}

.small {
	line-height:normal;
	font-size:1.6em;
	font-weight:normal;
	margin-left:1em;
	margin-right:1em;
	}

.big {
	line-height:normal;
	font-variant:small-caps;
	font-size:3em;
	padding-bottom:0em;
	padding-top:1em;
	}

h2 {
	font-size:2.4em;
	padding-top:16px;
	color:#ddd;
	}

h3 {
	font-size:1.7em;
	color:#b38bd2;
	}

.petard {
	background-color:#F93;
	color:#fff;
	padding:10px;
	}
	
h4 {
	color:#8ba4d2;
	font-size:1.7em;
	text-transform:uppercase;	
	}

h5 {
	color:#cbb4b1;
	font-size:1.4em;
	}

p {
	color:#ddd;
	}
	
address {
	color:#fff;
	}

a { 
	color: #cbb4b1;
	text-align:left;
	text-decoration:underline;
	}

a:hover { 
	color: #8ba4d2;
	}

/* CONTENEUR GLOBAL */

#main_container { 
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:0px;
	width:980px;
	padding-bottom:2em;
	background-color:#5d6977;
	background-image:url(../pict/fond_global.gif);
	}

.imgcenter {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}

/*CONTENEUR GENERAL COLONNES DROITE NEWS VIE CLUB SLIDE*/

#container { 
	position:relative;
	float:left;
	width:680px;
	padding-bottom:20px;
	z-index:20;
	}
	
/* MAIN CONTAINER*/

.fond_blanc {
	background-color:#fff;
	}

.spaceimg {
	margin-bottom:10px;
	}
/*---------------------------------------------------------------------*/
/* --------------------CONTENEURS TEXTES ET IMAGES-------------------- */
/*---------------------------------------------------------------------*/

#content_main, #content_sub,  #content_supp {
	position:relative;
	float:left;
	}

#slide img {
	max-height:440px;
	max-width:560px;
	border:solid 1px #999;
	}

#slide table {
	background-color:#000;
	width:680px;
	height:500px;
	text-align:center;
	vertical-align:middle;
	margin-top:0px;
	color:#999;
	border-bottom:dashed 1px #999;
	}

/*---------------------------------------------------------------------*/
/* ----------------------------DOCUMENTATION----------------------------------- */
/*---------------------------------------------------------------------*/
#content_sub {
	position:relative;
	top:0px; 
	/*ATTENTION PADDINGS OTÉS DE LA LARGEUR*/
	width:300px; /*300*/
	z-index:1;
	background-color:transparent;
	padding-bottom:30px;
	}

.top {
	margin-top:-240px;
	min-height:400px;
	}
/*---------------------------------------------------------------------*/
/* -------------------------VIE DES CLUBS -----------------------------*/
/*---------------------------------------------------------------------*/
#content_main { 
	/*ATTENTION PADDINGS OTÉS DE LA LARGEUR*/
	width:417px; /*358*/
	padding:0 0px 30px 0px;
	border-right:dashed 1px #999;
	}

#content_main img {
	text-align:center;
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	margin-bottom:5px;
	max-width:323px;
	}
/*---------------------------------------------------------------------*/
/* ------------------------NEWS------------------------------ */
/*---------------------------------------------------------------------*/
#content_supp { 
    background-color: #transparent;  
	/*ATTENTION PADDINGS OTÉS DE LA LARGEUR*/
	width:240px; /*240*/
	}

#content_supp img {
	max-width:240px;
	border:none;
	background-color:transparent;
	}

/*---------------------------------------------------------------------*/
/*-----------------------------FOOTER----------------------------------*/
/*---------------------------------------------------------------------*/
#footer {
	padding-top:20px;
	background-color:#transparent;
	clear:both;
	}

#footer > p {
	font-size:0.85em;
	line-height:2.5em;
	text-align:center;
	color:#ddd;
	}

/*---------------------------------------------------------------------*/
/*--------------------- SEPARATIONS------------------------------------*/
/*---------------------------------------------------------------------*/
hr {
	color: #555;
	background-color: #555;
	height: 1px;
	margin:8px 8px;
	}

.separ {
	text-align:center;
	border-bottom:dashed 1px #ddd;
}

.separ1 {
	text-align:center;
	border-bottom:dashed 1px #ddd;
	}

.break {
	clear:both;
	}

/*---------------------------------------------------------------------*/
/*-----------------------MANIF UR18------------------------------------*/
/*---------------------------------------------------------------------*/

#manif  {
	width:600px;
	background-color:#transparent;
	}

.date_manif {
	color:#ddd;
	font-weight:bold;
	border-bottom:dashed 1px #999;
	}

.comment_manif {
	color:#ddd;
	padding-left:30px;
	}
/*---------------------------------------------------------------------*/
/*----------------------------CONCOURS---------------------------------*/
/*---------------------------------------------------------------------*/





  a.concours, a.new {
	height:20px;
	display:block;
	background-color:#8ba4d2;
	color:#fff;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
	font-size:1.2em;
	padding-top:5px;
	padding-left:10px;
	margin-top:4px;
	margin-right:80px;
	}
	
	a.new {
		color:#8b3d2e;
		}

  a.concours:hover {
	text-decoration:none;
	background-color:#ffa516;
	color:#fff;
	}



.part {
	position:relative;
	float:left;
	text-align:left;
	font-size:0.78em;
	line-height:1.2em;
	color:#999;
	}
	


/*---------------------------------------------------------------------*/
/*------------------------- PAGE GALERIES -----------------------------*/
/*---------------------------------------------------------------------*/

div#gal { 
	width:210px;
	height:145px;
	color:#ddd;
	margin: 4px 0 4px 8px;
	padding-top: 2px;
	padding-bottom: 12px;
	position:relative;
	text-align:center;	
	float:left;
	border:solid 1px #555;
	}

.auteur { 
	text-align:center;	
	padding:0;
	font-size:1.1em;
	color:#ddd;
	}

div#gal  img {
	height:80px;
	width:80px;
	padding-top:5px;
	}
	
	img .vignette {
		width:80px;
		height:80px;
		}

/*---------------------------------------------------------------------*/
/*--------------------------- PAGE CLUBS UR18 -------------------------*/
/*---------------------------------------------------------------------*/

.ville {
	font-family:"Trebuchet ms",  Verdana, Arial, Tahoma, Calibri, Helvetica, sans-serif;
	color:#ddd;
	font-weight:normal;
	font-size:1.5em;
	margin-bottom:-1.6em;
	}

.nomclub {
	color:#8ba4d2;
	font-size:1.8em;
	}

.resp, .adresse {
	font-weight:normal;
	text-align:left;
	color:#000;
	margin-top:-0.5em;
	}

.fpf {
	font-weight:normal;
	text-align:left;
	color:#000;
	font-weight:bold;
	margin-top:-0.5em;
	}
 
/*------------------------------------------------*/
/*--------------- PAGE BUREAU UR18 ---------------*/
/*------------------------------------------------*/

div#vcard {
	position:relative;
	float:left;
	width:300px;
	color:#999;
	margin:5px 0 5px 15px;
	}

div#vcard img {
	position:relative;
	text-align:center;
	float:left;
	margin-right:4px;
	width:75px;
	height:100px;
	padding:9px 9px 50px 9px;
	}

div#vcard > p {
	text-align:left;
	font-size:0.85em;
	}

div#vcard > .titre {
	color:#000;
	text-transform:uppercase;
	font-size:1em;
	font-weight:bold;
	}

div#vcard > .nom {
	color:#f5faff;
	font-size:1em;
	font-weight:bold;
	display:inline-block;
	text-transform:uppercase;
	}

div#vcard > .adresse {
	text-transform:capitalize;
	color:#000;
	}

div#vcard > .telephone {
	font-size:0.95em;
	font-weight:normal;
	text-transform:capitalize;
	color:#000;
	}

/* --------------- MENU LATERAL REPOSTIONNABLE ---------------*/
/* -----------------------------------------------------------*/
#nav {
	position:relative;
	margin-top:30px;
	background-color:#transparent;
	/*background-image:url(../pict/menu.jpg);
	background-repeat:no-repeat;*/
	z-index:100;
	clear:both;
	}

ul {
	list-style-type: none;
	}

ul#item li a {
    background-color:#273755;
	color:#ddd;
	display: block; /* On passe les liens en lments de type block pour leur donner des proprits de taille */
	height:18px;
	width:269px;
	padding:7px 0px 1px 0px;
	font-weight:bold;
	text-indent:20px;
	margin-bottom:1px;
	margin-left:-20px;
	margin-right:20px;
	font-size:0.9em;
	text-decoration:none;
	border:none;

/*firefox*/
	-moz-border-radius : 20px 20px / 20px 20px; 
/*opera*/
	border-radius : 20px 0px / 20px 0px; 
/*safari*/
	-webkit-border-radius : 4px 4px / 4px 4px; 


	}

ul#item li a:hover {
	text-decoration:none;
	border:none;
	background-color:#8ba4d2;
	color:#000;
	}


/* ---------------------------------------------------- */
/* ---------- DEFINITION DE L'INFOBULLE --------------- */
/* ---------------------------------------------------- */

a.info {
	text-decoration: none;
	color: #fff; /*cursor: help;*/
	}

a:hover.info {
	background: none; /* correction d'un bug IE */
	}

a.info span { /* dfinition de la balise <span> inclue dans <a> */
	display: none;
	}

a:hover.info span {
	background-color: #919ea8;
	color: #fff;
	z-index:1000;
	position: absolute;
	width: 250px;
	padding: 10px;
	display: inline;
	margin-left:35px;
	margin-top: -105px;
	}

/*------------------------------------------------*/	
/*--------------- LOGOS FD ET UR ---------------*/
/*------------------------------------------------*/

div#log_ursif_fpf {
	position:absolute;
	top:37px;
	left:1087px;
	width:80px;
	height:139px;
	z-index:3000;
	background-image: url(../pict/log.gif);
	background-position: left top;
	clear:left;
	}

div#log_fpf {
	position:relative;
	width:80px;
	height:80px;
	z-index:101;
	background-image: url(../pict/log_fpf.gif);
	background-position: left top;
	}

div#log {
	position:absolute;
	width:80px;
	height:139px;
	z-index:101;
	background-image: url(../pict/log.gif);
	left:1500px;
	top:30px;
	}