@charset "utf-8";
/* CSS Document */
/*debut formatage html*/
html {background-color:#c02522;}
* {margin:0px; padding:0px;}
/*fin formatage html*/


/*corp du site*/
#main { width:100%; height:auto; clear:both; padding-top:20px;}
#main p.refi { width:894px; clear:both; padding-bottom:4px; text-align:center; margin-left:auto; margin-right:auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}
#corp { clear:both; width:894px; height:auto; margin-left:auto; margin-right:auto; background-color:#FFF;}
/*corp du site*/

/*header banniere et menu*/
#banniere { width:894px; height:176px; clear:both; position:relative;z-index:10;}
#main #aild {
	background-image:url(../images/ail_d.png);
	background-repeat:no-repeat;
	width:18px;
	height:792px;
	position:absolute;
	left: 0px;
	top: -23px;
	z-index:-1;
} 
#main #ailg {
	background-image:url(../images/ail_g.png);
	background-repeat:no-repeat;
	width:18px;
	height:792px;
	position:absolute;
	left: -79px;
	top: -23px;
	z-index:-1;
} 


#menu {width:894px; height:34px; clear:both;}

#menu A#accueil { background-image:url(../images/maccueil.gif); width:136px; height:34px;background-repeat : no-repeat;
background-position : 0 0; float:left; }
#menu A#accueil:hover { background-image:url(../images/maccueil.gif); width:136px; height:34px;background-repeat : no-repeat;
background-position : 0 -34px; float:left; }
#menu A#tarifs { background-image:url(../images/mtarifs.gif); width:147px; height:34px;background-repeat : no-repeat;
background-position : 0 0; float:left; }
#menu A#tarifs:hover { background-image:url(../images/mtarifs.gif); width:147px; height:34px;background-repeat : no-repeat;
background-position : 0 -34px; float:left; }
#menu A#reservation { background-image:url(../images/mreservation.gif); width:138px; height:34px;background-repeat : no-repeat;
background-position : 0 0; float:left; }
#menu A#reservation:hover { background-image:url(../images/mreservation.gif); width:138px; height:34px;background-repeat : no-repeat;
background-position : 0 -34px; float:left; }
#menu A#maroc { background-image:url(../images/mmaroc.gif); width:91px; height:34px;background-repeat : no-repeat;
background-position : 0 0; float:left; }
#menu A#maroc:hover { background-image:url(../images/mmaroc.gif); width:91px; height:34px;background-repeat : no-repeat;
background-position : 0 -34px; float:left; }
#menu A#contact { background-image:url(../images/mcontact.gif); width:115px; height:34px;background-repeat : no-repeat;
background-position : 0 0; float:left; }
#menu A#contact:hover { background-image:url(../images/mcontact.gif); width:115px; height:34px;background-repeat : no-repeat;
background-position : 0 -34px; float:left; }
#menu .parc { float:left; background-image:url(../images/cat_parc.gif); height:34px; width:266px;}
/*header banniere et menu*/


/*contenu gauche*/
#main #conteneurg {float:left; width:627px; height:auto; background-image:url(../images/back_ombre.gif); background-position:right; background-repeat:repeat-y;}
#main #conteneurg h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#e4322e; padding-bottom:10px; clear:both; font-weight:bold; text-transform:uppercase; padding-top:5px; padding-left:10px;}
#main #conteneurg h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#8e4180; padding-bottom:4px; clear:both; font-weight:bold; text-transform:uppercase;}
#main #conteneurg h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#8e4180; padding-bottom:4px; clear:both; font-weight:bold; text-transform:uppercase; padding-left:15px;}
/*accueil*/
#main #conteneurg #resa { width:590px; height:183px; clear:both; margin-left:10px; margin-top:20px; background-image:url(../images/fond_resa.gif); background-repeat:no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#636363; font-size:12px; padding-top:5px; padding-left:9px;}
#main #conteneurg #resa .zndate { background-image:url(../images/zn_date.gif); width:59px; height:19px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#636363; font-size:10px; font-weight:bold; padding:4px 1px 0px 1px;}
#main #conteneurg #resa .znheure { background-image:url(../images/zn_heure.gif); width:36px; height:20px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#636363; font-size:10px; font-weight:bold; padding-top:4px;}
#main #conteneurg #resa .znvoiture { background-image:url(../images/zn_select.gif); width:149px; height:20px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#636363; font-size:10px; font-weight:bold; padding-top:4px;}
#main #conteneurg #resa img.calendrier { padding-bottom:1px;}
#main #conteneurg .clrfix { width:auto; height:1px; clear:both;}

