/*
	Standard font family for site
*/

body, table, tr, td, a, p, h1, h2, h3, h4, h5
{
	font-family: verdana, arial, helvetica, sans-serif;
}


/*
	Page body style
*/

body
{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	background-color: #222222;
	background-image: url("images/bg.gif");
	background-repeat: repeat-x;
}



/*
	Standard paragraph style
*/

p
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.6em;
	margin-top: 0px;
	color: #ececec;
	line-height: 1.5em;
	text-align: left;
}


li
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.6em;
	margin-top: 0px;
	color: #ffffff;
	line-height: 1.3em;
	text-align: left;
}




/*
	Links
*/


a:link { 
	color: #EA922B; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 1em; 
	text-decoration: none;  
	}

a:visited { 
	color: #999999; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 1em; 
	text-decoration: underline; 
	} 

a:active { 
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 1em; 
	text-decoration: none; 
	} 

a:hover { 
	color: #ffffff; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 1em; 
	text-decoration: underline;
	} 


/*
	Front Page Table Links
*/


a.menu:link { 
	color: #999999; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 1em; 
	text-decoration: none;  
	}

a.menu:visited { 
	color: #999999; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 1em; 
	text-decoration: none; 
	} 

a.menu:active { 
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 1em; 
	text-decoration: none; 
	} 

a.menu:hover { 
	color: #ffffff; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 1em; 
	text-decoration: underline;
	} 




/*
	Headings
*/

h1
{
	font-weight: bold;
	font-size: 0.6em;
	color: #E6361F;
  margin-top: 50px;
}

h1.left-header
{
	font-weight: bold;
	font-size: 0.6em;
	color: #ffffff;
	margin-left: 35px;	margin-top:15px;	margin-bottom:10px;
}
p.left-text{	font-size: 0.6em;	margin-left: 45px;	margin-right: 70px;	color: #999999;}
p.left-news{	font-size: 0.6em;	margin-left: 45px;	margin-right: 50px;	color: #FFFFFF;}
img.left-news{	margin-left: 45px;	}
input.left-news{	margin-left: 65px;	}
img.left-cdc{	margin-left: 85px;}
a.left-link{	font-size: 0.6em;	float:right;	margin-right:100px;	color: #999999;	margin-top:5px;	margin-bottom:10px;}
a.left-cdc{	font-size: 1em;	float:right;	margin-right:100px;	color: #999999;	margin-top:5px;	margin-bottom:10px;}

h2
{
	font-size: 0.6em;
	color: #ffffff;
	padding-top: 9px;
}



/*
	Main Table - just gives the content a background colour
*/

.maintable 
{
	background-color: #222222;
}



/*
	Menu Table and Cell - controls how the menu looks & sits
*/

.menutable 
{
	height: 25px;	
	width: 750px;
	font-size: 0.7em;
	background-color: #333333;
	border-bottom: 1px solid #999999;
}

.menucell
{
  padding-left: 15px;
}



/*
	Left hand column on homepage - the big image
*/

.home
{
	width: 876px;
	height: 600px;
	background-image: url("images/home_left.jpg");
	background-repeat: no-repeat;
	padding-top: 335px;
}

.home-left 
{
	width: 276px;
	height: 600px;
	background-image: url("images/accueil.gif");
	background-repeat: no-repeat;
	padding-top: 335px;
}

.chroniques
{
	width: 276px;
	height: 600px;
	background-image: url("images/chroniques.gif");
	background-repeat: no-repeat;
	padding-top: 550px;
}

.sorties
{
	width: 276px;
	height: 600px;
	background-image: url("images/sorties.gif");
	background-repeat: no-repeat;
	padding-top: 550px;
}

.liens
{
	width: 276px;
	height: 600px;
	background-image: url("images/liens.gif");
	background-repeat: no-repeat;
	padding-top: 550px;
}

.coupsdecoeur
{
	width: 276px;
	height: 600px;
	background-image: url("images/coupsdecoeur.gif");
	background-repeat: no-repeat;
	padding-top: 550px;
}

.backtothepast
{
	width: 276px;
	height: 600px;
	background-image: url("images/backtothepast.gif");
	background-repeat: no-repeat;
	padding-top: 550px;
}

.interviews
{
	width: 276px;
	height: 600px;
	background-image: url("images/interviews.gif");
	background-repeat: no-repeat;
	padding-top: 550px;
}

.virtuoses
{
	width: 276px;
	height: 600px;
	background-image: url("images/virtuoses.gif");
	background-repeat: no-repeat;
	padding-top: 550px;
}

.contact
{
	width: 276px;
	height: 600px;
	background-image: url("images/contact.gif");
	background-repeat: no-repeat;
	padding-top: 550px;
}




/*
	Right hand column on homepage
*/

.home-right 
{
	padding-top: 75px;
	padding-right: 75px;
}





/*
	Left hand column on sub-page
*/

.page-left 
{
	width: 276px;
	height: 300px;
	background-image: url("images/page_left.jpg");
	background-repeat: no-repeat;
}


/*
	Right hand column on sub-page
*/

.page-right 
{
	padding-right: 75px;
}




/*
	Page footer area
*/

p.notes
{
  text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	color: #FFFFFF;
	font-size: 0.6em;
	margin-bottom: 20px;
}


p.footer
{
  text-align: center;
	margin-top: 0px;
	padding-top: 30px;
	color: #666666;
	font-size: 0.6em;
	margin-bottom: 20px;
}

p.footer a
{
	color: #EA922B;
	font-size: 1em;
}




/*
	Standard images
*/

img
{
	border: none;
}





/*
	Frontpage layout elements - Text
*/

.text
{
	padding-right: 20px;
	text-align: left;
}



/* Menu horizontal  */
#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 5px solid #FF3333; /* rouge foncé */
background: transparent;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
/*text-transform:uppercase;*/
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: #000000; /* rouge foncé texte */
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #CC6666;  /* orange moyen */
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #660000; /* bleu foncé */
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #395998; /* bleu foncé */
color: white;
border-color: #395998; /* bleu foncé */
}