/*************************************************
/*
/*	LeBatiment.fr - CSS Document
/*
/************************************************/

#body {
	background-color:#FFF;
	width:970px;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

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


/***********************************************/
/****************** STRUCTURE ******************/

#container {
	padding:0;
	margin:0 auto 0 auto;
	width:970px;
}

#header {
	padding:0;
	margin:0;
}

#logo {
	float:left;
	width:122px;
	height:97px;
	margin:5px 0 5px 30px;
}

#menu {
	position:relative;
	float:left;
	width:760px;
	height:41px;
	top:76px;
	left:20px;
}

#contenu {
	background:url(../images/marges/bg.gif) top repeat-y;
	clear:both;
}

#container #contenu #bg_top {
	width:970px;
	height:10px;
	background:url(../images/marges/bg_top.gif) no-repeat;
}

#container #contenu #milieu {
	display:block;
	background:url(../images/bgFlash.jpg) top no-repeat;
	padding:0 10px 0 10px;
	min-height:195px;
	max-height:395px;
}

#container #contenu #bg_bloc_horiz_sep{
	width:970px;
	height:10px;
	background:url(../images/marges/bg_bloc_horiz_sep.gif) no-repeat;
}
#container #contenu #bg_horiz_sep{
	width:970px;
	height:10px;
	background:url(../images/marges/bg_horiz_sep.gif) no-repeat;
}

#container #contenu #bloc {
	margin:0 10px 0 10px;
	width:950px;
	height:228px;
}

#container #contenu #bloc_mono {
	margin:0 auto 0 auto;
	width:950px;
}

#container #contenu #bloc #bloc_left {
	float:left;
	padding:0 10px 0 0;
 	width:310px; 
 	height:228px;
 	background:url(../images/marges/bg_vert_sep.gif) right no-repeat;
}
#container #contenu #bloc #bloc_center {
	float:left;
	margin:0;
	padding:0 10px 0 0;
	width:310px;
	height:228px;
 	background:url(../images/marges/bg_vert_sep.gif) right no-repeat;
}
#container #contenu #bloc #bloc_right {
	float:left;
	margin:0;
	padding:0;
	width:310px; 
	height:228px;
}

#container #contenu #bloc img {
	margin:0 0 10px 0;
}

#container #contenu #bloc  #bloc_right a, #container #contenu #bloc #bloc_center a, #container #contenu #bloc #bloc_left a {
	display:block;
	float:right;
	bottom:0;
	margin:3px 20px 0px auto;
	width:101px;
	height:25px;
	background:url(../images/savoirplus.gif) top no-repeat;
	border:0;
}

#container #contenu #bloc  #bloc_right a:hover, #container #contenu #bloc  #bloc_right a:focus, #container #contenu #bloc #bloc_center a:hover, #container #contenu #bloc #bloc_center a:focus, #container #contenu #bloc #bloc_left a:hover, #container #contenu #bloc #bloc_left a:focus {
	background:url(../images/savoirplus.gif) bottom no-repeat;
}

#container #contenu #bloc_mono #colonne {
	float:right;
	padding:0;
	margin:35px 40px 50px auto;
	width:640px;
	text-align:justify;
}
#container #contenu #bloc_mono #col_left {
	padding:0;
	margin:20px 0;
	width:300px;
	float:left;
}
#container #contenu #bloc_mono #col_right {
	padding:0;
	margin:0;
	width:300px;
	margin:20px 0 0 40px;
	float:right;
}

#container #contenu .clear {
	clear:both;
	visibility:hidden;
}

#container #contenu #bg_bloc_bottom {
	float:left;
	background:url(../images/marges/bg_bloc_bottom.gif) no-repeat;
	width:970px;
	height:10px;
}
#container #contenu #bg_bottom {
	float:left;
	background:url(../images/marges/bg_bottom.gif) no-repeat;
	width:970px;
	height:10px;
	clear:both;
}

