/* CSS General */

.texteContent{
	text-align:center;
	}

.modele_invisible{
	height:20px;
	}
/*
================================================================================================
============================================ FICHE =============================================
================================================================================================
*/

.clear{
	clear: both;
	height: 0.5em;
	overflow: hidden;
	}

body.fiche{
	width:780px;
	overflow-X:hidden;
	}

html.fiche_popup{
	overflow-X:hidden;
	}

*:first-child+html #slide{
	float:left;
	/*padding-left:450px;*/
	}

#fiche{
	width: 780px;
	text-align:left;
	overflow-X:hidden;
	}
	#fiche #tableau_slide{
		border-collapse:collapse;
		}
		#fiche #tableau_slide td{
			height:0px;
			width:0px;
			}
			
	.transparence80{
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
	#fiche h2{
		position: relative;
		margin: 0 0 0.5em 0;
		padding: 0.3em 0;
		background: rgb(39, 63, 149);
		color: white;
		font-size: 2.3em;
		text-align: center;
		width: 100%;
		height:75px;
		overflow-y:hidden;
		}
	#fiche span.prix{
		position: absolute;
		top: 10px;
		right: 15px;
		margin: 0;
		padding: 0;
		color:#ffd608;
		font-size: 1em;
		text-align: right;
		}
	#fiche span.vo{
		position: absolute;
		top: 50px;
		right: 15px;
		margin: 0;
		padding: 0;
		color:#FFFFFF;
		font-size: 0.7em;
		text-align: right;
		}
	#fiche a.a_fermer{
		position: absolute;
		top: 8px;
		left: 8px;
		padding: 0.3em 0.5em;
		background: rgb(195, 196, 201);
		color: black;
		border: 1px solid white;
		font-size: 0.6em;
		font-weight: bold;
		z-index: 20;
		}
	#fiche a#bouton_imprimer{
		position:absolute;
		right:20px;
		top:570px;
		}
	#fiche #details{
		/*margin: 450px 0 0 10px;*/
		margin-left:15px;
		padding: 0 0 0 0.3em;
		width:600px;
		}
		
		#fiche #details h3{
			margin: 0 0 0.3em 0;
			padding: 0;
			color: #273f95;
			text-align: left;
			font-size: 1.3em;
			}
		#fiche #details ul{
			margin: 0;
			padding: 0 0 2em 0;
			list-style: none;
			}
			#fiche #details li{
				clear: right;
				margin: 0;
				padding: 0.2em 0 0 0;
				}
				#fiche #details li span.field_label{
					float: left;
					width: 48%;
					text-align: left;
					}
				#fiche #details li span.field_value{
					float: right;
					width: 49%;
					}
	#fiche .couleur{
		border:solid 1px black;
		/*width:10px;*/
		/*font-size:0.8em;*/
		
		padding-left:5px;
		padding-right:5px;
		
		}
	#fiche .more_info{
		position:relative;
		top:0px;
		left:50px;
		font-size:0.8em;
		font-weight:normal;
		}
	.fiche_version .details{
		margin-left:10px;
		}
	.fiche_version #fiche h2.titre_fiche{
		font-size:1.9em;
		}
	#fiche_contact{
		float:right;
		width:300px;
		/*position:absolute;
		top:10px;
		right:10px;*/
		margin-right:10px;
		text-align:left;
		}
	#fiche_contact h3{
		font-size:1.8em;
		text-align:center;
		}
	/*#block_fiche1{
		border:#0033FF 1px solid;
		}
	#general{
		border: #CC0000 1px solid;
		}*/
	/*#block_fiche1{
		position:absolute;
		top:90px;
		left:10px;
		}*/

	/*#fiche #logo_pro{
		float:left;
		margin-left:15px;
		margin-top:60px;
		}*/
	#contact_annonce{
		padding: 0 0 0 5px;
		}
		#contact_annonce .form_row, #contact_annonce .form_row.text{
			margin: 0;
			padding: 0;
			}
		#contact_annonce label.form_label, #contact_annonce span.form_field{
			margin: 0;
			padding: 0;
			display: block;
			width:90%;
			float: none;
			clear: none;
			text-align: left;
			}
			#contact_annonce span.form_field, #contact_annonce span.form_field input, #contact_annonce span.form_field textarea{
				width: 98%;
				}
/*
================================================================================================
========================================== OLD FICHE ===========================================
================================================================================================
*/

