/*CSS site RAIT*/
body{
	margin-top : 2px;
	text-align : center ; /* pour corriger le bug de centrage IE */
	font : normal normal normal 12px 	Arial, sans-serif; /* font-style font-variant font-weight font-size/line-height font-family*/
	background :  url(../images/fond_body.gif) repeat-x top;
	background-color : #FF9900;
}

#bloc_tete{
	width : 800px;
	height : 95px;
	margin-left : auto;
    margin-right : auto;
	text-align : left;
	background :  url(../images/logo_rait.gif) no-repeat top left;
}

#logo_tete{
	background-color : #FFFFFF;
	width : 240px;
	height : 70px;
	float : right;
	overflow: hidden;
}

#logo_tete img
{
	border: 0;
	width: 240px;
	height: 70px;
}

#menu_tete{
	/*background-color : #FFFF00;*/
	/*height : 18px;*/
	float : right;
	margin-top : 5px;
	text-align : right;
	color : #FFFFFF;
	font-weight : bold;
}

#bloc_general{
	background-color : #FFFFFF;
	width : 800px;
	/*height : 750px;*/
	margin-left: auto;
    margin-right: auto;
	text-align: left;
	padding : 5px 0px 5px 0px;
}	

/*****************
CSS MENU SLIDE
*****************/
#menu_general{
	width :100%;
	background :  url(../images/fond_menu.gif) repeat-x top left;
	/*padding-top : 5px;*/
	height : 25px;
}

/*#menu_1{
	width : 85px;
	text-align : center;
	font-weight : bold;
	background-color : #FFFFFF;
	height : 16px;
}*/

/*CSS LIENS*/

.lien_menu a { 
	color : #000000;
	font-weight : bold;
	text-decoration : none;
}

.lien_menu a:hover { 
	color : #3366FF;
}

#menu_tete a { 
	color : #FFFFFF;
	font-weight : bold;
	text-decoration : underline;
}

#menu_tete a:hover { 
	color : #FFFF33;
}

.smenu a { 
	color : #FFFFFF;
	font-weight : bold;
	text-decoration : none;
}

.smenu a:hover { 
	color : #FFFF00;
}

#toutes_actualites a { 
	color : #000000;
	text-decoration : none;
	font-weight: bold;
}

#toutes_actualites a:hover { 
	text-decoration : underline;
}

a.lien_simple_souligne { 
	color : #000000;
	text-decoration : underline;
}

a.lien_simple_souligne:hover { 
	text-decoration : none;
}

a.lien_simple { 
	color : #000000;
	text-decoration : none;
}

a.lien_simple:hover { 
	text-decoration : underline;
}

a.lien_equipe { 
	color : #000000;
	text-decoration : underline;
	font-weight: bold;
}

a.lien_equipe:hover { 
	color : #FF6600;
	text-decoration : none;
}

a.lien_orange { 
	color : #000000;
	text-decoration : none
}

a.lien_orange:hover { 
	color : #FF6600;
	text-decoration : none;
}

a.lien_rouge { 
	color : #FF0000;
	font-weight:bold;
	text-decoration : underline;
}

a.lien_rouge:hover { 
	color : #000000;
	text-decoration : none;
}

a.lien_violet { 
	color : #FF6600;
	text-decoration : none;
	font-weight:bold;
}

a.lien_violet:hover { 
	color : #993399;
	text-decoration : none;
}

a.lien_parcours { 
	color : #000000;
	text-decoration : none;
	font-weight: bold;
}

a.lien_parcours:hover { 
	color : #FF6600;
	text-decoration : none;
}

.menu {
	font-family : verdana;
	color : #FFFFFF;
	font-size : 11px;
	font-weight : bold; 
	padding : 0px 8px 3px 8px;
	background-color : #FF6600;
			/*layer-background-color:#cccccc;*/
}

