/*  

Theme Name: Mediaxys

Theme URI: 

Description: Pretty neat huh?.

Version: 1.0

Author: Aerendel Vidal

Author URI: http://www.agonyguild.org/

*/



html, body{

	margin: 0px;

	padding: 0px;

	color: #333;

	font: 12px/1.5 Arial, Helvetica, sans-serif;

}



form{ margin: 0px; padding: 0px;}

input{ margin: 0px; padding: 0px;}

h1, h2, h3, h4, h5{ font-family: Arial, Helvetica, sans-serif;}



h3 {

	margin: 0;

	padding: 0;

	padding: 5px;

	background: #FAF6F5;

	font: 10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;

}



blockquote {

	border: 1px solid #D6CDCE;

	padding: 10px;

	background: #FAF6F5;

	color: #5e5e5e;

}

ul{

	list-style: square;

}

ol li{

	margin-top: 8px;

}

img{

	border: 0;

}

a, a:link, a:visited, a:hover{

	color: #3A3A3A;

	text-decoration: none;

}







/* * * * LAYOUT * * * */ 

#overall_container{

	width: 958px;

	height: 100%;

	margin-left: auto;

	margin-right: auto;

	border-left: 1px solid #222298;

	border-right: 1px solid #222298;

}



#header{

	padding: 0px;

	background: url(img/header.jpg);

	height: 154px;

}



#stockPhoto{

	margin: 0;

	padding: 0;

	float: right;

	width: 343px;

	height: 50px;

	border-left: 1px solid #A39A9B;

	text-indent: -9000px;

	overflow: hidden;

	background: url(img/stockphoto.jpg);

}



#container{

	background: #FFFFFF;
	width:100%;

}



#content{

	margin-top: 12px;

	/*margin-left: 6px;

	margin-right: 6px;

	border: 1px solid #D6CECC;*/

	background: #FFFFFF;

}


#content ul {

	list-style-type: square;

}

#content ul ol {

	list-style-type: lower-roman;

	}





.sidebar{

	padding: 10px;

	border-left: 2px solid #4D4D4D;

	background-color:#E8F1FB;
}

.sidebar ul{
	margin: 0px;
	padding: 0px;
}


#footer {

	margin: 0px;

	padding: 8px 4px 4px 4px;

	clear: both;

	background: #4D4D4D url(img/footer_bg.jpg) repeat-x;

	text-align: left;

	color: #FFFFFF;

	font-size: 10px;

	height: 22px;

	line-height: 13px !important;

	/*line-height: 40px;*/

	border-top: 2px #D6CDCE solid !important;

}



#footer a {

	text-decoration: underline;

	color: #FFFFFF;

}

#footer a:hover{

	color: #3695CC;

}





/******** CLASSES ***********/





.post{}

.entry{padding: 0px 12px 0px 12px;}



.entry a, .entry a:link, .entry a:visited{

	color: #3A3A3A;

	text-decoration: underline;

}

.entry a:hover{

	text-decoration: underline;

	color: #3695CC;

}

.entry h1{

	font-size: 14px;

	font-weight: bold;

}



.index{ margin-top: 8px;}

.index a:link, .index a:visited, .index a:hover{

font-size: 12px;

font-weight: bold;

color: 3A3A3A;

text-decoration: none;

font-family: "Trebuchet MS", Arial;

text-transform: uppercase;

}





.pagehead h1{

	margin: 0px;

	padding-left: 15px;

	border-bottom: 1px solid #E8F1FB;

	font: 18px "Trebuchet MS", Arial, serif;

	text-transform: uppercase;

	color: #3A3A3A;

	background: #E8F1FB;



}



.pagehead a, .pagehead a:link, .pagehead a:visited, .pagehead a:hover{

color: 3A3A3A;

text-decoration: none;

}



.posthead h1{

	margin: 20px 0 0 0;

	padding: 0px;

	border-bottom: 1px solid #3E8F1FB;

	font: 18px "Trebuchet MS", Arial, serif;

	text-transform: uppercase;

	color: #3A3A3A;

	background: #E8F1FB;

}



.bulletin{

	margin: 0 0 20px 0;

	padding: 0px;

	/*border: 1px solid #D6CDCE;*/

	background: #E8F1FB;

	width: 100%;

}



.bulletin ul{

	list-style: none;

	margin-bottom: 12px;

	padding: 0px;

	font-weight: bold;

	font-size: 11px;

}

.bulletin ul ul{

	margin-left: 10px;

	font-weight: normal;

	font-size: 11px;

}