#old_fiche{
	position: relative;
	width: 780px;
	background-color:#E0DFE0;
	}
	#old_fiche h2{
		position: relative;
		margin: 0 0 0.5em 0;
		padding: 0.3em 0;
		background: rgb(0, 0, 150);
		color: white;
		font-size: 2.3em;
		text-align: center;
		width: 100%;
		}
		#old_fiche .couleur{
			border:solid 1px black;
		}
		#old_fiche span.prix{
			position: absolute;
			top: 10px;
			right: 25px;
			margin: 0;
			padding: 0;
			color:#FFFFFF;
			font-size: 1em;
			text-align: right;
			}
		#old_fiche span.vo{
			position: absolute;
			top: 50px;
			right: 25px;
			margin: 0;
			padding: 0;
			color:#FFFFFF;
			font-size: 0.7em;
			text-align: right;
			}
		#old_fiche a.a_fermer{
			position: absolute;
			top: 8px;
			left: 8px;
			padding: 0.3em 0.5em;
			background: rgb(195, 196, 201);
			color: black;
			border: 1px solid white;
			font-size: 0.6em;
			font-weight: bold;
			z-index: 20;
			}
		#old_fiche a{
			color: rgb(0, 0, 150);
			}
		#old_fiche a:hover{
			color: rgb(0, 0, 255);
			}
	#old_fiche .titre_tableau{
		font-weight:bold;
		text-decoration:underline;
		text-align:center;
		background:#FFFFCC;
		}
	#old_fiche #detail{
		margin-left:460px;
		}
	#old_fiche #block_form_contact{
		margin-left:460px;
		width:300px;
		}
	#old_fiche #commentaire{
		width:250px;
		height:80px;
		}
		#old_fiche #info_version{
			display:none;
			}
		#old_fiche #tableau_detail{
			color:#000000;
			font-size:1.1em;
			}
		#old_fiche #table_detail td{
			color:#000000;
			padding:5px;
			padding-top:2px;
			padding-bottom:2px;
			text-align:left;
			}
		#old_fiche .detail_libelle{
			font-weight:bold;
			}
		#old_fiche #table_option{
			background:#666666;
			color:#000000;
			font-size:1em;
			width:300px;
			}
		#old_fiche #table_option tr.ligne_pair{
			background: #FFFFFF;
			}
		#old_fiche #table_option tr.ligne_impair{
			background: #FFFFCC;
			}
		#old_fiche #table_option td{
			color:#000000;
			padding:5px;
			padding-top:2px;
			padding-bottom:2px;
			}
	#old_fiche #block_fiche1{
		position:absolute;
		top:90px;
		left:10px;
		}

/*
================================================================================================
======================================= IMPRIMER FICHE =========================================
================================================================================================
*/

body.fiche_imprimer{
	width: 650px;
	background:white;
	}

body.fiche_imprimer #general
{
	border:none;
	width: 650px;
	background:white;
	}

#imprimer{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 650px;
	}
	#imprimer h2{
		position: relative;
		margin: 0 0 0.5em 0;
		padding: 0.3em 0;
		border-bottom:solid 1px #999999;
		color: black;
		font-size: 2.3em;
		text-align: center;
		width: 100%;
		}
		#imprimer span.prix{
			position: absolute;
			top: 10px;
			right: 10px;
			margin: 0;
			padding: 0;
			color: black;
			font-size: 1em;
			text-align: right;
			}
		#imprimer span.vo{
			position: absolute;
			top: 50px;
			right: 10px;
			margin: 0;
			padding: 0;
			color:black;
			font-size: 0.7em;
			text-align: right;
			}
	#imprimer #image_bloc{
		margin: 10px;
		float:right;
		padding: 0;
		}
	#imprimer #logo_pro{
		position: absolute;
		top: 10px;
		left: 10px;
		
		margin-bottom:10px;
		margin-right:10px;
		
	}
	#imprimer .petite_image
	{
		border: 1px solid #999999;
		border-top:none;
		border-left:none;
		margin:0px;
	}
	#imprimer img.first
	{
		border-left: 1px solid #999999;
		margin:0px;
	}
	#imprimer .grande_image
	{
		border: 1px solid #999999;
		margin:0px;
	}
	#imprimer #details{
		float:left;
		margin: 0 0 0 0px;
		width:320px;
		padding: 0 0 0 0.3em;
		}
		#imprimer #details h3{
			margin: 0 0 0.3em 0;
			padding: 0;
			color: #000000;
			text-align: left;
			font-size: 1.3em;
			}
		#imprimer #details ul{
			margin: 0;
			padding: 0 0 2em 0;
			list-style: none;
			font-size: 0.95em;
			}
			#imprimer #details li{
				clear: right;
				margin: 0;
				padding: 0.5em 0 0 0;
				overflow: hidden;
				}
				#imprimer #details li span.field_label{
					float: left;
					width: 48%;
					text-align: left;
					}
				#imprimer #details li span.field_value{
					float: right;
					width: 49%;
					}

/*
================================================================================================
========================================= FORMULAIRES ==========================================
================================================================================================
*/