.menuActuator_1{
    /* this makes TDs a container with their own coordinate system.
     absolutely-positioned elements will be offset relative to them */
      position:relative;
	  float : left ;
	  margin : 5px 12px 0 12px !important;
	  margin : 5px 6px 0 6px;
}

.menuActuator{
    /* this makes TDs a container with their own coordinate system.
     absolutely-positioned elements will be offset relative to them */
      position:relative;
	  float : left ;
	  margin : 5px 12px 0 12px;
	
 }

 .separation{
	background :  url(../images/menu_separation.gif) repeat-x top left;
	width : 2px;
	height : 23px;
	margin : 0 3px 0 3px;
	float : left;
 }

 .smenu{
	border-bottom : 1px dashed #FFFFFF;
	height : 18px;
	width : 147px;
	margin-top : 3px;
	background :  url(../images/fleche_smenu.gif) no-repeat 0px 4px;
	padding-left : 12px;
}

/*****************
CSS COLONNE GAUCHE
*****************/

#colonne_gauche{
	width : 455px;
	/*background-color : #00FF00;*/
	float : left;
	margin-left : 5px !important;
	margin-left : 3px;
}


#titre_actualites{
	float : left;
	margin-top: 5px;
	height : 40px;
	width : 100%;
	background :  url(../images/velo_rouge.gif) no-repeat top left;
	background-color : #FFFFFF;
}

#texte_actualites{
	float : left;
	margin-left : 27px !important;
	margin-left : 14px;
	margin-top : 10px;
	height : 16px;
	width : 133px;
	background :  url(../images/fond_actualites.gif) no-repeat top left;
}

#toutes_actualites{
	float : right;
	height : 16px;
	margin-top : 10px;
}

#fond_trait{
	clear : both;
	float : left;
	background :  url(../images/fond_trait.gif) repeat-x top left;
	width : 428px;
	height : 3px;
	margin-top : 8px;
	line-height : 0;
	font-size : 0;
	margin-left : 27px !important;
	margin-left : 14px; 
}

#contenu_actualites{
	float : left;
	margin-top : 5px;	
	width : 100%;
	/*border-bottom : 1px dashed #999999;*/
}

#description_actualites{
	margin-top : 5px;
	text-align : justify;
}

#titre_president{
	float : left;
	margin-top: 10px;
	height : 40px;
	width : 100%;
	background :  url(../images/velo_vert.gif) no-repeat top left;
	background-color : #FFFFFF;
}

#texte_president{
	float : left;
	margin-left : 27px !important;
	margin-left : 14px;
	margin-top : 10px;
	height : 20px;
	width : 262px;
	background :  url(../images/fond_president.gif) no-repeat top left;
}

#mot_president{
	float :left;
	height : 300px;
	width: 100%;
	overflow: auto;
	text-align : justify;
}

#fond_trait_rubriques{
	clear : both;
	float : left;
	background :  url(../images/fond_trait.gif) repeat-x top left;
	width : 428px;
	height : 3px;
	margin-top : 4px;
	line-height : 0;
	font-size : 0;
	margin-left : 27px !important;
	margin-left : 14px; 
}

#titre_rubriques{
	float : left;
	margin-top: 6px;
	height : 40px;
	width : 100%;
	background :  url(../images/velo_violet.gif) no-repeat top left;
	background-color : #FFFFFF;
}

#texte_association{
	float : left;
	margin-left : 27px !important;
	margin-left : 14px;
	margin-top : 10px;
	height : 22px;
	width : 174px;
	background :  url(../images/titre_association.gif) no-repeat top left;
}

#texte_palmares{
	float : left;
	margin-left : 27px !important;
	margin-left : 14px;
	margin-top : 10px;
	height : 22px;
	width : 174px;
	background :  url(../images/titre_palmares.gif) no-repeat top left;
}

#texte_equipes{
	float : left;
	margin-left : 27px !important;
	margin-left : 14px;
	margin-top : 10px;
	height : 22px;
	width : 174px;
	background :  url(../images/titre_equipes.gif) no-repeat top left;
}

