@charset "utf-8";
/* CSS Document */

/*******************************************************************************/
/** @@@  Développé par le Webdesigner/webmaster : Younes CHRAK @@@ **/
/** pour le projet : Afriquia gaz smdc  **/
/** Date : 2010-05-17 **/
/*******************************************************************************/


/******************/
/* CSS GENERAL : */
/*****************/


* { padding:0;  margin:0;  border:none;}  
   
 html  {font-size:100%; }

body {margin:0;  padding:0;  font-family:Arial, Helvetica, sans-serif;  font-size:12px;  color: #3e708f;  background:#fff; position:relative  }

/* Titres */
h1, h2, h3, h4, h5, h6 { padding : 1em 0 .5em 0; color: #e75426;}
	h1 { font-size:1.7em; }
	h2 { font-size:1.5em; color:#68B023; }
	h3 { font-size:1.23em; }
	h4 { font-size:0.95em; }
 	   
 .clear {clear:both;  height:0px;  width:0px;}
 
 ul {list-style:none;}   
 
 a { color:#4DA3B0;  text-decoration:none;  cursor:pointer;}
	    
 a img { border: none; } 
 	a:hover { text-decoration:underline; }
	
	
	.lire_suite { background:url(http://www.afriquia.ma/images/bg_puce_blue.gif) no-repeat  0px 4px ; display:block; padding-left:10px;     float:right;  } 
	


        .bt_pdf {display : block;  background:url(http://www.afriquia.ma/images/pdf.gif) no-repeat center left; line-height : 29px; padding-left : 35px; font-weight : bold ; }

        .f_left { float : left ; }  
        .f_right {float : right; }
        .f_center { margin: 0 auto; display : block; }
        .img_right { float : right;  margin: 0px 10px 10px; } 

.boutton  { background: #0064A3; font-weight : bold;  padding : 5px 10px; color : #fff;  -moz-border-radius: 5px;     -webkit-border-radius: 5px;     -khtml-border-radius: 5px;     border-radius: 5px; }

 #cm_ctn ul { margin:10px 0 10px 10px; }

 #cm_ctn ul li {background:url(http://www.afriquia.ma/images/puce_site.gif) no-repeat scroll 0 5px transparent; margin:5px 0; padding-left:15px; }

#cm_ctn ol { margin:15px 0 10px 30px; }

#cm_ctn ol li { margin : 5px 0px ; }

#breadcrumb { font-size : 10px;  }     




/*@@___________@@@ DEBUT CSS FORMULAIRE @@@_______________@@*/
form {}
form #msg_err { color:red; height:22px;  }
form em { color:red; font-weight:bold; font-size : 10px; }

/* conteneur des element de formulaires */
form #ctn_form { width:70%; margin:0  auto; padding:3%;  }

  form #ctn_form #ctnf_col1 { float: left; width:50%; }
  form #ctn_form  #ctnf_col2 { float:right; width:50%;  }

	/* une ligne de formulaire */
	form .cf_row {margin:8px 0; }
	
	form label { font-weight:bold; font-size:11px; display:block; float:left; width:26%; padding: 0 1%; text-align:right; }
		form .chp_txt, form .chp_cbo { border:solid 1px #ccc; width: 55% ; height:22px;  }
		form .chp_txa { width:55%; height:100px;  border:solid 1px #ccc;  }
		
		form .bouttons { width:218px; position:relative; left : 33%;  /* margin: 0 auto; */   }
			form .bouttons  .bouton_site { display:block; float:left; line-height:24px; text-align:center; width:100px; border:solid 2px #ADADAD; background:#0064A3; font-size:13px;  font-weight:bold; color:#fff; margin:0px 2px; cursor:pointer;  }
			

/*@@___________@@@ FIN CSS FORMULAIRE @@@_______________@@*/


	
/**************************/
/* Structure et layout : */
/*************************/

/*---  page: le conteneur globale du site  ---*/
 #page { width:937px; padding:0px 14px;  margin:0 auto;  background: url(http://www.afriquia.ma/images/bg_page.png) no-repeat 0 66px #fff; padding-bottom:30px; }
 
 
/*--- DEB : c_top: la partie haute du site  ---*/
 #c_top {width:100%;  height:482px;  position:relative;  } 
 
 .page_home  #c_top {height:340px;} 
 
     #logo { position:absolute; left:85px; top:15px; z-index:100;  }	
	 
	 #top-menu-main  { 	width:682px; 	height:24px; 	position:absolute;  top:36px; 	left: 234px; position:relative;  }
	 	#top-menu-main  li { float:left;  display:block; }
		#top-menu-main  li a { font-family:Verdana, Geneva, sans-serif;  display:block;  color:#fff; font-weight:bold;   font-size:0.85em;  text-decoration:none;  margin-left : 1px; background:#0c90e4; width:97px; height:125px; text-align:center; text-transform:uppercase; position:relative; /* -moz-border-radius : 8px 8px 0px 0px;  -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius: 8px; */ }
		#top-menu-main  li a:hover{}
		#top-menu-main  li a#tmm_bt1 { background:url(http://www.afriquia.ma/images/bg_tmm_bt1.png) no-repeat top right; height:77px; 
		padding-top : 40px; top:1px;}
		
		#top-menu-main  li a#tmm_bt1:hover  {background:url(http://www.afriquia.ma/images/bg_tmm_bt1.png) no-repeat top left; }
		
		#top-menu-main  li a#tmm_bt2 {  background:url(http://www.afriquia.ma/images/bg_tmm_bt2.png) no-repeat top right; height:78px;  padding-top : 30px ; top:0px; }
		#top-menu-main  li a#tmm_bt2:hover  {  background:url(http://www.afriquia.ma/images/bg_tmm_bt2.png) no-repeat top left; }
		
		#top-menu-main  li a#tmm_bt3 {  background:url(http://www.afriquia.ma/images/bg_tmm_bt3.png) no-repeat top right; height:82px; padding-top:20px; top:0px; }
		#top-menu-main  li a#tmm_bt3:hover {background:url(http://www.afriquia.ma/images/bg_tmm_bt3.png) no-repeat top left;  } 
		
		
		#top-menu-main  li a#tmm_bt4 { background:url(http://www.afriquia.ma/images/bg_tmm_bt4.png) no-repeat top right; height:81px; padding-top:10px ; top:-2px; } 
		#top-menu-main  li a#tmm_bt4:hover  { background:url(http://www.afriquia.ma/images/bg_tmm_bt4.png) no-repeat top left;}
		
		
		#top-menu-main  li a#tmm_bt5 { background:url(http://www.afriquia.ma/images/bg_tmm_bt5.png) no-repeat top right; height:72px; padding-top:5px; top:-2px;  }
		#top-menu-main  li a#tmm_bt5:hover  { background:url(http://www.afriquia.ma/images/bg_tmm_bt5.png) no-repeat top left; }
		
	    #top-menu-main  li a#tmm_bt6 { background:url(http://www.afriquia.ma/images/bg_tmm_bt6.png) no-repeat top right; height:57px; 
		margin-left: 1pt; padding-top:20px; top:-2px; }
		#top-menu-main  li a#tmm_bt6:hover  { background:url(http://www.afriquia.ma/images/bg_tmm_bt6.png) no-repeat top left; }
		
		#top_banner {  /*background:url(http://www.afriquia.ma/images/bg_top-banner_2.jpg)  #0072ba no-repeat top right; */height:163px; width:100%; position:absolute;  top : 160px;  } 
       		 
/*--- DEB : c_top ---*/
 

/*--- DEB  contenu : partie midlle  ------*/
  #c_middle  {width:100%;  position:relative; background:#fff;}
  
  /* la hauteur des layout : */

	#c_main  {  height:auto !important; min-height:400px;  height:400px; width:672px; position:relative;   float : left;    } 
	  #cm_smenu {} 
	  #cm_ctn { width:660px; margin: 0px auto; text-align: justify; line-height : 19px;  }
	   
	   #top_smenu { background:url(http://www.afriquia.ma/images/bg_smenu.gif) no-repeat; height:30px; width:683px; /*margin-top:-15px;*/} 
	   
	    #top_smenu li  { float:left; } 
	
	
	
	/* DEB :  partie droite */
	#c_right { float:right;  width:247px; } 	
     #box_trouver_station { background:url(http://www.afriquia.ma/images/bg_trouver-station.jpg) #c3d8e4 no-repeat 0 0;  width: 247px;  height:184px; }				   
	 #ts_cbo_ville { position:relative; left:41px; top:50px; width:162px; position:relative;  } 
	 
	 #box_nos_services { background:url(http://www.afriquia.ma/images/bg_nos_service.jpg) #c3d8e4  no-repeat ; width : 247px; height: 206px; margin-top:10px;   }
	 #box_nos_services  p { position:relative; width:90%; margin: 0 auto; text-align:justify; top:150px;   }
	 
	 
	 
	 
	 /*** partie droite des internes **/ 
	    #box_trouver_station_2 { background: url(http://www.afriquia.ma/images/bg_trouver-station_2.jpg) #c3d8e4 no-repeat 0 0; 
		width:247px;  height:95px; }
		
			 #box_nos_services_2 { background:url(http://www.afriquia.ma/images/bg_nos_service_2.jpg) #c3d8e4  no-repeat ; width : 247px; height: 144px; margin-top:1px;   }
			 
			 #box_nos_services_2 p { position:relative; width:90%; margin: 0 auto; text-align:justify; top:95px;}
			 
			 #box_nos_cartes_2 { background:url(http://www.afriquia.ma/images/bg_nos_carte_2.jpg) no-repeat  #F4F4F4; width :247px; height: 102px;  position:relative; } 
		
	    	 #box_nos_cartes_2 .lire_suite { margin-top:48px;  width:61px; } 
	 	
		
	
	
  /* FIN  :  partie droite */
/*---FIN  contenu  ------*/



/*---DEB  pied ------*/

  #c_bottom { width:100%;  position:relative; background:#0072ba; height:35px; position:relative   }
       #c_bottom  a { color : #fff; }     
     #c_bottom #cb_ctn {  width:937px;  margin:0 auto; line-height:35px;   }
	  #par_finatech {float:left; color: #59bfff}
	    #c_bottom #akwa { width: 122px; margin: 0 auto;  color:#fff; display:block;   } 
	    #c_bottom  #cb_small_menu { float:right; color:#fff; } 
	    #c_bottom  #cb_small_menu a  { color:#fff;   }
	  
  
/*---FIN  pied ------*/



/*********************************************/
/* CSS des pages spcifique et partuculier : */
/*********************************************/
  
  /*
  @font-face {
	font-family: Restau;
	font-style: normal;
	font-weight: normal;
	src : url("fonts/5OptimusPrincepsSemiBold.ttf") format("opentype");


  */

 .test_link { width:100px; height:50px; background:red; display:block; margin: 50px; padding:25px  0px;     } 
 
 /* DEB  : page   la home */
 

    #cmh_col1 { float:left; width:326px ;  } 
		#box_nos_lubrifiants  { position:relative; background:url(http://www.afriquia.ma/images/bg_nos_lubrifiants1.jpg) no-repeat  #F4F4F4 ;  width : 326px; height: 189px; margin-top:3px;   } 
		#box_nos_lubrifiants  p  { font-size:11px; height:100px; left:11px; position:absolute; text-align:justify; top:129px; width:198px;}
	
	#cmh_col2 { float:right;  width: 318px; } 
		#box_nos_cartes { background:url(http://www.afriquia.ma/images/bg_nos_carte.jpg) no-repeat   #F4F4F4; width : 318px ; height: 184px;  position:relative;   } 
		
		 #box_nos_cartes .lire_suite { margin-top:151px; } 
		
		#box_nos_cartes p { left:8px; position:absolute; text-align:right; top:120px; width:303px; z-index:100;  } 			
		#box_club_afriquia { position:relative; background:url(http://www.afriquia.ma/images/bg_club_afriquia.gif) no-repeat ;  width : 318px; height: 242px; position:relative; margin-top:-27px; } 
			#box_club_afriquia  p {  font-size:11px; left:10px; position:absolute; text-align:justify; top:131px; width:134px; }

	
  
 /* FIN :  page  : la home */

/*------DEB  page : lubrifiants : >     /espace-particuliers/produits/proprietaires-de-vehicules-legers/lubrifiants   -------------*/

 .pdt_row { border:1px solid #f0f7fb; background:url(http://www.afriquia.ma/images/bg-lubrifiant.jpg); width:96%; padding:2%; margin:15px 0px; width:96%; padding:2%; margin:15px 0px;  }
 .pdt_row  a { display:block; float:right; margin-left:15px;  } 
  .pdt_row  img { width:120px;  }


  .cmn_row h3  { margin : 0px 0px; }
  .cmn_row  p { margin :0px; padding : 0px} 

  .home #cm_ctn { line-height : normal}

/*------FIN page : lubrifiants : >     /espace-particuliers/produits/proprietaires-de-vehicules-legers/lubrifiants   -------------*/


/*** page : **/

 .tab_data1 {}
   .tab_data1 th {font-weight:bold; background:#0772B8;  line-height:30px; color:#fff;   padding:1% 2%;   }
   #td_col1 { width:8%;} 
   #td_col2 { width:75%;  }  
   .tab_data1  td  { padding : 5px ; background:#e5eff5; }

/*** page actualite : /espace-media/actualites ***/
   .bloc_news { background : #eef5f9; padding : 2%; margin : 15px 0px; } 
   .bloc_news a.highslide ,  #detail_news a.highslide { display : block ; float : right; } 
   .bloc_news a.highslide img , #detail_news img  { /*width : 200px;*/  margin-left : 15px; }

   #cm_news h3 { font-size : 1.1em; }
/*** Mertiers  ***/

  #ctn_vignette { margin-top: 10px;  } 
 .vignette { display:block ; width:30%; margin:0.45em;  background: #E0EEF8; float:left; text-align:center ; line-height:100px;  
 border: solid 1px #0064A3;}

#news {
}

.newsticker {
        list-style-type: none;
        text-align:justify;
        padding: 0px;
        margin: 0;
}
#tab-historique th { background-color:#0772B8; color:#FFFFFF; font-weight:bold; text-align:center;}
#tab-historique td { background-color:#E5EFF5; padding:5px;}
#tab-historique td strong{ text-align:center; background-color:#E5EFF5; padding:5px;}
.akwa { margin-top:3px;}