/* Veloportail-HDready-graphic.fr-2007/11/18 */

/* Mise en place des éléments généraux */

*{
margin:0;
padding:0;
list-style:none;
}

body{
font-size:62.5%;
font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
text-align:center;
background:url(images/fond.gif);
}

/* Quick Links */

#quicklinks{
	background: #000000;
}

#quicklinks table {
	border:0px;
	border-collapse:collapse;
	width:100%;
	margin:auto;
	font-size:11px;
}
#quicklinks a {
	font-weight:bold;
	text-decoration:none;
	color: #FFFFFF;
	font-size:12px;
}
#quicklinks a:visited {
	color: #FFFFFF;
}
#quicklinks a:hover {
	color: #B4E800;
}
#quicklinks a:active {
	color: #FFFFFF;
}


/* le conteur global */

#conteneur_global{
width:980px;
margin:15px auto 0 auto;
text-align:left;
overflow:visible;
position:relative;
}

/* Le Header */

#header{
height: 120px;
width:980px;
}

#header_texte h1{
height:120px;
width:960px;
background:url(images/header_vide.jpg) no-repeat;
float:left;
position:relative;
overflow:auto;
font-size:2em;
color:#B07700;
}

#header_langue h1{
height:120px;
width:960px;
background:none;
float:left;
position:relative;
overflow:auto;
text-indent:-10000em;
line-height:0em;
}

#header_perso h1{
height:120px;
width:960px;
background:none;
position:relative;
overflow:visible;
text-indent:-10000em;
line-height:0em;
}
#header_perso h1 div, #header_langue h1 div{
text-indent:0em;
}

#header #header_gauche, #header_langue #header_gauche, #header_texte #header_gauche{
display:block;
height:120px;
width:10px;
background:url(images/header_gauche.png) no-repeat;
float:left;
position:relative;
overflow:auto;
}
#header #header_droit, #header_langue #header_droit, #header_texte #header_droit{
display:block;
height:120px;
width:10px;
background:url(images/header_droit.png) no-repeat;
position:relative;
overflow:auto;
}
#header h1{
height:120px;
width:960px;
background:url(images/header.jpg) no-repeat;
float:left;
position:relative;
overflow:auto;
text-indent:-10000em;
}

/* Le menu */

.module, .module_opt{
margin-bottom:10px;
}
.ss_menu{
z-index:200;
}

#modules1{
width:70px;
position:relative;
overflow:visible;
float:left;
margin:30px -35px 0 0;
z-index:100;
}
#modules1 .module, #modules1 .module_opt{
width:70px;
position:relative;
overflow:visible;
padding-bottom:10px;
background:url(images/footer_modules.png) no-repeat bottom;
z-index:200;
}

#modules1 .module_opt{
z-index:50;
overflow:auto;
}

#modules1 .module h3, #modules1 .module_opt h3{
width:70px;
height:30px;
background:url(images/modules_header.png) no-repeat;
text-align:center;
line-height:30px;
color:#788100;
font-size:1.6em;
}

#modules1 .module .menu, #modules1 .module_opt .menu{
border-left:1px #CAD300 solid;
border-right:1px #CAD300 solid;
background:#FFF url(images/rep_modules.png) repeat-x;
text-align:center;
padding:10px 0 0 0;
position:relative;
overflow:visible;
font-size:1.2em;
}

#modules1 .module .menu a{
display:block;
width:53px;
height:63px;
margin:auto;
text-align:left;
text-decoration:none;
overflow:visible;
position:relative;
line-height:70px;
}

#modules1 .module .menu a span, #modules1 .module_opt span{
margin-left:-10000px;
border:solid 1px #CAD300;
padding:2px 5px 2px 5px;
background:#FFF;
color:#788100;
}

#modules1 .module .menu a:hover span{
margin-left:45px
}

#modules1 .module .menu a.lien_ss_menu:hover span{
margin-left:-10000px;
}

#item_statistiques, #item_favoris{
display:block;
width:53px;
height:63px;
margin:auto;
text-align:left;
text-decoration:none;
overflow:visible;
position:relative;
line-height:70px;
} 

