/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

== Info Structure: =========================
* Nom du fichier: 		style.css
* Version: 				1.0.1 (09/04/2008)
* Auteur: 				Cédric BOISSEAU
* Société : 			Créamotion [ http://www.creamotion.com ]


== Info site: ==============================
* Site web: 			http://multicars.com
* Largeur de la page: 	990 px
* Nombre de colonnes: 	2
* Fluide[ ] | Fixe[x]


== Structure à respecter: ==================
* xxx-top
* xxx-middle
* xxx-bottom

* xxx-left
* xxx-center
* xxx-right

/!\ Sauf structure principale :
* header
* center(menu-gauche | content | menu droit)
* footer

== Outils utiles: ==========================
* http://lab.xms.pl/css-generator/ (générateur de CSS à partir d'un fichier XHTML)

== Parties: ================================
* Règles générales
* Connexion
* Fil d'Ariane
* Formulaires
* Pagination
* Tableaux
* Structure

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


										  /*********************/
										 /* Règles générales **/
/*************************************************************/
*{
	margin:						0px;
	padding:					0px;
/*	behavior: 					url(iepngfix.htc);*/
}
img{
	border:						0px;
}
body{
/*	background-image: 			url(_images/bg.gif);
	background-position: 		2px 1px;*/
	font-family:				"verdana";
	font-size:					12px;
	line-height:20px;
}
/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;
}
.clear{
	clear:						both;
}
/* titres, paragraphes, liens, listes ordonnées & non ordonnées*/
h1{
	background-color:			#f2f0ea;
	border-top:					1px solid #dddbd4;
	border-bottom:				1px solid #dddbd4;
	color:						#6B0304;
	font-size:					16px;
	font-variant: 				small-caps;
	height:						22px;
	line-height:				22px;
	margin-bottom:				5px;
	text-align: 				center;
}
h2{
	background-color:			#fff;
	color:						#000;
	font-size:					12px;
	line-height:				14px;
	text-align: 				center;
	margin-top: 				20px;
}
p{
	color:						#000;
	line-height:				20px;
 	margin:						10px;
 	padding:					5px;
	text-align:					justify;
}
table p{
	color:						#000;
	line-height:				20px;
 	margin:						10px 0;
 	padding:					5px 0;
	text-align:					justify;
}
a{
	color:						#444;
	text-decoration:			none;
}
a:hover{
	color:						#000;
	text-decoration:			underline;
}
a:active, a:focus{
	outline:					none;
}
ul,ol{
	list-style-position: 		inside;
}
.pasdetarif{
	background-color:			#f2f0ea;
	border-top:					1px solid #dddbd4;
	border-bottom:				1px solid #dddbd4;
	color:						#6B0304;
	font-size:					16px;
	font-weight:				bold;
	font-variant: 				small-caps;
	height:						22px;
	line-height:				22px;
	margin-bottom:				5px;
	text-align: 				center;
}
										  /**************/
										 /* Connexion **/
/******************************************************/
#connexion{
	margin:0 auto;
	width:990px;
	display:none;
}
#connexion a{
}
#connexion a:hover{
}
										  /*****************/
										 /* Fil d'Ariane **/
/*********************************************************/
.ariane{
	background-image:			url(_images/bg-ariane.gif);
 	background-repeat:			no-repeat;
 	background-position:		left center;
	height:						20px;
	line-height: 				20px;
	margin-bottom:				10px;
	width:						794px;
	display:none;
}
.texteAriane{
	height:						20px;
	float:						left;
	padding:					0 5px;
}
ul.filAriane {
	float:						left;
	list-style: 				none;
	height:						20px;

}
ul.filAriane li{
	color:						#555;
	float:						left;
	padding-right:				5px;
}
ul.filAriane li a{
	background-image:			url(_images/fleche-ariane.gif);
 	background-repeat:			no-repeat;
 	background-position:		right center;
	color:						#555;
	display:					block;
	float:						left;
	padding-right:				11px;
	text-decoration: 			underline;
}
ul.filAriane li a:hover{
	color:						#000;
	text-decoration: 			underline;
}
										  /****************/
										 /* Formulaires **/
/********************************************************/
input[type=checkbox]{}
input[type=radio]{}
input[type=submit]{
	cursor: 					pointer;
}
input[type=text]{
	border:						1px solid #707070;
	color:						#385f8f;
	padding:					1px;
	width:						140px;
	font-size: 12px;
}
input[type=password]{
	border:						1px solid #6a9bc4;
	color:						#385f8f;
	padding:					1px;
	width:						100px;
}
textarea{}
										  /***************/
										 /* Pagination **/
