/*
Theme Name: M Com' Media
Theme URI: http://www.directinfoservice.com
Description: 
Version: 1.0
Author: Nguyen Duy
Author URI: http://www.directinfoservice.com
Tags: 

*/

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	/*background: #ffffff url('images/fondBody.jpg') repeat-x top left;*/
	color: #333333;
	text-align: center;
	}

#page #keywords h1{font-size:10px;color:#CCC;margin-left:10px;}

#page {
	background-color: white;
	margin: -8px auto;
	padding: 0 0 0 0;
	text-align: left;
	width:840px;
	}

#header {
	background: transparent url('images/fondHead.jpg') center;
	width:840px;
	height:264px;
	}
#headerUp{
	height:84px;
	width:840px;
	text-align:center;
	}
#headerDown{
	background: transparent url('images/fondHeaderDownHome.jpg') no-repeat top center;
	margin-left:7px;
	height:180px;
	width:826px;
	}
#headerDownCap{
	background: transparent url('images/fondHeaderDown.jpg') no-repeat top center;
	margin-left:7px;
	height:180px;
	width:826px;
	}
#headerDownVideo{
	background: transparent url('images/fondHeaderDownVideo.jpg') no-repeat top center;
	margin-left:7px;
	height:180px;
	width:826px;
	}
#headerDownCross{
	background: transparent url('images/fondHeaderDownCross.jpg') no-repeat top center;
	margin-left:7px;
	height:180px;
	width:826px;
	}	
#headerDownContact{
	background: transparent url('images/fondHeaderDownContact.jpg') no-repeat top center;
	margin-left:7px;
	height:180px;
	width:826px;
	}
	
#headerDownContenu{
	background: transparent url('images/fondHeaderDownContenu.jpg') no-repeat top center;
	margin-left:7px;
	height:180px;
	width:826px;
	}

#backHome{
	position:absolute;
	left:220px;
	width:260px;
	height:80px;
	}
#backHome a{
	display:block;
	text-decoration:none;
	width:260px;
	height:80px;
	}
	
#menu{
	width:840px;
	background: transparent url('images/fondMenu.jpg') no-repeat bottom center;
	height:32px;
	}

#contentMenu{
	padding-top:7px;
	padding-left:20px;
	}
#btAccueil{
	float:left;
	height:24px;
	width:98px;
	background: transparent url('images/btAccueilF.jpg') no-repeat bottom center;
	margin-right:30px;
	}
#btAccueil a {
	display: block;
	width: 98px;
	height: 24px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
		}
#btAccueil img {width: 98px; height: 24px; border: 0; }
			
#btAccueil a:hover img{visibility:hidden}


#btVideo{
	float:left;
	height:24px;
	width:86px;
	background: transparent url('images/btVideoF.jpg') no-repeat bottom center;
	margin-right:30px;
	}
#btVideo a {
	display: block;
	width: 86px;
	height: 24px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
		}
#btVideo img {width: 86px; height: 24px; border: 0; }
			
#btVideo a:hover img{visibility:hidden}


#btCap3w{
	float:left;
	height:24px;
	width:96px;
	background: transparent url('images/btCap3wF.jpg') no-repeat bottom center;
	margin-right:30px;
	}
#btCap3w a {
	display: block;
	width: 96px;
	height: 24px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
		}
#btCap3w img {width: 96px; height: 24px; border: 0; }
			
#btCap3w a:hover img{visibility:hidden}


#btCrossMedia{
	float:left;
	height:24px;
	width:132px;
	background: transparent url('images/btCrossMediaF.jpg') no-repeat bottom center;
	margin-right:30px;
	}
#btCrossMedia a {
	display: block;
	width: 132px;
	height: 24px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
		}
		
		
		
#btCrossMedia img {width: 132px; height: 24px; border: 0; }
			
#btCrossMedia a:hover img{visibility:hidden}


#btContact{
	float:left;
	height:24px;
	width:106px;
	background: transparent url('images/btContactF.jpg') no-repeat bottom center;
	}