.menu #item_accueil{
background:url(images/item_accueil.png) no-repeat;
}
.menu #item_annuaire{
background:url(images/item_annuaire.png) no-repeat;
}
.menu #item_albumpub{
background:url(images/item_album.png) no-repeat;
}
.menu #item_forum{
background:url(images/item_forum.png) no-repeat;
}
.menu #item_livre{
background:url(images/item_livre.png) no-repeat;
}
.menu #item_administration{
background:url(images/item_admin.png) no-repeat;
}
.menu #item_infoadmin{
background:url(images/item_club.png) no-repeat;
}
.menu #item_infoperso{
background:url(images/item_ma_fiche.png) no-repeat;
}
.menu #item_infovelo{
background:url(images/item_velo.png) no-repeat;
}
.menu #item_statistiques{
background:url(images/item_statistiques.png) no-repeat;
}
.menu #item_favoris{
background:url(images/item_favoris.png) no-repeat;
}


#modules1 .menu #item_accueil:hover{
background:url(images/item_accueil_roll.png) no-repeat;
}
#modules1 .menu #item_annuaire:hover{
background:url(images/item_annuaire_roll.png) no-repeat;
}
#modules1 .menu #item_albumpub:hover{
background:url(images/item_album_roll.png) no-repeat;
}
#modules1 .menu #item_forum:hover{
background:url(images/item_forum_roll.png) no-repeat;
}
#modules1 .menu #item_livre:hover{
background:url(images/item_livre_roll.png) no-repeat;
}
#modules1 .menu #item_administration:hover{
background:url(images/item_admin_roll.png) no-repeat;
}
#modules1 .menu #item_infoadmin:hover{
background:url(images/item_club_roll.png) no-repeat;
}
#modules1 .menu #item_infoperso:hover{
background:url(images/item_ma_fiche_roll.png) no-repeat;
}
#modules1 .menu #item_infovelo:hover{
background:url(images/item_velo_roll.png) no-repeat;
}

body#accueil #item_accueil{
background:url(images/item_accueil_on.png) no-repeat;
}
body#news #item_annuaire{
background:url(images/item_annuaire_on.png) no-repeat;
}
body#album #item_albumpub{
background:url(images/item_album_on.png) no-repeat;
}
body#forum #item_forum{
background:url(images/item_forum_on.png) no-repeat;
}
body#livre #item_livre{
background:url(images/item_livre_on.png) no-repeat;
}
body#livre #item_administration{
background:url(images/item_administration_on.png) no-repeat;
}
body#livre #item_infoadmin{
background:url(images/item_club_on.png) no-repeat;
}
body#livre #item_infoperso{
background:url(images/item_ma_fiche_on.png) no-repeat;
}
body#livre #item_infovelo{
background:url(images/item_velo_on.png) no-repeat;
}

/*les sous menus*/
	#modules1 .module .menu .ss_menu{
	position:absolute;
	background:#FFFFFF;
	border:1px solid #CAD300;
	text-align:center;
	margin-top:-50px;
	left:65px;
	width:170px;
	}
	#modules1 .module .menu .ss_menu li{
	text-align:center;
	background-color:#CAD300;
	margin:2px;
	line-height:2em;
	color:#fff;
	font-weight:bold;
	}
	#modules1 .module .menu .ss_menu li.ss_titre{
	padding:0px 5px 0px 5px;
	}
	#modules1 .module .menu .ss_menu li a{
	line-height:2em;
	height:2em;
	background-image:none;
	position:relative;
	text-align:center;
	margin:0px;
	background-color:#FFFFFF;
	width:100%;
	color:#788100;
	
	}
	#modules1 .module .menu .ss_menu li a:hover{
	color:#FFFFFF;
	background-image:none;
	background:none #CAD300;
	}
	/*fin ss menu*/
/* La connection */

#modules2{
float:right;
width:150px;
right:0px;
margin:10px 0 0 15px;
position:relative;
overflow:visible;
}

#modules2 h3{
height:30px;
line-height:30px;
font-size:1.6em;
text-align:center;
color:#788100;
background:url(images/modules2_header.png) no-repeat;
}

#modules2 .module div#sponsors{
text-align:center;
}