#nombre_equipes{
	float : right;
	height : 16px;
	margin-top : 15px;
}

#texte_classements{
	float : left;
	margin-left : 27px !important;
	margin-left : 14px;
	margin-top : 10px;
	height : 22px;
	width : 174px;
	background :  url(../images/titre_classements.gif) no-repeat top left;
}

#texte_parcours{
	float : left;
	margin-left : 27px !important;
	margin-left : 14px;
	margin-top : 10px;
	height : 22px;
	width : 174px;
	background :  url(../images/titre_parcours.gif) no-repeat top left;
}

#texte_partenaires{
	float : left;
	margin-left : 27px !important;
	margin-left : 14px;
	margin-top : 10px;
	height : 22px;
	width : 174px;
	background :  url(../images/titre_partenaires.gif) no-repeat top left;
}

#texte_contact{
	float : left;
	margin-left : 27px !important;
	margin-left : 14px;
	margin-top : 10px;
	height : 22px;
	width : 174px;
	background :  url(../images/titre_contact.gif) no-repeat top left;
}

#texte_videos{
	float : left;
	margin-left : 27px !important;
	margin-left : 14px;
	margin-top : 10px;
	height : 22px;
	width : 174px;
	background :  url(../images/titre_videos.gif) no-repeat top left;
}

#texte_boutique{
	float : left;
	margin-left : 27px !important;
	margin-left : 14px;
	margin-top : 10px;
	height : 22px;
	width : 174px;
	background :  url(../images/titre_boutique.gif) no-repeat top left;
}

#texte_liens{
	float : left;
	margin-left : 27px !important;
	margin-left : 14px;
	margin-top : 10px;
	height : 22px;
	width : 174px;
	background :  url(../images/titre_liens.gif) no-repeat top left;
}

#texte_phototheque{
	float : left;
	margin-left : 27px !important;
	margin-left : 14px;
	margin-top : 10px;
	height : 22px;
	width : 174px;
	background :  url(../images/titre_phototheque.gif) no-repeat top left;
}

/*****************
CSS COLONNE DROITE
*****************/

#colonne_droite{
	width : 330px;
	/*background-color : #FF0000;*/
	float : right;
	margin-right : 5px !important;
	margin-right : 2px;
}

#phototheque_accueil{
	width : 100%;
	/*height : 250px;*/
	background-color : #000000;

}

#photodiv{
	width : 100%;
	height : 221px;
	overflow: hidden;
}

#phototheque_accueil img
{
	border: 0;
	width: 330px;
	height: 221px;
}


/*BLOC BOUTIQUE*/
#boutique{
	float : left;
	width : 208px;
	height : 240px;
	margin-top : 2px;
	background-color : #FFCCFF;
	font-weight : bold;
}

#titre_boutique{
	float : left;
	width : 40px;
	height : 240px;
	background :  url(../images/fond_boutique.gif) no-repeat top left;
}

#contenu_boutique{
	float : left;
	width : 150px;
	text-align : center;
	margin-left : 6px !important;
	margin-left : 3px;
}

#titre_allechant{
	font-size : 14px;
	padding : 10px 0 10px 0;
	width : 150px;
	background :  url(../images/fond_trait.gif) repeat-x bottom left;
}



#nom_produit{
	color : #993399;
	margin-top : 5px;
}

#image_produit{
	margin-top : 5px;
}

#prix{
	margin-top : 7px;
}



#fond_prix_gauche{
	height : 16px;
	width : 8px;
	float:left;
	background :  url(../images/prix_gauche.jpg) no-repeat top left;
}

#fond_prix_droite{
	float : left;
	background :  url(../images/fond_prix.gif) repeat-x top left;
	height : 16px;
	padding : 0 4px 0 2px;
	color : #FFFFFF;
}


/*BLOC VIDEOS*/
#titre_videos{
	float : left;
	width : 40px;
	height : 240px;
	background :  url(../images/fond_videos.gif) no-repeat top left;
}