#btContact a {
	display: block;
	width: 106px;
	height: 24px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
		}
#btContact img {width: 106px; height: 24px; border: 0; }
			
#btContact a:hover img{visibility:hidden}

#btContenu{
	float:left;
	height:24px;
	width:132px;
	background: transparent url('images/btContenuF.png') no-repeat bottom center;
	margin-right:30px;
	}

#btContenu a {
	display: block;
	width: 132px;
	height: 24px;
	display: block;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
		}
#btContenu img {width: 132px; height: 24px; border: 0; }
			
#btContenu a:hover img{visibility:hidden}
	
#content {
	font-size: 1.2em;
	width:840px;
	min-height:481px;
	background: transparent url('images/fondContent.jpg') repeat-y top left;
	}
	
#gauche{
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	width:550px;
	}
	
#gauche a{
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	}
#gauche a:hover{
	color:#666666;
	text-decoration:underline;
	}
#gauche a.piclenselink{
	display:none;
}
	
#contenuGauche{
	margin-left:15px;
	
	}
#titreArticleHome{
	color:#d74315;
	font-weight:bold;
	text-align:left;
	margin-top:15px;
	}
#corpsArticleHome{
	padding-bottom:10px;
	text-align:justify;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom:thin;
	border-bottom-style: dashed;
	border-color:#cccccc;
	}

#titreArticleVideo{
	color:#b4d816;
	font-weight:bold;
	text-align:left;
	margin-top:15px;
	}
#corpsArticleVideo{
	padding-bottom:10px;
	text-align:justify;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom:thin;
	border-bottom-style: dashed;
	border-color:#cccccc;
	}
#titreArticle{
	color:#1ba8ab;
	font-weight:bold;
	text-align:left;
	margin-top:15px;
	}
#corpsArticle{
	padding-bottom:10px;
	text-align:justify;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom:thin;
	border-bottom-style: dashed;
	border-color:#cccccc;
	}
#titreArticleCrossMedia{
	color:#641987;
	font-weight:bold;
	text-align:left;
	margin-top:15px;
	}
#corpsArticleCrossMedia{
	padding-bottom:10px;
	text-align:justify;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom:thin;
	border-bottom-style: dashed;
	border-color:#cccccc;
	}

#contentSingle{
	margin-left:15px;
	}
	
/*   RUBRIQUE ACCUEIL (Home) */
#Home{
	margin-left:15px;
	width:530px;
	background: transparent url('images/fondHome.jpg') no-repeat top center;
	}
#contenuHome{
	padding-top:75px;
	padding-left:5px;
	}
#solutions{
	margin-left:15px;
	width:530px;
	height:205px;
	background: transparent url('images/fondSolutions.jpg') no-repeat bottom center;
	}
#extraitSolution{
	height:75px;
	width:160px;
	}
#enSavoirPlus{
	text-align:center;
	height:20px;
	width:160px;
	}
#contentSolutions{
	padding-top:70px;
	padding-left:10px;
	}

#solutionVideo{
	float:left;
	height:100px;
	width:160px;
	text-align:left;
	}
#solutionCap3w{
	float:left;
	margin-left:12px;
	height:100px;
	width:160px;
	text-align:left;
	
	}
#solutionCrossMedia{
	float:left;
	margin-left:15px;
	height:70px;
	width:160px;
	text-align:left;
	
	}

/*   RUBRIQUE CAP3W */
#cap3w{
	margin-left:15px;
	width:530px;
	
	
	}
#contenuCap3W{
	
	padding-left:5px;
	}
#realisations{
	margin-left:15px;
	width:530px;
	height:410px;
	background: transparent url('images/fondRealisations.jpg') no-repeat top center;
	}
#contentRealisations{
	padding-top:45px;
	padding-left:5px;
	}
	
#contentRealisations img{
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	}

/*   RUBRIQUE VIDEO */
#video{
	margin-left:15px;
	width:530px;
	height:250px;
	background: transparent url('images/fondVideo.jpg') no-repeat bottom center;
	}
