/* Main Section */


A { text-decoration: none; font-weight : bolder; color: #e7481d; }
A:Visited { text-decoration: none; font-weight : bolder; color: #e7481d;  }
A:Hover { text-decoration: none; font-weight : bolder; color: navy; }


body
{
    background-color : #f4f4f4;
    /*background-image : url('/images/background.gif');*/
    background-position : 10px -20px;
    color : #000000;
    font-family : ProximaRegular, verdana,geneva,arial,helvetica,sans-serif;
    height : 100%;
    margin : 0px;
    padding : 0px; 
    width : 100%;
}

html
{
    height : 100%;
    width : 100%; 
}

#ctnPage
{
    width : 1300px;
    margin-left : auto;
    margin-right : auto;
    position : relative;
}

#ctnTop
{
    padding-top:0px;
}

#ctnTop .barmenu
{
    position : absolute;
    top: 160px;
    left: 180px;
    height:75px;
    width:940px;
    margin-top:0px;
    margin-left:0px;
}


#ctnTop .topbandeau
{
    height:449px;
    width:1300px;
    margin-top:0px;
    margin-left:0px;
}

#ctnTop .barmenuleft
{
    background-image:url('/images/bg-menu-left.gif');
    background-repeat:no-repeat;
    height:30px;
    width:780px;
    padding-left:10px;
}

#ctnTop .menu, #ctnTop .menuoff
{
    color:#FFFFFF;
    text-transform : uppercase;
    float:left;
    height:15px;
    margin-top:5px;
    padding-top:5px;
    padding-bottom:4px;
    padding-left:32px;
    /*padding-right:10px;*/ 
    font-size : 16px;
    font-family : ProximaRegular;
}

#ctnTop .menu:hover
{
    cursor:pointer;
    color:#00b4ac;
    font-family : ProximaRegular;
}

#ctnTop .ssmenu
{
    padding:4px;
    border: solid 1px #FFF;
    background-color:#80becd;
    margin:1px;
    min-width:120px;
    font-family : ProximaLight;
    font-size:15px;
    text-transform : uppercase;
    color:#FFFFFF;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
     transition: all 0.3s;

}

#ctnTop .ssmenu:hover
{
    background-color:#c1c1c1;
    color:#FFF;
    cursor:pointer;
         -webkit-transition: width 1s;
     -moz-transition: linear 1s;
     transition: width 1s;
}

#ctnTop .flag
{
    float:right;
    width:20px;
    height:20px;
    margin-top:5px
}

#ctnLeft
{
    width : 293px;
    height: 1350px;
    margin-right : 5px;
    margin-left : 180px;
    margin-top : 10px;
    float:left;
}

#ctnLeft .tweeter
{
    font-weight:bold;
    text-align:center;
    width: 293px;
    height: 680px;
    border: 0px;
    margin-top:20px;
    border-color: #FFFFFF;
}

#ctnLeft .dailymotion
{
    width: 293px;
    height: 185px;
    background-color:#ffffff;
    text-align:center;
    margin-top: 13px;
    cursor:pointer;  
}

#ctnLeft .inscription
{
    font-weight:bold;
    text-align:center;
    color:#FFF;
    font-size:15px;
    width: 293px;
    cursor:pointer;
    text-transform : uppercase;
}

#ctnLeft .titrephoto
{
    text-align:center;
    margin-top: 15px;
    width: 293px;
    cursor:pointer;
}

*#ctnLeft .photos
{
    font-weight:bold;
    background-color:#fff;
    text-align:center;
    color:#FFFFFF;
    font-size:15px;
    margin-top:10px;
    width: 293px;
    height: 250px;
    cursor:pointer;
    overflow : hidden;
    text-transform : uppercase;
}

#ctnLeft .menu:hover
{
    cursor:pointer;
}

#ctnLeft .ssmenu
{
    padding-top:2px;
    padding-bottom:3px;
    padding-left:5px;
    border-bottom:solid 1px #e7481d;
    border-left:solid 1px #e7481d;
    border-right:solid 1px #e7481d;
    background-color:#f7af40;
}

#ctnLeft .ssmenu:hover
{
    background-color:#e53917;
    color:#FFFFFF;
    cursor:pointer;
}

#ctnCenter
{
    width : 294px;
    margin-left : 21px;
    margin-top : 10px;
    float:left;
}

#ctnCenter_n
{
    width : 940px;
    margin-left : 175px;
    margin-top : 10px;
}

#ctnCenter_n .titre_n
{
    font-weight:bold;
    margin:5px; 
    width:925px; 
    height:50px; 
    color: #FFFFFF;
    padding-left:15px;
    padding-top:20px;
    font-size:24px;
    background-color:#c1c1c1;
    text-transform : uppercase;
}

#ctnCenter_n .contenu_n
{
    color : #000000;
    font-size : 16px;
    font-family : ProximaRegular;
    /*padding: 10px;*/
    margin:5px; 
    width:940px; 
    height:auto; 
    background-color:#FFFFFF;
}

#ctnCenter_n .contenu_pass
{
    color : #000000;
    font-size : 16px;
    font-family : ProximaRegular;
    /*padding: 10px;*/
    width:925px; 
    height:auto; 
    background-color:#fcbb01;
}

#ctnCenter_n .menu_n
{
    height:295px; 
    margin-top:10px;
    margin-bottom:10px;
    margin-left:5px
}

#ctnCenter_n .detailactu
{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:35px;
    margin-right: 35px;
    font-size:16px;
    vertical-align : middle;
    font-family : ProximaRegular;
}

#ctnCenter_n .listactu
{
    font-size:18px !important;
    float: left;
    padding:5px;
    vertical-align : middle;
    font-family : ProximaRegular;
}

#ctnCenter_n .titre_actu
{
    font-weight:bold;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:35px;
    color: #000000;
    font-size:30px;
    text-transform : uppercase;
}

#ctnCenter .lacourse
{

    font-weight:bold;
    text-align:center;
    width: 290px;
    cursor:pointer;
    border: 0px;
    border-color: #FFFFFF;
    padding-bottom : 5px;   
}

#ctnCenter .boite
{
    width: 294px;
    height: 100px;
    cursor:pointer;
    border: 0px;
    border-color: #FFFFFF; 
    background-color:#FFFFFF; 
    margin-bottom : 25px; 
}

#ctnCenter .message
{
    color : #000000;
    font-family : ProximaRegular;
    font-weight:bold;
    text-align:center;
    width: 274px;
    height: 115px;
    cursor:pointer;
    border: 0px;
    border-color: #FFFFFF; 
    background-color:#FFFFFF; 
    padding:10px;
    text-align: left;
}

#ctnContent
{
    float:left;
    width : 940px;
    padding : 10px;
    min-height : 500px;
}

#ctnRight
{
    width : 300px;
    height: 1350px;
    margin-left : 27px;
    margin-top : 10px;
    float:left;
    overflow : hidden;
}

#ctnRight .titre
{
    font-weight:bold;
    background-color:#ffffff;
    text-align:center;
    width: 300px;
    text-transform : uppercase;
}

#ctnRight .actu
{
    background-color:#FFFFFF;
    color:#000000;
    font-size:14px;
    width: 300px;
    height: 1250px;
}

#ctnRight .actuligne1
{
    color:#797979;
    font-size:14px;
    width: 260px;
    vertical-align : middle;
    font-family : ProximaRegular;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

#ctnRight .actuligne2
{
    background-color:#FFFFFF;
    color:#000000;
    font-size:16px;
    width: 260px;
    text-transform : uppercase;
    font-family : ProximaBold;
    text-align: left;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

#ctnRight .actuligne3
{
    background-color:#FFFFFF;
    color:#000000;
    font-size:14px;
    width: 260px;
    font-family : ProximaRegular;
    text-align: left;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

#ctnRight .savoirplus
{
    background-color:#FFFFFF;
    color:#000000;
    font-family : ProximaRegular;
    float:right; 
    padding-right:10px; 
    font-style: italic;
    font-size:14px;
}

#ctnRight .savoirplus:hover
{
    background-color:#FFFFFF;
    color:#009171;
    font-family : ProximaRegular;
    float:right; 
     font-size:14px;
    font-weight:bolder;
    padding-right:10px; 
    font-style: italic;
    cursor:pointer;
}


#ctnRight .box
{
    background-color : #e7481d;
}


#ctnBottom
{
   width:1300px;
   vertical-align: top;
}

#ctnBottom .bottombandeau
{
    width:1300px;
    height:807px;
    border:0px;
    margin-top:0px;
    margin-left:0px;
    vertical-align:top;
}

#ctnBottom .menu_n
{
    height:295px; 
    margin-top:10px;
    margin-bottom:10px;    
    width : 940px;
    margin-left : 181px;
}


.savoirplus
{
    background-color:#FFFFFF;
    color:#000000;
    font-family : ProximaRegular;
    text-align:right;
    font-style: italic;
    font-size:16px !important;
    padding-top:15px
}

.savoirplus:hover
{
    background-color:#FFFFFF;
    color:#009171;
    font-family : ProximaRegular;
    text-align:right;
    font-size:16px !important;
    font-weight:bolder;
    font-style: italic;
    cursor:pointer;
    padding-top:15px
}

.actuplus
{
    background-color:#FFFFFF;
    color:#000000;
    font-family : ProximaRegular;
    text-align:right;
    font-style: italic;
    font-size:18px !important;
    padding-left:15px
}

.actuplus:hover 
{
    background-color:#FFFFFF;
    color:#009171;
    font-family : ProximaRegular;
    text-align:right;
    font-size:18px !important;
    font-weight:bolder;
    font-style: italic;
    cursor:pointer;
    padding-left:15px
}

.clearer
{
    clear : both;
    height : 0px;
    line-height : 0px;
    overflow : hidden;
    width : 0px;
}

.contenu
{
    color : #000000;
    font-size : 16px;
    font-family : ProximaRegular;
    padding: 10px;
}

.tarifs
{
    color : #000000;
    font-size : 16px;
    font-family : ProximaBold;
    padding: 10px;
    background-color:#ffffff;
    text-align:center;
    height:20px;
    text-transform : uppercase;
    border-collapse: collapse;
}

.tarifs td
{
    border: solid 2px #FFF;
    padding: 10px;
    background-color:#04BAFF;
}
.html1
{
    color:#000000;
    font-size:22px;
    text-transform : uppercase;
    font-family : ProximaBold;
    text-align: left;
    padding: 5px;
}

.html2
{
    color:#000000;
    font-size:16px;
    font-family : ProximaRegular;
    text-align: left;
    padding: 5px;
}

.html3
{
    color:#000000;
    font-size:15px;
    font-family : ProximaLight;
    text-align: left;
    padding: 5px;
}

div.emptyLine1px { height:1px; width:100%; overflow:hidden; }
div.emptyLine2px { height:2px; width:100%; overflow:hidden; }
div.emptyLine3px { height:3px; width:100%; overflow:hidden; }
div.emptyLine5px { height:5px; width:100%; overflow:hidden; }
div.emptyLine10px { height:10px; width:100%; overflow:hidden; }

div.whiteLine1px { height:1px; background-color:#FFFFFF; width:100%; overflow:hidden; }
div.whiteLine2px { height:2px; background-color:#FFFFFF; width:100%; overflow:hidden; }

div.blueLine1px { height:1px; background-color:#004b97; width:100%; overflow:hidden; }
div.blueLine2px { height:2px; background-color:#004b97; width:1000px; overflow:hidden; }

div.redLine1px { height:1px; background-color:#e53138; width:100%; overflow:hidden; margin:5px; }
div.redLine2px { height:2px; background-color:#e53138; width:100%; overflow:hidden; }

.Photomenu
{
    outline:none; 
}

.Photomenu strong {
    line-height: 30px;
}

.Photomenu span
{
    z-index:10;
    display:none; 
    padding:14px 20px;
    margin-top:-20px; 
    margin-left:-450px;
    width:350px; 
    line-height:16px;
}

.Photomenu:hover
{
    cursor:pointer;
}

.Photomenu:hover span{
    display:inline; 
    position:absolute; 
    color:#111;
    border:1px solid #DCA; 
    background:#fffAF0;
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}


.Prev
{
    background-image:url('../img/prev.png');
    background-repeat:no-repeat;
    vertical-align:middle;
    margin-top:0px;
    margin-left:0px;
    width : 55px;
    float:left;
    height:55px;
    outline:none; 
}

.Prev strong {
    line-height: 30px;
}

.Prev span
{
    z-index:10;
    display:none; 
    padding:14px 20px;
    margin-top:-20px; 
    margin-left:-360px;
    width:300px; 
    line-height:16px;
}

.Prev:hover
{
    background-image:url('../img/prevover.png');
    background-repeat:no-repeat;
    vertical-align:middle;
    width : 55px;
    height:55px;
    float:left;
    margin-top:0px;
    margin-left:0px;
    cursor:pointer;
}

.Prev:hover span{
    display:inline; 
    position:absolute; 
    color:#111;
    border:1px solid #DCA; 
    background:#fffAF0;
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}


.Suiv
{
    background-image:url('../img/suiv.png');
    background-repeat:no-repeat;
    vertical-align:middle;
    margin-top:0px;
    margin-left:0px;
    width : 55px;
    height:55px;
    float:left;
    outline:none; 
}

.Suiv:hover
{
    background-image:url('../img/suivover.png');
    background-repeat:no-repeat;
    vertical-align:middle;
    margin-top:0px;
    margin-left:0px;
    width : 55px;
    height:55px;
    float:left;
    cursor:pointer;
}

.Suiv:hover span{
    display:inline; 
    position:absolute; 
    color:#111;
    border:1px solid #DCA; 
    background:#fffAF0;
}

.Suiv strong {
    line-height: 30px;
}

.Suiv span
{
    z-index:10;
    display:none; 
    padding:14px 20px;
    margin-top:-20px; 
    margin-left:70px;
    width:300px; 
    line-height:16px;
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

#photoSlideWrap{
    margin-left:100px;
	width: 720px;
    height:48px;
}
#photoSlide > div{
	float: left;
	width: 90px;
	height: 48px;
    cursor:pointer;
    position: relative;
    left: 350px;
    top: -375px;
    overflow: hidden;
}

#photoSlidefooter > div{
	float: left;
	width: 90px;
	height: 48px;
    cursor:pointer;
    position: relative;
    left: 350px;
    top: -482px;
    overflow: hidden;
}

#photoSlide posfooter{
    position: relative;
    left: 355px;
    top: -482px;
   overflow: hidden;
}

#photo1{
	background-image: url('/images/asics.png');
}
#photo2{
	background-image: url('/images/rmc.png');
}
#photo3{
	background-image: url('/images/maif.png');
}
#photo4{
	background-image: url('/images/marie-paris.png');
}
#photo5{
	background-image: url('/images/parisien.png');
}
#photo6{
	background-image: url('/images/aix.png');
}
#photo7{
	background-image: url('/images/rmcsport.png');
}
#photo8{
	background-image: url('/images/partenaires1.jpg');
}
#photo9{
	background-image: url('/images/partenaires2.jpg');
}
#photo10{
	background-image: url('/images/partenaires3.jpg');
}
#photo11{
	background-image: url('/images/directmatin.png');
}
#photo12{
	background-image: url('/images/irun.png');
}
#photo13{
	background-image: url('/images/cd75.png');
}
#photo14{
	background-image: url('/images/lifa.png');
}

