/* ******************************************************** PARTIE COMMUNE ********************************** */
#site * {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	margin: 0;
}
#body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #a4cdeb /*url(/design/images/bg_site.jpg) repeat top left*/;
	text-align: center;
}
html, body {
	height: 100%;
}
/************************FIELDSET HACK****************/
fieldset {
    position: relative;
    top: 1em;
    padding: 0 0.5em 1em 0.5em;
}
html>body fieldset {
    padding-top: 1em;
    top: 0;
}
legend {
    position: relative;
    top: -1em;
    padding: 0.4em;
}
/************************FIN FIELDSET HACK****************/
textarea {
	overflow: auto;
}
#site option {
	padding: 0 2px;
}
acronym a {
	text-decoration: none;
	cursor: help;
}
#site {
	position: relative;
	width: 990px;
	margin: 0 auto;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: left;
	position: relative;
	color: #19171c;
	background-color: #fff;
}
#logo {
	width: 147px;
	height: 83px;
	position: absolute;
	left: 40px;
	top: 40px;
}
#logo a {
	display: block;
	width: 147px;
	height: 83px;
	background: url(/design/images/logo.png) no-repeat top left;
}
#center {
	height: 100%;
	background: #fff url(/design/images/bg_menu_repeat.jpg) repeat-y top left;
}
#sidebar {
	position: absolute;
	width: 226px;
	height: 511px;
	z-index: 3;
}
#sidebar_news {
	position:absolute;
	top:350px;
	width: 226px;
	z-index: 10;
}
#header {
	height: 137px;
	width: 776px;
	background: url(/design/images/bg_header.jpg) no-repeat top left;
	padding-left: 214px;
	padding-top: 10px;
}
#header #date_jour {
	position: absolute;
	right: 15px;
	top: 2px;
	font-size: 10px;
	color: #000;
}
#header span.chfer {
	font-size: 11px;
	color: #791843;
	margin-left: 30px;
	line-height: 20px;
	position: absolute;
	top: 125px;
}
#header form {
	position: absolute; 
	right: 50px;
	top: 30px;
	padding: 10px; 
	width: 125px;
	color: #873a5c;
}
#header #espace_pro {
	position: absolute; 
	right: 50px;
	top: 60px;
	color: #873a5c;
}
#header #espace_pro a {
	display: block;
	height: 16px;
	line-height: 16px;
	padding: 0 20px 0 5px;
	background-color: #d5d5d5;
	color: #873a5c;
	text-decoration: none;
	float: left;
	margin: 0 9px 3px 0;
	font-size: 10px;
}
#header #espace_pro a:hover, #header #espace_pro a.espace_pro_on {
	background-color: #e1b917;
	color: #fff;
}
#header #identite {
	/*background: url(/design/images/picto_coeur.png) no-repeat top left;*/
	position: absolute; 
	right: 40px;
	top: 30px;
	color: #873a5c;
}
#header a.bloc_haut_devenir, #header a.bloc_haut_devenir_on {
	position: absolute;
	margin-left: 0px;
	top: 44px;
	height: 80px;
	width: 371px;
	display: block;
}
#header a.bloc_haut_devenir {
	background: url(/design/images/devenez_partenaires_off.jpg) no-repeat top left;
}
#header a.bloc_haut_devenir:hover, #header a.bloc_haut_devenir_on {
	background: url(/design/images/devenez_partenaires_on.jpg) no-repeat top left;
}

#contenu {
	position: relative;
	width: 782px;
	float: right;
	z-index: 4;
	height: 602px;
}
html>body #contenu {
	height: auto;
	min-height: 602px;
} 