form{
	margin: 0;
	padding: 0;
	background: transparent;
	border: 1px solid gray;
	color:#000000;
	}
.form_row{
	clear: both;
	padding: 0.5em 0 !important;
	padding: 0;
	}
.form_label{
	float: left;
	width: 48%;
	text-align: right;
	}
span.form_field{
	float: right;
	width: 49%;
	text-align: left;
	}
	.text input, select, textarea{
		width: 60%;
		border: 1px solid rgb(196, 197, 201);
		}
	.text input{
		margin: 0;
		padding: 0.15em;
		}
	select{
		width: 62%;
		}
	.text input:focus, select:focus, textarea:focus{
		border-color: black;
		}
.form_buttons{
	clear: both;
	padding: 10px 0 0;
	text-align: center;
	}
	.form_buttons input{
		font-size: 1em;
		}
		.form_buttons input.submit{
			font-weight: bold;
			margin-bottom:10px;
			}
.form_errors{
	margin: 0.5em 0;
	list-style: none;
	color: red;
	}
	.form_error{
		color: red;
		}
		.form_error input, .form_error select, .form_error textarea{
			border: 1px solid red;
			}
.form_clear{
	display: none;
	height: 1px;
	overflow: hidden;
	}
	
	/*
	================================================================================================
	====================================== FORMULAIRE SORT =========================================
	================================================================================================
	*/
	
	#form_sort{
		color:#000000;
		margin: 0;
		padding: 0em 0.5em 0.2em 0.5em;
		text-align: center;
		background: transparent;
		border: none;
		}
		#form_sort .form_row{
			margin: -12px 0 0 0 !important;
			display: inline;
			margin: 0;
			padding: 0;
			text-align: left;
			}
		#form_sort .form_label, #form_sort .form_field{
			margin: 0;
			padding: 0;
			float: none;
			text-align: left;
			font-size: 0.95em;
			}
		#form_sort select{
			margin: 0;
			padding: 0;
			width: auto;
			}
		#form_sort .form_buttons{
			margin: 0 0 -12px 0;
			display: inline;
			font-size:0.8em;
			}
		#form_sort .form_clear{
			
			}
		#form_sort input.submit{
			margin:0px;
			}

	/*
	================================================================================================
	===================================== FORMULAIRE CONTACT =======================================
	================================================================================================
	*/
	
	#contact_annonce{
			padding: 5px 5px 5px 5px;
			}
		#contact_annonce .form_row, #contact_annonce .form_row.text{
			/*margin: 0 !important;*/
			padding: 0 !important;
			margin-bottom:10px;
			}
		#contact_annonce label.form_label, #contact_annonce span.form_field{
			margin: 0;
			padding: 0;
			display: block;
			float: none;
			clear: none;
			text-align: left;
			}
		#contact_annonce span.form_field, #contact_annonce span.form_field input, #contact_annonce span.form_field textarea{
			width: 98%;
			}
		#contact_annonce span.form_field input{
			padding:2px;
			}
		#contact_annonce #nom{
			/*height:16px !important;
			height:20px;*/
			}

/*
================================================================================================
===================================== LISTING CATEGORIES =======================================
================================================================================================
*/

.listing-categories
	{
		display:inline;
		margin: -3px 0 0 0 ;
		padding:0 0 10px;
		text-align:center;
	}
	.listing-categories li
	{
	 display: inline;
	 padding: 2px 0 !important;
	 padding: 0;
	 font-size:0.9em;
	 border: 3px solid black;
	 border-left: none;
	 text-transform:uppercase;
	}
	.listing-categories li.first
	{
	border-left: 3px solid black;
	}
	.listing-categories li a
	{
	text-decoration:none;
	color: #FFFFFF;
	background: #535353;
	padding: 2px 20px;
	}
	.listing-categories li a:hover
	{
	background: #AF0000;
	text-decoration:none;
	color:#FFFFFF;
	}

/*
================================================================================================
========================================= PAGINATION ===========================================
================================================================================================
*/

p.pagination{
	clear: both;
	margin: 0 15%;
	text-align: center;
	}
	p.pagination span.preview{
		float: left;
		}
	p.pagination span.next{
		float: right;
		}

/*
================================================================================================
======================================== DROME STUDIO ==========================================
================================================================================================
*/


	#drome_studio ul{
		margin: 0px;
		padding: 0px;
		text-align: center;
		font-size: 0.9em;
		list-style: none;
		}
	#drome_studio li{
		margin: 0;
		padding: 0 1ex;
		display: inline;
		border-right: 1px solid rgb(95, 95, 95);
		}
	#drome_studio li.last{
		border: none;
		}
	#drome_studio li a{
		color:#CCCCCC;
		}