@charset "utf-8";
/* CSS Document */
.test{ width:270px; height:730px; background-color:#0066CC }

body{background-color:#335620; background-image:url(images/ROC10_HOMESITE_2.jpg); background-repeat: repeat; background-attachment:fixed}
body, div{font-family:Arial, Helvetica, sans-serif; font-size:12px}

.actusBloc{width:300px; height:455px; background-color:#c3bfb6; padding-top:1px}
.videoActus{width:286px; height:234px; background-color: #000000}
.lireVideo{background:url(images/btn_standard.jpg) no-repeat; width:98px; height:15px; text-decoration:none; cursor:hand}
/*.pubBloc{width:300px; height:250px}*/

.boutonLong{background:url(images/btn_standard_long.jpg) no-repeat; width:303px; height:24px; text-decoration:none; cursor:hand; padding-top:1px}



/*--CLASS--*/
/*HOME*/
.siteBckGrd{width:100%; background:center}
.site{width:952px; margin-left:auto; margin-right:auto}
.siteContent{width:952px}
.bandGroupesportys{width:952px; height:15px}
.groupesportys{width:133px; height:11px; background:url(images/groupesportys.gif) no-repeat; margin-left:819px; cursor:hand}
.bandeau{width:952px; height:90px}
.logo{width:291px; height:86px; background-image:url(images/logo.gif); background-repeat:no-repeat; cursor:hand}
.fondpubBanniere{width:612px; height:78px; background:url(images/fond_pubhaut.jpg) no-repeat; margin:5px 0px 0px 40px}
.pubBanniere{width:230px; height:50px; float:right; padding-right:50px; margin-top:15px; cursor:hand}
.pubSky{margin:155px 0px 0px 13px; width:120px; height:600px}
.pubBloc{width:300px; height:250px; background-color:#c3bfb6}
.rubriques{height:36px; margin:10px 0px 0px 0px}
.flags{margin-top:17px}
.content{width:952px; background-color:#FFFFFF}
.margesContent{margin:7px 7px 7px 7px}
.blocGauche{width:300px; margin:5px 0px 5px 5px}
.blocGauche2{width:300px; margin:5px 0px 5px 5px}
.blocDroite{width:630px; margin:5px 5px 5px 0px; display:block}
.illustHauteBlocDr{width:630px; height:241px; background:url(images/photos/bikes_new.jpg)}
.logosSponsors{width:85px; height:85px; margin-top:0px}
.ssBlocDroiteH{width:630px; height:205px; float:left}
.ssBlocDroiteB{width:630px; height:190px; float:left; margin-top:10px}
.accesDirect1{width:204px; height:205px; color:#FFFFFF; float:left}
.accesDirect2{width:203px; height:205px; float:left; margin-left:10px}
.accesDirect3{width:203px; height:205px; float:right}
#raccourci_petit{width:203px; height:63px; float:left}
.Padding_raccourci{margin:30px 5px 0px 5px; width:193px; height:33px}
#raccourci_moyen{width:203px; height:134px; float:left}
.Padding_raccourci_moyen{margin:30px 5px 0px 5px; width:193px; height:104px}
#raccourci_grand{width:203px; height:205px; float:left}
.Padding_raccourci_grand{margin:30px 5px 0px 5px; width:193px; height:173px}
div.accesDirect1 a {color:#015f2c; text-decoration:none}
div.accesDirect1 a:hover {color:#e40780; text-decoration:underline}
div.accesDirect2 a {color:#015f2c; text-decoration:none}
div.accesDirect2 a:hover {color:#e40780; text-decoration:underline}
div.accesDirect3 a {color:#015f2c; text-decoration:none}
div.accesDirect3 a:hover {color:#e40780; text-decoration:underline}
.logo_partenaire_home { height:50px; width:630px; margin-top:10px; float:left}


/*INSCRIPTION*/
.illustHauteBlocDr_inscription{width:630px; height:241px; background:url(images/photos/bikes2_new.jpg) no-repeat}
.fondBarreHorizon{background:url(images/fond_barre_horizontale.gif) repeat-x; width:630px; height:24px}
.fondBarreHorizon a{color:#ffffff; text-decoration:none}
.fondBarreHorizon a:hover{color:#015f2c; text-decoration:none}
.fondBarreHorizon_ss_menu{background:url(images/fond_barre_horizontale_ss_menu.gif) repeat-x; width:630px; height:20px}
.fondBarreHorizon_ss_menu a{color:#ffffff; text-decoration:none}
.fondBarreHorizon_ss_menu a:hover{color:#015f2c; text-decoration:none}
.titresBarreHorizon{margin-right:30px; margin-top:4px}
.titresBarreHorizon_ss_menu{margin-right:30px; margin-top:2px}
.enteteInscription{background:url(images/barre_vertic_bleue.gif) left no-repeat; width:630px; height:80px}
.enteteInscription_new{background:url(images/puce_roue_roc_logo.jpg) top left no-repeat; width:630px; height:80px}
div.titresBarreHorizon a, div.titresBarreHorizon_ss_menu a {text-decoration:none}
div.titresBarreHorizon a:hover, div.titresBarreHorizon_ss_menu a:hover {text-decoration:underline}
table#reglement{background:url(images/fond_tableau.gif) no-repeat}
input#inscrits{border:1px #0062a6 solid}


/*ROC*/
.titresBarreHorizonROC{margin-right:20px; margin-top:4px}
div.titresBarreHorizonROC a {text-decoration:none}
div.titresBarreHorizonROC a:hover {text-decoration:underline}


/*EPREUVES*/
.enteteEpreuves{background:url(images/barre_vertic_bleue.gif) left no-repeat; width:630px; height:33px}
.enteteEpreuves_new{background:url(images/puce_roue_roc_logo.jpg) left top no-repeat; width:630px; height:33px}
.illustHauteBlocDr_epreuves{width:630px; height:241px; background:url(images/photos/bikes3_new.jpg) no-repeat}
.tableEpreuves{width:630px}
.tableEpreuvesEntete{background:url(images/fond_entete_tableEpreuves.gif) repeat-x; height:50px}
.tableEpreuvestitres{background:url(images/fond_titres_tableEpreuves.gif) no-repeat; width:630px; height:30px; padding-top:1px}
.tableEpreuvestitresTextes{margin-top:8px; margin-left:40px; font-size:12px; color:#000000; font-weight:bold}
.tableEpreuvesTextes{background:#c9c9ce url(images/fond_textes_tableEpreuves.gif) no-repeat; width:630px; height:40px}
.linkTextesEpreuves{color:#000000}
div.linkTextesEpreuves a{text-decoration:none}
div.linkTextesEpreuves a:hover{text-decoration:underline; color:#e40780}
.tableEpreuvesDetailsEntete{background:url(images/fond_entete_tableEpreuvesDetails.gif) no-repeat; width:630px; height:36px; padding-top:1px}
.titreGrisEpreuvesDetails{background:url(images/fond_sstitres_EpreuvesDetails.gif) no-repeat; width:317px; height:24px; padding-top:1px}
.colGaucheTable{width:321px; margin-left:14px}
.colDroiteTable{width:295px}
.tableEpreuvesDetailsBckgrd_Bleu{background:url(images/fond_degrade_bleu.jpg) repeat-y; height:21px}
.tableEpreuvesDetailsBckgrd_Vert{background:url(images/fond_degrade_vert.jpg) repeat-y; height:21px}
.tableEpreuvesDetailsBckgrd_Rose{background:url(images/fond_degrade_rose.jpg) repeat-y; height:21px}
.tableEpreuvesDetailsBckgrd_Gris{background:url(images/fond_degrade_gris.jpg) repeat-y; height:21px}
.tableEpreuvesInscrits{background:#FFFFFF url(images/fond_gris.gif) repeat-x; height:30px; border:1px #FFFFFF solid}

/* animation */
.enteteAnimation{background:url(images/barre_vertic_bleue.gif) left no-repeat; width:630px; height:33px}
.illustHauteBlocDr_Animation{width:630px; height:241px; background:url(images/photos/animation.jpg) no-repeat}
.tableAnimation{width:630px}
.tableAnimationEntete{background:url(images/fond_entete_tableEpreuvesDetails.gif) repeat-x; height:32px}
.tableAnimationtitres{background:url(images/fond_titres_tableEpreuves.gif) no-repeat; width:630px; height:30px; padding-top:1px}
.tableAnimationtitresTextes{margin-top:8px; margin-left:40px; font-size:12px; color:#000000; font-weight:bold}
.tableAnimationTextes{background:#c9c9ce url(images/fond_textes_tableAnimation.gif) no-repeat; width:630px; height:20px; font-weight:bold}
.linkTextesAnimation{color:#000000}
div.linkTextesAnimation a{text-decoration:none}
div.linkTextesAnimation a:hover{text-decoration:underline; color:#e40780}
.tableAnimationDetailsEntete{background:url(images/fond_entete_tableEpreuvesDetails.gif) no-repeat; width:630px; height:36px; padding-top:1px}
.titreGrisAnimationDetails{background:url(images/fond_sstitres_EpreuvesDetails.gif) no-repeat; width:317px; height:24px; padding-top:1px}
.tableAnimationInscrits{background:#FFFFFF url(images/fond_gris.gif) repeat-x; height:30px; border:1px #FFFFFF solid}
.padding_GD_animation{ padding: 5px 10px 5px 10px; width:610px}
.bio-ethique{ width:461px; float:left; margin-left:15px}


/*SALON*/
.illustHauteBlocDr_salon{width:630px; height:241px; background:url(images/photos/salon.jpg) no-repeat}
.divExposantPlanHidden {display:none}
.tableSalonBg_jaune{background:#FFFFFF url(images/fond_entete_tableSalon.gif) repeat-x; border:1px #FFFFFF solid}
.enteteSalon{background:url(images/barre_vertic_bleue.gif) left no-repeat; width:630px; height:40px}
.enteteSalon_new{background:url(images/puce_roue_roc_logo.jpg) left no-repeat; width:630px; height:40px}
.tableSalonEntete1{background:url(images/fond_entete_tableEpreuvesDetails.gif) no-repeat; width:260px; height:26px; padding-top:1px}
.tableSalonEntete2{background:url(images/fond_entete_tableEpreuvesDetails.gif) no-repeat; width:101px; height:26px; padding-top:1px; border-left:1px #ffffff solid}
.tableSalonEntete3{background:url(images/fond_entete_tableEpreuvesDetails.gif) no-repeat; width:267px; height:26px; padding-top:1px; border-left:1px #ffffff solid}
.bg_tableau_salon{ background-color:#999999 }
a#exposants {color:#000000}
.tableSalonExposants{ font-weight:bold }
.envoyerdemande{background:url(images/btn_envoyer.gif) no-repeat; width:153px; height:24px; text-decoration:none; cursor:hand}
input#salonproduits{border:#333333 1px solid; width:200px; height:15px}
.tableSalonProduitsEntete{background:url(images/fond_entete_tableEpreuvesDetails.gif) no-repeat; width:314px; height:26px; padding-top:1px}
.popUpSalon{background:#38586c url(images/popup_salon.gif); width:375px; position:absolute; z-index:999; left: 0px; top: 0px}
.popUpSalon2{background:#38586c url(images/fond_popup_salon2.png); width:460px;  position:absolute; z-index:999; left: 0px; top: 0px; right:0px}
.encartPopupSalon{background-image:url(images/fond_popupsalon.gif); width:353px; height:361px; margin:128px 11px 11px 11px}
.encartPopupSalon2{background-image:url(images/fond_popupsalon2.gif); width:456px; height:480px; margin:150px 11px 11px 11px}
.paragrph1PopupSalon{margin:0px 11px 11px 11px; height:80px}
.logoPopupSalon{width:115px; height:80px; margin-right:11px; margin-top:10px}
.logoPopupSalon2{width:115px; height:80px}
.texteP1PopupSalon{color:#FFFFFF; font-weight:bold; width:205px; height:115px; text-align:justify; margin-top:10px}
.paragrph2PopupSalon{margin:21px 11px 11px 11px; color:#9cd1e2; height:215px}
.paragrph2PopupSalon2{margin:21px 11px 11px 11px; color:#9cd1e2; height:415px}
.paragrph3PopupSalon{margin:11px 11px 11px 11px}


/*partenaires*/
.tablePartenaires{background:#FFFFFF url(images/fond_gris_partenaires.gif) repeat-x; border:1px #FFFFFF solid}
.entetePartenaires{background:url(images/barre_vertic_bleue.gif) left no-repeat; width:630px; height:20px}
.tablePartenairesEntete{background:url(images/fond_entete_tableEpreuvesDetails.gif) no-repeat; width:528px; height:26px; padding-top:1px}

/*ACTUS PORTAIL*/
.blocGauchePortailActus{width:342px; margin:0px 0px 5px 0px}
.contentPortailActus{width:610px; background-color:#FFFFFF}
.blocDroitePortailActus{width:580px; margin:5px 5px 5px 0px}
.illustHauteBlocDr_actus{width:630px; height:250px; background:url(images/photos/bikes_actus.jpg) no-repeat}
.titrePagePortailActus{color:#1e799d; margin:5px 0px 10px 10px; font-size:26px; font-weight:bold; width:400px}
.listeRSSPortailActus{margin-left:10px; width:550px; height:770px}
.pagepresuivPortailActusHaut{width:550px; height:20px; color:#858585; font-size:12px; font-weight:bold; background:url(images/barre_separation_bleu.jpg) bottom no-repeat}
.pagepresuivPortailActusBas{width:550px; height:30px; color:#858585; font-size:12px; font-weight:bold}
.divFluxRSSPortailActus{width:550px; height:50px; margin-bottom:15px; background:url(images/barre_separation_bleu.jpg) bottom no-repeat}
div.linkRSSPortailActus a{color:#CC0033; font-size:15px; font-weight:bold; text-decoration:none}
div.linkRSSPortailActus a:hover{color:#e40780; font-size:15px; font-weight:bold; text-decoration:underline}
.blocPartenaireActus{width:342px; height: 200px;  background-color:#FFFFFF}
.blocPartenaireActus2{width:342px; height: 190px;  background-color:#FFFFFF}
.blocPartenaireActusContent{width:324px; height: 176px; background:url(images/fond_sponsor_actus_jaune.jpg) no-repeat; margin-left:auto; margin-right:auto}
.blocWidgetActus{width:307px; height: 126px; background:url(images/fond_widget_bleu.gif) no-repeat; margin-left:auto; margin-right:auto; margin-bottom:10px}
.titreActusduROC{width:307px; height: 30px; color:#b8d8e5; font-size:26px; font-weight:bold; margin:10px 0px 10px 0px; margin-left:auto; margin-right:auto}
.fondPortailActusROC{width:337px; height:602px; background:url(images/fond_actus_roc.jpg) no-repeat}
.logoPartenairesActusROC{width:140px; height:54px; margin:5px 0px 5px 6px}
.photoPartenairesActusROC{width:140px; height:104px; margin:0px 0px 11px 6px}
.cadretextePartenairesActusROC{width:155px; height:163px; margin:5px 9px 11px 0px}
.titrePartenairesActusROC{font-size:12px; color:#ed232a; font-weight:bold}
.textePartenairesActusROC{font-size:9px; font-style:italic}
.photoWidgetActusROC{width:140px; height:104px; margin:11px 9px 11px 6px}
.cadretexteWidgetActusROC{width:140px; height:104px; margin:11px 4px 11px 0px}
.titreWidgetActusROC{font-size:12px; color:#FFFFFF; font-weight:bold}
.texteWidgetActusROC{font-size:9px; font-style:italic}
div.texteWidgetActusROC a{color:#000000; text-decoration:none}
div.texteWidgetActusROC a:hover{color:#000000; text-decoration:underline}



/*CONSULTATION ACTUS*/
.blocActusConsultation{width:300px; height:467px; background-color:#c3bfb6; padding-top:1px}
.blocDroiteActusConsultation{width:625px; margin:5px 9px 5px 0px}
.photothequeConsultation{width:140px; height:104px; margin:6px 3px 0px 0px}
.listingActusConsultation{background-color:#a1cdef; width:300px; height:535px; overflow:auto}
.titreActusConsultation{color:#0098d8; font-size:16px}
.introGrisActusConsultation{color:#9d9c9c; font-size:14px;  font-weight:bold}
.cadretexteListingActusConsultation{width:270px; height:90px; margin:11px 4px 0px 0px; background:url(images/barre_separation_blch.gif) left bottom no-repeat}
.boutonStandardBleu{background:url(images/btn_standard_bleu.gif) no-repeat; width:98px; height:15px; text-decoration:none; cursor:hand}
.boutonStandardNoir{background:url(images/btn_noir3.gif) no-repeat; width:285px; height:23px; text-decoration:none; cursor:hand; padding-top:1px}

/* admin */
.fondBarreHorizonAdmin{background:url(images/fond_barre_horizontale.gif) repeat-x; width:935px; height:24px; margin-top:5px; margin-left:5px}

/*ACTUS ADMIN*/
.boutonModifier{background:url(images/btn_modifier.gif) no-repeat; width:98px; height:15px; text-decoration:none; cursor:hand}
.boutonEffacer{background:url(images/btn_effacer.gif) no-repeat; width:98px; height:15px; text-decoration:none; cursor:hand}
.blocDroiteInteractif{width:630px; height:515px; margin-top:15px}
.blocBlancG{width:320px; height:515px; margin-right:10px}
.blocNoirD{width:300px; height:515px; background-color:#000000}
.blocMedia{width:282px; height:104px; margin:18px auto 0px auto; color:#FFFFFF}
.blocGrisMedia{width:135px; height:104px; background-color:#454545; margin-right:5px}
.blocDroiteMedia{width:140px; height:104px}
.listingActusAdmin{background-color:#a1cdef; width:300px; height:805px; overflow:auto}

/*ANIMATION ADMIN*/
.bloc_date{ width:300px; height:265px; float:left; margin-left:5px; background-color:#c3bfb6; margin-top:5px}
.bloc_photo_animation{ height:261px; width:630px; margin-left:5px; margin-top:5px; float:left}
.bloc_animation{ width:935px; margin-left:5px; margin-top:5px; float:left}
.bloc_liste{ width:300px; float:left; margin-left:0px; background-color:#c3bfb6; margin-top:5px}
.bloc_animation_edite{  width:630px; margin-left:5px; margin-top:5px; float:left}
div.bloc_liste a:hover{color:#000000; text-decoration:underline; cursor:hand}

/* PRESSE */
.chapo_communique{ font-size:11px; font-style:italic }

/* Preapare roc */
#prepare_roc_epreuve_titre{width:488px; height:147px; float:left; text-align:center}

/* PHOTOTHEQUE */
.blocPhoto1{width:120px; height:90px; margin-top:10px; margin-right:7px}
.blocPhoto2{width:120px; height:90px; margin-top:10px}
.affichagePhotoGrand{width:630px; height:460px}
.ssmenuphotosepreuves{height:55px}

/* videotheque 
#liste_video{ 
	height:120px; 
	width:630px; 
	margin-top:10px;
	overflow-x:scroll;
    scrollbar-face-color: #0062a6;
    scrollbar-shadow-color: #990033;
    scrollbar-highlight-color: #990033;
    scrollbar-3dlight-color: #990033;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color: #eee8aa;
}*/
#liste_video_flow{ width:1050px; height:100px}
#liste_video_image{ height:100px; width:100px; float:left; margin-left:5px; font-size:8px}



.Left{float:left}
.Right{float:right}
.middle{ margin-left:auto; margin-right:auto}
.marginRight1{margin-right:1px}
.marginLeft5{margin-left:5px}
.marginRight3{margin-right:3px}
.marginRight5{margin-right:5px}
.marginRight12{margin-right:12px}
.marginLeft6{margin-left:6px}
.marginLeft10{margin-left:10px}
.marginLeft20{margin-left:20px}
.marginLeft26{margin-left:26px}
.marginLeft36{margin-left:36px}
.marginTop2{margin-top:2px}
.marginTop3{margin-top:3px}
.marginTop5{margin-top:5px}
.marginTop7{margin-top:7px}
.marginTop10{margin-top:10px}
.marginTop15{margin-top:15px}
.marginTop17{margin-top:17px}
.marginTop20{margin-top:20px}
.marginTop30{margin-top:30px}
.marginTop50{margin-top:50px}
.marginBottom10{margin-bottom:10px}
.paddingTop1{padding-top:1px}
.center{margin-left:auto; margin-right:auto}

.Padding10{margin:10px 10px 10px 10px}

.borderOrange{border:1px #DEA304 solid}
.borderLeftWhite1px{border-left:#FFFFFF 1px solid}

.Bold{font-weight:bold}
.Italic{font-style:italic}
.non_souligne{text-decoration: none}

.White{color:#FFFFFF}
.Blue{color:#015f2c}
.BlueSky{color:#9cd1e3}
.BlueSky2{color:#cce7ee}
.Orange{color:#8ba407}
.Orange2{color:#FBB03B}
.Red{color:#e2001a}
.Red2{color:#C1272D}
.RedBrique{color:#A12116}
.Yellow{color:#FDC944}
.Grey{color:#a7b0b3}
.bordeau{color:#990033}

.selection{color:#015f2c}
.soustitre{color:#e40780}

.font8{font-size:8px}
.font10{font-size:10px}
.font11{font-size:11px}
.font12{font-size:12px}
.font13{font-size:13px}
.font14{font-size:14px}
.font16{font-size:16px}
.font18{font-size:18px}
.font20{font-size:20px}
.noline{text-decoration:none}

.Width630{width:630px}
.height185{height:140px}
.height35{ height:35px}

.li_nombre{ list-style-type:decimal}

a{ color:#015f2c; text-decoration:underline}
a:hover {color:#e40780; text-decoration:underline}
.myHand { cursor:hand }
img, div, input { behavior: url("../iepngfix.htc"); border:none }

.puce_chiffre {list-style-type: decimal}

.bgcolor{ background-color:#015f2c }
.enlever_double_marge{display:inline}

.inline{ display:inline}

#non_lien a { color:#015f2c; text-decoration:none }
#non_lien a:hover { color:#015f2c; text-decoration:none  }

/***************************************************************************************************/
/***************************		page dédié		************************************************/
/***************************************************************************************************/
.blocGauche_dedie{width:340px; margin:5px 0px 5px 5px}
.illustHauteBlocDr_page_dedie{width:590px; height:241px}
.actusBloc_dedie{width:340px; background-color:#c3bfb6; padding-top:1px; height:1080px}
.videoActus_dedie{width:325px; height:234px; background-color: #000000;  margin:0px 0px 0px 0px}
.margesContent5{margin:5px 5px 5px 5px}
.width200{ width: 185px}

h1{ font-size:14px; color:#0062a6}*
.Width550{width:550px}
.blocDroite_dedie{width:590px; margin:5px 5px 2px 0px}
.photos_droit_dedie{ float:right; width:200px}
.margesContent5_photo_droit{margin:0px 0px 5px 5px}
.blocArticle{width:390px}

/* admin */
.bloc-admin{ width: 942px;margin:5px 5px 5px 5px}
.fondBarreHorizon-admin{background:url(images/fond_barre_horizontale.gif) repeat-x; width:942px; height:24px}
.aligncenter{text-align: center }