@charset "utf-8";
/*Standard rules ------------------------------------------*/ 
html{font-size: 100%;} 
body{margin:0; padding:0; font-family: Arial, Helvetica, FreeSans, sans-serif; font-size: .8em; line-height: 1.4; color: black; background:url('../img/bgd_rallystory.jpg') fixed;} 
h1, h2, h3, h4, h5, h6{margin:0 0 .5em 0; line-height:1.2; font-weight:bold; font-style:normal;} 
h1{font-size: 1.75em;} 
h2{font-size: 1.5em;}
h3{font-size: 1.25em;} 
h4{font-size: 1em;}  
ul, ol{margin: .75em 0 .75em 32px;padding:0;} 
p{margin:.75em 0;} 
address{margin:.75em 0; font-style: normal;} 
a{text-decoration: underline;} 
a:link{color:#11C;} 
a:visited{color:#339;} 
a:hover, a:focus, a:active{color: #00F; } 
a:active{outline: none;} 
a img{border:none;} 
em{font-style:italic;} 
strong{font-weight:bold;}  
form, fieldset{margin:0;padding:0;border:none;} 
input, button, select{vertical-align: middle;}
/*Rallstory ------------------------------------------*/ 
#bgd_header{margin:auto; position:absolute; width:100%; height:302px; background:url('../img/bgd_header.png');}
#container{position:absolute; left:50%; width:998px; margin:0 0 0 -499px; padding:0;}
#header{ margin:0; padding:0;}
#menu{color:#fff; height:46px; margin-top:11px; font-weight:bold; text-transform:uppercase; text-align:center; font-size:18px; }
#menu a{color:#fff; font-size:14px; text-decoration:none; padding:5px 10px 5px 10px; margin:5px;}
#menu .bigletter{font-size:18px; display:inline;}
#menu a:hover{color:#e13731; background:#fff;}
#content{width:980px; height:730px; margin:auto; margin-top:-11px; padding:0; border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1; background:url('../img/bgd_content.png') no-repeat #fff;}
#calendrier{float:right; width:653px; margin:20px 0 0 0; background:url('../img/bgd_calendrier.png');}
#header_saison{height:67px; background:url('../img/bgd_header_saison.jpg') no-repeat top right;}
#dates{float:left; width:243px; padding:0 0 0 15px;}
#dates a{text-decoration:none; cursor:pointer;}
.xtrig{ display:block; height:60px; border-bottom:1px solid #ccc; margin:0 0 0 0; padding:20px 0 0 25px; background:url('../img/fleche_hori.jpg') no-repeat; background:url('../img/bgd_event.jpg') repeat;}
.xtrig:hover{ background:url('../img/bgd_event_hover.jpg') repeat; }
.xtrig .red{display:block; font-size:16px; font-weight:bold; color:#e5322b; margin:0;}
.xtrig .gray{font-size:12px; font-weight:bold; color:#4a4a4a; line-height:1.2;}
#rallye{width:379px; padding:5px 14px 0 0; float:right;}
h2.description {font-size:13px; line-height:1.3; color:#4a4a4a; text-align:center;}
.description strong, .description em{color:#000;}
/*Inscription ------------------------------------------*/ 
.inscription{width:379px; height:171px; margin-top:8px; background:url('../img/bgd_inscription.jpg') no-repeat; font-size:11px}
.inscription h1{color:#fff; font-size:19px; padding:10px 0 0 48px; text-transform:uppercase;}
.inscription h1 .bigletter{font-size:23px; display:inline;}
.programme{float:left; width:225px; height:0px; margin:12px 0 0 0;}
.engagement{float:right; width:190px; height:0px; margin:0 0 0 0;}
.inscription li{list-style-type:none; padding:0; margin:5px 0 0 0; letter-spacing:-.01em;}
.inscription li a{text-decoration:none; color:#333; font-weight:bold; }
.inscription li a:hover{text-decoration:underline; color:#f20208}
#tranferer{height:30px;}
#envoyer{float:left; margin-left:40px; }
#envoyer a{color:#333; text-decoration:none; font-weight:bold;}
#envoyer a:hover{text-decoration:underline;}
#share{float:right; margin-right:40px;}
#footer_saison{float:right; background:url('../img/bgd_footer_saison.jpg') no-repeat; height:14px; width:650px;}
/*Bloc News Home ------------------------------------------*/ 
#news{float:left; width:310px; height:270px; margin:20px 0 0 0; padding:67px 0 0 0; background:url('../img/bgd_header_news.jpg') no-repeat;}
#news .vgn{float:left;}
#news h1{font-size:12px; font-weight:bold; line-height:18px; text-align:left}
#news h2{font-size:12px; font-weight:normal; line-height:18px; padding:0 0 0 15px; text-align:left}
#news h3{background:url('../img/fleche_bas.jpg') no-repeat; height:29px; width:260px; font-size:12px; font-weight:normal; padding:2px 0 0 26px; margin:0 0 0 10px;}
#news h3 a{color:#00306d; text-decoration:none; padding:2px 5px; font-weight:bold;}
#news h3 a:hover{text-decoration:underline;}
.pdf{margin-top:2px;}
/*Bloc Vidéos Home ------------------------------------------*/ 
#videos{float:left; width:320px; margin:20px 0 0 0; padding:67px 0 0 0; background:url('../img/bgd_header_videos.jpg') no-repeat;}
.bgd_videos{width:286px; height:225px; background:#ccc; padding:5px; margin:0px 0px 10px 12px;}
#videos h4 a{font-size:12px; font-weight:bold; color:#00306d; text-decoration:none; margin-left:12px; padding:2px 5px; font-style:italic;}
#videos h4 a:hover{color:#fff; background:#00306d;}
/*Corporate ------------------------------------*/
#corporate{width:980px; height:486px; margin:auto; margin-top:-11px; padding:0; border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1;  background:url('../img/bgd_corporate.jpg') no-repeat #fff;}
#corporate h1{width:500px; color:#00306d; font-size:24px; padding:30px 0 0 120px; }
/*Galeries Photos ------------------------------------*/
#galerie{width:980px; margin:auto; margin-top:-11px; border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1; background:#fff}
#galerie .top{width:980px; height:70px; background:url('../img/header_galerie.jpg') no-repeat #fff}
#galerie .top_nav{width:980px; height:70px; background:url('../img/header_galerie_nav.jpg') no-repeat #fff}
#galerie .top_nav_caro{width:980px; height:70px; background:url('../img/header_galerie_nav_caro.jpg') no-repeat #fff}
#galerie .top h1, #galerie .top_nav h1, #galerie .top_nav_caro h1{width:550px; color:#00306d; font-size:24px; padding:30px 0 0 115px}
.back{float:right; width:200px; margin:43px 15px 0 0}
.back a{text-decoration:none; color:#00306d; font-weight:bold; padding: 1px 4px}
.back a:hover{background:#00306d; color:#fff}
#top_cooliris{width:980px; height:12px; background:url('../img/top_cooliris.png')}
#wall{margin:0; width:980px}
#bottom_cooliris{width:980px; height:12px; background:url('../img/bottom_cooliris.png')}
#photographe{text-align:center; width:980px; height:20px; padding:5px}
#photographe a{font-size:13px; text-decoration:none; color:#00306d; font-weight:bold; padding: 1px 4px}
#photographe a:hover{background:#00306d; color:#fff}
/*Galeries Vidéos ------------------------------------*/
#galerie_videos{width:980px; margin:auto; margin-top:-11px; border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1; background:#fff}
#galerie_videos .top{width:980px; height:70px; background:url('../img/header_galerie_videos.png') no-repeat #fff}
#galerie_videos .top h1{width:500px; color:#00306d; font-size:24px; padding:30px 0 0 120px}
.bloc_video{width:980px; height:830px; background:url('../img/bgd_galerie_videos.png') bottom no-repeat #fff}
.bloc_vimeo{float:left; display:inline; width:286px; height:225px; background:#ccc; padding:5px; margin:30px 5px 10px 20px}
/*Accès presse ------------------------------------*/
#acces_presse{width:980px; height:446px; margin:auto; margin-top:-11px; padding:0; border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1;  background:url('../img/bgd_acces_presse.jpg') no-repeat #fff;}
#acces_presse .top h1{width:500px; color:#00306d; font-size:24px; padding:30px 0 0 120px; }
#acces_presse .infos{width:400px; text-align:center} 
.description_espace_presse{color:#00306d; font-size:14px; font-weight:bold; letter-spacing:-.02em; margin:55px 0 30px 0}
.demande_mdp{color:#212121; font-size:11px; font-weight:bold; margin:55px 0 0 0}
.demande_mdp a{color:#212121; text-decoration:none; font-weight:bold; padding: 1px 4px;}
.demande_mdp a:hover{background:#00306d; color:#fff;}
/*Espace presse ------------------------------------*/
#espace_presse{width:980px; margin:auto; margin-top:-11px; padding:0; border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1; background:#fff}
#espace_presse .top{width:980px; height:70px; background:url('../img/header_galerie.jpg') no-repeat #fff;}
#espace_presse .top h1{width:500px; color:#00306d; font-size:24px; padding:30px 0 0 120px; }
#espace_presse #nav{ float:left; margin:15px;}
ul.menu, ul.menu ul{list-style-type:none; margin: 0; padding: 0; width: 16em;}
ul.menu a{display: block; text-decoration:none}
ul.menu li{margin-top: 1px}
ul.menu li a{background:#00306d; color:#fff; padding: 0.5em; text-transform:uppercase; font-weight:bold;
 -moz-border-radius: 8px 8px 0 0;
 -webkit-border-radius: 8px 8px 0 0;}
ul.menu li a:hover{background:#333}
ul.menu li ul li a{ background: #F0F0F0; color: #000; padding-left: 20px; text-transform:none; font-weight:bold;
 -moz-border-radius:0;
 -webkit-border-radius:0;
 border-radius:0;}
ul.menu li ul li a:hover{ border-left: 5px #00306d solid; padding-left: 15px; background-color:#ccc; }
#tableaux{ margin:15px 16px 0 270px}
#espace_presse table{}
#espace_presse th{border: 1px solid gray;  background:#00306d; color:#fff; padding: 0.5em 1em; text-transform:uppercase; font-weight:bold;
 -moz-border-radius: 8px 8px 0 0;
 -webkit-border-radius: 8px 8px 0 0;}
#espace_presse td{border: 1px solid #ccc; padding:2px 5px;}
#espace_presse tr.gray0{ background-color:#CCCCCC }
#espace_presse tr.gray1{background-color:#F3F3F3 }
#espace_presse tr.gray2{ background-color:#E1E1E1 }
#espace_presse td a{ font-weight:bold; padding: 3px 6px; color:#333; }
#espace_presse td a:hover{ letter-spacing:1px; color:#00306d; }
/*Partenaires ------------------------------------------*/ 
#partenaires{margin:auto; width:982px; height:70px; background:url('../img/bgd_partenaires.jpg') no-repeat; padding:6px 0 0 0; text-align:center;}
#partenaires a{margin:0; padding:0}
/*Footer ------------------------------------------*/ 
#footer{margin:auto; width:990px; height:30px; text-align:center; font-size:11px; color:#888; font-weight:bold; margin:0 0 35px 0;}
#footer a{text-decoration:none; color:#888; padding:1px 4px; margin:0;}
#footer a:hover{color:#fff; background:#888;}