/* Import des style pour la charte */
@import "charte.css";

/****************************************/
/*
/* 			TEXTES GENEERIQUES 			
/*
/****************************************/

h1{
margin:0 0 0 20px;
font:bold italic 3em Arial, Helvetica, sans-serif;
color:#fff;
}
h1.accueil{
margin:0 0 0 20px;
font:bold italic 2.3em Arial, Helvetica, sans-serif;
color:#fff;
padding-top:4px;
}
h2 {
font:bold 2.0em Arial, Helvetica, sans-serif;
float:right;
width:180px;
height:20px;
margin:10px 55px 0 0 !important; margin:10px 35px 0 0;
color:#000;
line-height:17px;
text-align:center;
font-style:italic;
}
h2.concepth2 {
font:bold 2.0em Arial, Helvetica, sans-serif;
float:right;
width:170px;
margin:1px 70px 0px 0  !important; margin:1px 35px 0 0;
color:#000;
line-height:17px;
font-style:italic;
padding:0;
text-align:center;
}
h3 {
font:bold 2.0em Arial, Helvetica, sans-serif;
width:100%;
float:left;
margin:1px 0 5px 0;
text-align:center;
color:#fff;
line-height:normal;
font-style:italic;
padding:0 0 5px 0;
border-bottom:1px solid #FF8080;
}
.gris {
color:#000;
}
p{
font:bold 15px Arial, Helvetica, sans-serif;
padding:5px;
color:#fff;
text-align:justify;
}
p.titre {
font-size:2em;
margin-top:3px;
}
p.centre {
text-align:center;
}
a{
font:Arial, Helvetica, sans-serif;
color:#fff;
}
a:hover{
color:#fbcda7;
}
#accueilLeft ul{
font:bold 1.4em Arial, Helvetica, sans-serif;
padding:0 0 5px 0;
margin-left:20px;
color:#fff;
}
#accueilLeft ul li{
padding:5px 0 5px 23px;
list-style:none;
background:url(../images/charte/puce.gif) left top no-repeat;
}

a.suite{
	display:block;
	background:url(../images/charte/btn-suite-off.jpg) no-repeat;
	width:131px;
	height:41px;
}
a.suite:hover{
	background:url(../images/charte/btn-suite-on.jpg) no-repeat;
}
a.suite-rouge{
	display:block;
	background:url(../images/charte/btn-suite-rouge-off.jpg) no-repeat;
	width:131px;
	height:41px;
}
a.suite-rouge:hover{
	background:url(../images/charte/btn-suite-rouge-on.jpg) no-repeat;
}

.rouge {
	font-weight:bold;
	color:#DF001B;
	}
	
.pusher {
	width:100%;
	float:left;
	height:20px;
	}
	
/****************************************/
/*
/* 			Concept 1	
/*
/****************************************/

p.concept1 {
	width:360px;
	float:right;
	margin:65px 30px 0 0 !important; margin:65px 15px 0 0;
	}
	
p.concept2 {
	width:370px;
	float:left;
	text-align:center;
	margin:55px 0px 0 10px;
	}

p.concept3 {
	width:185px;
	float:right;
	text-align:center;
	margin:55px 3px 0 5px;
	}
p.concept4 {
	width:370px;
	float:left;
	text-align:center;
	margin:35px 0px 0 10px;
	}

img.concept1_img {
	width:295px;
	height:168px;
	float:left;
	margin:5px 0 0 15px;
	}
	
img.concept2_img {
	width:295px;
	height:168px;
	float:right;
	margin:70px 30px 0 0;
	}
	
img.concept3_img {
	width:178px;
	height:179px;
	float:right;
	margin:10px 0 0 0;
	}
img.concept4_img {
	width:295px;
	height:168px;
	float:right;
	margin:30px 30px 0 0;
	}
img.la_suite {
	float:right;
	margin:0 15px 0 0;
	border:none;
	}

#menuConcept {
	width:694px;
	position:relative;
	height:20px;
	float:left;
	margin:0 0 15px 0px;
	padding:5px;
	background:url(../images/concepts/bgMenu.jpg) left top no-repeat;
	}

#menuConcept p {
	padding:0;
	color:#000;
	padding-top:1px;
	}
#menuConcept p a:link , #menuConcept p a:visited  {color:#000;}
#menuConcept p a:active , #menuConcept p a:hover  {color:#f20203;}
#menuConcept p.voirPropositions {
	position:absolute;
	right:20px;
	top:5px;
	}
#accueilConcept {
	width:650px;
	height:450px;
	border:1px solid red;
	margin:50px auto 0 auto;
	}
#accueilConcept a.entrer:link , #accueilConcept a.entrer:visited {
	position:absolute;
	border:1px solid green;
	display:block;
	background:url(../images/concepts/entrerB.jpg);
	}
