/* CSS Document */
body {
background:url(miseenpage/fond-principal.gif) ;
margin: 0; 
padding: 0; 
font-size:100%;} 

p{
font:Arial, Helvetica, sans-serif;
font-size:0.8em}

img {
border:none;}

.vignette li{display: inline ;
margin-left :30px;}

/*---------------[head]---------------*/

#head {
background:url(miseenpage/fond-head.gif);
width:100%;
height:321px;}

#head2 {
background:url(miseenpage/fond-head2.png);
width:953px;
height:318px;
margin:0 auto 0 auto;}

#adsense {
margin: 0 0 0 483px;
padding-top:2px;}

#animflash {
float:right;
margin: 8px 3px 0 0;}

#titre, #head h1 {
font-size:1.3em;
color:#FF9900;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin:145px 0 10px 100px;}

#head ul {
font-size:0.8em;
line-height:1.4em;
color:white;
padding: 0 0 0 40px;}

#menu1, #menu2 {
float:right;
margin:0 0 0 15px;}

#menu3 {
float:right;
margin:0 20px 0 15px;}

#head a:link, #head a:visited { color:white; text-decoration:none; }
#head a:hover, #head a:focus, #head a:active { color: #66CC33; text-decoration:underline; }

/*---------------[Colonnes ACCUEIL]---------------*/
#colonneaccueil {
background:url(miseenpage/fond-principal.jpg);
background-repeat:repeat-y;
width:953px;
margin:0 auto 0 auto;
padding-top:35px;}

#colonneaccueil ul {
font-size:0.8em;
line-height:1.4em;
color:black;
padding: 0 0 0 40px;}

/*---------------[colonne1 ACCUEIL]---------------*/
#colonne1accueil {
width:515px;}

#colonne1accueil h1{
font-family: Arial, Helvetica, sans-serif
font-size:1.3em;
color: #669900;
margin:0 0 30px 15px;
padding:0;}

#colonne1accueil p{
margin: 0 10px 0 20px;
line-height:1.6em;}

.UneImage {
margin:15px 0 0 40px;}

#colonne1accueil hr{
color: #CCCCCC;
background-color: #CCCCCC;
height: 1px;
border: 0;
margin: 20px;
padding: 0;}

#colonne1accueil ul {
list-style:url(miseenpage/puce_liste_index.png);}


/*---------------[Puce blog / ACCUEIL]---------------*/
.puceblogclub {
font-size:1.4em;
margin:0 0 0 15px;
padding:5px 0 0 50px;
height:40px;
background-image:url(miseenpage/Puce-casque-orange.png);
background-repeat:no-repeat;}

.puceblogvtt {
font-size:1.4em;
margin:0 0 0 15px;
padding:5px 0 0 50px;
height:40px;
background-image:url(miseenpage/Puce-casque-vert.png);
background-repeat:no-repeat;}

.puceblogroute {
font-size:1.4em;
margin:0 0 0 15px;
padding:5px 0 0 50px;
height:40px;
background-image:url(miseenpage/Puce-casque-bleu.png);
background-repeat:no-repeat;}

.puceblogvtt a:link, .puceblogvtt a:visited,
.puceblogvtt a:hover, .puceblogvtt a:focus, .puceblogvtt a:active,
.puceblogclub a:link, .puceblogclub a:visited,
.puceblogclub a:hover, .puceblogclub a:focus, .puceblogclub a:active,
.puceblogroute a:link, .puceblogroute a:visited,
.puceblogroute a:hover, .puceblogroute a:focus, .puceblogroute a:active { color: black; text-decoration:none; }


/*---------------[Colonne2 Accueil]---------------*/
#colonne2accueil {
float:right;
margin-right:4px;
width:432px;}

#colonne2accueil h2{
font-size:1.2em;
color:#3366FF;
font-weight:bold;
margin:5px 0 0 7px;
padding:0;}


/*---------------[Colonne2 accueil newsletter]---------------*/
.bk {
background: #d9d1bf;
	border: 1px dashed #8d8b71;
	width:405px;
	margin:10px 0 15px 14px;}
	
.txt {
    float:left;
	font-family: "Times New Roman", Times, serif;
	font-size:0.7em;
	color: #50461d;
	margin:0;}

.txtbox {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width:200px;
	margin:17px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
	

#newsletterp {
font-family:"Times New Roman", Times, serif;
font-size:0.9em;}

#news {
border:0;}




#pucefacebook {
font-size:0.9em;
margin:30px 0 0 30px;
padding:5px 0 0 50px;
height:40px;
background-image:url(miseenpage/puce-facebook.jpg);
background-repeat:no-repeat;}