#footer {
	height: 36px;
	padding: 0 10px;
	line-height: 36px;
	width: 970px;
	background: url(/design/images/bg_footer.jpg) no-repeat top left;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin: 0 auto;
}
.topContenu {
	position: relative; 
	z-index: 6;
}
.logo_bgd_gauche {
	background: url(/design/images/bg_logo_gauche.png) no-repeat top left;
	height: 338px;
	width: 208px;
	position: absolute;
	bottom: -1px;
	left: 0;
	/*z-index: 5;*/
}
.logo_bgd_droit {
	background: url(/design/images/bg_logo_droit.png) no-repeat top left;
	height: 403px;
	width: 265px;
	position: absolute;
	bottom: -1px;
	left: 208px;
	z-index: 4;
}

/***********************MAP*************************************/
#nous_situer .mapSituation {
	width: 720px;
	height: 317px;
	margin: 0 30px;
	padding: 0;
	border: 1px solid #000;
}
#nos_offres .mapOffres {
	width: 260px;
	height: 260px;
	margin: 0;
	padding: 0;
	border: 1px solid #000;
}
/*Conditions d'utilisation */
#nos_offres .mapOffres div a {
	position: absolute;
	bottom: -35px;
	right: -5px;
}
/*Données Cartographique c2007 TeleAtlas - */
#nos_offres .mapOffres span {
	position: absolute;
	bottom: -20px;
	right: -5px;
	/*display: none;*/
}
/***********************FIN MAP*************************************/

#suivi_chantier {
	text-align: center;
	/*width: 208px;
	margin-top: 100px;*/
	color: #7a1b43;
	position: relative;
	z-index: 6;
}
a.img, table {
	border: none;
}
/* ******************************************************** GESTION DES LIENS ********************************** */
a {
	color: #873a5c;
	text-decoration: underline;
	outline: none;
}
a:hover {
	text-decoration: none;
}
a span {
	display:none;
}

a.lien_s {
	color: #873a5c;
	font-size: 9px;
	text-decoration: none;
}
a.lien_s:hover {
	color: #7a1743;
	font-size: 9px;
	text-decoration: underline;
}
a.lien_on {
	color: #999;
	font-size: 11px;
	text-decoration: none;
}
a.lien_blanc {
	color: #fff;
	font-size: 9px;
	text-decoration: none;
}
a.lien_blanc:hover {
	color: #fff;
	font-size: 9px;
	text-decoration: underline;
}
a.lien_rouge {
	color: #c00;
	text-decoration: underline;
	font-weight: bold;
}
a.lien_rouge:hover {
	text-decoration: none;
}

a.lien_bleu {
	color: #1d3e59;
	text-decoration: underline;
	font-weight: bold;
}
a.lien_bleu:hover {
	text-decoration: none;
}

/* ******************************************************** SATIC PAGE ********************************** */

