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

/*******************************************************************************/
/* @@@  Developpé en XHTML-CSS2 par le Webdesigner/webmaster : Younes CHRAK @@@*/ 
/* pour le projet : Mediaco */
/* Date : 2010-03-20 */
/*******************************************************************************/


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


@font-face {
	font-family: EurostileExtended-Roman-DTC  ;
	src : url("fonts/EurostileExtended-Roman-DTC.ttf"); 

}


@font-face {
	font-family: Eurostile-Roman-DTC  ;
	src : url("fonts/EUROSTI1.TTF"); 
}

@font-face {
	font-family: Eurostile  ;
	src : url("fonts/Eurostile.ttf"); 
}


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

}
*/

h1#title1 {  color: red; font-family: Eurostile ; } 

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

body {margin:0;  padding:0;  font-family: Arial, Helvetica, sans-serif;  font-size:.8em;  line-height:1.25;  color:white;  background:url(http://www.mediacointernational.com/images/bg_body.gif) 0 0 repeat #3a3a3a;}

/* Titres */
h1, h2, h3, h4, h5, h6 {margin: 1em 0 .5em 0; font-weight:bold; font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif ; color:#d2d2d2;  }
	h1 {font-size: 2.2em; margin-top : 0.3em;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.2em;}
	h4 {font-size: 0.9em;}
 	   
 .clear {clear:both;  height:0px;  width:0px;}
 .clear_ie6 { display:block !important; display: none; }
 
 ul {list-style:none;}   
 
 a { color:#fbe41a;  text-decoration:none;  cursor:pointer;}
	    
 a img { border: none; } 
 	a:hover { text-decoration:underline; }
	
	.ctn_lire-suite { width:100%; }
	.lire-suite { display:block; float:right;  } 

 .tab_list_def {} 
.tab_list_def .tld_lbl { } 

 #c_main_interne img { margin : 7px; } 
	
	
/**************************/
/* Structure et layout : */
/*************************/

/*---  page: le conteneur globale du site  ---*/
 #page { width:958px; padding-right:27px;  margin:0 auto;  background: url(http://www.mediacointernational.com/images/bg_page.gif) repeat-y 0 0 #4e4e4e; margin-bottom:20px; }
 
 
/*--- DEB : c_top: la partie haute du site  ---*/

 #c_top { height:177px; position:relative; padding-left:27px; } 
 
     #logo { width:293px;  height:177px; background:#000;  text-align:center; float:left;   }
	 #logo img { margin-top:20px;  }
	 
	 #flash_adresse { float:right; width:638px; background:url(http://www.mediacointernational.com/images/flash_adresse.gif) ; width:638px; margin-left:-6px;   height:177px;   } 
	 
	 
	 #top-menu-small { position:absolute;  width:100px;  height:100px;  left:250px; top:10px; } 
	 #top-menu-main  { width:100%;  height:30px;  position:relative;  top:154px; }
	 
	 	#top-menu-main  li { float:left;  display:block; }
		#top-menu-main  li a { display:block;  color:#fff; font-weight:bold;   font-size:1.1em;  line-height:30px; text-decoration:none;  margin:0 5px; padding: 0 10px;  background:#e9d397 ; -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{ text-decoration:none;  color:#96825C;  background:#FFFFCC;  border: solid 1px #e9d397; padding: 0 9px; }
       		 
/*--- DEB : c_top ---*/


/*--- DEB  contenu : partie midlle  ------*/
  #c_middle  {width:100%;  position:relative; }
  /* la hauteur des layout : */
  
  		#c_left    { float:left;  width:320px !important;  width:320px;  margin-right:0px; }
			
			#c_left_n2 { width:251px; padding: 0px 21px 10px 48px;  }
			#c_left_n2 h2 { text-align:center; }
				#box_actualite { margin:0px 0px 10px; }
                                #box_actualite #ba_ctn { height:auto !important; min-height:188px;  height:188px;}
                                    #ba_nav a { display:block; line-height:20px; width:20px; text-align:center; color:#fff; border:solid 1px #fff;  float:left; margin-left: 10px; }
                                    #ba_nav a:hover { background:#999; text-decoration:none; } 

				#box_bourse { margin:0px; } 
		
		    #left-menu-main  { width:320px;  } 
				#left-menu-main li a { /*font-family: Eurostile , EurostileExtended-Roman-DTC;  */ display:block;   font-size:18px; line-height:32px; color:#000; width:270px; padding-left:50px; letter-spacing:1px; text-decoration:none; } 
					#left-menu-main  li a#lmm_group { background:url(http://www.mediacointernational.com/images/bt_group-midiaco.gif) no-repeat 0 0; }
					#left-menu-main  li a#lmm_service { background:url(http://www.mediacointernational.com/images/bt_svces-activite.gif)  no-repeat 0 0; }
					#left-menu-main  li a#lmm_implantation { background:url(http://www.mediacointernational.com/images/bt_implantation.gif) no-repeat 0 0;}
					#left-menu-main  li a#lmm_reference { background:url(http://www.mediacointernational.com/images/bt_reference-chantier.gif) no-repeat 0 0;}
					#left-menu-main  li a#lmm_formation { background:url(http://www.mediacointernational.com/images/bt_formation.gif) no-repeat 0 0;}
					#left-menu-main  li a#lmm_filiale { background:url(http://www.mediacointernational.com/images/bt_Filiales.gif) no-repeat 0 0;}
					#left-menu-main  li a#lmm_recrutment { background:url(http://www.mediacointernational.com/images/bt_recrutement.gif) no-repeat 0 0; }
					
					#left-menu-main ul.lmm_sm1 {  padding: 10px 21px 10px 48px;}
					#left-menu-main ul.lmm_sm1 li { } 
					#left-menu-main ul.lmm_sm1 li a  { background:url(http://www.mediacointernational.com/images/sml_puce.gif) no-repeat center left; padding-left:7% ; display:block; color:#fff; font-size:12px; line-height:normal; width:90% } 
					#left-menu-main ul.lmm_sm1 li a:hover , #left-menu-main ul.lmm_sm1 li .lmms_bt-hover  { background:url(http://www.mediacointernational.com/images/sml_puce-hover.gif) no-repeat center left; color:#fbe41a; } 
					
	    #c_main { height:auto !important; min-height:400px;  height:400px;  width:638px; float:right; margin-left: -6px;} 
		#c_main_interne { margin:15px; border:solid 1px #676767;  height:auto !important; min-height:600px;  height:600px; padding:25px;  } 
		 
                  #c_main_interne  ul { margin:10px 0 10px 10px;  }
		  #c_main_interne  ul li  { background:url(http://www.mediacointernational.com/images/puce_site.gif) 3px 6px no-repeat ; padding-left:15px ; margin:10px 0; }
			#banner_js_boocle { height:160px; background : #eee; margin-bottom: 0 !important; margin-bottom: -3px;    } 
			#flash_middle { height:208px; background:url(http://www.mediacointernational.com/images/flash_middle.jpg) no-repeat 0 0; } 
			
			#bottom_ctn_boxs {} 
				#bottom_ctn_boxs .bcb_box { width: 211px; height: 200px;  float:left;  display:block; border-left: solid 1px #4E4E4E; border-top: solid 10px #444; }
					#bottom_ctn_boxs #bcb_partenaires {  background:   0 0 no-repeat #252525 /* url(http://www.mediacointernational.com/images/nos-partenaires.gif) */ ; }
					#bottom_ctn_boxs #bcb_partenaires #bcbp_logos { position:relative; top:56px;   }
					#bottom_ctn_boxs #bcb_devis { background:url(http://www.mediacointernational.com/images/bg_devis-en-ligne.jpg)  0 0 no-repeat #252525;   } 
					#bottom_ctn_boxs #bcb_journal { background:url(http://www.mediacointernational.com/images/bg_journal-interne.jpg) 0 0 no-repeat #252525;  }
                                 #bcbb_bourse { position : relative; top: 55px; } 

	/** **/	
		#ti_banner { background:url(http://www.mediacointernational.com/images/top_banner_interne.jpg) no-repeat 0 0 ; height:156px; width:100%; position:relative;   } 
			#tib_menu { float:right; width:145px;   margin-top: 48px;}
				#tib_menu li a  { color:#9a9a9a; background:#9a9a9a; color:#fff; width:90%; padding-left:10%;  display:block; margin:2px 0px; line-height: 19px; color:#9A9A9A;  /* background-color: rgb(154, 154, 154); background: rgba(154, 154, 154, 0.8); -moz-border-radius : 8px 0px 0px 8px;  
				 -webkit-border-top-left-radius:8px;  -webkit-border-bottom-left-radius: 8px; */    }
				 
				 #ti_test  { width:100px; height:100px; background:#C33; opacity : 0.70; 	filter : alpha(opacity=70); display:block;} 
				  #ti_test:hover  { opacity : 1; 	filter : alpha(opacity=100); } 
		     #tib_menu li a#tib_partenaire  {  background:url(http://www.mediacointernational.com/images/bt-top-partenaires.png) no-repeat 0 0;  }  
			 #tib_menu li a#tib_devis  { background:url(http://www.mediacointernational.com/images/bt-top-devis.png) no-repeat 0 0 ;}
			  #tib_menu li a#tib_journal  {background:url(http://www.mediacointernational.com/images/bt-top-journal.png) no-repeat 0 0;  } 
		#top_interne { float:right; width:638px;   } 

 /*** actualite  ***/  

 .img_reference { height : 230px; }  

 .bloc_news { background : #696969; padding : 2%; width : 96%; margin : 2% 0 ;  } 

 .date_news { float: left; margin-top: 10px; } 

 #news_ticker_3 a { text-decoration : none; }

 /***  pages partenaires ***/

   #img_partenaires {} 
   #img_partenaires img  { width : 182px; margin : 0 ; }

			
	/** **/					
/*---FIN  contenu  ------*/



/*---DEB  pied ------*/
#c_bottom {width:100%;  position:relative; } 	
	#bottom_menu { height:22px;  float:right; } 
			#bottom_menu li { float:left; } 
			 			#bottom_menu li a { color:#fff;  display:block;  padding-left:15px;  margin-right:20px;  font-size:11px; line-height:  22px;}                  #bottom_menu li a#bm_home { background: url(http://www.mediacointernational.com/images/bg_home.gif) no-repeat center left;  }
						#bottom_menu li a#bm_plan-site { background: url(http://www.mediacointernational.com/images/bg_plan-site.gif) no-repeat center left;  }
						#bottom_menu li a#bm_print { background: url(http://www.mediacointernational.com/images/bg_print.gif) no-repeat center left; }
						#bottom_menu li a#bm_contact { background: url(http://www.mediacointernational.com/images/bg_contact.gif) no-repeat center left; }
						#marquette {position:relative; top : 55px; }

#signature { text-align : center; line-height : 20px; margin-bottom: 50px; }
/*---FIN  pied ------*/




/*********************************************/
/* CSS des pages spcifique et partuculier : */
/*********************************************/
  






