/*
Theme Name: MUTE IN MOTION
Theme URI: http://www.muteinmotion.com/
Description: Le thème de MUTE, l'agence interactive, créé par Marie Brun et intégré par Etienne Goudard. Julien Andrieux et Régis Provignon n'ont rien fait du tout.
Version: 2
Author: Etienne Goudard
  
*/
html{
	margin:0;
	padding:0;
	height:100%;	
}
body {
	text-align:center;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	background: url(images/soleil.jpg) top center repeat-x;
	background-color : #19191a;
	height:100%;
}

#conteneur{
	/*border:5px dotted #FFFFFF;*/	
	text-align:left;
	width : 955px;     
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#haut{
	width : 955px;
	height : 265px;
}

#bandeHaut{	
	width : 941px;
	height : 10px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hautCentre.png');
}
#page {
	/*border:1px dashed #bf1978;*/
	width : 951px;	
	display:block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bandeCentre.png', sizingMethod='scale');
	background: url('images/bandeCentre.gif') repeat-y;
}

/* Hack CSS */
html>body #bandeHaut {filter: none; background: url('images/hautCentre.png') no-repeat;}
html>body #page {filter: none; background: url('images/bandeCentre.png') repeat-y;}

ul {list-style-type:none;margin:0;padding:0;}
li {list-style-type:none;margin:0;padding:0;}
img{border:0px;}

/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/***************************************************************		HAUT BANDE		******************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/

#lienHaut{
	padding-top:100px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color: #FFFFFF;
	text-align:right;
}
#lienHaut .hautTxt{float:left; width:82%;text-align:right;}
#lienHaut .monForm{float:left;text-align:right;}
#lienHaut input[type=text]  {
	margin-left:15px;
	background-color:#000000;
	border:1px solid #bf1978;
	color:#FFFFFF;
}
#lienHaut input[type=submit]  {
	background-color:#bf1978;
	border:1px solid #bf1978;
	color:#FFFFFF;
}

#flashcontent{
	width:935px;
	height:134px;
}
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/*****************************************************************		BLOC 1 & 2		********************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/

#bloc1{	
	display:block;
	float:left;
	margin-left:4px;
	width : 519px;
	min-height:900px;
	-background-color:#FFFFFF; 
	
}
#bloc2{	
	display:block;
	float:left;
	margin-left:25px;
	width : 384px;
	-background-color:#FFFFFF; 
	min-height:900px;
	height:100%;
}

#blocGauche1{	
	float:left;
	width : 190px;
	height : 20px;
}
#blocGauche2{	
	padding-top:25px;
	float:left;
	width : 190px;
	background: url('images/bloc3Bande.jpg') repeat-y;
	background-position: 5px;
}
#finBande{	
	width : 190px;
	height : 108px;
	background:url(images/bloc3BandeFin.jpg) no-repeat;
	background-position: 5px;
}
.clear{
	clear:both;
}

.text {	padding:20px;}
.titre {	
	padding-left:20px;
	padding-right:15px;
	color: #ef4309;
	font-size: 19px;
	line-height: 18px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
}

h2{	
	padding-left:20px;
	padding-right:15px;
	padding-top:15px;
	color: #ef4309;
	font-size: 19px;
	line-height: 18px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/*****************************************************************		POST 		********************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/

.post{
	margin-bottom : 20px;
	width: 470px;
	padding:25px;
}

.image{
	float:left;
	width:55px;
	height:55px;
	padding-right:15px;
}
#bloc1 .titre{
	margin-left:50px;
	color: #ef4309;
	font-size: 19px;
	line-height: 16px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
}
.info{
	margin-left:70px; 
	padding-bottom:3px;
	color: #58595a;
	font-size: 10px;
	line-height: 3px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
}
.motscles{
	color: #58595a;
	font-size: 11px;
	line-height: 3px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	margin-top:5px;
}

#bloc1 .titreNormal{
	color: #ef4309;
	font-size: 19px;
	line-height: 16px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	margin-left:25px;
	margin-top:25px;
}

#bloc1 .titreNormalPage{
	color: #ef4309;
	font-size: 19px;
	line-height: 16px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	margin-top:15px;
}

.hr{
	margin-left:70px;
	margin-top:5px;
	border-top:1px solid #58595a;
	height:1px;
	width:392px;
	text-align:left;
}
.hrNormal{
	margin-top:5px;
	border-top:1px solid #EEEDDD;
	height:1px;
	width:452px;
	text-align:left;
}
.hrNormalEspace{
	margin-top:5px;
	border-top:1px solid #EEEDDD;
	height:1px;
	width:452px;
	text-align:left;
	margin-left:25px;
}

.billet{
	padding-top : 15px;
	width : 465px;
}

.billet img{
	border:10px solid #58595a;
	margin-bottom:10px;
}

.billet .suite{
	margin-top : 10px;
	display:block;
	float:left;
	width:285px;
	/*border:1px solid #000000;*/
	color: #ef4309;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	font-family: Georgia, Arial, Helvetica, sans-serif;
}
.billet .commentaire a{
	margin-top : 10px;
	display:block;
	float:left;
	/*border:1px solid #000000;*/
	color: #bf1978;
	width:170px;
	text-align:right;
	font-size: 12px;
	font-weight:bold;
	font-family: Georgia, Arial, Helvetica, sans-serif;
}