#modules2 .module{
margin:0 0 15px 0;
background:url(images/footer_modules2.png) no-repeat bottom;
padding:0 0 10px 0;
position:relative;
overflow:visible;
text-align:center;
color:#788100;
font-weight:bold;
}

#modules2 .menu, #modules2 .module div{
background:#FFF ;
border-left:solid 1px #CAD300;
border-right:solid 1px #CAD300;
text-align:left;
font-size:1.2em;
overflow:visible;
position:relative;
}

#modules2 .menu{
background:#FFF url(images/rep_modules.png) repeat-x;
padding-top:10px;
}

#modules2 .menu form, #modules2 .menu li{
margin:auto;
width:130px;
overflow:visible;
position:relative;
}

#modules2 #getff{
padding: 10px 0 0 20px;

}

#modules2 .menu .saisie{
border:1px solid #C0BDAF;
font-size:1em;
color: #9C9A8F;
font-weight:bold;
}

#modules2 .menu a{
color: #9C9A8F;
text-decoration:none;
}

#modules2 .menu a:hover {
text-decoration:underline;
}

.btn_valider{
display:block;
width:40px;
margin:5px 0 0 90px;
border: 1px solid #9C9A8F;
background:#F5F4EC;
font-weight:bold;
color:#9C9A8F;
}

.btn_valider:hover{
border-color:#CAD300;
background:#F4F6CC;
color:#7A8000;
}

.coche{
margin:10px 5px 0 0;
}

#connexion{
font-size:0.8em;
}

/* Le Contenu */
#contenu{
width:780px;
margin: 10px 0px 0px 0px;
position:relative;
overflow:auto;
z-index:50;
}

#contenu_gh{
display:block;
float:left;
height:10px;
width:10px;
background:url(images/contenu_gh.png) no-repeat;
}

#contenu_mh{
display:block;
float:left;
height:10px;
width:760px;
background:url(images/contenu_mh.png) repeat-x;
}

#contenu_dh{
display:block;
float:left;
height:10px;
width:10px;
background:url(images/contenu_dh.png) no-repeat;
}

#contenu_gb{
display:block;
float:left;
height:10px;
width:10px;
background:url(images/contenu_gb.png) no-repeat;
}

#contenu_mb{
display:block;
float:left;
height:10px;
width:760px;
background:url(images/contenu_mb.png) repeat-x;
}

#contenu_db{
display:block;
float:left;
height:10px;
width:10px;
background:url(images/contenu_db.png) no-repeat;
}

body#accueil #contenu #main{
position:relative;
overflow:auto;
clear:both;
border-left:1px solid #C9D118;
border-right:1px solid #C9D118;
background:#FFF url(images/contenu_rep.png) repeat-x;

}

#presentation{
background:#F5F4EC;
border:1px solid #A0CADB;
color:#7D7A7F;
position:relative;
overflow:auto;
clear:both;
margin:0 15px 15px 50px;
padding-bottom:20px;
}

#presentation a{
color:#7D7A7F;
text-decoration:none;
font-weight:bold;
}
#presentation a:hover{
text-decoration:underline;
}

#titre_presentation{
z-index:60;
margin: 5px 0 -25px 70px;
position:relative;
font-size:1.4em;
position:relative;
overflow:auto;
}

#titre_presentation .gauche{
background:url(images/rubrique_titre_gauche.png) no-repeat;
display:block;
float:left;
height:50px;
width:10px;
}
#titre_presentation .milieu{
background:url(images/rubrique_titre_milieu.png) repeat-x;
display:block;
padding-top:5px;
float:left;
height:50px;
color:#1E5D80;

}
#titre_presentation .droite{
background:url(images/rubrique_titre_droite.png) no-repeat;
display:block;
float:left;
height:50px;
width:10px;
}
#objectifs{
clear:both;
float:left;
width:250px;
font-size:1.4em;
overflow:auto;
position:relative;
margin:30px 20px 10px 20px;
}
#objectifs li{
margin:0 0 10px 0;
}

#img_blog{
float:left;
margin:0 10px 0 0;
}
#img_forum{
clear:both;
float:left;
margin:20px 25px 0 15px;
}
#lien_forum{
display:block;
padding-top:20px;
}