.bulletin ul li a:link, .bulletin ul li a:visited {

text-decoration:none;

border-bottom:1px solid #CCCCCC;

text-indent:4px;

display:block;

height:16px;

margin-bottom: 3px;

}



.bulletin ul li a:hover {

color: #3695CC;

/*border-bottom:1px solid #3695CC;*/

}



.bulletin h1{

	margin: 0px 0px 8px 0px;

	padding: 0 0 0 25px;

	font: 14px/16px "Trebuchet MS", Arial, serif;

	text-transform: uppercase;

	font-weight: bold;

	color: #5F5F5F;

	background: url(img/titlebullet.gif) left no-repeat;

}



.bulletin h2{ 

	margin: 0px 0px 5px 0px;

	padding: 0px;

	font: 10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;

	color: #3A3A3A;

	font-weight: bold;

}



.bulletin form{

	margin-top: 12px;

}



#searchsubmit{

	background: url(img/headerbullet.gif) no-repeat;

	width: 17px;

	border: 0px;

	cursor: pointer;

}





.alignright {

	float: right;

}



.alignleft {

	float: left;

}



.ftnav {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 45px;

}







.tarifs {

margin-top: 12px;



}

.tarifs h1{

	color: #FFFFFF;

	margin: 0px;

}

.tarifs th{

	padding: 2px;

	background: #FFFFFF;

	color: #3A3A3A;

}

.tarifs td{

    padding: 2px 4px 2px 4px;


}

.tarifs td.header{
	background: #3E6982;
}

.index_green, .index_red, .index_yellow{

	font-size: 13px;

	text-align: justify;

	width: 300px;

	color: #000000;

	padding: 5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



.index_green{

	background: #D4E04C;

}

.index_red{

	background: #FF5959;

}

.index_yellow{

	background: #FFC438;

}

.index_blue{

	color: #50D3D8;

	font-weight: bold;

	font-style: italic;

}



/* * * * * NAVIGATION * * * * */

#pages {

background: url(img/menu_bg.png);

font-family: "Trebuchet MS", Arial;

text-transform: uppercase;

height: 26px;

}



#pages ul {

list-style:none;

margin:0;

padding:0;

}



#pages ul li a:link, #pages ul li a:visited {

display:block;

float:left;

height:26px;

line-height:26px;

font-size:11px;

padding:0px 10px 0 10px;

text-decoration:none;

color:#FFFFFF;

}



#pages ul li a:hover {

color:#FFFFFF;

background: url(img/menu_hover.png);

line-height:26px;

}



#pages ul li {

display:block;

position:relative;

float:left;

}



#pages .current_page_item a:link, #pages .current_page_item a:visited {

background: url(img/menu_hover.png);

color:#FFFFFF;

}





#subnav{

	height: 50px;

	background: url(img/subnav.jpg);

}



#subnav #title{

	margin: 19px 0 9px 19px;

	padding: 0;

	float: left;

	width: 69px;

	height: 23px;

	font: 22px/30px "Times New Roman", Times, serif;



	color: #FEFEFE;

}



#subnav ul{

	margin: 0 0 0 16px;

	padding: 0;

	clear: left;

	list-style: none;

}



#subnav ul li{

	display: inline;

	margin: 0 10px 0 10px;

	background: #222 url(img/subButton.gif) top left no-repeat;

}


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

div.music_themes{
	background-image: url(img/themes_middle.png);
	width: 321px;
}

div.music_themes_big{
	background-image: url(img/themes_middle_big.png);
	width: 520px;
}


div.music_themes_bottom{
	background-image: url(img/themes_bottom.png);
	background-repeat: no-repeat;
	height: 38px;
	width: 321px;
}
div.music_themes_bottom_big{
	background-image: url(img/themes_bottom_big.png);
	background-repeat: no-repeat;
	height: 38px;
	width: 520px;
}

div.music_themes_wrapper{
	background-image: url(img/themes_top.png);
	background-repeat: no-repeat;
	background-position: top;
}

div.music_themes_wrapper_big{
	background-image: url(img/themes_top_big.png);
	background-repeat: no-repeat;
	background-position: top;
}

div.music_themes_wrapper_big table{
	margin: auto;
}

ul.music_themes{
	margin: 0px;
	padding: 35px 0px 0px 0px;
	list-style: none;
}


ul.music_themes li{
	list-style: none;
}

div.music_themes ul.music_themes li{
	margin: auto;
	padding: 0px 5px 0px 5px;
	line-height: 30px;	
	width: 270px;
	list-style: none;
}
/* hack */
div.music_themes ul.music_themes li, div.music_themes_big ul.music_themes li
{
	height: 40px;
}