#contenu_videos{
	float : left;
	width : 164px;
	text-align : center;
}

a.lien_bloc:link, a.lien_bloc:visited{
	font-weight : bold;
	font-size : 10px;
	text-decoration : none;
	color : #333333;
}

a.lien_bloc:hover{
	text-decoration : underline;
}

a.invisible{
	text-decoration : none;
	color : #333333;
	cursor : pointer;
}

a.invisible:hover{
	text-decoration : none;
	color : #993399;
}



/*BLOC PUB*/
#pub{
	float : right;
	height : 240px;
	width : 120px;
	background :  url(../images/fond_pub.gif) no-repeat top left;
}

/*BLOC ETAPE JOUR*/
#titre_etape_jour{
	float :left;
	width : 100%;
	height : 29px;
	background :  url(../images/fond_etape_jour.gif) no-repeat top left;
}

#contenu_etape{
	font-weight : bold;
	text-align : center;
	background-color : #CCCCCC;
}

#parcours_etape{
	background : url(../images/fond_trait.gif) repeat-x bottom left;
	height : 29px;
	/*background-color : yellow;*/
}

#details_parcours{
	padding-bottom : 3px;
}

#kilometre_parcours{
	float : left;
	margin-top : 5px;
	text-align : left;
}

#infos_parcours{
	float : right;
	text-align : right;
	margin-right : 5px;
	margin-top : 8px;
}

/*BLOC PARTENAIRES*/

#titre_partenaires{
	float : left;
	width : 40px;
	height : 329px;
	background :  url(../images/fond_partenaires.gif) no-repeat top left;
}

#contenu_partenaires{
	float : left;
	width : 290px;
	text-align : center;
}

#nom_partenaires{
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
	margin-bottom:8px;
	height:25px;
	width : 280px;
	background : url(../images/fond_trait.gif) repeat-x bottom left;
	margin-left : 5px !important;
	margin-left : 0px;
}

.logo_partenaires{
	float : left;
	width : 90px;
	height : 90px;
	background-color : #FFFFFF;
	margin-bottom : 5px;
	line-height : 0px;
	font-size : 0
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
	width: 330px !important;
	height: 329px !important;
	width : 100%;
	height : 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/*BLOC PIED*/
#pied{
	width : 790px;
	height : 140px;
	background : url(../images/fond_pied_edition_22.jpg) repeat-x bottom left;
	margin-left : 5px;
	margin-top : 5px !important;
	margin-top : 0px;
}

#menu_pied{
	float : left;
	width : 370px;
	font-weight : bold;
	margin : 7px 0 0px 6px !important;
	margin : 7px 0 0px 3px ;
}

#adresse_pied{
	float : right;
	width : 255px;
	text-align : right;
	margin : 7px 6px 0px 0px !important;
	margin : 7px 3px 0px 0px ;
	font-weight : bold;
	font-size : 11px;
}

#menu2_pied{
	float : left;
	width : 370px;
	font-weight : bold;
	margin : 8px 0 0px 6px !important;
	margin : 8px 0 0px 3px ;
}

#telfax_pied{
	float : right;
	width : 255px;
	text-align : right;
	margin : 8px 6px 0px 0px !important;
	margin : 8px 3px 0px 0px ;
	font-weight : bold;
	font-size : 11px;
}

/*PAGE INFOS ACTAULITE*/
#bloc_actualites{
	width : 455px;
	margin-top : 10px;
	text-align : justify;
	color : #333333;
}

.titre_actu{
	float : left;
	width : 455px !important;
	width : 454px;
	text-align : left;
	padding-bottom : 3px;
	margin-bottom : 3px;
	border-bottom : #FF6600 1px solid;
	font-weight : bold;
	color : #333333;
	padding : 3px 0px 3px 0px;
	font-size : 14px;
}