#main #conteneurg .referencement { float:left; display:block; width:auto; height:auto; padding:10px 10px 10px 0px;}
#main #conteneurg img.pub { clear:both; padding-left:25px; padding-bottom:10px;}
#main #conteneurg p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#7f7f7f; padding-left:15px; padding-right:15px; padding-bottom:10px; text-align:justify;}
#main #conteneurg p a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#c02522; text-decoration:none;}
#main #conteneurg p a:hover { text-decoration:underline;}
#main #conteneurg p span { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#009034; text-decoration:none; font-weight:bold;}

#main #conteneurg a.agency { color:#8e4180; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; clear:both; font-weight:bold; padding-left:15px;}
#main #conteneurg a.agency:hover { text-decoration:underline;}
#main #conteneurg .libelle {font-family:Verdana; font-size:11px; color:#615e5d; font-weight:bold;}
#main #conteneurg .znform {font-family:Verdana; font-size:11px; color:#615e5d; width:200px; border-style:solid; border-width:1px; border-color:#e2e1e1;}


#main #conteneurg img.ctrr { padding-left:25px; padding-bottom:5px;}
#main #conteneurg .cati { float:left; height:auto; width:290px; padding-left:20px; padding-bottom:10px;}
#main #conteneurg .cati a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#7f7f7f; text-decoration:none; font-weight:bold;} 
#main #conteneurg .cati a:hover {text-decoration:underline;}

#main #conteneurg #offre { width:579px; height:199px; clear:both; background-color:#ededed; margin-left:15px;}
#main #conteneurg #offre img.selection { float:left;}
#main #conteneurg #offre .cdroffre { background-image:url(../images/cdr_offre.gif); background-repeat:no-repeat; width:163px; height:192px; float:left; margin-left:10px; margin-top:5px;}
#main #conteneurg #offre .cdroffre h5 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#656565; text-align:center; padding-top:7px; clear:both}
#main #conteneurg #offre .cdroffre .cdimg { width:139px; height:130px; clear:both;}
#main #conteneurg #offre .cdroffre img.voiture { clear:both; padding:30px 0px 10px 12px;}
#main #conteneurg #offre .cdroffre span.clim { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#07922e;  padding-left:10px; padding-top:6px; clear:both; font-weight:bold;}
#main #conteneurg #offre .cdroffre h6 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#c02522; text-align:center; padding-left:50px;  clear:both}

#main #conteneurg .cdrvehicule { background-image:url(../images/cdr_vehicule.gif); width:549px; height:124px; margin-left:auto; margin-right:auto; background-repeat:no-repeat; margin-top:10px;} 
#main #conteneurg .cdrvehicule .cote1 { width:195px; height:110px; float:left; padding-left:15px; padding-top:10px;}
#main #conteneurg .cdrvehicule .cote1 span.rouge {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#c02522;}
#main #conteneurg .cdrvehicule .cote1 span.vert {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#009034;}

#main #conteneurg .cdrvehicule .cote2 { width:339px; height:120px; float:left;}