div.music_themes_big ul.music_themes li{
	margin: auto;
	padding: 0px 5px 0px 5px;
	line-height: 30px;	
	width: 230px;
}

ul.music_themes li img{
	position: absolute;
	margin-left: 0px;
	margin-top: 5px;
}

ul.music_themes li a, ul.music_themes li a:link, ul.music_themes li a:visited{
	display: block;
	padding: 8px;
	margin-left: 35px;
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	
}

/* hack */
div.music_themes ul.music_themes li a
{
	position: absolute;
	width: 220px;
}
/* hack */
div.music_themes_big ul.music_themes li a
{
	position: absolute;
	width: 180px;
}

ul.music_themes li a:hover{
	background-color: #e4f5ff;
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	
}

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

div.accueil{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	padding-top: 25px;
}

div.accueil p{
	margin: 15px;
	padding: 0px;
}

div.accueil a:link{
	color: #222298;
	text-decoration: none;
	font-weight: bold;
}
div.accueil a:visited{
	color: #222298;
	text-decoration: none;
	font-weight: bold;
}
div.accueil a:hover{
	color: #222298;
	text-decoration: underline;
	font-weight: bold;
}

div.accueil h1{
	font-family: "Trebuchet MS", Arial;
	font-size: 20px;
	color: #222298;
	margin: 0px;
	padding: 0px;
}

div.accueil h2{
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	color: #000000;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

div.accueil h2 img{
	position: absolute;
	margin-left: -40px;	
	*margin-top: -5px;
}

div.accueil div#middle h2 img{
	margin-top: -5px;
}
div.accueil h2 a:hover, div.accueil h3 a:hover{
	text-decoration: underline;
}

div.accueil h3{
	font-family: "Trebuchet MS", Arial;
	font-size: 16px;
	color: #222298;
	margin-top: 3px;
	padding: 0px;
	background: none;
	line-height: 18px;
	font-weight: bold;
}
div.accueil h3 a:link, div.accueil h3 a:visited, div.accueil h3 a:hover{
	color: #222298;
}


div.accueil .caption{
	color: #666666;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}

div.accueil .tarifs{
	color: #222298;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div.accueil .phone_number{
	margin-left: 230px;
	margin-top: 14px;
	color: #3399CC;
	font-weight: bold;
}

div.accueil .contact{
	margin-left: 150px; 
	margin-top: 60px; 
	text-align: center;
}

/* layout */
div.accueil div#intro{
	text-align: center; 
	line-height: 30px;
}

div.accueil div#top{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 730px;
	height: 223px;

}

div.accueil div#middle{
	margin-left: auto;
	margin-right: auto;	
	border: 2px solid #222298;
	width: 726px;
	height: 225px;
	margin-top: 10px;
	padding-top: 5px;
}


div.accueil div#bottom{
	margin-left: auto;
	margin-right: auto;
	width: 730px;
	height: 192px;
	margin-top: 10px;
}


div.accueil div#c1{
	border: 2px solid #222298;
	width: 231px;
	height: 222px;
	background: url(img/accueil_c1.png) no-repeat;
	text-align: center;
}

div.accueil div#c2{
	border: 2px solid #222298;
	float: right;
	margin-left: 10px;
	width: 231px;
	height: 222px;	
	background: url(img/accueil_c2.png) no-repeat;	
	text-align: center;
}

div.accueil div#c3{
	border: 2px solid #222298;
	float: right;
	margin-left: 12px;	
	width: 231px;
	height: 222px;		
	background: url(img/accueil_c3.png) no-repeat;	
	text-align: center;	
}

div.accueil div#c4{
	width: 235px;
	height: 230px;
	background: url(img/accueil_c4.png) no-repeat;	
	text-align: center;
}

div.accueil div#c5{
	float: right;
	margin-left: 8px;	
	width: 235px;
	height: 230px;
	background: url(img/accueil_c5.png) no-repeat;	
	text-align: center;
}

div.accueil div#c6{
	float: right;
	margin-left: 10px;	
	width: 235px;
	height: 230px;
	background: url(img/accueil_c6.png) no-repeat;	
	text-align: center;
}

div.accueil div#flashanim{
	text-align:center;
}

div.accueil div#c7{
	border: 2px solid #222298;
	float: right;
	margin-left: 12px;
	width: 365px;
	height: 192px;	
	background: url(img/accueil_c7.png) no-repeat;		
	padding-left: 5px;
}