/* ******************************************************** GESTION MENUS ********************************** */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	/*list-style-type: none;*/
}
/* ****** GESTION MENU *********** */
#menu {
	height: 184px;
	width: 208px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 17px;
}
#menu ul {
	list-style-type: none;
}
#menu li a {
	display:block;
	height: 23px;
	width: 188px;
	text-decoration: none;
	font-size: 12px;
	padding-left: 20px;
	line-height: 23px;
	color: #fff;
	border-bottom: 1px solid #b7929a;
	position: relative;
}
#menu li {
}
#menu a.menu_accueil {
	background-color: #730032;
}
#menu a.menu_qui_sommes_nous {
	background-color: #780a3a;
}
#menu a.menu_modeles_maisons {
	background-color: #84214b;
}
#menu a.menu_offres {
	background-color: #913a5e;
}
#menu a.menu_service {
	background-color: #a25876;
}
#menu a.menu_securite {
	background-color: #b0768c;
}
#menu a.menu_qualite {
	background-color: #c092a2;
}
#menu a.menu_partenaires {
	background-color: #caa7b2;
}
#menu a.menu_suivi_chantier {
	background-color: #d0b2ba;
}
#menu a.menu_on, #menu a:hover {
	background-color: #e1b917;
}
#footer ul {
	float: right;
	color: #791843;
	font-size: 11px;
}
#footer ul li {
	display: inline;
}
#footer a.menu_2, #menu a.menu_2 {
	color: #791843;
	text-decoration: none;
}
#footer a.menu_2:hover, #footer a.menu_2_on, #menu a.menu_2:hover, #menu a.menu_2_on {
	color: #791843;
	text-decoration: underline;
	background: none;
}
/* ****** COPYRIGHT *********** */
#copyright {
	font-size: 10px;
	color: #4e5357; 
	text-align: right;
	padding-top: 5px;
	margin: 0 auto;
	width: 990px;
	padding-bottom: 20px;
}
#copyright a {
	text-decoration: none;
	color: #4e5357;
}
#copyright a:hover {
	text-decoration: underline;
}
#copyright_groupe_ast {
	display: inline;
	float: left;
	margin-left: 30px;
}
#copyright_groupe_ast a img {
	float: left;
}
#copyright_groupe_ast a {
	text-decoration: none;
	color: #333399;
	font-size: 11px;
	display: block;
	text-align: center;
	clear: both;
}
#copyright_groupe_ast a:hover {
	text-decoration: underline;
}
/* ******************************************************** GESTION LIENS NAVIGATION ********************************** */
#site ul.barre_navigation {
	list-style-type: none;
}
#site ul.barre_navigation li {
	float: left;
}
#site ul.barre_navigation li a, #site ul.barre_navigation li span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	height: 14px;
	padding: 3px 5px;
	border: 1px solid #eee;
	background-color: #fff;
	text-decoration: none;
	color: #791742;
	float: left;
	line-height: 14px;
	margin: 0 2.5px;
} 
#site ul.barre_navigation li a:hover {
	border: 1px solid #791742;
	background-color: #d0b2ba;
}
#site ul.barre_navigation li span {
	cursor: default;
}
#site ul.barre_navigation li span.lien_nav_on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	height: 14px;
	padding: 3px 5px;
	border: 1px solid #791742;
	background-color: #fff;
	text-decoration: none;
	color: #791742;
	float: left;
	line-height: 14px;
	margin: 0 2.5px;
	background-color: #d0b2ba;
	font-weight: bold;
}
#site ul.barre_navigation li a.fleche_nav, #site ul.barre_navigation li span.fleche_nav {
	margin-right: 5px;
}
#site ul.barre_navigation li a.fleche_nav2, #site ul.barre_navigation li span.fleche_nav2 {
	margin-left: 5px;
}
#site ul.barre_navigation li span.disable_lien_nav {
	color: #ccc;
}
/* ******************************************************** GESTION LIENS ********************************** */
a.lien_bloc {
	width: 200px;
	height: 50px;
	text-align: center;
	background-color: #720033;
	text-decoration: none;
	display: block;
	color: #e1b917;
	line-height: 50px;
}
a.lien_bloc:hover {
	background-color: #e1b917;
	color: #720033;
}
.lien_gris {
	color: #767676;
	text-decoration: none;
}
.lien_gris:hover {
	color: #a9a6a6;
}
/* ******************************************************** GESTION DES TITRES ********************************** */
h1 {
}
h2 {
	font-family: "Times New Roman", Times, serif;
	color: #791843;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	font-size: 35px;
}
h3 {
	font-size: 35px;
	font-family: "Times New Roman", Times, serif;
	color: #7e003f;
	/*font-variant: small-caps;*/ 
	font-weight: normal;
}
h4 {
	font-size: 30px;
	font-family: "Times New Roman", Times, serif;
	color: #7e003f;
	font-weight: normal;
	/*background: url(/design/images/picto_maison.png) no-repeat top left;*/
	text-indent: 28px;
	line-height: 20px;
}
span.h4_s {
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	color: #7e003f;
	font-weight: normal;
	text-indent: 28px;
	line-height: 20px;
}
span.h4_s2 {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7e003f;
	font-weight: normal;
	text-indent: 28px;
	line-height: 20px;
}
#accueil h4, #lexique h4, #edito h4 {
	font-size: 22px;
	font-style: italic;
	padding: 5px;
	background: none;
	text-indent: 0;
	line-height: 22px;
	height: 22px;
}	
#contenu h3.page {
	font-size: 30px;
	/*font-family: "Times New Roman", Times, serif;*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #7e003f;
	/*font-variant: small-caps;*/ 
	font-weight: normal;
	height: 82px;
	background: url(/design/images/photo_accueil.jpg) no-repeat right -150px;
	width: 752px;
	padding-left: 30px;
}
#contenu h3.page td {
	height: 82px;
	vertical-align: middle;
	text-align: left;
	line-height: 27px;
}
#contenu h4.page {
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	color: #7e003f;
	font-weight: normal;
	background: #c9d6e1 url(/design/images/bg_h4_page.png) repeat-y right top;
	text-align: right;
	padding-right: 40px;
	line-height: 20px;
	height: 50px;
	background-color: #c9d6e1;
	width: 742px;
}
#contenu h4.page td {
	width: 742px;
	height: 50px;
	vertical-align: bottom;
	padding-bottom: 3px;
}
h4.page td img.vertical {
	vertical-align: top; 
	display: table-cell;
}
#contenu h4.page2 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #435b6f;
	font-weight: normal;
	text-indent: 0;
	padding-left: 30px;
}
h5.page {
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	color: #c9d5e1;
	font-weight: normal;
}
/* ******************************************************** GESTION DES TEXTES ********************************** */
.blanc {
	color: #fff;
}
.bordeau {
	color: #791843;
	font-weight: bold;
}
.jaune {
	color: #e1b917;
	font-weight: bold;
}
.t2_gris {
	color: #e4e4e4;
	font-size: 23px;
	font-weight: bold;
}
.labelR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	text-align: right;
}
.labelL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	text-align: left;
}
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	margin: 1px 0;
}
.majuscule {
	text-transform: uppercase;
}
.article_loi {
	text-align: justify;
	font-size: 9px;
	font-style: italic;
}
.vertical {
	vertical-align: middle; 
	display: table-cell;
}
div.clear {
	clear: both;
	visibility: hidden;	
}
hr.point {
	border: 1px dotted #ecf0f1;
}
/* ******************************************************** GESTION DES FORMULAIRES et BOUTONS ********************************** */
#suivi_chantier .form_login {
	font-size: 10px;
	color: #7a1b43;
	height: 15px;
	border-top: 1px solid #7a1b43;
	border-right: 1px solid #7a1b43;
	border-bottom: 1px solid #7a1b43;
	border-left: 1px solid #7a1b43;
	padding: 1px 2px 1px 3px;
	background-color: #fff;
	margin: 3px;
}
#header .form_login {
	font-size: 10px;
	color: #7a1b43;
	height: 15px;
	border-top: 1px solid #7a1b43;
	border-right: 1px solid #7a1b43;
	border-bottom: 1px solid #7a1b43;
	border-left: 1px solid #7a1b43;
	padding: 1px 2px 1px 3px;
	background-color: #fff;
	margin: 2px 0;
}
.form {
	font-size: 10px;
	color: #392d20;
	line-height: 12px;
	padding-left:3px;
	border-top: 1px solid #504d4d;
	border-right: 1px solid #cbcbcd;
	border-bottom: 1px solid #cbcbcd;
	border-left: 1px solid #504d4d;
	padding: 1px 2px 1px 2px;
	background-color: #fff;
}
.form_on {
	font-size: 10px;
	color: #392d20;
	line-height: 12px;
	padding-left:3px;
	border-top: 1px solid #504d4d;
	border-right: 1px solid #cbcbcd;
	border-bottom: 1px solid #cbcbcd;
	border-left: 1px solid #504d4d;
	padding: 1px 2px 1px 2px;
	background-color: #fc0;
}
.form_need {
	font-size: 10px;
	color: #392d20;
	line-height: 12px;
	padding-left:3px;
	border-top: 1px solid #504d4d;
	border-right: 1px solid #cbcbcd;
	border-bottom: 1px solid #cbcbcd;
	border-left: 4px solid #791742;
	padding: 1px 2px 1px 2px;
	background-color: #fff;
}
textarea.form_need,textarea.form {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.form_need_mention {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	text-indent: 2px;
	font-style: italic;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 4px solid #791742;
	padding: 0 0 1px 10px;
	background-color: #fff;
}
.form_bt {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
	border: 1px solid #999;
	text-decoration: none;
	background-color: #791742;
	text-align: center;
	width: 80px;
}
/* ******************************************************** GESTION DES TEXTES ********************************** */
.t1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #791843;
	line-height: 24px;
	}