#contentVideo{
	padding-top:153px;
	padding-left:10px;
	}
#contenuVideo{
	float:left;
	height:70px;
	width:160px;
	text-align:left;
	}
#contenuVideo2{
	float:left;
	height:70px;
	width:160px;
	text-align:left;
	margin-left:15px;
	}
#contenuVideo3{
	float:left;
	height:70px;
	width:160px;
	text-align:left;
	margin-left:15px;
	}

#realisationsVideo{
	margin-left:15px;
	width:530px;
	height:436px;
	background: transparent url('images/fondRealisationsVideo.jpg') no-repeat bottom center;
	}
#contentRealisationsVideo{
	padding-top:40px;
	padding-left:5px;
	}

#contentRealisationsVideo img{
	margin-top:10px;
	margin-right:10px;
margin-left:10px;
	}

/*   RUBRIQUE CROSS MEDIA */
#crossMedia{
	margin-top:-10px;
	margin-left:15px;
	width:530px;
	height:520px;
	background: transparent url('images/fondCrossMedia.jpg') no-repeat bottom center;
	}

#contenu{
	margin-top:-10px;
	margin-left:15px;
	width:530px;
	height:520px;
	background: transparent url('images/fondContenu.jpg') no-repeat bottom center;
	}
	
#contentCrossMedia{
	padding-top:95px;
	padding-left:10px;
	}
#contenuCrossMedia{
	height:140px;
	width:500px;
	text-align:justify;
	margin-bottom:10px;
	}
#contenuCrossMedia2{
	height:140px;
	width:500px;
	text-align:justify;
	margin-bottom:10px;
	}
#contenuCrossMedia3{
	height:140px;
	width:500px;;
	text-align:justify;
	}
.titreCM{
	color:#712cb2;
	font-size:1.2em;
	text-align:left;
	font-weight:bold;
	}
	.titreContenu{
	color:#0309f0;
	font-size:1.2em;
	text-align:left;
	font-weight:bold;
	}
.gaucheCM{
	float:left;
	width:180px;
	height:140px;	
	}
	
.gaucheCM{
	float:left;
	width:180px;
	height:140px;	
	}
.droiteCM{
	float:right;
	margin-left:3px;
	width:317px;
	height:140px;
	}
.lienEnSavoirPlus{
	width:317px;
	text-align:right;
	}
.lienEnSavoirPlus a{
	font-size:1em;
	}

#realisationsCrossMedia{
	margin-left:15px;
	width:530px;
	height:436px;
	background: transparent url('images/fondRealisationsCrossMedia.jpg') no-repeat bottom center;
	}

#contentRealisationsCrossMedia img{
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	}
#contentRealisationsCrossMedia{
	padding-top:45px;
	padding-left:5px;
	}
	
#contactezNous{
	position:absolute;
	top:728px;
	left:590px;
	}
	
#contactezNous2{
	position:absolute;
	top:995px;
	left:590px;
	}

#contactezNous3{
	width:155px;
	float:right;
	}

#contactezNous a{
	display:block;
	width:150px;
	height:25px;
	text-decoration:none;
	}
#contactezNous a:hover{
	text-decoration:none;
	}
	
#contactezNous2 a{
	display:block;
	width:150px;
	height:25px;
	text-decoration:none;
	}
#contactezNous2 a:hover{
	text-decoration:none;
	}
#contactezNous3 a{
	display:block;
	width:155px;
	height:30px;
	text-decoration:none;
	}
#contactezNous3 a:hover{
	text-decoration:none;
	}

#contactezNousVideo{
	width:530px;
    height:40px;
	background: transparent url('images/fondRealisationsVideo2.jpg') no-repeat bottom center;
	}
#contactezNousVideo a{
	display:block;
	width:530px;
    height:40px;
    text-decoration:none;
 }
#contactezNousVideo a:hover{
    text-decoration:none;
 }
#sidebar{
	margin-top:10px;
	margin-bottom:10px;
	float:right;
	width:275px;
	}
#sidebar a{
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	}
#sidebar a:hover{
	color:#666666;
	text-decoration:underline;
	}
	