/*******************************************************/
.pagination{
    height:						30px;
    padding-bottom:				10px;
    float:						left;
    margin-right:				9px;
    padding-top:				5px;
    border-top:					1px dotted #ddd;
    width:						.px;
}
.pagination *{
	display:					block;
    padding:					3px;
    float:						left;
    font-size: 					14px;
    margin-left:				2px;
    text-decoration: 			none;
    font-weight: 				bold;
}
.pagination a{
	background-color: 			#ffffff;
    border:						#4976ad 1px solid;
    color:						#4976ad;
}
.pagination a:hover{
    background-color:			#4976ad;
    border:						#4976ad 1px solid;
	color:						#fff;
}
.pagination  span.selected {
    background-color: 			#4976ad;
	border:						#4976ad 1px solid;
    color:						#fff;
}
.pagination .etc{
    background-color: 			#ffffff;
	border:						#4976ad 1px solid;
    color:						#ccc;
    cursor:						default;
}
										  /*************/
										 /* Tableaux **/
/*****************************************************/
table{}
th{}
tr{}
td{
	font-size:11px;
	line-height:14px;
}
tr.couleur:hover {
	background-color: red;
}
										  /**************/
										 /* Structure **/
/******************************************************/
#main{
	background-color: 			#fff;
	/*border-bottom: 				1px solid #dddbd4;
	border-left: 				1px solid #dddbd4;
 	border-right: 				1px solid #dddbd4;*/
	margin:						0 auto;
	width:						988px;
}
  #header-extended{
	background-image:			url(_images/bg-header.gif);
 	background-repeat:			repeat-x;
 	height:						107px;
 	/*padding-top:2px;*/
 	display:none;
  }
  #header{
	background-image:			url(_images/header.gif);
 	background-repeat:			no-repeat;
 	border-left: 				1px solid #dddbd4;
 	border-right: 				1px solid #dddbd4;
	color:						#fff;
	font-family: 				"times new roman";
	font-size: 					32px;
	font-style: 				italic;
  	height:						107px;
  	margin:						0 auto;
	text-align: 				left;
	width:						988px;
	display:none;
  }
  #header img{
  	vertical-align: 			baseline;
  }
  #main #infos-societe{
  	font-size:					12px;
  	font-style: 				italic;
  	margin-bottom:				20px;
	padding-right:				10px;
	text-align: 				right;
	width:						auto;
	display:none;
  }
  #main #infos-societe strong{
	color:						#6b0304;
  }
  #center{
   	width:						988px;

  }

   #menu {
		background-color: 		#fff;
		float:					left;
		width:					184px;/*185-1border*/
		display:none;
	}
	#menu ul {
  		list-style: none;
  		list-style-position: outside;
		margin: 0;
		padding: 0;
		width:					184px;/*185-1border*/
		float: left;
	}

	#menu a{
		display: block;
		border-top: 1px solid #dddbd4;
		height:23px;
		line-height:23px;
		margin: 0;
		padding-left:10px;
		color: #6b0304;
		background: #fff;
		background-image:			url(_images/bg-menu.gif);
  		background-repeat:			no-repeat;
  		background-position:		bottom;
		text-decoration: none;
	}
	#menu a:hover {
		background: 				#6B0304;
		background-image:			url(_images/bg-menu.gif);
  		background-repeat:			no-repeat;
		background-position:		top;
		color: 						#fff;
	}
	

	/*#dhtmlgoodies_tree li:hover, #dhtmlgoodies_tree li.sfhover {
		background: #55ffff;
	}*/
	#menu a.selected{
		background: 				#6B0304;
		background-image:			url(_images/bg-menu.gif);
  		background-repeat:			no-repeat;
		background-position:		center;
		border-top: 				1px solid #dddbd4;
		color: 						#fff;
		cursor: 					default;
		font-weight:				bold;
	}
	#menu ul ul li a{border-left:1px solid #dddbd4;}
 	#menu li {position: relative;}

	#menu ul ul {
 		position: absolute;
		top: 0;
 		left: 100%;
	}
	#menu ul ul li a{
		background-color: #eceff3;
	}
	#menu ul ul ul {
		position: absolute;
 		top: 0;
		left: 100%;
	}
	#menu ul ul ul ul{
		position: absolute;
 		top: 0;
		left: 100%;
	}
	div#menu ul ul,
	div#menu ul li:hover ul ul
	{display: none;}

	div#menu ul li:hover ul,
	div#menu ul ul li:hover ul
	{display: block;}

	div#menu ul li:hover ul ul
	{display: none;}

	/*div#menu ul ul ul li:hover ul
	{display: block;}
	/*li.sfhover:hover{
  		background-position:		top;
  		color:#000;
	}*/
	
	div#recherche{
		font-size: 11px;
		height:35px;
		width:174px;/*184-10*/
		background-image: url(_images/bg-recherche.gif);
		background-repeat: no-repeat;
		line-height: 35px;
		padding-left:10px;
	}
	
	div.sous-menu{
		width:184px;
		height:16px;
		background-image: url(_images/sous-menu.gif);
		background-repeat: no-repeat;
		clear:both;
		border-top:1px solid #fff;
	}
	div#recherche input{
		border:none;
		background-color: transparent;
	}
	div#recherche input[type=submit]{
		font-size: 10px;
		font-weight: bold;
		color:#999;
	}
	
	
  	#content{
  		background-color: 		#fff;
  		/*float:					left;
  		margin-left: 			10px;
  		margin-right:			10px;*/
  		width:					784px;/*795-1border -10*/
  		margin:0 auto;
  	}
  	#content a:hover{
		background-color: 			#b8b8b8;
		color:						#000024;
		text-decoration: 			underline;
	}
  	#content ul{
		list-style: 			circle;
  		list-style-position: 	inside;
	}
  	#content ul li{
 		color:					#555;
		padding-left:			10px;
	}
  #footer{
  	/*background-image:			url(_images/bg-footer.gif);
   	background-repeat:			repeat-x;
   	background-position:		left center;*/
   	font-size:					11px;
  	height:						48px;/*54-6*/
  	padding-top:				6px;
  	width:						988px;
  	margin-top:20px;
  	border-top:1px solid #999;
  }

  #footer #texte{
	/*float:						right;
	line-height:				14px;*/
	text-align: 				center;
	/*width:						784px;*/
  }
  #footer a{
  	color:						#6b0304;
	font-weight: 				bold;
	text-decoration: 			underline;
  }
  #footer a:hover{
  	color:						#000;
	text-decoration: 			underline;
  }
  										  /***********************/
										 /* styles spécifiques **/