#accueilConcept a.entrer:active , #accueilConcept a.entrer:hover {
	background:url(../images/concepts/entrerH.jpg);
	}
/****************************************/
/*
/* 			CHEQUE SESSION	
/*
/****************************************/

#gauche_cheque {
	width:163px;
	float:left;
	margin:5px 0 5px 5px;
	}
	
#droite_cheque {
	width:510px;
	float:right;
	margin:5px 32px 0 0 !important; margin:5px 16px 0 0;
	}

#droite_cheque p.avantages {
	width:459px;
	height:21px;
	float:left;
	color:#000;
	font-size:17px;
	padding:3px 0 0 51px;
	margin:5px 0 0 0;
	background:url(../images/cheque_session/puce1.jpg) no-repeat 5px center;
	}
	
#droite_cheque ul {
	width:480px;
	float:right;
	list-style-type:none;
	margin:10px 0 0 0;
	}

#droite_cheque ul li {
	width:460px;
	float:right;
	padding-left:20px;
	margin:10px 0 10px 0;
	background:url(../images/cheque_session/puce2.jpg) no-repeat;
	}

#droite_cheque ul li p {
	padding:2px 0 0 0;
	}

/****************************************/
/*
/* 			BON DE COMMANDE
/*
/****************************************/

#droite_cheque .lien_pdf {
	width:250px;
	height:30px;
	float:left;
	}
	
#droite_cheque .img_pdf {
	width:30px;
	height:30px;
	float:left;
	padding-top:5px;
	margin:0 0 0 100px !important; margin:0 0 0 50px;
	}

#droite_cheque a img{
	/* Largeur MAXIMUM de l'image :140px */
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

#droite_cheque a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

/****************************************/
/*
/* 			PROPOSITION TYPE	
/*
/****************************************/

.titre_proposition {
	width:620px;
	height:30px;
	float:left;
	margin:10px 0 5px 15px !important; margin:10px 0 5px 8px;
	padding-left:56px;
	background:url(../images/propositions_types/titre.gif) no-repeat;
	border-bottom:1px solid #CF0304;
	}
.titre_proposition2 {
	height:30px;
	float:left;
	margin:10px 0 5px 15px !important; margin:10px 0 5px 8px;
	padding-left:56px;
	background:url(../images/propositions_types/titre.gif) no-repeat;
	}

.titre_proposition p.titre_seminaire , .titre_proposition2 p.titre_seminaire  {
	font-size:20px;
	}
	
#encart_proposition {
	float:right;
	width:250px;
	height:170px;
	margin:10px 30px 0 0 !important; margin:10px 15px 0 5px;
	background:url(../images/propositions_types/20_personnes.jpg) no-repeat;
	}
	
p.propo {
	width:400px;
	float:left;
	text-align:center;
	font-size:18px;
	margin:20px 0px 0 15px;
	font-style:italic;
	}
	
p.equipe {
	width:400px;
	float:left;
	margin:10px 0px 0 15px;
	text-align:center;
	font-style:italic;
	background:url(../images/propositions_types/equipe.jpg) no-repeat;
	text-transform:uppercase;
	}
	
ul.equipe {
	width:380px;
	float:left;
	margin:10px 0px 0 42px;
	}

ul.equipe li {
	width:360px;
	margin-top:2px;
	padding-left:20px;
	background:url(../images/propositions_types/puce.gif) no-repeat;
	list-style-type:none; 
	}


ul.equipe li p {
	margin:0;
	padding:0;
	font-size:13px;
	}

/****************************************/
/*
/* 			DEVIS PERSONNALISES	
/*
/****************************************/

#devis_perso {
	width:400px;
	height:330px;
	margin: 0 auto 0 auto;
	border:1px solid #DF001B;
	background:url(../images/devis_perso/bg.jpg) no-repeat;
	}
	
#devis_perso .encart {
	width:180px;
	height:145px;
	float:left;
	margin:10px 4px 10px 11px !important; margin:10px 8px 8px 5px;
	}

#devis_perso a img{
	/* Largeur MAXIMUM de l'image :140px */
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

#devis_perso a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}	

/****************************************/
/*
/* 			FORMULAIRE DEVIS			
/*
/****************************************/

#body_devis {
	width:600px;
	margin:10px auto 10px auto;
	background:#FFFFFF;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90; opacity:0.90;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}

#body_devis .champ_requis {
	color:#DF001B;
	font-weight:bold;
	}
	
#body_devis .logo {
	width:176px;
	height:64px;
	margin: 0 auto 10px auto;
	}

#body_devis .ligne_form {
	width:100%;
	float:left;
	margin:0 0 10px 0;
	}