#photo15{
	background-image: url('/images/aea.png');
}

#photo16{
	background-image: url('/images/maif.png');
}

.buttonsRedOn { color:#FFFFFF; background-color:#79256b; border:solid 1px #004375; padding:4px; cursor:pointer }
.buttonsBlueOn { color:#FFFFFF; background-color:#004375; border:solid 1px #004375; padding:2px; cursor:pointer }
.buttonsGreenOn { color:#FFFFFF; background-color:#278d79; border:solid 1px #004375; padding:4px; cursor:pointer }

.no-ok
{
    line-height : 18px;
    padding-left : 18px;
}

.ok
{
    /*background : url('/images/ok.png') no-repeat 0px 3px;*/
    /*cursor : pointer;*/
    line-height : 20px;
    padding-left : 24px;
    font-size : 16px;
}

.plus
{
    background : url('/images/plus.png') no-repeat 0% 50%;
    cursor : pointer;
    font-size : 18px;
    font-weight:bolder;
    line-height : 20px;
    padding-left : 24px;
    color:#000000;
}


.box
{
    border : solid 2px #7a1b62;
    border-radius : 8px 8px 0px 0px;
    margin : 20px 0px;
    width : auto;
}

.boxDisplay
{
    display : block;
    padding : 5px 10px 10px 10px;
    margin: 15px;
}

.boxDisplay1
{
    display : none;
    padding : 2px 0px;
}

.titre { 
    font-weight:bold;
    text-align:left;
    font-size: 26px;
    color:#FFFFFF;
    text-transform : uppercase;
}

.soustitre {
    font-weight:bold;
    text-align:left;
    font-size: 15px;
    color:#500c3b;
    text-transform : uppercase;
    padding:5px;
}

.contenuhtml {
    font-weight: normal;
    text-align: left;
    font-size: 15px;
    color: #000000;
    text-transform: none;
}

.intro {
    font-weight: normal ;
    text-align:left;
    font-size: 16px;
    color:#000000;
    text-transform : none;
    padding:5px;
    font-style: italic;
}