a {color: #ef4309; text-decoration:none;}
#bloc2 a {color: #000000; text-decoration:none;}
#bloc2 a:hover {color: #ef4309; text-decoration:none;}
#lienHaut a{color: #FFFFFF; text-decoration:none;}
#lienHaut a:hover {color: #ef4309; text-decoration:none;}

.lanavigation{ text-align:center;  width:100%;  color:#bf1978; font-family:Georgia, Arial; font-weight:bold;}
.lanavigation a{color:#bf1978; text-transform:uppercase;}
.alignleft{float:left;display:block; width:100px; height:15px; text-align:left; margin-right:5px;margin-left:150px;  -margin-left:70px; padding:5px;}
.alignright{float:left;display:block; width:100px;   height:15px; text-align:right; margin-left:5px;padding:5px;}


/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/*****************************************************************		COMMENTAIRES		***************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/

.lescommentaires {
	padding-top:25px;
}
.lescommentaires img{
	border:0px;
}

.lescommentaires textarea {
	width:470px;
	height:100px;
	border:1px solid #bf1978;
	background-color:#EEEEEE;
}
.commentaire{
	color: #bf1978;
	font-size: 12px;
	font-weight:bold;
	font-family: Georgia, Arial, Helvetica, sans-serif;
}

input[type=text]  {
	background-color:#EEEEEE;
	border:1px solid #bf1978;
	color:#FFFFFF;
}
input[type=submit]  {
	background-color:#bf1978;
	border:1px solid #bf1978;
	/*color:#FFFFFF;*/
	color:#000000;
}

#bloc1 input[type=text]  {
	background-color:#EEEEEE;
	border:1px solid #bf1978;
	color:#000000;
}

#blocGauche1 li{margin-bottom:5px;}
#blocGauche1 li a.nom{color: #ef4309; text-decoration:none; font-weight:bold;}
#blocGauche1 .titre{	padding-top:25px;}

#blocGauche2 li{
	padding-bottom:5px;
}
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/*****************************************************************		RECHERCHE  		***************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/

.search{
	padding : 25px;
}
.search input[type=text]  {
	background-color:#000000;
}

/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/*****************************************************************		SIDEBAR 	  		***************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/

#bloc2 ul{
	margin-left:20px;
}

#rss{
	/*border:1px solid #ef4309;*/
	margin:0px;
	padding:0px;
	margin-left:20px;
	width:157px;
	height:88px;
	background: url('images/RSS.jpg') no-repeat;
}
#rss .lerss{
	/*border:1px solid #ef4309;*/
	display:block;
	width:157px;
	height:51px;
}	
#rss .lemail{	
	/*border:1px solid #ef4309;*/
	margin:0px;
	padding:0px;
	background: url('images/RSS2.jpg') no-repeat;
	width:157px;
	height:26px;
}

#rss input[type=text]  {
	margin:0px;
	padding:0px;
	width:105px;
	background-color:transparent;
	border:1px solid #ef4309;
	color:#FFFFFF;
}
#rss input[type=submit]  {
	margin:0px;
	padding:0px;
	background-color:#ef4309;
	border:1px solid #ef4309;
	color:#FFFFFF;
	width:25px;
}

#facebook{
	margin-left:20px;
	width:157px;
	height:56px;
}

#tags{
	margin-left:20px;
}

.pagination{margin-left:100px; margin-bottom:25px;}
.pagination a{  color:#bf1978; font-family:Georgia, Arial; font-weight:bold; font-size:1.2em;}
.pagination .pages{  color:#bf1978; font-size:1.2em; font-family:Georgia, Arial; font-weight:bold; }