#body_devis .ligne_form input , #body_devis .ligne_form textarea , #body_devis .ligne_form select {
	border:1px solid #1F1F1F;
	}
	
#body_devis .ligne_form input:hover , #body_devis .ligne_form textarea:hover , #body_devis .ligne_form select:hover {
	border:1px solid #DF001B;
	}
	
#body_devis .ligne_form label {
	width:180px;
	float:left;
	margin:0 0 0 15px;
	height:20px;
	padding-top:2px;
	}

#body_devis .ligne_form label.coords {
	width:120px;
	margin:0 15px 0 15px;
	text-align:right;
	}


#body_devis .ligne_form input {
	float:left;
	width:130px;
	font-size:13px;
	}

#body_devis .ligne_form textarea {
	width:415px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}

	
#body_devis .ligne_form input.nb_room {
	width:45px;
	margin:0 17px 0 0;
	}
	
#body_devis .ligne_form select.jour {
	width:60px;
	float:left;
	margin:0 0 0 0px;
	}

#body_devis .ligne_form select.mois {
	width:100px;
	float:left;
	margin:0 0 0 2px;
	}
	
#body_devis .ligne_form input.annee {
	float:left;
	width:50px;
	margin:0px 0 0 5px;
	}

#body_devis .ligne_form input.check {
	width:20px;
	margin:2px 0 0 3px;
	float:none;
	border:none;
	}
	
#body_devis p.titre_form {
	display:block;
	width:80%;
	text-align:left;
	color:#DF001B;
	font-size:15px;
	padding-left:50px;
	margin:0 0 10px 0;
	background:url(../images/formulaire/puce.gif) no-repeat 20px top;
	}
	
#body_devis .espaces {
	float:left;
	width:180px;
	margin:0 0 0 20px !important; margin:0 0 0 15px;
	}
	
#body_devis .espaces label {
	width:160px;
	}
	
#body_devis .nota {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:11px;
	}
	
#body_devis .ligne_form .bouton_annuler {
	float:left;
	border:1px solid #000;
	margin:0 0 0 150px;
	width:100px;
	}

#body_devis .ligne_form .bouton_envoyer {
	float:left;
	border:1px solid #000;
	margin:0 0 0 10px;
	width:100px;
	}
	
#body_devis .ligne_form .bouton_annuler , #body_devis .ligne_form .bouton_envoyer {
	font-weight:bold;
	font-size:12px;
	background:#B40202;
	color:#FFFFFF;
	}

#body_devis .ligne_form .bouton_annuler:hover , #body_devis .ligne_form .bouton_envoyer:hover {
	color:#B40202;
	background:#FFFFFF;
	cursor:pointer;
	}

/****************************************/
/*
/* 			MENTIONS	
/*
/****************************************/

#mentions {
	width:190px;
	height:15px;
	position:absolute;
	right:20px;
	bottom:5px;
	text-align:center;
	}
	
#mentions a {
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight:bold;
	font-size:11px;
	}
	
#mentions a:hover {
	color:#000;
	}

p.mentions {
	width:670px;
	margin:10px 0 0 10px;
	font-weight:normal;
	}

/****************************************/
/*
/* 			Page d'accueil	
/*
/****************************************/
#pagination{
 width:30px;
 float:right;
 font:bold 1.8em Arial, Helvetica, sans-serif;
 padding:5px 20px 0 0;
 color:#fff;
 text-align:right;
}

/****************************************/
/*
/* 			L'ART DE L'EVENEMENT 			
/*
/****************************************/

#video_evenement {
	width:400px;
	height:365px;
	padding-top:50px;
	margin:80px 0 0 50px !important; margin:80px 0 0 30px;
	text-align:center;
	float:left;
	}

/****************************************/
/*
/* 			ROAD SHOW 			
/*
/****************************************/

ul.road_show {
	width:100% !important; width:90%;
	float:left;
	list-style-type:none;
	margin:10px 0 0 10px;
	
	}

ul.road_show li.haut {
	width:460px;
	float:left;
	padding-left:20px;
	margin:25px 0 10px 30px !important; margin:25px 0 10px 15px;
	background:url(../images/cheque_session/puce2.jpg) no-repeat;
	}
	
ul.road_show li.bas {
	width:350px;
	float:right;
	padding-left:20px;
	margin:180px 35px 10px 0 !important; margin:180px 0 10px 0;
	background:url(../images/cheque_session/puce2.jpg) no-repeat;
	}

ul.road_show li p {
	padding:2px 0 0 0;
	font-size:16px;
	}

/****************************************/
/*
/* 			ACCUEIL PARTICULIER	
/*
/****************************************/

