/* CSS Document */
	html, body {
		height: 100%;
		margin: 0;
		background-color:#000;
		background-image:url(../graphics/cadre/bandefond.gif);
		background-position:top;
		background-repeat:repeat-x;
		/* Ajout d'un fond d'écran dynamique
		background-image:url(../links/pub/2009/livre_fond.jpg);
		background-position:top center;
		background-repeat:no-repeat;*/
		font-size:12px;
	}
	div#global {
		min-height: 100%;
		width: 985px;
		padding: 0 0px;
		margin: 0 auto;
		position: relative;
		font-family:Arial, Helvetica, sans-serif;
		border-left:2px solid #FFFFFF;
		border-right:2px solid #FFFFFF;
	}
	div#center {
		/* Pour éviter la superposition du pied de page et du contenu : */
		padding-bottom: 50px;
		overflow: auto;
		background: url(../graphics/cadre/fond_global2.gif) repeat-y;
	}
	div#header table{
		padding:0px;
		margin:0px;
		border:0px;
		border-collapse:collapse;
		width:100%;
	}
	div#header table td{
		padding:0px;
		margin:0px;
		border:0px;
		border-collapse:collapse;
	}	
	div#header .total{
		background:#FF9933 url(../graphics/cadre/coin.gif) left bottom no-repeat;
		padding:5px 20px;
	}				
/*Bas de page et copyright*/		
	div#footer {
		padding-top:10px;
		background-image:url(../graphics/cadre/fdcopy2.gif);
		position: absolute;
		text-align:center;
		width: 100%;
		bottom: 0px;
		border:0px;
		height:38px;
		border-bottom:2px solid #FFFFFF;
	}
	#footer p{color:#FFF;padding:2px;margin:0px;text-indent:0px;text-align:center;}
	#footer p.sprinc{font-style:italic;font-size:9px;}	
	#footer p.princ{font-weight:bold;font-size:10px;}
	#footer a {color:#FF6600;}
	#footer a img{border:0px;}								
	div#content {
		float: left;
		width: 755px;
		background: url(../graphics/cadre/barreadresse.gif) no-repeat right top;
	}
	div#sidebarl {
		float: left;
		width: 227px;
		padding-top:15px;
	}				
	div#sidebarr {
		float: left;
		width: 202px;
		padding:0px;
	}
	#filariane{
		font-size:12px;
		text-align:center;
		line-height:24px;
		font-weight:bold;
		display:none;
	}			
	div#gallerie, div#photodujour{
		margin:10px 0px 10px 20px;
		padding:0px 0px 5px 0px;
		text-align:center;
		background-image:url(../graphics/cadre/bastitre.gif);
		background-position:bottom left;
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		width:700px;
		overflow:auto;
	}	
	#conteneurphoto img, .albinfo img{
		padding:6px;
		margin:6px;
		background-color:#FFF;
		border:1px solid #000;
	}
	#conteneurphoto img:hover{
		padding:6px;
		margin:6px;
		border:1px solid #000;
		background-color:#FF9900;
	}			
	div#gallerie p, div#photodujour p{
		margin:0px;
		padding:5px;
		text-align:justify;
		text-indent:20px;
		font-size:12px;
	}
	
	h3{
		border-bottom:1px solid #000;
		padding:1px 5px 1px 20px;
		text-align:left;
		margin:2px 0px 0px 0px;
		font-size:14px;
		color:#000;
		background-color:#99CCFF;
	}
	
	ul#listlinks{
		text-align:justify;
		padding-right:5px;
		list-style-image:url(../graphics/puce.gif);
		font-size:12px;
	}
	


