/**********************************************/
/* MATHIEU CYR                                */
/* Juillet 2010                               */
/**********************************************/
html{
	background:url('../images/html-bg.gif') #faf8f5 top left repeat-x;
}
body{
	margin-top:5px;
}
#mathieu-cyr {
	background:url('../images/body-bg-blanc.jpg') #faf8f5 top center repeat-x;
	height: 850px;
	width: 20000px;	
}
.container {
	float:left;
	padding-left:25px;		
	width:1975px;
	height:850px;
}
.wrapper{
	float:left;
	margin:0;
	min-height:850px;
	position:relative;	
	width:1000px;
}
.header{
	position:relative;
}
.logo{
	position:absolute;
	top:60px;
}
.social{
	position:absolute;
	right:40px;
	top:110px;
}
.like-fb { position:absolute; left:-64px; top:-26px;}
.gplus { position:absolute; left:-124px; top:-26px;}
.twitter{
	margin-left:5px;
}
/**********************************************/
/* MENU                                       */
/**********************************************/
.nav{
	left:12px;
	list-style:none;
	margin:0px;
	position:absolute;	
	top:15px;
}
.nav li{
	float:left;   
}
/**********************************************/
/* CONTENT                                    */
/**********************************************/
.content{
	left:10px;
	position:absolute;
	top:185px;
}
/**********************************************/
/* FOOTER                                     */
/**********************************************/
.footer{
	clear:both;
	right:-80px;
	position:absolute;
	bottom:75px;
}
/**********************************************/
/* PAGE ACCUEIL                               */
/**********************************************/
#accueil .wrapper{
	background:url('../images/accueil-wrapper-bg.jpg') center top repeat-x;
}
.video{
	background:url('../images/video-bg.png');
	float:left;
	height:306px;
	margin-right:50px;
	padding:30px 8px 0px 8px;
	width:454px;
}	
#calendrier-home{
	float:left;
	margin-left:50px;
}
#text-home{
	margin-top:25px;
}
/**********************************************/
/* PAGE NOUVELLES                             */
/**********************************************/
#nouvelles h2{
	margin-bottom:5px;
}
#nouvelles p{
	text-align:justify;
}
#nouvelles #text{
	height:425px;
}
.news{
	float:left;
	margin:0 5px;
	width:295px;
}
#nouvelles .sep{
	float:left;
	margin:0 15px;
}
/**********************************************/
/* PAGE CALENDRIER                            */
/**********************************************/
#calendrier .content-left{
	float:left;
	text-align:center;
	width:500px;
}
#calendrier .content-right{
	float:left;
	margin-left:15px;
	width:385px;
}
#calendrier h2, #calendrier h3 {
	margin:0px;
}
#calendrier h3{
	font-weight:normal;
}
#calendrier .unedate{
	float:left;
	height:65px;
	margin:5px 50px;
	text-align:left;	
	width:150px;
}
/**********************************************/
/* PAGE MEDIA                                 */
/**********************************************/
#media .sep{
	float:left;
	margin:0 15px;
}

#vidlist li {
	list-style:none;
	float:left;
}
/* PHOTOS **************************************/
#photos{
	float:left;
	width:312px;
}
#photos ul {
	margin-left:0;
}
#photos li {
	list-style:none;
	float:left;
}
#photos img{
	margin: 0 4px 4px 0;
}
/* VIDÉOS **************************************/
#videos{
	float:left;
	width:390px;
}
.next-video{
	margin-left:238px;	
}
.youtube-thumb{
	margin:2px 1px;
}
#media-text{
	float:left;
	width:200px;
}
/**********************************************/
/* PAGE BIO                             */
/**********************************************/
#bio .content-left{
	float:left;
	width:650px;
}
#bio .content-right{
	float:left;
	margin-left:15px;
	width:300px;
}
#bio h2{
	margin-bottom:25px;
}
#bio h3{
	margin:10px 0 5px 0;
}
/**********************************************/
/* PAGE LOUEZ MATHIEU                         */
/**********************************************/
#louez h2{
	margin-bottom:25px;
}
/**********************************************/
/* PAGE LES CRAVATES                          */
/**********************************************/
.video-listing {
	margin-left:235px;
}
.video-description {
	width:427px;
}
.move-left{
	margin-left:200px;
}
.move-right{
	margin-right:200px;
}
#list-cravates { float:left; width:725px;}
#list-cravates li{ list-style:none; float:left; margin:5px 5px 10px 5px;width:120px;font-size:10px;text-align:center;height:130px;}
#list-cravates-col2{ float:left; width:200px; padding:0;}
#list-cravates-col2 li{ list-style:none;}

.newsmp3title { }

.jp-playlist ul li { cursor:pointer;} 

/**********************************************/
/* PAGE MARCHANDISE                           */
/**********************************************/
#marchandise .content-left{
	float:left;
	width:450px;
}
#marchandise .content-right{
	float:left;
	margin-left:25px;
	width:375px;
}
/**********************************************/
/* PAGE LIENS                                 */
/**********************************************/

/**********************************************/
/* PAGE CONTACT                               */
/**********************************************/
#contact .content{
	margin-left:50px;
}
#contact .content-left{
	float:left;
	width:200px;
}
#contact .content-right{
	float:left;
	margin-left:25px;
	width:500px;
}
.txtbox{
    color:#d31d37;
    width:300px;
    border-bottom:1px solid #eee;
    border-right:1px solid #eee;
    border-top:1px solid #d4d4d4;
    border-left:1px solid #d4d4d4;  
}
textarea.txtbox{
    width:445px;
    color:#6f6f6f;
}
#lst-commentaire{
	list-style:none;
	margin-left:0px;
}
#lst-commentaire li{
	margin-bottom:10px;
}
/**********************************************/
/* PAGE 404                                   */
/**********************************************/

/**********************************************/
/* ADMIN                                      */
/**********************************************/
#admin{
	padding-left:50px;	
}
#admin-menu, #admin-menu li{
	list-style:none;
}
.admin-link {
	border:1px solid #999999;
	background:#f5f5f5;
	left:40px;
	position:absolute;
	bottom:30px;
	padding:15px;
	text-align:center;
	width:800px;
}
.admin-link a{ 
	font-weight:bold;
	margin:0 6px;
}



.banner
{
    margin-top:20px;
	margin-left:140px;
	height:90px;
	width:728px;
	position:relative;
}
.banner img, .banner a  img{
	position:absolute;
	top:0;
	left:0;
}
.banner a {
	display:block;
}