.photo_1_index {
	float:left;
	width:159px;
	height:168px;
	margin:15px 20px 0 15px;
	}
	
p.index_droite {
	float:right;
	width:480px;
	margin:50px 30px 0 0 !important; margin:50px 15px 0 0;
	font-size:17px;
	}
	
.photo_2_index {
	float:right;
	width:159px;
	height:168px;
	margin:55px 30px 0 0 !important; margin:55px 15px 0 0;
	}
	
p.index_gauche {
	float:left;
	width:480px;
	margin:40px 0px 0 15px;
	font-size:17px;
	}

/****************************************/
/*
/* 			CIRCUITS	
/*
/****************************************/

p.circuits {
	width:670px;
	float:left;
	margin:0 0 15px 10px;
	padding:0;
	}
	
.lyon_droite {
	float:right;
	width:250px;
	margin-top:-50px;
	}

p.circuits .img1_circuits {
	width:153px;
	height:99px;
	float:left;
	margin:0 5px 0 0;
	}
	
p.circuits .img2_circuits {
	width:153px;
	height:99px;
	float:right;
	margin:0 0 0 5px;
	}
	
/****************************************/
/*
/* 			KARTS	
/*
/****************************************/

img.kart2 {
	width:187px;
	height:200px;
	float:left;
	margin:0 10px 0 10px;
	}
	
img.kart3 {
	width:293px;
	height:137px;
	float:right;
	margin:5px 10px 0 0;
	}

/****************************************/
/*
/* 			EQUIPEMENTS	
/*
/****************************************/
	
img.img_equi1 {
	width:239px;
	height:109px;
	margin:15px 0 0 80px;
	float:left;
	}
	
/****************************************/
/*
/* 			ACTUALITES	
/*
/****************************************/

.img_titre_actu {
	width:280px;
	height:149px;
	margin:10px auto 10px auto;
	}

.titre_actu {
	display:block;
	width:650px;
	float:left;
	font-weight:bold;
	font-size:15px;
	margin:0 0 5px 0;
	padding-left:20px;
	background:url(../images/actualites/puce.gif) no-repeat;
	}

.date_actu {
	font-weight:bold;
	font-style:italic;
	}


p.actu {
	width:670px;
	font-size:13px;
	float:left;
	margin:5px 0 15px 10px;
	padding:0;
	border-bottom:1px solid #910404;
	padding-bottom:5px;
	font-weight:normal;
	}

p.actu img {	
	float:left;
	margin:0 10px 0 0;
	}

p.actu a img{
	border:1px solid #FFF;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

p.actu a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

/****************************************/
/*
/* 			COMPLEXES	
/*
/****************************************/	

p.circuits img.img1_complexes {
	float:left;
	margin:0 10px 0 0;
	}
	

p.circuits img.img2_complexes {
	float:right;
	margin:0 0 0 10px;
	}
	
p.horaires_acces {
	width:670px;
	height:50px;
	float:left;
	margin:10px 0 0 10px;
	}
	
p.horaires_acces a img{
	/* Largeur MAXIMUM de l'image :140px */
	border:1px solid #FFF;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

p.horaires_acces a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

/****************************************/
/*
/* 			PLAN DU SITE	
/*
/****************************************/	

ul.plan {
	width:650px !important; width:600px;
	float:left;
	list-style-type:none;
	margin:0 0 20px 50px;
	}

ul.plan li {
	width:460px;
	float:left;
	padding-left:20px;
	background:url(../images/cheque_session/puce2.jpg) no-repeat;
	}

ul.plan li p {
	padding:2px 0 0 0;
	}

p.gauche {
	border:1px solid blue;
	width:350px;
	}

.numform{
color:#000000;
font-size:12px;
font-weight:normal;
text-align:center;
}

#partenaires{
width:500px;
margin:0 0 0 100px;
text-align:center;
}

#partenaires p{
font-size:10px;
}

#partenairesdesc{
max-height:50px;
width:220px;
text-align:left;
}

#partenaires strong{
font-size:15px;
}

#partenaires img{
max-width:200px;
max-height:70px;
margin:5px 0 0 0;
}

#partenairescase{
background-image:url(../images/partenaires/vignette.jpg);
background-position:0 0;
margin:5px 5px;
width:238px;
height:150px;
float:left;
}


.comlexe{
float:left;
width:100%;
background:url(../images/integration/1.png) no-repeat;
height:auto;}
	
	
	
.comlexe2{
float:left;
width:100%;
background:url(../images/integration/2.png) no-repeat;
height:auto;}

.comlexe3{
float:left;
width:100%;
background:url(../images/integration/3.png) no-repeat;
height:auto;}
		
.comlexe4{
float:left;
width:100%;
background:url(../images/integration/4.png) no-repeat;
height:auto;}