#container #footer {
	margin:20px 20px 0 auto;
	text-align:right;
	width:480px;
}


/***********************************************/
/*************** MENU PRINCIPAL ****************/

#nav {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}				
#nav li {
	float:left;
	border:0;
}
#nav li a {
	display:block;
	border:0;
	height:41px;
	text-decoration:none;
}

#nav li a.nav_batiment, #nav li a.nav_batir, #nav li a.nav_metiers, #nav li a.nav_reseau {
	width:168px;
}

#nav li a.nav_video, #nav li a.nav_contact {
	width:128px;
}

#nav li a.nav_batiment {
	background:url(../images/head/menu_batiment.gif) no-repeat top;
}
#nav li a.nav_batir {
	background:url(../images/head/menu_batir.gif) no-repeat top;
}	
#nav li a.nav_metiers {
	background:url(../images/head/menu_metiers.gif) no-repeat top;
}	
#nav li a.nav_video {
	background:url(../images/head/menu_videos.gif) no-repeat top;
}	
#nav li a.nav_reseau {
	background:url(../images/head/menu_reseau.gif) no-repeat top;
}		 
#nav li a.nav_contact {
	background:url(../images/head/menu_contact.gif) no-repeat top;
}

/* menus au survol */
#nav li a:hover, #nav li a:focus, #nav li a:active {
	text-decoration:none;
	background-position:bottom;
}

/* menus actifs */
#nav li a.nav_batiment_current {
	background: url(../images/head/menu_batiment.gif) bottom no-repeat;
	text-decoration:none;
	width:168px ;
	height:41px;
}
#nav li a.nav_batir_current {
	background: url(../images/head/menu_batir.gif) bottom no-repeat;
	text-decoration:none;
	width:168px ;
	height:41px;
}
#nav li a.nav_metiers_current {
	background: url(../images/head/menu_metiers.gif) bottom no-repeat;
	text-decoration:none;
	width:168px ;
	height:41px;
}
#nav li a.nav_video_current {
	background: url(../images/head/menu_videos.gif) bottom no-repeat;
	text-decoration:none;
	width: 128px ;
	height:41px;
}
#nav li a.nav_reseau_current {
	background: url(../images/head/menu_reseau.gif) bottom no-repeat;
	text-decoration:none;
	width: 168px ;
	height:41px;
}
#nav li a.nav_contact_current {
	background: url(../images/head/menu_contact.gif) bottom no-repeat;
	text-decoration:none;
	width: 128px ;
	height:41px;
}


/***********************************************/
/************** MENU SECONDAIRE ****************/

#nav_second {
	float:left;
	margin:50px 0;
	padding:0;
	width:235px;
	list-style:none;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}				
#nav_second li {
	border-bottom:#CCC dotted 1px;
	 
}
#nav_second li a {
	display:block;
	padding:15px 15px 15px 20px; 
	width:235px;
	color:#284F83;
	border:0;
}
#nav_second li a:hover, #nav_second li a:focus {
	background:#284F83;
	color:#FFF;
}

#nav_second li a.nav_second_current{
	background:#284F83;
	color:#FFF;
}


/***********************************************/
/******************** FONTS ********************/

.p {
	line-height:12pt;
	font-size:10px;
	color:#333;
}

.title {
	display:block;
	padding:10px;
	margin:10px 0 0 0;
	width:620px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	text-indent:20px;
	color:#284F83;
	border-bottom:#CCC dotted 1px;
}
.title_petit {
	display:block;
	padding:10px;
	margin:10px 0 0 0;
	width:620px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	text-indent:20px;
	color:#284F83;
	border-bottom:#CCC dotted 1px;
}


.title_paragraphe {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:10px;
	color:#284F83;
	margin:0 0 0 0;
}
.title_rubrique {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:12px;
	color:#284F83;
	margin:0 0 0 0;
}
.texte_gras {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}
.textareacontact{
	width: 350px;
	height:150px;
}