/*PAGE CLASSEMENTS*/
.titre_classement{
	float : left;
	width : 445px !important;
	width : 454px;
	text-align : left;
	margin-left : 0px;
	padding-bottom : 3px;
	margin-bottom : 3px;
	font-weight : bold;
	background-color : #666666;
	color : #FFFFFF;
	padding : 3px 5px 3px 5px;
}

/*PAGE PARCOURS*/
.titre_etape{
	float : left;
	width : 455px !important;
	width : 454px;
	text-align : left;
	padding-bottom : 3px;
	margin-bottom : 3px;
	border-bottom : #FF6600 1px solid;
	font-weight : bold;
	color : #333333;
	padding : 3px 0px 3px 0px;
}


.bloc_partenaires{
	float :left;
	height : 80px;
	background-color:#FFFFFF;
	margin-top:5px;
	overflow:hidden;
	width : 453px;

}

/*PAGE ASSOCIATION*/
#mot_association{
	float :left;
	height : 550px;
	width: 100%;
	overflow: auto;
	text-align : justify;
}

/*PAGE PALMARES*/
.palmares_annee_1{
	font-size : 14px;
	color : #0066CC;
	font-weight : bold;
	margin-right : 15px;
}

.palmares_annee_2{
	font-size : 14px;
	color : #990000;
	font-weight : bold;
	margin-right : 15px;
}

.titre_palmares_1{
	font-size : 14px;
	color : #0066CC;
	font-weight : bold;
	border-bottom : 1px #000000 solid;
	margin-bottom : 5px;
	margin-top : 10px;
}

.titre_palmares_2{
	font-size : 14px;
	color : #990000;
	font-weight : bold;
	border-bottom : 1px #000000 solid;
	margin-bottom : 5px;
	margin-top : 10px;
}

.vainqueurs{
	font-weight : bold;
}

.team{
	float:right;
	color : #993399;
}

/*CSS PAGE CONTACT */
.chps_form{
	border : 1px solid #FF6600;
	font : normal normal normal 12px Arial, sans-serif;
	color : #993399;
}

.submit_action {
	border : 1px solid #FF6600;
	background-color : #FF6600;
	color : #FFFFFF;
	font : normal normal bold 12px Arial, sans-serif;
	cursor : pointer;
}

#validationMessage {
	padding: 5px;
	background-color: #eee;
	border: 1px solid #666666;
	margin-bottom: 10px;
	color: #CC0000;
	font-weight: bold;
	text-align:left;
	font : normal normal normal 12px Arial, sans-serif;
	display: none;
}

#achete .red {
	background-color : #CC0000;
}

#achete label.red {
	background-color : #FFFFFF;
}

#achete label {
	float: left;
	width: 50px;
}


ul{
	color : #333333;
	list-style-type:square;
}

#succes{
	font : normal normal bold 12px Arial, sans-serif;
	color : #336600;
	margin-bottom : 10px;
}


/*PAGINATION */

a.page:link, a.page:visited{
	font : normal normal bold 12px Arial, sans-serif;
	color : #FFFFFF;
	padding : 2px;
	text-decoration : none;
	background-color : #999999;
}

a.page:hover{
	text-decoration : none;
	background-color : #FF6600;
}

#page_courante{
	font : normal normal bold 12px Arial, sans-serif;
	color : #FFFFFF;
	padding : 2px;
	background-color : #FF6600;
}

/*PAGE BOUTIQUE */

#contenu_boutique_2{
	float : left;
	font-weight : bold;
	width : 150px;
	text-align : center;
	border-right : 1px dashed #CCCCCC;
}

#titre_allechant_2{
	font-size : 14px;
	padding : 3px 0 3px 0;
	width : 150px;
	height: 35px;
	background-color : #FF6600;
	color : #FFFFFF;
}

#prix_2{
	margin-top : 7px;
	margin-left : 3px;
}

#nom_produit_2{
	color : #993399;
	margin-top : 5px;
	padding : 2px;
	height : 35px;
}

#image_produit_2{
	margin-top : 0px;
}

#agrandir_produit{
	margin-right : 2px;
}