#options{
font-size:1.4em;
overflow:auto;
position:relative;
margin:30px 20px 10px 20px;
padding:0 0 0 35px;
list-style:url(images/puce_accueil.png) outside;
border-left:1px solid #8BCADD;
}
#options li{
margin: 0 0 10px 0;
list-style:url(images/puce_accueil.png) outside;
}
#options a{
font-size:1em;
}

#listenews{
position:relative;
overflow:auto;
clear:both;
margin:0 15px 15px 50px;
padding:0 0  20px 20px;
background:#F5F4EC;
border:1px solid #F4B150;
}

#listenews a{
color:#8F4B00;
}
#listenews a:hover{
font-weight:bold;
}

#titre_listenews{
z-index:60;
margin: 5px 0 -25px 70px;
position:relative;
font-size:1.4em;
position:relative;
overflow:auto;
}

#titre_listenews .gauche{
background:url(images/rubrique_titre2_gauche.png) no-repeat;
display:block;
float:left;
height:50px;
width:10px;
}
#titre_listenews .milieu{
background:url(images/rubrique_titre2_milieu.png) repeat-x;
display:block;
padding-top:5px;
float:left;
height:50px;
color:#804D16;
}
#titre_listenews .droite{
background:url(images/rubrique_titre2_droite.png) no-repeat;
display:block;
float:left;
height:50px;
width:10px;
}

#listenews ul{
margin:35px 0 0 0;
position:relative;
overflow:auto;
}

#listenews li{
background:#FFB647;
display:block;
float:left;
position:relative;
overflow:auto;
width:323px;
border:1px solid #FFB647;
margin:0 15px 15px 0;
text-indent:30px;
font-size:1.1em;
font-weight:bold;
color:#8F4B00;
line-height:2em;
}
#listenews li a{
text-indent:0px;
display:block;
position:relative;
overflow:auto;
padding:5px 20px 10px 30px;
background:#7D7A7F;
line-height:1.4em;
color:#EDE9D7;
text-decoration:none;
}
#listenews li a:hover{
text-decoration:underline;
}
.google_ads{

}

#footer{
text-align:center;
}
#footer a{
color:#000000;
}
#footer a:hover{
font-weight:bold;
}

/*Les cadres*/

.cadre_bleu{
background:#F5F4EC;
border:1px solid #A0CADB;
color:#7D7A7F;
position:relative;
overflow:auto;
clear:both;
margin:0 15px 15px 50px;
padding-bottom:20px;
}
.titre_cadre_bleu{
z-index:60;
margin: 5px 0 -25px 70px;
position:relative;
font-size:1.4em;
position:relative;
overflow:auto;
}
.titre_cadre_bleu .gauche{
background:url(images/rubrique_titre_gauche.png) no-repeat;
display:block;
float:left;
height:50px;
width:10px;
}
.titre_cadre_bleu .milieu{
background:url(images/rubrique_titre_milieu.png) repeat-x;
display:block;
padding-top:5px;
float:left;
height:50px;
color:#1E5D80;
}
.titre_cadre_bleu .droite{
background:url(images/rubrique_titre_droite.png) no-repeat;
display:block;
float:left;
height:50px;
width:10px;
}

.cadre_bleu a{
color:#788100;
}
.cadre_bleu a:hover{
color:#FFB647;
}

.contenu_cadre_bleu{
font-size:1.4em;
overflow:auto;
position:relative;
margin:30px 10px 20px 10px;
list-style:url(images/puce_accueil.png) outside;
}
.contenu_cadre_bleu ul{
padding:0 0 0 35px;
}

.cadre_bleu h3,.cadre_bleu form{
margin:10px 0px 10px 0px;
}