.t2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	/*color: #3c8caf;*/
	color: #791742;
	line-height: 20px;
}
.t3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #cb0001;
	line-height: 20px;
	margin:0;
}
.t4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #cb0001;
}
.m {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #595959;
}
.m_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #fff; 
}
.m_gris {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666666; 
}
.m_need {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #f00; 
}
.s {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #0d2e65; 
}
.s_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #fff; 
	text-decoration: none;
}
.s_need {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #f00; 
}
.s_gris {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #666; 
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #1a2d58; 
}
/* ****************************************************** GESTION DES IMAGES ********************************** */
.xs {
	border: 2px solid #eaeaea;
}
.xs_b {
	border: 1px solid #000;
}
.bgtop {
	background-repeat: repeat-x;
	background-position: top;
}
.bgone {
	background-repeat: no-repeat;
	background-position: top;
}
.bgbottom {
	background-repeat: repeat-x;
	background-position: bottom;
}
img {
	border: 0;
}
/* ******************************************************** GESTION DES POSITION ********************************** */
.txt_align_center {
	text-align: center;
}
.txt_align_right {
	text-align: right;
}
.txt_align_left {
	text-align: left;
}
.txt_align_justify {
	text-align: justify;
}
.right {
	float: right;
}
.left {
	float: left;
}
/* ******************************************************** GESTION DES COULEURS ********************************** */
.bg_color_info {
	background-color: #900;
}
.bg_color_error {
	background-color: #900;
}
.bg_color_blanc {
	background-color: #fff;
}
.bg_color_gris {
	background-color: #e4e4e4;
}
.bg_color_0 {
	background-color: #fbfbfb; /* gris/blanc fond contenu */
}
.bg_bot_0_ {
	/*background-color: #e1b917;*/
	background-color: #fbfbfb;
}
.bg_tab_gris {
	background-color: #efede1;
}
/* ******************************************************** GESTION DES BOUTONS ********************************** */
.bt_rose, .bt_rose_pale, .bt_noir, .bt_bleu {
	display: block;
	width: 179px;
	height: 23px;
	line-height: 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
}
.bt_rose {
	background: url(/design/images/bt_rose.gif) no-repeat top left;
	color: #fff;
}
.bt_rose_pale {
	background: url(/design/images/bt_rose_pale.gif) no-repeat top left;
	color: #791843;
}
.bt_noir {
	background: url(/design/images/bt_noir.gif) no-repeat top left;
	color: #fff;
}
.bt_bleu {
	background: url(/design/images/bt_bleu.gif) no-repeat top left;
	color: #000;
}
.bt_rose:hover, .bt_rose_pale:hover, .bt_noir:hover, .bt_bleu:hover {
	text-decoration: underline;
}
.form_news_bt_ok {
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #333;
	width: 25px;
	height: 13px;
	margin:2px 0;
	background: #fff url(http://www.objectif-villas.fr/newsletters/design/bt_news.gif) no-repeat center center;
	border: none;	
}
