/* CSS Document PRO Pulsion Evénements */



/* --------------------------------------- page principale --------------------------------- */

body{

/*background-color:#010D21;*/
background:#010D21 url(../images/background_event.jpg) no-repeat;
background-position:center;
background-attachment:fixed;
position:relative;

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#071D40;

font-size:10px;

margin:0;

padding:0;

}



h1.logo a{

display:block;

width:267px;

height:196px;

padding:0;

margin:0;

color:#000000;

font-size:1px;

}

h1.logo_hackers a{

display:block;

width:267px;

height:196px;

padding:0;

margin:0;

color:#000000;

font-size:1px;

}


a{

text-decoration:none;

margin:0;

padding:0;

border:0;

}



a img{

border:0;

padding:0;

margin:0;

}



img{

border:0;

padding:0;

margin:0;

}



strong{

margin:0;

padding:0;

}



/* ----------------------------- Cadre contenant l'entête et les cadres de contenu -------------------- */



#general{

display:block;

width:1024px;

height:auto;

padding:0;

margin:0 auto;

}



/* --------------------------- Partie suprérier de la page contenant le menu rouge et animation ------- */

#header{

display:block;

width:994px;

height:302px;

margin:0;

padding:0;

}



#header_gauche{

display:block;

float:left;

height:301px;

width:267px;

margin:0;

padding:0;

}


.logo{

display:block;

float:left;

background-image:url(../images/logo_Pro-pulsion_stage_pilotage.jpg);

background-repeat:no-repeat;

width:267px;

height:196px;

margin:0;

padding:0;

}

.logo_hackers{

display:block;

float:left;

background-image:url(../images/logo_hackers_stage_pilotage.jpg);

background-repeat:no-repeat;

width:267px;

height:196px;

margin:0;

padding:0;

}



.header_droit{

display:block;

float:left;

background-image:url(../images/anim_pilotage_exception_team_building.jpg);

background-repeat:no-repeat;

background-position:left top;

width:727px;

height:302px;

margin:0;

padding:0;

}

.header_droit_hackers{

display:block;

float:left;

background-image:url(../images/anim_formule_course_hackers.jpg);

background-repeat:no-repeat;

background-position:left top;

width:727px;

height:302px;

margin:0;

padding:0;

}



/* -------------------- menu verticale rouge -------------------------- */


.menu_rouge{

display:block;

clear:both;

float:left;

background-image:url(../images/fond_menu_rouge.jpg);

background-repeat:no-repeat;

width:267px;

height:106px;

margin:0;

padding:0;

font-size:1px;

}

.menu_rouge ul{

margin:0;

padding:0;

}



.menu_rouge ul li{

display:block;

margin:0;

padding:0;

list-style-type:none;

}





.menu_rouge ul li a{

display:block;

margin:0;

padding:0;

height:22px;

background-repeat:no-repeat;

background-position:17px;

color:#CC0002;

border-bottom: 1px solid #03142E;

}



.menu_rouge ul li a:hover{

display:block;

margin:0;

padding:0;

background-repeat:no-repeat;

height:22px;

border-bottom: 1px solid #FFFFFF;

}

 
/* -------------------------Menu rouge HACKERS ---------------------------- */


.menu_rouge_hackers{

display:block;

clear:both;

float:left;

background-image:url(../images/fond_menu_rouge_hackers.jpg);

background-repeat:no-repeat;

width:267px;

height:106px;

margin:0;

padding:0;

font-size:1px;

}

.menu_rouge_hackers ul{

margin:0;

padding:0;

}



.menu_rouge_hackers ul li{

display:block;

margin:0;

padding:0;

list-style-type:none;

}


.menu_rouge_hackers ul li a{

display:block;

margin:0;

padding:0;

height:22px;

background-repeat:no-repeat;

background-position:17px;

color:#CC0002;

border-bottom: 1px solid #03142E;

}



.menu_rouge_hackers ul li a:hover{

display:block;

margin:0;

padding:0;

background-repeat:no-repeat;

height:22px;

border-bottom: 1px solid #FFFFFF;

}


/* ------------------------------------------------------------------------- */

#menu_challenge a{

display:block;

width:259px;

height:36px;

padding:0;

margin:0;

background-image:url(../images/menu_r_challenges.gif);

}



#menu_challenge a:hover{

height:36px;

}



#menu_concention a{

display:block;

width:254px;

padding:0;

margin:0;

background-image:url(../images/menu_r_conventions.gif);

background-position:18px;

}



#menu_vip a{

display:block;

width:250px;