/*-------------------------*/
.cadre_orange{
position:relative;
overflow:auto;
clear:both;
margin:0 15px 15px 50px;
padding:0 0  20px 20px;
background:#F5F4EC;
border:1px solid #F4B150;
}
.titre_orange{
z-index:60;
margin: 5px 0 -25px 70px;
position:relative;
font-size:1.4em;
position:relative;
overflow:auto;
}
.titre_orange .gauche{
background:url(images/rubrique_titre2_gauche.png) no-repeat;
display:block;
float:left;
height:50px;
width:10px;
}
.titre_orange .milieu{
background:url(images/rubrique_titre2_milieu.png) repeat-x;
display:block;
padding-top:5px;
float:left;
height:50px;
color:#804D16;
}
.titre_orange .droite{
background:url(images/rubrique_titre2_droite.png) no-repeat;
display:block;
float:left;
height:50px;
width:10px;
}
.cadre_orange h3{
margin-top:30px;
font-size:1.4em;
}
.cadre_orange form{
}
.cadre_orange h3,.cadre_orange form{
margin:10px 0px 10px 0px;
}

.cadre_orange a{
color:#788100;
}
.cadre_orange a:hover{
color:#FFB647;
}
/*Les tableaux*/

.tableau1{
margin-bottom:10px;
text-align:center;
}

.tableau1 table {
border:3px solid #A0CADB;
color:#7D7A7F;
border-collapse:collapse;
width:99%;
margin:auto;
}
.tableau1 thead, tfoot {
background-color:#7D7A7F;
color:#EDE9D7;
border:3px solid #A0CADB;
height:20px;
}

.tableau1 thead th a, tfoot a{
color:#EDE9D7;
}

.tableau1 tbody {
background-color:#F5F4EC;
border:3px solid #A0CADB;
}
.tableau1 tbody a{
color:#788100;
}
.tableau1 tbody a:hover{
color:#FFB647;
}
.tableau1 tbody th a{
color:#A0CADB;
}
.tableau1 tbody th a:hover{
color:#FFB647;
}

.tableau1 th {
border:1px solid #A0CADB;
padding:5px;
background-color:#7D7A7F;
color:#EDE9D7;
width:25%;
}
.hforcee {
height:40px;
}
.tableau1 td {
border:1px solid #A0CADB;
padding:5px;
text-align:left;
vertical-align:top;
}
.tableau1 hr{
color: #A0CADB;
background-color: #A0CADB;
height: 1px;
border: 0;
}
.wkend {
background:url(images/fond.gif);
}

.tableau2{
margin-bottom:10px;
text-align:center;
}
.tableau2 a{
}

.tableau2 table {
border:3px solid #A0CADB;
border-collapse:collapse;
width:99%;
margin:auto;
}
.tableau2 thead, tfoot {
background-color:#7D7A7F;
border:3px solid #A0CADB;
height:20px;
color:#EDE9D7;
}

.tableau2 thead a, tfoot a{
color:#EDE9D7;
}

.tableau2 tbody {
background-color:#F5F4EC;
border:3px solid #A0CADB;
color:#7D7A7F;
}
.tableau2 tbody a{
color:#788100;
text-decoration:none;
}
.tableau2 tbody a:hover{
color:#FFB647;
text-decoration:underline;
}
.tableau2 tbody th a{
color:#A0CADB;
}
.tableau2 tbody th a:hover{
color:#FFB647;
}

.tableau2 th {
border:1px solid #A0CADB;
padding:5px;
background-color:#7D7A7F;
color:#EDE9D7;
text-align:left;
}
.hforcee {
height:40px;
}
.tableau2 td {
border:1px solid #A0CADB;
padding:3px;
text-align:left;
vertical-align:top;
}

/*Formulaires*/

.cadre_bleu .formulaire{
margin:30px 20px 10px 20px;
}
.cadre_bleu .formulaire .ligne{
margin-bottom:3px;
display:block;

}
.cadre_bleu .formulaire .nom{
padding-right:5px;
width:200px;
display:block;
float:left;
}

.cadre_bleu .formulaire .radio{
    width:100px;
    float:left;
}

.cadre_bleu .formulaire .saisie{
	border: 1px solid #A0CADB;
}

.cadre_bleu .formulaire .button {
	border: 1px solid #B5AEA4;
    color:#7D7A7F;
    background: #efefef;
}
.cadre_bleu .formulaire .button:hover {
	border: 1px solid #B5AEA4;
    color:#FFFFFF;
    background: #FFB647;
}