#encartActuHome{
	margin-right:15px;
	margin-top:18px;
	width:260px;
	height:225px;
	background: transparent url('images/fondActuHome.jpg') no-repeat top center;
	}	
#contentEncartActuHome{
	padding-top:60px;
	padding-left:5px;
	padding-right:5px;
	width:250px;
	text-align:justify;
	}
	
#encartActu{
	margin-right:15px;
	margin-top:17px;
	width:260px;
	height:225px;
	background: transparent url('images/fondActu.jpg') no-repeat top center;
	}	
#contentEncartActu{
	padding-top:60px;
	padding-left:5px;
	padding-right:5px;
	width:250px;
	text-align:justify;
	}

#encartActuVideo{
	margin-right:15px;
	margin-top:14px;
	width:260px;
	height:225px;
	background: transparent url('images/fondActuVideo.jpg') no-repeat top center;
	}	
#contentEncartActuVideo{
	padding-top:55px;
	padding-left:5px;
	padding-right:5px;
	width:250px;
	text-align:justify;
	}
	
#encartActuCrossMedia{
	margin-right:15px;
	margin-top:23px;
	width:260px;
	height:225px;
	background: transparent url('images/fondActuCrossMedia.jpg') no-repeat top center;
	}	
	
#encartActuContenu{
	margin-right:15px;
	margin-top:23px;
	width:260px;
	height:225px;
	background: transparent url('images/fondActuContenu.jpg') no-repeat top center;
	}	
	
#contentEncartActuCrossMedia{
	padding-top:55px;
	padding-left:5px;
	padding-right:5px;
	width:250px;
	text-align:justify;
	}
	
#contentEncartActuContenu{
	padding-top:55px;
	padding-left:5px;
	padding-right:5px;
	width:250px;
	text-align:justify;
	}
#contenuActu{
	height:100px;
	}
#actuEnSavoirPlus{
	margin-top:5px;
	}

#encartRefHome{
	margin-right:15px;
	margin-top:-4px;
	width:260px;
	/*height:205px;*/
	background: transparent url('images/fondRefHome.jpg') no-repeat top center;
	}	
#contentEncartRefHome{
	padding-top:35px;
	padding-left:5px;
	padding-right:5px;
	width:250px;
	text-align:justify;
	}

#encartRef{
	margin-right:15px;
	margin-top:-4px;
	width:260px;
	/*height:205px;*/
	background: transparent url('images/fondRef.jpg') no-repeat top center;
	}	
#contentEncartRef{
	padding-top:35px;
	padding-left:5px;
	padding-right:5px;
	width:250px;
	text-align:justify;
	}
#encartRefVideo{
	margin-right:15px;
	width:260px;
	/*height:205px;*/
	background: transparent url('images/fondRefVideo.jpg') no-repeat top center;
	}	
#contentEncartRefVideo{
	padding-top:35px;
	padding-left:5px;
	padding-right:5px;
	width:250px;
	text-align:justify;
	}

#encartRefCrossMedia{
	margin-right:15px;
	width:260px;
	/*height:205px;*/
	background: transparent url('images/fondRefCrossMedia.jpg') no-repeat top center;
	}	
	
#encartRefContenu{
	margin-right:15px;
	width:260px;
	/*height:205px;*/
	background: transparent url('images/fondRefCotenu.jpg') no-repeat top center;
	}
#contentEncartRefCrossMedia{
	padding-top:35px;
	padding-left:5px;
	padding-right:5px;
	width:250px;
	text-align:justify;
	}
	
#contentEncartRefContenu{
	padding-top:35px;
	padding-left:5px;
	padding-right:5px;
	width:250px;
	text-align:justify;
	}
#footer{
width:840px;
height:70px;
color:#333333;
background: transparent url('images/fondFooter.jpg') no-repeat bottom center;
text-align:center;
}

#footer a{

color:#333333;
text-decoration:none;

}

#footer a:hover{

color:#cccccc;


}

.clear{
	clear:both;
}