#pucecontact {
float:right;
font-size:0.9em;
margin:30px 70px 0 15px;
padding:12px 0 0 50px;
height:40px;
background-image:url(miseenpage/puce-contact.jpg);
background-repeat:no-repeat;}

#colonne2accueil p{
font-size:0.8em;
margin:18px 15px 0 20px;
line-height:1.4em;}

.lien{
font-size:0.7em;
color:white;
font-weight:bold;
margin:0 15px 0 143px;
padding-top:13px;}

/*---------------[Flash info]---------------*/
#paperboard {
width:437px;
margin:10px 0 0 15px;}

#date_flash_info {
background:url(miseenpage/fond_date_info.png) no-repeat;
height:18px;
width:79px;
color:white;
font-size:9pt;
padding:2px 0 0 7px;}

#paperboard  p {
width:400px;
color:#5d4c24;
font-size:13px;
margin:0 0 15px 0;
padding:0;
border-bottom: 1px dashed #aaa18d;}

#paperboard a:link, #paperboard a:visited { color:#5d4c24; text-decoration:none; }
#paperboard  a:hover, #paperboard a:focus, #paperboard a:active { color: #dc5205; text-decoration:none; }




.rubriquevtt {
background:url(miseenpage/Fond-rubrique-col2.jpg);
width:212px;
height:198px;
margin:0 0 0 5px;
padding:1px;
background-repeat:no-repeat;}

.rubriqueroute {
float:right;
background:url(miseenpage/Fond-rubrique-col2.jpg);
width:213px;
height:198px;
margin:0;
padding:0;
background-repeat:no-repeat;}

.video {
margin: 15px 0 0 15px;}


h2 a:link, h2 a:visited,
h2 a:hover, h2 a:focus, h2 a:active { color:#3366FF; text-decoration:none; }

.lien a:link, .lien a:visited { color:#C0AC81; text-decoration:none; }
.lien a:hover, .lien a:focus, .lien a:active { color:white; text-decoration:none; }

#pucecontact  a:link, #pucecontact  a:visited,
#pucefacebook   a:link, #pucefacebook   a:visited { color:black; text-decoration:none; }

#pucecontact  a:hover, #pucecontact  a:focus, #pucecontact  a:active, 
#pucefacebook  a:hover, #pucefacebook  a:focus, #pucefacebook  a:active{ color:red; text-decoration:none; }

/*---------------[Colonne principale]---------------*/
#principal {
background:url(miseenpage/fond-principal2.jpg);
background-repeat:repeat-y;
width:953px;
margin:0 auto 0 auto;
padding-top:35px;}

/*---------------[colonne1 ]---------------*/
#colonne1 {
width:565px;}

#colonne1 h1, #colonne1trail h1{
font:"Times New Roman", Times, serif;
color:#0099FF;
font-size:1.7em;
margin:0 0 20px 15px;}

#colonne1 p, #colonne1trail p{
margin: 0 10px 0 20px;
line-height:1.5em;}

#colonne1 hr, #colonne1trail hr{
color: #CCCCCC;
background-color: #CCCCCC;
height: 1px;
border: 0;
margin: 20px;
padding: 0;}

#colonne1 h2, #colonne1trail h2 {
font:"Times New Roman", Times, serif;
color: #FF9900;
font-size:1em;
margin:0 0 10px 15px;}

#colonne1 h3, #colonne1trail h3{
font:"Times New Roman", Times, serif;
color: #339900;
font-size:0.8em;
margin:20px 0 5px 15px;}

#colonne1 ul, #colonne1trail ul{
font:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin: 0 10px 0 20px;
padding:0 0 0 20px;
line-height:1.5em;
list-style:url(miseenpage/puce-casque-liste.jpg);}

.vers {
font-size:0.6em;
text-align:right;
margin: 15px 20px 0 0;}

#picasa {
margin: 20px 0 0 40px;}

#colonne1 ul a:link, #colonne1 ul a:visited { color:#000000; text-decoration:none; }
#colonne1 ul  a:hover, #colonne1 ul a:focus, #colonne1 ul a:active { color: #0066FF; text-decoration:none; }

