/*----------------------------------------------+
+ Styles généraux                               +
+----------------------------------------------*/

/*BODY {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 0;
	margin: 0;
	color:#000000;
}*/

@media print {
	#centre_gauche, #affichage_haut, #affichage_bas, #affichage_bas img, object { display:none }
	#centre_droite .titre_fond_orange, .titre_fond_orange_mtop {color:#000000; background-color:inherit; }
}

#container {
	text-align: left;
	width:760px;
	border-width:0px;
	margin:0 auto;
	position: relative;
	height:409px;
	display:block;
	overflow:auto;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	/*overflow-x:auto;
	overflow-y:none;*/
}

/* Pour le Min height dans les autres navigateurs */
html>body #container {
	/*height: auto;
	min-height: 364px;*/
}

/* Enleve les bordures des images dans les liens */
a img {
	border: 0;
}

/* Empeche les espacements incongrus dans les différents navigateurs */
#affichage_haut img {
	display:block;
}

#centre_droite img {
	vertical-align:middle;
}

a.lien_noir {
	color:#000000;
	background-color:inherit;
}

a.lien_noir:link, a.lien_noir:visited, a.lien_noir:active {
	text-decoration: none;
}

a.lien_noir:hover {
	text-decoration: underline;
}

.texte {
	color:#454031;
	background-color:inherit;
}

/*----------------------------------------------+
+ Affichage central                             +
+----------------------------------------------*/

#affichage_central {
	height:auto;
}

#centre_droite, #centre_gauche {
	float:left;
	overflow:hidden;
}

#centre_gauche {
	width:250px;
	float:left;
	/*margin-left:25px;*/
}

#centre_droite {
	width:480px;
	padding-bottom:10px;
	/*float:left;*/
}

/*----------------------------------------------+
+ Page Présentation                             +
+----------------------------------------------*/

#centre_droite .titre_fond_orange, .titre_fond_orange_mtop {
	width:471px;
	background-color:inherit;
	color:#FF6600;
	font-weight:bold;
	/*padding-left:10px;*/
	border-bottom:10px solid #FFFFFF;
	clear:both;
	height:16px;
	font-size:12px;
	/*background-image:url(../images/tetieres/tetiere_large.gif);*/
}

#centre_droite .titre_fond_orange {
	border-top:4px solid #FFFFFF;
}

#centre_droite .titre_fond_orange_mtop {
	border-top:10px solid #FFFFFF;
}

#centre_droite .carte {
	clear:both;
	width:481px;
	text-align:center;
}

/*----------------------------------------------+
+ Page Réalisation                             +
+----------------------------------------------*/

#tabphoto .cadre_photo {
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:4px;
	background-color:#FFF3D1;
	color:#000000;
}

.rea_animflash {
	text-align:center;
}

.rea_modele {
	text-align:right;
	padding-bottom:5px;
}

.rea_modele a {
	color:#FF9900;
	background-color:inherit;
}

.rea_modele a:link, .rea_modele a:visited, .rea_modele a:active {
	text-decoration: none;
}

.rea_modele a:hover {
	text-decoration: underline;
}

/*----------------------------------------------+
+ Page Modèles et variantes                     +
+----------------------------------------------*/

.titre_orange {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FF9900;
	padding-bottom:15px;
	background-color:inherit;
}

.modele_plan_pieces {
	float:left;
	width:223px;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #CCCCCC;
	margin:0;
}

.modele_plan_pieces_entre_deux {
	width:10px;
	float:left;
}

.plan_variante, .pieces_variante {
	width:220px;
}

.plan_variante {
	text-align:center;
}

.pieces_variante .type_surface {
	font-weight:bold;
	font-size:12px;
	color:#000000;
	margin:0;
	padding-bottom:10px;
	border:0;
	background-color:inherit;
}

.pieces_variante .intitule_piece {
	font-size:11px;
	color:#000000;
	width:150px;
	float:left;
	background-color:inherit;
}

.pieces_variante .surface {
	font-size:11px;
	color:#000000;
	width:70px;
	float:left;
	text-align:right;
	background-color:inherit;
}

.pieces_variante .avant_total {
	clear:both;
	height:8px;
	border-bottom:1px solid #000000;
}

.pieces_variante .totaux {
	width:150px;
	float:left;
}

.pieces_variante .espacement {
	clear:both;
	height:8px;
}

/*----------------------------------------------+
+ Page programmes neufs	                        +
+----------------------------------------------*/

#photos_pneuf {
	width:210px;
	text-align:left;
	float:left;
}

#photos_pneuf img {
	padding-bottom:10px;
}

#contenu_pneuf {
	width:270px;
	float:left;
	text-align:justify;
}

#contenu_pneuf_large {
	width:480px;
	float:left;
	text-align:justify;
}

#contenu_pneuf img, #contenu_pneuf_large img  {
	display:block;
	padding-bottom:10px;
}

.page_prog_interieur {
	float:left;
}

.page_prog_interieur .typologie {
	width:154px;
	float:left;
	text-align:center;
	margin:0px;
}

.page_prog_interieur .prem_ligne {
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	float:left;
}

.page_prog_interieur .logements_dispos {
	width:154px;
	padding-left:9px;
	float:left;
	text-align:center;
	margin:0px;
}

.page_prog_interieur .date_dispo {
	width:140px;
	padding-left:9px;
	float:left;
	text-align:center;
	margin:0px;
}