/*//////////////*/

	/*cadre de recherche rapide*/
	form#recherche {
		text-align:left;
		padding:5px 2px;
		margin:5px 10px 0px 0px;
		background-color:#365D83;
		background-image:url(../graphics/cadre/corner_h.gif);
		background-position:top right;
		background-repeat:no-repeat;		
	}
	
	div#recherche_bas {
		margin:0px 10px 10px 0px;
		padding:0px 2px 5px 2px;
		background-color:#365D83;
		background-image:url(../graphics/cadre/corner_b.gif);
		background-position:bottom right;
		background-repeat:no-repeat;
		text-align:center;
		color:#FFFFFF;		
	}	
	#recherche input{
		padding:2px;
		border:1px solid #000;
	}
	#recherche label{
		color:#FF9933;
		font-size:11px;
		font-weight:bold;
		font-style:italic;
	}					
	#recherche input.keyword{
		width:135px;
		background-color:#FFF;
		font-size:10px;
	}
	#recherche input.button{
		color:#FFFFFF;
		background-color:#D97300;
		font-weight:bold;
		cursor:pointer;
	}
	#recherche input.button:hover{
		color:#000000;
		background-color:#FF9933;
		font-weight:bold;
	}			
	#recherche_bas a{
		color:#FFFFFF;
		font-weight:bold;
		font-size:10px;
	}
	#recherche_bas a:hover{
		color:#FF9900;
		font-weight:bold;
		font-size:10px;
	}
	
	/*cadre des galeries récentes*/
	.lastgall{
		padding:3px 0px 3px 3px;
		margin-bottom:5px;
		margin-left:1px;
		border:1px solid #FFF;
		border-left:0px;
		overflow: auto;
		background:url(../graphics/cadre/backencart9.jpg) repeat-x center;
	}
	.lastgall p{
		padding:2px;
		margin:0px;
		border:1px solid #FFF;
		border-right:0px;
		font-size:11px;
		font-weight:bold;
		border-left:0px;
		text-decoration:none;
		background-color:#F93;
		text-align:center;
		color:#000000;
		list-style:none;
	}
	.lastgall p:hover{background-color:#FFF;}
	.lastgall a:link, .lastgall a:hover, .lastgall a:visited{color:#000;}
	.lastgall a:hover{font-weight:bold;text-decoration:underline;color:#003366;}
	.lastgall img{border:1px solid #000;float:left;}										
	.lastgall h4{font-size:12px;margin:0px;padding:5px 1px 2px 1px;color:#FFF;text-align:center;}
	.lastgall h5{margin:0px;font-size:11px;font-style:italic;padding:0px 1px 10px 1px;color:#FFF;font-weight:normal;text-align:center;}			
	.lastgall h6{text-align:center;margin:2px 1px 3px 1px;font-size:10px;color:#FFF;}
	
	/* formulaire de contact */
	form.contactform table{width:100%;padding:0px;font-size:12px;border-collapse:collapse;}
	form.contactform tr.surl{background-color:#FFCC55;}
	form.contactform tr{border-bottom:dashed 1px #003366;}
	form.contactform tr.val{border-bottom:0px;}
	form.contactform td{text-align:left;padding:8px 5px 8px 30px;}
	form.contactform tr.val td{font-size:9px;}
	form.contactform .val input{
			margin:3px;
			border:1px solid #003;
			background-color:#036;
			padding:2px;
			font-size:11px;
			font-weight:bold;
			color:#FFFFFF;
	}
	form.contactform .val input:hover{background-color:#CCCCFF;color:#000000;}
	checkbox, input, textarea, select{font-family: Arial;font-size: 11px;border:1px solid #000;}
	form.contactform td.sizeall select{width:200px;}
	form.contactform textarea{width:99%;}
	ul#messerr{
		list-style-image: url(../images/cadre/puce2.gif);
		background-color:#CC0000;
		color:#FFFFFF;
		border: 1px solid #990000;
		margin:10px 10px 10px 10px;
		padding:10px;
		font-size:12px;
		font-weight:bold;
		text-align:left;	 
	}
	
	#gallerie form.contactform img{
		margin:0px;
		padding:1px 2px 3px 2px;
		border:0px;
		vertical-align:bottom;
	}											
	
	/*concernant le titre h1*/
	div.titre{
		margin:0px;
		padding:0px;
		text-align:left;
		color:#FFFFFF;
		background-color:#000000;
		height:25px;
		/**/
		padding-right:8px;
		padding-left:8px;
		text-align:left;
		background-image:url(../graphics/cadre/accueil_titremil.gif);
		background-position:bottom center;
		background-repeat:repeat-x;
		font-weight:bold;
		font-style:italic;
		font-size:17px;
		color:#000;
		line-height:25px;						
	}
	
	.bloc1 {
		height: 25px;
		width: 5px;
		float: left;
		background-image:url(../graphics/cadre/titregauche.gif);
	}
	.bloc2 {
		height: 25px;
		padding-right:8px;
		padding-left:8px;
		float: left;
		text-align:center;
		background-image:url(../graphics/cadre/titremil.gif);
		background-position:bottom center;
		background-repeat:repeat-x;
		font-weight:bold;
		font-style:italic;
		font-size:17px;
		color:#000;
		line-height:25px;			
	}
	.bloc3 {
		height: 25px;
		width: 20px;
		float: left;
		background-image:url(../graphics/cadre/titredroite.gif);
	}
	
	/*page photo liste miniatures*/
	div.albinfo img{float:left;}
	div#gallerie img.drapeau{float:right;border:0px;}
	
	#gallerie #galentete, #gallerie #galpied{
		margin: 4px 0px 0px;
		padding:4px;
		border-bottom:1px dashed #000000;
		border-top:1px dashed #000000;
		background-color:#365D83;
		text-align:right;
		font-size:11px;
		font-weight:bold;
		text-align:right;
	}
	
	#gallerie #galtri{
		text-align:right;
		padding:1px 3px;
	}
	
	#gallerie #galentete a, #gallerie #galpied a,
	#gallerie #galentete a:visited, #gallerie #galpied a:visited{
		margin:4px 2px 4px 2px;
		padding:1px 4px 1px 4px;
		background-color:#FFF;
		color:#000;
		text-decoration:none;
	}
	
	#gallerie #galentete .curpage, #gallerie #galpied .curpage{
		margin:4px 2px 4px 2px;
		padding:1px 6px 1px 6px;
		color:#FFFFFF;
		background-color:#003366;
		border:1px solid #365D83;
		text-decoration:none;
	}
	
	#gallerie #galentete .curpagelegende, #gallerie #galpied .curpagelegende{
		margin:4px 2px 4px 2px;
		padding:0px 4px 0px 4px;
		color:#FFFFFF;
		text-decoration:none;
	}

	#gallerie #galentete a:hover, #gallerie #galpied a:hover{
		background-color:#FF9933;
	}
	#gallerie #loader{
		margin:10px;
		padding:10px;
		border:2px solid #000;
	}
	
	
	
	/*Gestion du menu*/
	ul#menu {
		margin: 0;
		padding: 0px 0px 0px 6px;
		list-style: none;
		text-align:center;
	}
	ul#menu li {
		height: 31px;
		line-height:31px;
		font-size:16px;
		padding: 2px 0px 3px 0px;
		text-align:center;
		display: inline;
	}		
	ul#menu li a {
		background: url(../graphics/cadre/fdmenu_off.gif) no-repeat left center;
		padding:0px 10px;
		text-decoration:none;
		text-align:center;
		color:#FFFFFF;
		font: small-caps 1.1em/24px Arial,serif;
		font-weight:bold;
	}
	ul#menu li a.menuon {color:#FF6600;}
	ul#menu li a:hover {color:#FF9933;}
	ul#menu li a.menuon:hover {color:#FF6600;}
	
	#menulegende{
		background: url(../graphics/cadre/derniere_galerie.gif) no-repeat left top;
		padding-left:47px;
		font-size:17px;
		font-style:italic;
		color:#FFFFFF;
		height:21px;
	}

	div#copyrightmenu{
		color:#000;
		font-size:10px;
		margin:0px 0px 0px 38px;
	}
	#copyrightmenu p{
		text-align:justify;
		text-indent:15px;
		padding:5px;
		color:#FFFFFF;
	}

	/**
	 * encarts pour la page d'accueil
	 */
	div#encartleft, div#encartright {border:1px solid #000; margin-top:10px;}
	div#encartleft{float:left;border-left:0px;width:280px;}
	div#encartright{float:right;border-right:0px;width:400px;}
	div#encartleft table, div#encartright table{width:100%;border-collapse:collapse;}
	div#encartleft table tr td,div#encartright table tr td{border-bottom:1px dashed #000;text-align:justify;padding:3px;}
	div#encartleft table tr.surl0, div#encartright table tr.surl0{background-color:#FFCC66;}								
	div#encartleft table tr th, div#encartright table tr th{
		font-size:10px;
		font-weight:bold;
		font-style:italic;
	}
	div#encartleft a{
		text-decoration:none;
		color:#000000;	
	}
	div#encartleft a:hover{
		text-decoration:underline;
		color:#0066FF;
	}	
	
	div#legendes{display:none;}
	div#conteneurphoto{display:none;}
	
	div.linkdetails{
		/*border-left:1px solid #000;
		border-bottom:1px dashed #000;*/
		margin:5px 0px 5px 30px;
	}
	div.linkdetails p{
		border-left:7px solid #FF9933;
	}	
	.linkdetails h4{
		margin:0px 0px 5px 0px;
		background-color:#FFCC66;
		color:#003366;
		font-style:italic;
		text-align:left;
		font-size:13px;
		padding:2px;
		border-bottom:1px dashed #FF9933;
		border-top:1px dashed #FF9933;
	}
	div.linkdetails div.lienweb{
		float:right;
		height:100px;
		width:300px;
	}
		
	div.linkdetails img{
		padding:4px;
		margin:4px;
		border:0px solid #000;
	}
	
	#navbacktop{
		float:right;
		padding:6px 0px 0px 0px;
	}
	
	div#gallerie #navbacktop img{
		padding:0px;
		margin:0px;
		border:0px;
	}
	#gallerie #navbacktop img:hover{
		padding:0px;
		margin:0px;
		border:0px;
	}
	#gallerie #messerr, .messerr{
		background-color:#CC6666;
		color:#FFFFFF;
		padding:15px;
		border-bottom:1px dashed #000;
		font-size:13px;
		font-weight:bold;
		font-style:italic;
	}
	
	#gallerie #messerr, .messerr{
		background-color:#CC6666;
		color:#FFFFFF;
		padding:15px;
		border-bottom:1px dashed #000;
		font-size:13px;
		font-weight:bold;
		font-style:italic;
	}
	
	#mess{
		padding:15px;
		border-bottom:1px dashed #000;
		font-size:13px;
		font-style:italic;
		color:#000033;
		text-align: justify;
		background-color:#CCCCCC;		
	}
	#mess p{
		text-indent:15px;
		text-align: justify;
	}
	
	div.albinfo h3{margin-top:0px;border-top:10px solid white;margin-bottom:0px;background-color:#99CCCC;}
	div.albinfo{overflow:hidden;border-bottom:1px dashed #000000;background-color:#99CCCC;text-align:right;font-size:10px;}
	div.albinfo p{
		background-color:#FFF;
		border-top:4px solid #FF9933;
		border-bottom:0px;
		/*border-bottom:1px dashed #003366;*/
		padding-left:205px;
	}
	div.albinfo p.infosup{
		border-top:0px;
		/*border-bottom:1px solid #003366;*/
	}
	div#gallerie div.albinfo p.infographe,
	div#photodujour div.albinfo p.infographe{
		border-top:0px;
		font-size:9px;
		padding:4px;
		background-color:#FFD9B3;
	}
	
	div#gallerie div.albinfo p.infolink, div#photodujour div.albinfo p.infolink{
		border-top:0px;
		border-color:#FF9933;
		text-align:right;
		padding:3px 10px;
		margin:0px;
		background-color:#FF9933;
	}
	
	div.albinfo a.link{
		font-weight:bold;
		color:#000000;
		font-size:12px;
		padding:2px 10px 2px 10px;
		margin:2px 0px 0px 0px;
		text-decoration:none;
		background-color:#FFF;
		border-top:1px dashed #FF9933;
		border-bottom:1px dashed #FF9933;
	}
	div.albinfo a.link:hover{
		background-color:#FFFFCC;
		color:#006699;
		text-decoration:underline;
	}
	div.albinfo a.link:visited, div.albinfo a.link:active{
		color:#000000;
	}
	
	/* liScroll style declarations */
	ul#news {font: 11px Verdana;list-style-type: none;margin: 0;padding: 0;}
	ul#news li {margin:0;padding:0; line-height:25px;}
	ul#news a {padding:0;color:#000;text-decoration:none;} 
	
	#loadriders, #loadridersby{display:none;background:url(../js/tooltip/loading.gif) left center no-repeat;padding:5px 5px 5px 25px;margin:3px;}
	#liste_results,#liste_resultsby{display:none;}
	#liste_resultsby li{text-align:left;list-style:none;background-color:#FFFFFF;border-bottom:1px dashed #003366;padding:3px;}
	#liste_resultsby li a{text-decoration:none;color:#000;}
	#liste_resultsby li a:hover{text-decoration:underline;color:#006699;}
	
	/*gestion d'onglet de recherche de coureur*/
	#idtabs{background-color:#FF9900;margin: 5px 0px 5px 0px;text-indent:0px;}
	#idtabs li {display:inline;list-style:none;border:solid 1px #000;color:#FFF;background-color:#000; padding:2px 5px;margin:0px;text-indent:0px;}	
	#idtabs li:hover{color:#000;background-color:#666;}
	#idtabs a{text-decoration:none;color:#FFF;font-weight:bold;}

	/*gestion de l'accordéon de recherche*/
	.haccordion .header, .haccordion .content{ 
		float: left; 
		height: 450px; 
	} 
	.haccordion .header{ 
		width: 21px; 
		background:#FFF;
		color: #000;
		font-weight:bold; 
		cursor: pointer;
		border-right:1px solid #000000;
		vertical-align:top;
	}
	.haccordion .content{ 
		display: none; 
		width: 0px; 
		overflow: auto; 
	}
	.haccordion .content p{margin: 5px;} 