.liencol1 a:link, .liencol1 a:visited { color: #669900; text-decoration:underline; }
.liencol1 a:hover, .liencol1 a:focus, .liencol1 a:active { color: #0066FF; text-decoration:none; }

/* page contact */

fieldset{margin:25px;padding:0;border:0;}
		label{width:250px; display:block;}
		.txt_input{width:250px; display:block;}
		textarea{height:200px; width:450px;}
		input{display:block;}
		.req{color:#f00;font-size:90%;}
		#form_errors{color:#f00; display:none;}
		#form_thanks{color:#000; display:none;}
		
/* page admin */
		#form_admin {padding:20px; margin:0 15px 0 20px ; border: 1px solid  #666666;}
		#form_admin textarea{height:60px; width:450px;}
		#liste_flash_info {
		width:450px;
		background:#d4e4e8;
		margin:5px 0 0 20px;
		padding:15px;}
		
		#liste_flash_info h4{
		font-size:0.8em;
		color:#5f6062;
		margin:0;
		font-weight:normal;}
		
		#datation {
		color:black;}
		
		#liste_flash_info h3{
		font-size:1.1em;
		color:#034ffd;
		margin:5px 0 0 10px;}
		
		#liste_flash_info p{
		font-size:0.9em;
		margin:5px 0 0 10px;}
		
		#bouton_supprim {
		margin-left:370px;}


/*---------------[Colonne2 ]---------------*/
#colonne2 {
float:right;
margin-right:3px;
width:384px;}

h2 {
font-family:Arial, Helvetica, sans-serif;
color: #339900;
font-size:1.2em;
margin:0 0 10px 15px;}

#paperboard2 h2{
font:"Times New Roman", Times, serif;
color: #3366CC;
font-size:1.2em;
margin:0 0 10px 30px;
padding-top:25px;}

#colonne2 h3{
font:"Times New Roman", Times, serif;
color: #63b6ea;
font-size:1em;
margin:0 0 10px 30px;
padding-top:25px;}

h4 {
font-family:Arial, Helvetica, sans-serif;
color: #339900;
font-size:0.7em;
margin:0 0 10px 15px;}

#colonne2 p{
font-family: Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:18px 15px 0 20px;
line-height:1.4em;}

#paperboard2 {
background:url(miseenpage/Fond-paperboard2.jpg);
background-repeat:no-repeat;
width:387px;
height:240px;
margin-bottom:40px;}

.etiquettecol2 {
background: url(miseenpage/Etiquette-col2.jpg);
background-repeat:no-repeat;
width:355px;
height:99px;
margin:0 0 0 15px;}

.etiquettecol2 h2 {
font-family: "Times New Roman", Times, serif;
font-size:1.6em;
font-weight:bold;
color: #fee9af;
margin:0;
padding:35px 0 0 40px;}

#colonne2 ul, #colonne2trail ul{
font:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0 0 0 10px;
padding:0 0 0 35px;
font-weight:bold;
line-height:1.5em;
list-style: disc;}

#paperboard2  a:link, #paperboard2  a:visited { color: #DFD7BB; text-decoration:none; }
#paperboard2  a:hover, #paperboard2  a:focus, #paperboard2  a:active { color: white; text-decoration:none; }

#menucol2  a:link, #menucol2   a:visited { color: #3366CC; text-decoration:none; }
#menucol2   a:hover, #menucol2   a:focus, #menucol2   a:active { color: red; text-decoration:none; }

#riderzcup_sommaire {
margin:0;
width:366px;
background:url(miseenpage/Cartouche-RidrezCup2010_fon.jpg);}

#riderzcup_sommaire a:link, #riderzcup_sommaire a:visited { color: white; text-decoration:none; }
#riderzcup_sommaire  a:hover, #riderzcup_sommaire  a:focus, #riderzcup_sommaire  a:active { color: #990000; text-decoration:none; }

/*---------------[Colonnes Trails]---------------*/
#principaltrail {
background:url(miseenpage/fond-principal3.jpg);
background-repeat:repeat-y;
width:953px;
margin:0 auto 0 auto;
padding-top:35px;}

/*---------------[colonne1 trail ]---------------*/
#colonne1trail {
width:685px;}

/*---------------[Colonne2 trail ]---------------*/
#colonne2trail {
float:right;
margin-right:3px;
width:268px;}

/*---------------[Footer]---------------*/
#footer {
width:953px;
height:290px;
margin:0 auto 0 auto;
background:#333333;}

#footer h3 {
margin: 0;
padding:20px 0 0 5px;
color:#CCCCCC;
font-family:"Times New Roman", Times, serif}

#partenaires {
float:right;}

#footer ul {
margin:0 0 0 15px;
padding :10px 0 0 0;
font-size:0.8em;
list-style-type:none;
color: #3399FF  ;
line-height:1.8em;}

#footer  a:link, #footer  a:visited { color:#FF6600; text-decoration:underline; }
#footer  a:hover, #footer  a:focus, #footer  a:active { color: white; text-decoration:none; }