.page_prog_interieur .espacement {
	clear:both;
	width:480px;
	height:10px;
}

/*----------------------------------------------+
+ Bloc Contacts                     			+
+----------------------------------------------*/

div.bloc_contacts{
	width: 190px;
	background-image:url(../../templates/valloire/images/fond_marron2.jpg);
	background-repeat:repeat;	
	margin-bottom: 10px;
	/*color:#454031;*/
	color:#FFFFFF;
	clear:both;
	font-size:12px;
	border:1px solid #565140;
	padding:5px;
	margin-left:42px;
}

.bloc_contacts .gauche_droite {
	width:8px;
	float:left;
}

.bloc_contacts .titre {
	margin:0;
	/*background-color: #FF9933;*/
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	width:184px;
	float:left;
	height:20px;
	padding-left:0px;
	/*font-size:14px;*/
}

.bloc_contacts .titre_telecharger {
	margin:0;
	background-color: #FF9933;
	color: #FFFFFF;
	font-size:12px;
	font-weight:bold;
	width:194px;
	float:left;
	height:20px;
	padding-left:50px;
}

.bloc_contacts .contenu{
	clear:both;
	/*border-bottom:1px dashed #FF9933;
	border-right:1px dashed #FF9933;
	border-left:1px dashed #FF9933;*/
	padding-top:10px;
	/*padding-left:5px;*/
	padding-right:5px;
}

.bloc_contacts a {
	font-weight:bold;
}

.bloc_contacts a.pers:link, a.pers:visited, a.pers:active {
	/*color:#454031;*/
	color:#333333;
	background-color:inherit;
	text-decoration: none;
}

.bloc_contacts a.pers:hover {
	/*color:#454031;*/
	color:#333333;
	background-color:inherit;
	text-decoration: underline;
}

.bloc_contacts .rdv {
	clear:both;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	margin:0;
	border:0;
	padding-bottom:5px;
}

a.btnrdv:link, a.btnrdv:visited, a.btnrdv:active {
	color:#433E2F;
	background-color:inherit;
}

a.btnrdv:hover {
	color:#433E2F;
	background-color:inherit;
}

.rdv img {
	vertical-align:baseline;
}

.bloc_contacts .coordonnees {
	/*padding-left:10px;*/
	float:left;
	text-align:left;
}

.bloc_contacts .logo_coordonnees {
	text-align:center;
	float:left;
}

.bloc_contacts .trait {
	clear:both;
	display:block;
}

.bloc_contacts .personne {
	clear:both;
	float:left;
	padding-bottom:5px;
	width:100%;
}


.bloc_contacts .pdf_gauche {
	clear:both;
	display:block;
}


.bloc_contacts .personne_picto {
	float:left;
	width:30px;
	display:block;
}

.bloc_contacts .personne_nom {
	float:left;
	display:block;
}


/*----------------------------------------------+
+ Formulaire Contacts                  			+
+----------------------------------------------*/

.form_intitule {
	width:150px;
	float:left;
	padding:0;
	margin:0;
	border:0;
}

.form_champs {
	width:270px;
	float:left;
	padding:0;
	margin:0;
	border:0;
}

.form_intitule_2col {
	width:50px;
	float:left;
	padding:0;
	margin:0;
	border:0;
}

.form_champs_2col {
	width:120px;
	float:left;
	padding:0;
	margin:0;
	border:0;
}

.form_rouge {
	color:#FF0000;
	background-color:inherit;
}

.form_espacement {
	width:480px;
	clear:both;
	height:8px;
	padding:0;
	margin:0;
	border:0;
}

.form_large, .form_large_disabled, .form_petit , .form_moyen, .form_textarea, .form_bouton {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border-width:1px;
	border-color:#CCCCCC;
	border-style:solid;
	margin:0;
}

.form_large {
	background-color:#FFFFFF;
	width:320px;
	padding-left:2px;
}

.form_large_disabled {
	background-color:#EBEBEB;
	width:320px;
	padding-left:2px;
}

.form_petit {
	background-color:#FFFFFF;
	width:95px;
	padding-left:2px;
}

.form_moyen {
	background-color:#FFFFFF;
	width:150px;
	padding-left:2px;
}

.form_textarea {
	width:321px;
	height:180px;
	background-color:#FFFFFF;
}

.form_bouton {
	background-color:#f0e7c9;
	border: 1px solid #433E2F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:1px;
}

.formulaire_verif {
	border: 1px solid #FF0000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	background-color:#EBEBEB;
	color:#000000;
	list-style-type:none;
	margin:0;
	float:left;
	width:474px;
}

.message_retour, .message_retour_image {
	float:left;
}

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

/*----------------------------------------------+
+ Affichage bas                             	+
+----------------------------------------------*/

#affichage_bas {
	clear:both;
	display:block;
}

#affichage_bas div {
	float:left;
}

/*----------------------------------------------+
+ Liens	pour info bulle au survol      			+
+----------------------------------------------*/

a.info{
    position:relative; 
    z-index:24;
	background-color:inherit;
    color:#000;
    text-decoration:none}

a.info:hover {
	z-index:25;
	background-color:inherit;
	color:#000000;	
	padding:0;
	border:0;
	margin:0;
}

.info span {
	display: none;
}

.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;
    top:2em;
	left:2em;
	width:15em;
    border:1px solid #FF9933;
    background-color:#FFCB34;
	color:#000000;
    text-align: justify;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:4px;
    padding-left:5px;
}