padding:0;

margin:0;

background-image:url(../images/menu_r_operations_vip.gif);

background-position:16px;

}



#menu_cadeau_affaires a{

display:block;

width:246px;

padding:0;

margin:0;

background-image:url(../images/menu_r_cadeaux_affaires.gif);

}



#extension_anim_photo{

display:block;

float:left;

background-image:url(../images/challenge_multi_sport.jpg);

background-repeat:no-repeat;

width:99px;

height:105px;

margin:0;

padding:0;

}



/* ------------------ Cadres contenant les 3 cadres de contenu permettant l'agrandissment simultanné des 3 cadres ------------- */ 



#content_clair{

width:993px;

background-color:#FFFFFF;

margin:0;

position:relative;

top:0px;

left:0px;

}



#content{

width:993px;

background-image: url(../images/fond_cd.gif);

background-position: right;

background-repeat: repeat-y;

margin:0;

padding:0;

position:relative;

top:0px;

left:0px;

}



.clear {

    clear: both;

    display: block;

    height: 1px;

    overflow: hidden;

    margin: 0;

    padding: 0;

}



#clear_etendu{

clear: both;

display: block;

height: 1px;

overflow: hidden;

margin: 0;

padding: 0;

background-color:#010D21;

}



/* ------------------------ menu bleu en bas à droite ------------------- */



.menu_bleu{
	position:absolute;
	top:2px;
	left:-4px;
	background-image:url(../images/fond_oblique_v4.gif);
	background-repeat:no-repeat;
	display:block;
	width:247px;
	padding:0;
	margin:0;
	font-size:1px;

}



.menu_bleu ul{

display:block;

padding:0;

margin:0;

}



.menu_bleu ul li{

display:block;

padding:0;

margin:0;

}



.menu_bleu ul li a{

display:block;

padding:0;

margin:0;

width:242px; 

height:23px;

padding:0;

margin:0;

background-repeat:no-repeat;

background-position:18px;

color:#03142E;

border-bottom:1px solid #293F5F;

}



.menu_bleu ul li a:hover{

display:block;

padding:0;

margin:0;

height:23px;

border-bottom:1px solid #CC0002;

}



#menu_challenges_karting a{

background-image: url(../images/menu_r_challenges_karting.gif);

background-color: #CC0002;

color: #CC0002;

border-bottom: 1px solid #03142E;

}



#menu_challenges_karting a:hover{

border-bottom: 1px solid #FFFFFF;

}





#menu_formules_course a{

background-image: url(../images/menu_r_simu_course.gif);

background-color: #CC0002;

color: #CC0002;

width: 237px;

border-bottom: 1px solid #03142E;

}



#menu_formules_multi_kart a:hover{

border-bottom: 1px solid #FFFFFF;

}



#menu_qui_sommes_nous a{

background-image:url(../images/menu_qui_sommes_nous.gif);

width: 232px;

background-position:13px;

}



#menu_voitures a{

background-image:url(../images/menu_nos_voitures.gif);

width: 227px;

background-position:14px;

}



#menu_circuits a{

background-image:url(../images/menu_les_circuits.gif);

width: 222px;

background-position:14px;

}



#menu_contacts a{

background-image:url(../images/menu_contacts.gif);

width: 218px;

background-position:16px;

}



#menu_galerie_photos a{

background-image:url(../images/menu_gallerie_photo.gif);

width: 215px;

background-position:13px;

}



#menu_stages_particuliers a{

background-image:url(../images/menu_stages_particuliers.gif);

width: 210px;

background-position:13px;

}



#slogan{

position:absolute;

bottom:8px;

left:3px;

}



/* --------------------- cadre de contenu centrale ------------------- */ 



div.cadre_gris{

display:block;

background-color:#E5EAF1;

width:751px;

margin:0;

padding:0;

}



div.cadre_blanc{

display:block;

background-color:#FFFFFF;

width:751px;

margin:0;

padding:0;

}



div.cadre_texte{

position:relative;

top:0px;

left:245px;

width:502px;

}



#cadre_contenu_centre{

display:block;

float:left;

width:752px;

margin:0;

padding:0;

}



#cadre_contenu_centre_etendu{

display:block;

float:left;

width:745px;

margin:0;

padding:0;

}



#cadre_contenu_centre_etendu div.cadre_blanc{

display:block;

background-color:#FFFFFF;

width:994px;

margin:0;

padding:0;

}



#cadre_contenu_centre_etendu div.cadre_gris{

display:block;

background-color:#E5EAF1;

width:994px;