.puce_infolegales{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	list-style-type: none;
	background-image: url(/images/puce.gif);
	background-repeat: no-repeat;
	background-position: 0% 65%;
	padding-left: 10px;
}

#container p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	margin-top:0px;
}

a {
	text-decoration:none;
}
a:hover, a:focus  {
	text-decoration:none;
}

#container #contenu #bloc p {
	margin:0 auto 14px auto;
	width:270px;
	text-align:justify;
}

#container #contenu #bloc_mono #colonne a {
	color:#284F83;
}
#container #contenu #bloc_mono #colonne a:hover, #container #contenu #bloc_mono #colonne a:focus {
	color:#284F83;
	border-bottom:#284F83 dotted 1px;
}

#container #footer p {
	height:100%;
	color:#666;
}
#container #footer a {
	color:#284F83;
}
#container #footer a:hover, #container #footer a:focus {
	color:#284F83;
	border-bottom:#284F83 dotted 1px
}


/***********************************************/
/******************** Contact ******************/

.mozaique {
	margin-top:-20px;
	margin-left:-20px;
}

.mozaique img {
	margin:10px 0 10px 0;
}

.mozaique a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}


/***********************************************/
/******************** Contact ******************/

#container #contenu #bloc_mono #colonne #formcontact label {
	float:left;
	line-height:1.8;
	margin:0pt;
	padding:0pt 0.5em 0pt 0pt;
	text-align:right;
	width:30%;
}

#container #contenu #bloc_mono #colonne #formcontact label.oblig {
	font-weight:bold;
}
 
#container #contenu #bloc_mono #colonne #formcontact p {
	margin:0pt 0pt 0.2em;
	padding:0.2em 0pt;
}

#container #contenu #bloc_mono #colonne #formcontact #formfooter{
	text-align:center;
} 

a.lien_image_home {
    text-decoration:none;
}


/***********************************************/
/* Union et Syndicat */
.tbtableau {
	width:100%;
}

table.tbtableau td {
border:1px solid #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
padding:5px;
}
.tdtableau_couleur {
background-color:#EEEFF0;
border:1px solid #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
font-weight:bold;
padding:5px;
text-align:center;
}
Inherited fromtable.tbtableau
.tbtableau {
	border-collapse:collapse;
	color:#555A5B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
}
/***********************************************/
/* Sous menu reseau */
#sousmenu_reseau {
	float:left;
	list-style:none;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}				
#sousmenu_reseau li {
	border-bottom:#CCC dotted 1px;
	 
}
#sousmenu_reseau  a {
	margin-bottom:20px;
	display:block;
	float:left;
	padding:10px;
	color:#284F83;
	border:0;
}

#contenu #bloc_mono #colonne #sousmenu_reseau a:hover, #contenu #bloc_mono #colonne #sousmenu_reseau a:focus {
	margin-bottom:20px;
	background:#284F83;
	color:#FFFFFF;
	border:0;
}

#contenu #bloc_mono #colonne #sousmenu_reseau  a.nav_second_current_ssreseau{
	margin-bottom:20px;
	background:#284F83;
	color:#FFFFFF;
}

/***********************************************/
/* Sous menu Metiers */


#sousmenu_metiers {
	float:left;
	list-style:none;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}				
#sousmenu_metiers li {
	border-bottom:#CCC dotted 1px;
	 
}
#sousmenu_metiers  a {
	margin-bottom:20px;
	display:block;
	float:left;
	padding:10px;
	color:#284F83;
	border:0;
}

#contenu #bloc_mono #colonne #sousmenu_metiers a:hover, #contenu #bloc_mono #colonne #sousmenu_metiers a:focus {
	margin-bottom:20px;
	background:#284F83;
	color:#FFFFFF;
	border:0;
}

#contenu #bloc_mono #colonne #sousmenu_metiers  a.nav_second_current_ssmetiers {
	margin-bottom:20px;
	background:#284F83;
	color:#FFFFFF;
}