/*gestion de la page principale*/
table#contenuindex td{padding:5px 0px 5px 10px;vertical-align:top;}

div.encartindex { /* taille du cadre, à titre d'exemple */
	width: 100%;
	margin:5px 0px;
	background-color: #FFF;
	float:left;
}

/* propriétés communes à l'ensemble des 4 coins */
div.encartindexhg, div.encartindexhd, div.encartindexbg, div.encartindexbd, div.encartindexhd2 {
	width:5px;
	height: 5px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
div.encartindexhg {
	height: 25px;
	background: url(../graphics/cadre/accueil_titregauche.gif);
	float: left;
}
div.encartindexhd {
	height: 25px;
	float: right;
	background: url(../graphics/cadre/accueil_titredroite.gif);
}
div.encartindexhd2 {
	margin-top:5px;
	width: 16px;
	float: right;
	background: url(../graphics/cadre/cne2.gif);
}
div.encartindexbg {
	float: left;
	background: url(../graphics/cadre/cso.gif);
}
div.encartindexbd {
	float: right;
	background: url(../graphics/cadre/cse.gif);
}

div.linkindex a:link, div.linkindex a:visited{
	border-left:#000 dashed 1px;
	background-color:#FFFFCC;
	padding:2px;
	font-weight:bold;
}


	/**
	 * encarts pour la page d'accueil
	 */
	div.encartindex ul{
	list-style:none;
	text-indent:0px;
	margin:0px;
	padding:0px;
	}
	div.encartindex li{border-bottom:1px dashed #000;text-align:justify;padding:3px;}
	div.encartindex li.surl0{background-color:#FFCC66;}	
	div.encartindex p{
		text-align:justify;
		padding:5px;
		margin:0px;
		text-indent:15px;
	}
	
								
	div.encartindex p.mini{
		font-size:11px;
		font-weight:bold;
		font-style:italic;
		text-align:justify;
	}
	div.encartindex a{
		text-decoration:none;
		color:#000000;	
	}
	div.encartindex a:hover{
		text-decoration:underline;
		color:#0066FF;
	}
	
	p.sstitre{
	background-color:#F93;
	font-weight:bold;
	border-bottom:#000 dashed 1px;
	border-top:#000 dashed 1px;
	color:#000;
	}	

	div.encartindex a.link{
		font-weight:bold;
		color:#000000;
		font-size:12px;
		padding:0px 10px 0px 10px;
		margin:2px 0px 0px 0px;
		text-decoration:none;
		background-color:#FFF;
		border-left:1px solid #003366;
		border-bottom:1px solid #003366;
		border-top:1px dashed #003366;
	}
	div.encartindex a.link:hover{
		background-color:#FFCC66;
		border-bottom:3px solid #003366;
		color:#003366;
	}
	div.encartindex a.link:visited, div.albinfo a.link:active{
		color:#000000;
	}
	
	div.encartindex a.link:visited, div.albinfo a.link:active{
		color:#000000;
	}
	
	div.encartindex h1{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0px;
		padding:2px 2px;
		color:#000;
		font-size:14px;
		opacity:1;
		line-height:25px;
	}
	div.catetypevent{
		font-size:10px;
		text-align:right;
		font-weight:bold;
		padding:4px 2px;
	}
	
	/*css ecran d'accueil*/
	#slider_titre_conteneur{
		position:absolute;
		left:0px;
		bottom:0px;
		background-color:#CCC;
		opacity:0.7;
		filter:alpha(opacity=70);
		border-top:#333 2px solid;
		width:100%;
		margin-bottom:0px;
		padding-bottom:2px;
		z-index:100;
	}
	
	#slider_titre_conteneur h2{
		font-style:italic;
		font-size:14px;
		margin:0;
		padding:0;
	}
	
	#slider_titre_conteneur h1{
		font-size:16px;
		line-height:24px;
		margin:0;
		padding:0;				
	}
	
	#slider_wait{
		z-index:50;
		position:absolute;
		width:495px;
		height:331px;
		background:#000 url(../graphics/cadre/pause.png) no-repeat center center;
		float:left;
		opacity:0.6;
		filter : alpha(opacity=60);
		display:none;
		cursor:pointer;
	}
	
	/*Gestion des liens de partage*/
	div.share {
		background-color:#F93;
		height:16px;
		padding:2px;
	}
	div.share a{
		display:inline-block;
		background-image:url(../graphics/cadre/icones_share.gif);
		float:left;
		height:16px;
		width:16px;
		margin-right:5px;
		text-decoration: none;
	}	
	span.share_title{
		float:left;
		display:inline-block;	
		font-weight:bold;
		height:16px;
		line-height:14px;
		margin:0px 10px 0px 20px;
	}
	a.share_facebook{background-position:0px 0px;}
	a.share_twitter	{background-position:-16px 0px;}
	a.share_google	{background-position:-32px 0px;}
	a.share_livemsn	{background-position:-48px 0px;}
	a.share_yahoo	{background-position:-64px 0px;}
	a.share_delicious{background-position:-80px 0px;}
	a.share_digg	{background-position:-96px 0px;}
	a.share_myspace	{background-position:-112px 0px;}
	a.share_viadeo	{background-position:-128px 0px;}
	a.share_netvibes{background-position:-144px 0px;}
	a.share_favoris	{background-position:-176px 0px;}
	a.share_linked	{background-position:-192px 0px;}
	a.share_blogger	{background-position:-208px 0px;}
	
	a.share_facebook:hover	{background-position:0px -16px;}
	a.share_twitter:hover	{background-position: -16px -16px;}
	a.share_google:hover	{background-position: -32px -16px;}
	a.share_livemsn:hover	{background-position: -48px -16px;}
	a.share_yahoo:hover		{background-position: -64px -16px;}
	a.share_delicious:hover	{background-position:-80px -16px;}
	a.share_digg:hover		{background-position: -96px -16px;}
	a.share_myspace:hover	{background-position:-112px -16px;}
	a.share_viadeo:hover	{background-position:-128px -16px;}
	a.share_netvibes:hover	{background-position:-144px -16px;}
	a.share_favoris:hover	{background-position:-176px -16px;}
	a.share_linked:hover	{background-position:-192px -16px;}
	a.share_blogger:hover	{background-position:-208px -16px;}

	a.share:hover, a.share {text-decoration:none !important;}

div#gallerie .top_visiteur{
	float: right; margin: 12px 0px 0px; padding: 1px; border: 1px solid grey;border-radius:5px;
}	
div#gallerie .top_visiteur_titre{
	border: 0px none; border-bottom: 3px solid #FF9933;margin: 0px;padding:0px; font-weight: bold; text-indent: 0px;
}
div#gallerie .top_visiteur_texte{	
	border: 0px none; margin: 0px;padding:0px; text-indent: 8px;
}