/* CSS Document */
body{margin:0; padding:0; background: #f5fbff url(../images/bg_body222.gif) repeat-x; text-align: center;}

#General{font-size: 11px; color: #444; font-family: Verdana, Arial, Helvetica, sans-serif; background:#fff url(../images/bg11.jpg) repeat-y;  width:936px;  margin:0 auto;}

#Contenu{margin:0; padding:0; background:url(../images/bg22.gif) repeat-y;}

a{text-decoration:none; border:none;}
a:hover{text-decoration:none; border:none;}

p{text-align:justify; margin: 10px 15px 10px 0;}
span{color:#2563B7; display:block; font-style:italic; font-size:11px; margin-top:10px; text-align:justify;}
img{border:none; padding:0; margin:0;}

/*--------------------------------------------------------------- Partie Haut ---------------------------------------------------------*/
#General #Haut{ width:914px; height:130px; border:none; color:#fff; margin:0 auto; padding:20px 0 0 0; font-size:10px;}
#General #Haut #LiensHaut{float:right; margin-right:15px; margin-top:20px;}
#General #Haut #LiensHaut a{color:#999; text-decoration:none; margin-right:10px;}
#General #Haut #LiensHaut a:hover{color:#000; text-decoration:none;}

#General #Menu{background:#2C476D url(../images/menu_eden.jpg) no-repeat; width:914px; height:72px; margin:0 auto; padding:0;}

#General #Bandeau{background:none; width:914px; height:233px;  margin:0 auto; padding:0px;}
#General #Bandeau #Flash{background-color:#8CC5F0; width:623px; height:233px; float:left;}
#General #Bandeau #Band{width:290px; height:233px; float:left; position:relative;}
#General #Bandeau #Band img{position:absolute; width:290px; height:233px; margin:0; padding:0; left:0; right:0;}
#General #Bandeau #Band p{padding-left:30px; position:relative; color:#FFF; font-size:11px; top:25px;}
#General #Bandeau #Band p.titre1{position:relative; color:#FFF; font-size:18px;}

/*--------------------------------------------------------------- Partie Contenu ---------------------------------------------------------*/
#Contenu #Accueil{height:439px; padding:0; margin:0 auto; width:915px;}
#Contenu #Accueil #TitreAccueil2{float:none; margin:0; padding:0; background:none;}

#Contenu #Accueil #Droite{width:890px; height:100px; margin:0 0 0 15px; padding:0; text-align: center; display:block; background:none;}
#Contenu #Accueil #Droite img.titreAccueil{margin:0; padding:0; background:none;}
/*
#Contenu #Accueil #Droite p{height:80px; padding:0; margin:0;}
#Contenu #Accueil #Droite h1{color:#2765b8; font-size:13.5px; text-align:center; padding:0 auto; padding-top:20px; margin:0;}
#Contenu #Accueil #Droite h4{color:#870833; font-size:12px; text-align:center; padding:0 auto; padding-top:5px; line-height:5px; margin:0; font-style:normal; letter-spacing:-1px;}
#Contenu #Accueil #Droite a{float:right; text-align:center; width: 221px; height: 80px; margin:0; padding:0; border:1px solid black;}
#Contenu #Accueil #Droite a.vignette{color:#FFF; text-decoration:none; background: url(../images/vignette_grise.jpg) no-repeat;}
#Contenu #Accueil #Droite a:hover.vignette{color:#FFF; text-decoration:none; background: url(../images/vignette_bleu.jpg) no-repeat;}
#Contenu #Accueil #Droite a:hover.vignette h1{color:#fff;}
#Contenu #Accueil #Droite a:hover.vignette h4{color:#fff;}
*/
#Contenu #Accueil #Droite p{color:#2765b8; font-size:13.5px; text-align:center; padding:0; margin:0; display:inline; float:left;}
#Contenu #Accueil #Droite p a span.reserv{color:#870833; font-size:12px; text-align:center; padding:0; padding-top:5px; line-height:15px; margin:0; font-style:normal; letter-spacing:-1px; font-weight:bold;}
#Contenu #Accueil #Droite p a:hover span.reserv{color:#fff;}
#Contenu #Accueil #Droite p a.vignette{float:left; text-align:center; width: 221px; height: 80px; margin:0; padding:20px 0 0 0 ; color:#2765b8; text-decoration:none; background: url(../images/vignette_grise.jpg) no-repeat; display:inline; font-weight:bold;}
#Contenu #Accueil #Droite p a:hover.vignette{color:#FFF; text-decoration:none; background: url(../images/vignette_bleu.jpg) no-repeat;}


#Contenu #Accueil #gauche{width:895px; height:240px; float:left; margin:0 0 0 11px; padding:0;}

#Contenu #Accueil #gauche #Part1{width:232px; float:left; margin:0; padding:0;}
#Contenu #Accueil #gauche #Part1 img{margin:0; padding:0;}
#Contenu #Accueil #gauche #Part1 h3{margin-bottom:7px;}
#Contenu #Accueil #gauche #Part1 a.ajout{display: block; margin-left:5px; margin-bottom:5px; margin-top: -10px;height:63px;}

#Contenu #Accueil #gauche #Part2{text-align:left; width:326px !important; width:300px; float:left; margin:0; border-right: 1px solid #dfddde; padding:15px 20px 0 20px !important; padding:15px 20px 0 19px}
#Contenu #Accueil #gauche #Part2 img{display:block; margin:20px 0 20px 220px; border:none;}
#Contenu #Accueil #gauche #Part2 h3{font-size:12px; padding:0; margin:0;}

#Contenu #Accueil #gauche #Part3{float:left; width:230px; padding:15px 20px 0 45px !important; padding:13px 20px 0 45px; background:url(../images/handicape2.gif) 7px 0 no-repeat; margin:0;}
#Contenu #Accueil #gauche #Part3 p{margin:0 0 0 2px; padding:0;}
#Contenu #Accueil #gauche #Part3 img{display:block; margin:30px 0 0 120px; border:none;}

/*--------------------------------------------------------------- Page eden transports ---------------------------------------------------------*/
#Contenu #Eden{height:565px; margin:0; padding:0;}

#Contenu #Eden p{margin-bottom:20px;}
#Contenu #Eden #Qui{width:634px; height:450px; padding:0; margin:0; float:left; display:block;}
#Contenu #Eden #Qui .eden{width:600px; padding-left:30px; margin:0;}
#Contenu #Eden #Qui .eden ul{width:400px;margin:0;padding:0;}
#Contenu #Eden #Qui .eden ul li{text-align:left; width:300px; left:0; list-style-image : url(../images/list_style.jpg); margin:0 0 0 40px; padding:0;}
#Contenu #Eden #Qui #Photos{margin:20px 0 0 0;}
#Contenu #Eden #Qui #Photos img{float:left; padding:30px 15px 0 0;}

#Contenu #Eden #droitesup{width:280px; height:450px; float:right; margin:0; padding:0;}
#Contenu #Eden #droitesup ul{margin:0; padding:60px 35px 0 50px; text-align:left; color:#2563b7;}
#Contenu #Eden #droitesup li{list-style-image:url(../images/puce.jpg); list-style-type:none; margin-top:10px; padding-left:5px;}

/*--------------------------------------------------------------- Page services ---------------------------------------------------------*/
#Contenu #ServicesEden{height:930px; margin:0; padding:0;}
#Contenu #ServicesEden a{margin-right:20px; padding-right:20px; border-right:1px solid #cccbcb; color:#2563b7;}
#Contenu #ServicesEden a:hover{color:#55dd06; text-decoration:underline;}
#Contenu #ServicesEden #PhotoServices{display:block; padding:0; margin: 35px 0 0 10px; width:250px; float:left;}
#Contenu #ServicesEden #PhotoServices img{margin-bottom:45px;}
#Contenu #ServicesEden #Services{width:600px; display:block; padding:0; margin:10px; float:left; text-align:left;}
#Contenu #ServicesEden #Services h2{display:block; padding:30px 0 0 0 ; margin:0 0 15px 0; text-align:left; color:#2563b7; font-size:16px;}
#Contenu #ServicesEden #Services p{padding:10px 0 20px 0 ; border-bottom:1px solid #cccbcb;}

/*---------------------------------------------------------  contact ------------------------------------------------------*/
#Contenu #formulaire-contact{height:550px;}
#Contenu #formulaire form{margin-left:50px;}
#Contenu #formulaire h3{text-align:left; border-bottom:1px solid #ccc; font-size:14px; width:810px; padding:0; margin:0; margin-bottom:10px;}


/*---------------------------------------------------------  reservation ------------------------------------------------------*/
#Contenu #Reservation{height:720px; margin:0; padding:0;} 

#Contenu #Reservation #intro{margin:0 30px 20px 30px; padding:0;}
#Contenu #Reservation #intro a{color:#2563B7; text-decoration:none; border:0;}
#Contenu #Reservation #intro a:hover{color:#55dd06; text-decoration:underline;}
#Contenu #Reservation #intro a:visited{color:#55dd06; text-decoration:none;}

#Contenu #Reservation #Formulaire2{text-align:center; height:540px; padding:0; margin-left:50px;}
#Contenu #Reservation #Formulaire2 form{height:540px; margin:15px 0 10px 0; padding:0;}
#Contenu #Reservation #Formulaire2 p{float:left; display:inline; width:400px;}
#Contenu #Reservation #Formulaire2 h3{text-align:left; border-bottom:1px solid #ccc; font-size:14px; width:810px; padding:0; margin:0; margin-bottom:10px;}

/*---------------------------------------------------------  Conditions Generales ------------------------------------------------------*/
#Contenu #Conditions_Ctn{height:1870px; margin:0; padding:0;}
#Contenu #Conditions_Ctn #ConditionsGen{text-align:left; margin:20px 30px; height:425px; background-color:#fff;}
#Contenu #Conditions_Ctn #ConditionsGen h2{color:#2563b7; font-size:14px;}
#Contenu #Conditions_Ctn #ConditionsGen li{list-style-image : url(../images/list_style.jpg);}
#Contenu #Conditions_Ctn #GrilleTarifs p{margin: 10px 0 10px 30px; text-decoration:underline; font-weight:bold;}

#Contenu #Conditions_Ctn #GrilleTarifs .tableau{border: 1px solid #ccc; margin: 20px 30px; width: 860px; border-collapse:collapse}
#Contenu #Conditions_Ctn #GrilleTarifs .tableau td{line-height:20px; padding : 0.4em ; border-spacing:0; border:1px solid #666; empty-cells: show; background-color:#fafafa;}
#Contenu #Conditions_Ctn #GrilleTarifs .tableau th {color: #2563b7; font-size:0.8em; font-weight:bold; text-align:center; padding:2px;}
#Contenu #Conditions_Ctn #GrilleTarifs tr.impaire td {background-color: #eee;}
#Contenu #Conditions_Ctn #GrilleTarifs td.titre2 {font-weight:bold; font-size:10px;}
#Contenu #Conditions_Ctn #GrilleTarifs #indicatif{font-style:italic; font-weight:normal; font-size:10px;}
#Contenu #Conditions_Ctn #GrilleTarifs .tableau2{width: 400px; border: 1px solid #ccc; margin: 10px 30px; border-collapse:collapse}
#Contenu #Conditions_Ctn #GrilleTarifs .tableau2 td{line-height:20px; padding : 0.2em ; border-spacing:0; border:1px solid #666; empty-cells: show; background-color:#fafafa;}
#Contenu #Conditions_Ctn #GrilleTarifs .tableau2 th { color: #2563b7; font-size:0.8em; font-weight:bold; text-align:center; padding:2px;}
#Contenu #Conditions_Ctn #GrilleTarifs #Majoration{margin-left:460px;}

/*---------------------------------------------------------  Plan du site ------------------------------------------------------*/
#PlanSite{text-align:left; margin:20px 0 20px 100px; height:300px; font-size:13px;}
#PlanSite li{margin-bottom:10px;}
#PlanSite a{color:#2563B7; text-decoration:none;}
#PlanSite a:hover{color:#55dd06; text-decoration:underline;}
#PlanSite a:visited{color:#55dd06; text-decoration:none;}

/*---------------------------------------------------------  Envoi ami ------------------------------------------------------*/
#formulaire-ami{height:630px; background:#fff;}
#formulaire-ami h3{text-align:left; margin-left:30px;}
#formulaire-ami p #ami{text-align:left; padding-left:20px; width:600px;}

/*---------------------------------------------------------  References ------------------------------------------------------*/
#References{margin:0 auto; height:660px; background:url(../images/bg22.gif) repeat-y;}
#References a{ font-weight:bold; text-align:center; display:block; margin:10px auto; color:#2563b7; background-color:#D0E1F7; border:1px solid #ccc; line-height:30px; border:1px solid #A6C1E7; width:900px;}
#References a:hover{color:#133B71; text-decoration:none;}
#References #auber{margin-top:60px;}

/*---------------------------------------------------------  footer ------------------------------------------------------*/
#General #Corner{display:block; margin:0; padding:0; height:41px; width:935px; clear:left;}
#General #Corner img{padding:0; margin:0;}

#Bas {display:block; clear:left; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin: 0 auto; padding:0; color:#86c3fb; background:#0065b7 url(../images/bg_footer.gif) repeat-x; width:100%; height:150px;}
#Bas p{text-align:center; margin:0 ; padding:30px 0 0 0;}
#Bas a{padding:0 10px 0 5px; border-right:1px solid #78a5ce; color:#86c3fb;}
#Bas a:hover{color:#fff; text-decoration:none;}