margin:0;

padding:0;

}



#cadre_contenu_centre_etendu div.cadre_texte{

position:relative;

top:0px;

left:248px;

width:751px;

}



#cadre_contenu_centre h2{

display:block;

margin:0;

padding:0;

width:507px;

height:57px;

font-size:1px;

color:#FFFFFF;

}



#cadre_contenu_centre_etendu h2.etendu{

display:block;

margin:0;

padding:0;

width:745px;

height:57px;

font-size:1px;

color:#FFFFFF;

}



#cadre_contenu_centre p{

padding:0;

margin:3px 12px 3px 12px;

text-align:justify;

}



#cadre_contenu_centre_etendu p{

padding:0;

margin:3px 12px 3px 12px;

text-align:justify;

}



#cadre_contenu_centre blockquote{

font-size:11px;

font-weight:bold;

padding:0;

margin:3px 12px 12px 12px;

text-align:left;

}



#cadre_contenu_centre p.intro{

font-weight:bold;

text-align:justify;

margin:15px 12px 15px 12px;

}





#cadre_contenu_centre h3{

background-image:url(../images/puce.gif);

background-repeat:no-repeat;

background-position:5px 7px;

font-weight:bold;

margin:0px 5px 10px 5px;

padding:5px 0 0 20px;

font-size:10px;

color:#E90009;

}



#cadre_contenu_centre h4{

font-weight:bold;

margin:0px 5px 0px 12px;

font-size:10px;

color:#000000;

}





#cadre_contenu_centre_etendu h4{

font-weight:bold;

margin:0px 5px 10px 12px;

font-size:10px;

color:#E90009;

}



#cadre_contenu_centre img.image{

display:inline;

margin:10px 0px 10px 12px;

padding:0;

}



#cadre_contenu_centre img.image_droite{

display:inline;

float:right;

margin:0px 13px 10px 12px;

padding:0;

}



#cadre_contenu_centre ul{

padding:0;

}



#cadre_contenu_centre ul li{

list-style-position:inside;

margin:3px 12px 3px 12px;

font-weight:normal;

}



#cadre_contenu_centre ul.sous_liste{

margin:3px 12px 3px 12px;

padding:0;

}



#cadre_contenu_centre ul.sous_liste li{

list-style-type:none;

font-weight:bold;

padding:0;

margin:0;

}



/* ---------------- cadre de contenu droit --------------------------- */



#cadre_contenu_droit{

position:relative;

top:0px;

display:block;

float:left;

width:240px;

margin:0;

padding:0;

}



#cadre_contenu_droit h2{

font-size:1px;

color:#03142E;

}



#cadre_contenu_droit h3{

background-image:url(../images/puce.gif);

background-repeat:no-repeat;

background-position:0px 2px;

font-weight:bold;

margin:15px 15px 16px 10px;

padding:0 0 0 18px;

font-size:10px;

color:#FFFFFF;

}



#cadre_contenu_droit .paragraphe{

padding:0;

margin:3px 15px 12px 15px;

color:#FFFFFF;

}

#cadre_contenu_droit .paragraphe a{

color:#FFFFFF;

}


#cadre_contenu_droit img.image{

display:inline;

margin:15px 0px 0px 15px;

padding:0;

}



#cadre_contenu_droit ul{

padding:0;

margin:3px 12px 12px 28px;

color:#FFFFFF;

}



#cadre_contenu_droit ul li{

padding:0;

margin:0 0 8px 0;

}



/* ------------- formatage du texte (style globaux) ------------ */



ul.liste{

margin:0;

padding:0;

}



ul.liste li{

list-style-image:url(../images/puce.gif);

list-style-position:inside;

font-weight:bold;

margin:25px 50px 25px 30px;

padding:0;

text-align:justify;

}







/* ------------- pied de page (Footer) ------------------------- */



#footer{

display:block;

height:32px;

margin:0;

padding:0;

position:relative;

left:-10px;

}

#footer ul{

display:block;

height:22px;

width:1000px;

margin:0 auto;

padding:0;

}



#footer li{

display:block;

list-style-type:none;

float:left;

margin:10px 4px 0 0;

padding:0;

}



#footer li a{

color:#FFFFFF;

}



#footer li.titre{

font-weight:bold;

}



#dialogue_en_direct{

	display:block;

	width:160px;

	height:39px;

	background-image:url(../images/dialogue-en-ligne.gif);

	background-repeat:no-repeat;

	margin:70px 0 0 18px;

	position:absolute;

	top:500px;

	z-index:10000;

}