#main #conteneurg .cdrvehicule .cote2 h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#656565; clear:both; padding-bottom:5px; padding-top:10px;}
#main #conteneurg .cdrvehicule .cote2 p { text-align:justify; font-family:tahoma; font-size:10px; color:#515151; padding:2px 5px 5px 0px;}
#main #conteneurg .cdrvehicule .cote2 .picto {width:218px; float:left; padding-top:10px;}
#main #conteneurg .cdrvehicule .cote2 .resa {width:42px; float:left; padding-top:25px;}
#main #conteneurg #traisepa { background-image:url(../images/trait.gif); background-repeat:no-repeat; width:545px; height:23px; margin-top:10px; margin-right:auto; margin-left:auto; clear:both;}
#main #conteneurg #znloc1 { float:left; padding-left:60px; width:230px; height:134px; margin-top:20px;}
#main #conteneurg #znloc2 { float:left; padding-left:50px; width:233px; height:133px; margin-top:20px;}
#main #conteneurg .etape { padding-left:30px; padding-bottom:10px; clear:both;}

#main #conteneurg #resa1 { width:600px; height:183px; clear:both;  margin-top:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#636363; font-size:11px; padding-top:5px; padding-left:9px;}
#main #conteneurg #resa2 { width:600px; height:auto; clear:both;  margin-top:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#636363; font-size:11px; padding-top:5px; padding-left:9px;}
#main #conteneurg #resa1 .zndate { background-image:url(../images/zn_date.gif); width:59px; height:19px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#636363; font-size:10px; font-weight:bold; padding:4px 1px 0px 1px;}
#main #conteneurg #resa1 .znheure { background-image:url(../images/zn_heure.gif); width:36px; height:20px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#636363; font-size:10px; font-weight:bold; padding-top:4px;}
#main #conteneurg #resa1 .znvoiture { background-image:url(../images/zn_select.gif); width:149px; height:20px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#636363; font-size:10px; font-weight:bold; padding-top:4px;}
#main #conteneurg #resa1 img.calendrier { padding-bottom:1px;}
#main #conteneurg .nb { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#d41c18; text-decoration:none;}
#main #conteneurg a.nb:hover { text-decoration:underline;}
#main #conteneurg a.lslide { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#008f34; font-weight:bold; text-decoration:none;}
#main #conteneurg a.lslide:hover { text-decoration:underline;}
#main #conteneurg .znslide { width:550px; height:auto; clear:both; margin-left:auto; margin-right:auto;}
#main #conteneurg .znslide .voiture { width:160px; height:150px; float:left; padding-right:20px; text-align:center;}
#main #conteneurg .znslide .voiture span { clear:both; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#656565;}
#main #conteneurg .znslide .clrslide{ width:550px; height:1px; clear:both;}

#main #conteneurg #znresa1 {width:282px; height:auto; float:left; padding-left:10px;}
#main #conteneurg #znresa1 h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#656565; padding-bottom:6px;}
#main #conteneurg #znresa1 p.desc {text-align:justify; font-family:Tahoma; font-size:10px; color:#515151; padding:0px 1px 5px 0px;}
#main #conteneurg #znresa1 p.desc1 {text-align:justify; padding:0px 1px 5px 0px; color:#636363;}
#main #conteneurg #znresa1 hr { color:#d8d8d8; width:90%; margin-top:5px; margin-bottom:5px; }
#main #conteneurg #znresa1 span.rouge {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#c02522;}
#main #conteneurg #znresa1 span.red {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#c02522;}
#main #conteneurg #znresa1 span.green {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#51c27a;}
#main #conteneurg #znresa2 {width:308px; height:186px; float:left;}

#main #conteneurg #total{ width:376px; height:80px; float:right; padding-right:5px;}
#main #conteneurg .totalpanier {font-family:Verdana; font-size:11px; color:#615e5d; width:376px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#d8d8d8; padding-bottom:4px; clear:both; padding-top:3px;}
#main #conteneurg .totalpay {font-family:Verdana; font-size:11px; color:#5bcb41; width:376px; padding-bottom:4px; clear:both; padding-top:3px;}




















/*contenu droite*/




#main #conteneurd {float:left; width:267px; height:auto; }