/***************************************************************/
.sous-contenu{
	background-color:			#f2f0ea;
	border-bottom:				1px solid #dddbd4;
	border-top:					1px solid #dddbd4;
	color:						#6B0304;
	text-align: 				center;
}
.couleur{
	color:						#6b0304;
	font-weight: 				bold;
}
p.infos-complementaires{
	background-color:			#f2f0ea;
	border-bottom:				1px solid #dddbd4;
	border-top:					1px solid #dddbd4;
	color:						#555;
	font-size: 					11px;
	line-height: 				14px;
	margin-top:					20px;
	padding:					5px 10px;
	text-align: 				justify;

}
.tableau-tarif{
	color:						#444444;
	font-family: 				arial,helvetica,sans-serif;

	font-weight: 				bold;
	margin:						auto;
	text-align:					center;
}
.tableau-tarif td{
	font-size:					10px;
	}
.tableau-tarif-couleur-cellule-titre{
	background-color: 			#F2F0EA;
	
}
.tableau-tarif-couleur-cellule-titre td{
	border-bottom:				1px solid #DDDBD4;
	border-top:				1px solid #DDDBD4;
}
.tableau-tarif-couleur-cellule-1{
	background-color: 			#F2F0EA;
}
.tableau-tarif-couleur-cellule-1 td{
	border-bottom:				1px solid #DDDBD4;
	border-top:				1px solid #DDDBD4;
}
.tableau-tarif-couleur-cellule-2{
	background-color: 			#ffffff;
}
h1.h1-tarif{
	background-color:			#CBC9CA;
	color:						#444444;
	height:						24px;
	margin:						10px auto;
}
.tableau-tarif td.tarif{
	font-size: 					11px;
}
.tableau-tarif-motorisation{
	line-height:				12px;
}
.tableau-tarif a:hover{
	background-color: 			#b8b8b8;
	color:						#000024;
	text-decoration: 			underline;
}
  										  /***************/
										 /* Boite type **/
/*******************************************************/
/*.xxx-top{
	background-image:			url(...);
	background-repeat:			no-repeat;
	color:						#.;
	height:						.px;
	line-height:				.px;
	text-align:					center;
	width:						.px;
}
.xxx-middle{
	background-image:			url(...);
	background-repeat:			repeat-y;
	color:						#.;
	height:						.px;
	line-height:				.px;
	text-align:					center;
	width:						.px;
}
.xxx-bottom{
	background-image:			url(...);
	background-repeat:			no-repeat;
	color:						#.;
	height:						.px;
	line-height:				.px;
	text-align:					center;
	width:						.px;
}*/
#loading-mask {
	color:						#D85909;
	font-size:					1.1em;
	font-weight:				bold;
	/*opacity:					0.8;*/
	position:					absolute;
	text-align:					center;
	z-index:					500;
}

#loading-mask .loader {
	background:					#FFF4E9 none repeat scroll 0%;
	border:						2px solid #F1AF73;
	color:						#D85909;
	font-weight:				bold;
	left:						50%;
	margin-left:				-140px;
	padding:					15px 60px;
	position:					fixed;
	text-align:					center;
	top:						45%;
	width:						160px;
	z-index:					1000;
}
.highlight_word{
    background-color: 			yellow;
}