/*contenu general*/
#main #conteneurd #parc { width:267px; clear:both; height:260px; background-image:url(../images/cle.gif);background-repeat:no-repeat; background-position:214px 0px;}
#main #conteneurd #parc p { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666666; width:210px; height:82px; padding-top:20px; margin-left:10px; padding-bottom:0px;}
#main #conteneurd #parc #zna { width:auto; height:auto; clear:both; padding-left:20px;}
#main #conteneurd #parc a { clear:both; border:none;}

#main #conteneurd #maroc {width:267px; height:250px; clear:both;}
#main #conteneurd #maroc img.morocco { padding-top:5px; padding-left:10px;}
#main #conteneurd #maroc p { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666666; width:250px; height:auto; padding-top:5px; margin-left:10px; padding-bottom:10px;}
#main #conteneurd #maroc a { font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#666666; text-decoration:none; padding-left:10px;}
#main #conteneurd #maroc a:hover { text-decoration:underline;}

#main #conteneurd #lld { width:267px; height:138px; clear:both;}
#main #conteneurd #lld #fond_lld { width:267px; height:103px; background-image:url(../images/fond_voiture.gif); background-position:right; background-repeat:no-repeat;}
#main #conteneurd #lld #fond_lld p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; width:145px; height:56px; margin-left:10px; padding-bottom:12px; color:#666666; padding-top:12px; line-height:13px;}
#main #conteneurd #lld #fond_lld a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#009034; background-image:url(../images/plus.gif); background-repeat:no-repeat; background-position:right; margin-left:5px; text-decoration:none; padding-right:15px; font-weight:bold;}
#main #conteneurd #lld #fond_lld a:hover { text-decoration:underline;}

#main #conteneurd #contact { width:267px; height:121px; clear:both;}

#main #conteneurd #picto { width:267px; height:242px; clear:both;}
#main #conteneurd #picto .catpicto { padding-bottom:10px;}
#main #conteneurd #picto span { font:Tahoma; font-size:11px; font-style:italic; padding-left:10px; padding-bottom:8px; float:left;}

#main #conteneurd #inclus { width:267px; height:160px; clear:both;}
#main #conteneurd #inclus #fond_inclus { background-image:url(../images/fond_atout.gif); width:258px; height:120px; background-repeat:no-repeat; background-position:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#545454; padding-left:8px; padding-top:5px; line-height:15px;}

#main #conteneurd #reseau { width:267px; height:205px; clear:both;}
#main #conteneurd #reseau .catreseau { padding-bottom:10px;}
#main #conteneurd #reseau a { font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#666666; text-decoration:none; padding-left:10px;}
#main #conteneurd #reseau a:hover { text-decoration:underline;}


/*footer du site*/
#main #trainoir{ width:894px; height:8px; background-color:#000000; clear:both;}
#footer{ width:100%; height:188px; background-image:url(../images/backfooter.gif); background-repeat:repeat; clear:both;}
#footer #menuf {width:890px; height:25px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#727272; clear:both; padding-top:6px; margin-left:auto; margin-right:auto; background-color:#000; padding-left:4px;}
#footer #menuf a { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#727272; text-decoration:none;}
#footer #menuf a:hover { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#727272; text-decoration:underline;}
#footer #menuf .crea { float:right; padding-right:3px;}
#footer #ref { clear:both; margin-left:auto; margin-right:auto; width:894px; height:auto; padding-top:40px; }
#footer #ref ul { float:left; height:auto; width:auto; height:30px; padding-right:34px; list-style-type:none;}
#footer #ref ul li { font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#ba2421; font-weight:bold; clear:both; padding-bottom:4px;}
#footer #ref ul li a { font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#727272; font-weight:400; clear:both; padding-bottom:2px; text-decoration:none;}
#footer #ref ul li a:hover { font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#727272; font-weight:400; clear:both; padding-bottom:2px; text-decoration:underline;}


/*footer du site*/