/* 
 * * * Couleurs * * *
 * bleu-gris: #a2b3bd; 
 * fond bleu: #98d3e3; 
 * fond jaune: #ffde5b; 
 * fond vert: #b4e687; 
 * fond violet: #d9c6a5; 
*/

body { 
	padding:0;
	text-align: center;
	font-family: Verdana, sans-serif; 
	font-size: 75%;
	color: #666; 
	background-color: #D9E0E5; 
}

img { border:0px; }

a, a:hover, a:visited { color: #666; }

#Main {
	width: 970px;
	height: auto;
	margin: 5px auto;
	border: 1px solid white;
	background: #a2b3bd url(../img/fond_page.gif) repeat-x 0 90px;
}

#Main.home #news{
	width: 220px;
	height: 289px;
	margin-top: -45px;
	overflow: hidden;
	padding: 0 10px 0 10px;
	/* background: transparent url(../img/module_news.png) no-repeat 0  0; */
}

#Main.home {
	height: 620px;
	overflow: hidden;
	/*background: #f3f3f3 url(../img/accueil.jpg) no-repeat left bottom;*/
	background: #f3f3f3 url(../img/accueil.jpg) no-repeat 0  0;
}

#Main.bleu {	background: #98d3e3 url(../img/fond_page_bleu.png) repeat-x 0 90px;}
#Main.jaune { background: #ffde5b url(../img/fond_page_jaune.jpg) repeat-x;}
#Main.vert {	background: #b4e687 url(../img/fond_page_vert.jpg) repeat-x 0 90px;}
#Main.violet {	background: #d9c6a5 url(../img/fond_page_violet.jpg) repeat-x 0 90px;}
#Main.maisons {	background: #bbb url(../img/fond_page_gris.png) repeat-x 0 90px;}

#header {
	width: 970px;
	height: 90px;
	margin-bottom: 20px;
	background: #fff url(../img/general_header.jpg) no-repeat;
}

#Main.home #header { 
	height: 45px;
	overflow: hidden;
	background: #fff url(../img/accueil_header.jpg) no-repeat;
} 

#header h1, #header h2 { display:none; }

#navigation {
	width: 970px;
	color: #fff;
	height: 90px; 
	font-size: 10px;
	text-align: right;
}

#Main.home #navigation { 
	text-align: center;
	margin: auto;
}

#navigation ul { 
	margin: 10px auto;
	list-style-type: none;
	display: block;
	float: left;
	width: 870px;
}
/* 
#navigation li{
	display: inline;
	float: left;
	margin-left: 5px;
}
 */
#navigation ul li {
	width: 160px;
	overflow: hidden;
	display: inline;
	margin:0 0 0 10px; 
	padding:0;
}

#navigation li a{
	margin-left: 5px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-size: 13px;
}

#navigation li a:hover{
	color: #fff;
	font-size: 1.25em;
}

#navigation li ul, #navigation .invisible {
	display: none;
}

#navigation li.active ul, #navigation li.trail ul {
	display: block;
}

#navigation li ul {
	float: left;
	padding: 5px 0;
	position: absolute;
	left: auto; top:20px;
	margin-left: 150px;
	/* display: none; */
	width: 890px;
	height: 35px;
	color: #fff;
}

#navigation li ul li a{
	float: left;
	text-transform: none;
	margin: 0 0 0 10px;
	padding: 0 5px 0 5px;
	border: 1px solid #fff;
}	

#navigation li ul li a:hover{
	font-weight: normal;
	margin: 0 0 0 10px;
	background-color : #5f8ab9;
	border: 1px solid #5f8ab9;
}

#navigation li.active span.active,
 #navigation ul.level_1 li.active a.active,
 #navigation ul.level_1 li.trail a.trail  {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.25em;
}

#navigation li ul.level_2 li span.active {
	float: left;
	margin: 0 0 0 10px;
	font-weight: normal;
	padding: 0 5px 0 5px;
	background-color : #5f8ab9;
	border: 1px solid #5f8ab9;
	text-transform: none;
	font-size: 13px;
}

#navigation ul.level_1 li.last ul {
	margin-left: 300px;
}

.mod_breadcrumb {
	text-align: left;
	margin-left: 20px;
	height: 30px;
	font-size: 10px;
	color: #999;
}

.mod_breadcrumb a {
	color: #999;
	text-decoration: none;
}


#content {
	margin: 0px auto;
	width: 968px;
	height: auto;
	text-align: left;
	position: relative;
}

#Main.home #content { margin: 80px auto 25px; }

#Main.bleu #content #top { height: 83px; background: url(../img/top_bleu.png) no-repeat; }
#Main.jaune #content #top { height: 83px; background: url(../img/top_jaune.png) no-repeat; }
#Main.vert #content #top { height: 83px; background: url(../img/top_vert.png) no-repeat; }
#Main.violet #content #top { height: 83px; background: url(../img/top_violet.png) no-repeat; }
#Main.maisons #content #top { height: 83px; }

#content #top {
	margin: 0px auto;
	width: 934px;
	height: 60px;
	background: url(../img/top.png) no-repeat 0 48px;
	/* clear: right; */
}

#content #top h1 {
	float: left;
	font-weight: lighter;
	font-size: 24px;
	margin: 5px 0 0 20px;
	padding-left: 20px;
	color: #fe0200;
	background: url(../img/h1_fleche.gif) no-repeat 0 -5px;
}

#Main.maisons #content h1 {
	width: 650px;
	font-size: 20px;
}

#content #top .contact{
	float: right;
	width: 161px;
	height: 38px;
	margin-right: 20px;
	background: url(../img/contactez-nous.png) no-repeat;
}

#content.modele #left {
	float: left;
	width: 220px;
	height: auto;
	padding-left: 10px;
	margin-right: 20px;
	/* background: url(../img/right_authentique.png) no-repeat; */
}

#content.modele #left #gallery {
	overflow-x: hidden;
	overflow-y: auto;
	width: 230px;
	height: 480px;
	border: 1px solid white;
}

#content.modele #left #gallery #legend {
	background-color: #fff;
	color: #666;
	text-align: right;
	width: 189px;
	padding: 2px 5px 5px 0;
	font-size: 10px;
	text-decoration: none;
}

#content.modele #left #gallery a { text-decoration: none; }

#content.modele #right {
	float: left;
	width: 690px;
	height: 600px;
	margin-top: 10px;
	margin-right: 20px;
}

#Main.bleu #content.modele #right { background: url(../img/right_authentique.png) no-repeat; }
#Main.jaune #content.modele #right { background: url(../img/right_malines.png) no-repeat; }


#content.modele #right h1{
	font-weight: lighter;
	font-size: 22px;
	font-family: Trebuchet MS, Verdana, sans-serif; 
	margin: -1px 0 0 190px;
	color: #0033cc;
	width: 250px;
	/* border: 1px solid  */
}

#content.modele #right h2{
	float: right;
	font-weight: lighter;
	font-size: 18px;
	font-family: Trebuchet MS, Verdana, sans-serif; 
	margin: -15px -50px 20px 400px;
	color: #666;
	width: 250px;
	/* border: 1px solid  */
}

#content.modele #right img.contact{
	float: right;
	margin: -40px 0 0 0;
}

#content.modele #right img.big{
	float: clear;
	margin: 5px 0 0 20px;
}

#content.modele #right img.real{
	float: clear;
	margin: 40px 0 0 20px;
}

#content.modele #right .bottom_left{
	float: left;
	margin: 5px 0 0 20px;
}

#content.modele #right .bottom_right{
	float: right;
	margin: 5px 17px 0 0;
	text-align: right;
}

#content.modele #right .bottom_right p, #content.modele #right .bottom_left p{
	text-transform: uppercase;
	font-size: 9px;
	color: #fff;
	margin-bottom: 1px;
}
/* 
#content.bleu #top .contact{
	margin: 30px 20px 0 0px
} */

#content #top .right{
	float: right;
	width: auto;
	height: 38px;
	margin: 20px 20px 0 0;
}

#content #top .contact h2, #content #top .modeles h2 { display:none; }

#content #mid {
	clear: both;
	margin: 0px auto;
	width: 900px;
	height: auto;
	background: url(../img/page_content_02-1.png) repeat-y;
}

table#mid_content { background: url(../img/page_content_02.png) no-repeat left bottom; width: 900px;}

#Main.bleu #content table#mid_content { min-height:410px; background: url(../img/page_content_bleu_02.png) no-repeat left top; }
#Main.jaune #content table#mid_content { min-height:410px; background: url(../img/page_content_jaune_02.png) no-repeat left top; }
#Main.vert #content table#mid_content{ min-height:410px; background: url(../img/page_content_vert_02.png) no-repeat left top; }
#Main.violet #content table#mid_content { min-height:410px; background: url(../img/page_content_violet_02.png) no-repeat left top; }
#Main.maisons #content table#mid_content { min-height:410px; background: url(../img/page_content_02-2.png) no-repeat left bottom; }

#content #bot{
	/* margin: 0px auto 10px auto;
	width: 900px;
	height: 30px;
	background: url(../img/page_content_03.png) no-repeat 0 0; */
	clear: both;
}

#content #title {
	height: 50px;
}

/* #content.bleu #title {
	height: 30px;
} */

#Main.bleu #content #top h1, 
#Main.jaune #content #top h1 {
	margin: 20px 0 0 180px
}

#Main.vert #content #top h1, 
#Main.violet #content #top h1 {
	margin: 20px 0 0 190px
}

#content  #mid h2, #content  #mid h3, #content  #mid p, #content  #mid .formbody {
	margin: 0 0 0 5px;
	padding: 0 20px 5px 30px;
}

#content  #mid h2 {
	font-weight: lighter;
	font-size: 20px;
	font-family: Trebuchet MS, Verdana, sans-serif; 
	line-height: 20px;
	color: #fe0200;
	background: transparent url(../img/h2_puce.png) no-repeat 10px 3px;
	margin:20px 0 0 5px;
}

#content  #mid #floriot_1  {
	position: inherit;
}

#content  #mid #floriot_1 table {
	border: 0;
	width: 880px;
}

#content  #mid #floriot_1 h2 {
	margin-top: 5px;
	margin-bottom: 5px;
}

#content  #mid #floriot_1 h2.video{
	color: #333;
	background: none;
}

.red{ color: #ff0000; }

.caps { text-transform: uppercase;}

.white { color: #ccc; }

#content.modele #right h1.modele_jaune { color: #ff9933 }

#content.modele #right h1.modele_bleu { color: #0033cc }

#content  #mid #floriot_1 p {
	font-family: Verdana, sans serif;
	font-size:11px;
	margin-bottom: 10px;
	line-height: 15px;
}

#content  #mid #floriot_2  {
	position: inherit;
	width: 450px;
	margin-left: 400px;
}

.mod_newsreader h1,
#actualites h1{
	border-top: 1px solid #fe0200;
	border-bottom: 1px solid #fe0200;
	font-weight: lighter;
	font-size: 20px;
	font-family: Trebuchet MS, Verdana, sans-serif; 
	line-height: 20px;
	color: #fe0200;
	background: transparent url(../img/h2_puce.png) no-repeat 10px 3px;
	line-height:20px;
	margin:10px 0 10px 5px;
	padding-left:40px;
	width:850px;
}

.back a, .back a:hover, .back a:visited { font-size: 11px; color: #666; }

#Main #content #mid #actualites h2, 
#Main #content #mid #actualites h2 a {
	color:#3366CC;
	font-weight:normal;
	text-decoration: none;
	/* text-transform: uppercase; */
	font-size: 13px;
	background: transparent ;
	margin: 0;
}

#Main.home #actualites h2,
#Main.home #actualites h2 a{
	color:#FE0200;
	font-family:Trebuchet MS,Verdana,sans-serif;
	font-size:20px;
	font-weight:normal;
	text-decoration: none;
	line-height:20px;
	/* text-transform: lowercase; */
}

#content #mid #actualites .info {
	display: none;
}

#content #mid #actualites p.teaser {
	margin: 0 0 20px 0;
}

#Main.home .teaser {
	margin: -10px 0 20px 0;
	font-size: 10px;
	line-height:15px;	
}

#administratif h2,
#recrutement-nos-offres-emploi   h2,
#contactez-nous  h2,
#content  #mid h2.news {
	width: 840px;
	border-top: 1px solid #fe0200;
	border-bottom: 1px solid #fe0200;
}

#content #mid h2.agences { margin: 0; }

#content  #mid h3 {
	color: #3f63b7;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: -5px;
}

#recrutement-nos-offres-emploi  h4, 
#administratif  h4 { 
	color: #3366cc;
	font-weight: normal;
	font-size: Verdana, sans serif;
	padding: 0 0 5px 30px;
}

#content  #mid #plan-du-site{
	margin: 0 0 20px 0;
	line-height: 20px;
	margin-bottom: -1px;
}

#content  #mid p {
	line-height: 20px;
	margin-bottom: -1px;
	margin-top: 0;
}

#content  #mid_left {
	float: left;
	margin: 10px 0 20px 20px;
	width: 260px;
}

#content  #mid_right {
	float: right;
	width: 600px;
	margin: 10px 0;
	
}

.ce_gallery {
	margin-left: 20px;
}

table#titre_capsule_bleue {
	height: 27px;
	font-weight: lighter;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}

table#titre_capsule_bleue td.left{ width: 8px; background: transparent url(../img/h4_left.gif) no-repeat }
table#titre_capsule_bleue td.mid{ font-size: 14px; padding:0px; text-align:center; background: transparent url(../img/h4_mid.gif) repeat-x }
table#titre_capsule_bleue td.right{ width: 8px; background: transparent url(../img/h4_right.gif) no-repeat }

#nos-agences { position: relative;}

#nos-agences table { 
	margin: 0 0 20px 20px;
	text-align: left;
}

#nos-agences td {
	height: 220px;  
	text-align: left;
	vertical-align: top;
}

#block_text.agences {
	width: 280px; 
	height: 220px; 
	margin:0 0 0 80px;
}

#block_text.agences .mid { 
	padding:0;
	font-size: 12px;
}

#nom-siege {
	text-transform: uppercase;
	color: #ff0000;
	padding:0 20px 5px 30px;
	display: block;
}

#coord-agences { 
	display: block;
}

#nom-agence {
	display: block;
	color: #ff0000;
	text-transform: uppercase;
	margin:0 0 5px 5px;
	padding:0 0 0 30px;
	background: transparent url(../img/h3_agences.png) no-repeat 15px 5px;
}

#block_text.garanties,
#block_text.garanties .top,
#block_text.garanties div.mid,
#block_text.garanties .bot {
	background-image: none;
	margin:0 0 0 20px;
	width: 750px;
} 

#block_text.garanties .mid h2, 
#block_text.garanties .mid h3, 
#content #mid  #block_text.garanties div.mid p {
	margin:0;
	padding: 0;
	width: 600px
}

#content #mid  #block_text.garanties div.mid ul {
	margin:10px;
	padding: 0;
}

#block_text.garanties img.partenaire {
	/* float: right; */
	margin-left:200px;
}

#block_text { width: 591px; }
#block_text .top { background: transparent url(../img/block_text_top.png) no-repeat bottom right; height: 34px }
#block_text .mid { background: transparent url(../img/block_text_mid.png) repeat-y top right; font-size: 11px; margin: 0 0 0 -20px; /* padding: 10px 40px 0 0; */}
#block_text .mid ul { list-style-image: url(../img/puce_rouge.png); margin-top: 0; margin-bottom: -6px; width: 500px}
#block_text .mid ul li { margin-bottom: 5px;}
#block_text .bot { height: 35px; background: transparent url(../img/block_text_bot.png) no-repeat top right; }

#block_text.maisons  { width: 850px; margin: 10px 0 10px 0; }
#block_text.teaser { height: 150px; background: transparent; }
#block_text.maisons .maisons_left { clear: both; float:left; width: 272px; margin: 10px 20px 0; text-align: right; }
#block_text.maisons .maisons_right { float:right; width: 538px; margin: 10px 0; padding: 0; font-family: Verdana, sans serif; font-size: 12px; line-height: 20px; color: #333; }
#block_text.maisons .maisons_right img.right{ float:right; margin: 10px;}
#block_text.maisons .maisons_right img.bouton{ margin-top: 10px;}
#content #mid #block_text.maisons .maisons_right p { line-height: 17px; }
#content #mid #block_text.soustitre { width: 850px; height: 20px; margin: 0 auto 20px auto; text-align: center; }
#content #mid #block_text.soustitre h2, #content #mid #block_text.table table h2 { background: transparent none; }
#block_text.text { width: 850px; min-height: 150px; background: transparent; margin: 10px 0 10px 0; }
#block_text.text .top, #block_text.text .mid,  #block_text.text .bot { width: 580px; }
#block_text.text .top table#titre_capsule { width: 580px; text-transform: none; color: #000;}
#block_text.text .top table.bleue td { height: 30px; background: transparent url(../img/maisons_titre_capsule_bleue.png) no-repeat; padding-left: 10px; }
#block_text.text .top table.verte td { height: 30px; background: transparent url(../img/maisons_titre_capsule_verte.png) no-repeat; padding-left: 10px; }
#block_text.text .top table.orange td { height: 30px; background: transparent url(../img/maisons_titre_capsule_orange.png) no-repeat; padding-left: 10px; }
#block_text.text .top table.grise td { height: 30px; background: transparent url(../img/maisons_titre_capsule_grise.png) no-repeat; padding-left: 10px; }
#block_text.text .mid { margin: 0;}
#content #mid #block_text.text .mid p { margin: 0 0 0 5px; padding:0 5px 5px; /* padding: 0; */}
#content #mid #block_text.text .bot { height: 35px; background: transparent url(../img/block_text_bot_02.png) no-repeat top left; }
#block_text.table { clear: both; background: transparent; width: 850px; margin: 10px auto 10px auto;}
#block_text.table table.table_01{ border: 0; width: 95%; margin: 0 auto; }
#block_text.table table.table_02{ border: 0; width: 85%; margin: 0 auto; }
#block_text.table td{ vertical-align: top; line-height: 20px; }
#content #mid #block_text.table p { line-height: 15px;}
#block_text.table .table_top{ background: url(../img/maisons_tab_background_01.png) no-repeat left bottom; width:870px; height:39px; }
#block_text.table .table_mid{ background: url(../img/maisons_tab_background_02.png) repeat-y; width:870px; }
#block_text.table .table_bot{ background: url(../img/maisons_tab_background_03.png) no-repeat left top; width:870px; height:39px; }
#block_text.table .red{ color: #ff0000; font-weight: bold;}


#prefooter {
	/* clear: both; */
	margin: 0px auto 10px auto;
	width: 900px;
	height: 30px;
	background: url(../img/page_content_03.png) no-repeat 0 0;
}

#Main.bleu #prefooter{ background: url(../img/page_content_bleu_03.png) no-repeat left top; }
#Main.jaune #prefooter{ background: url(../img/page_content_jaune_03.png) no-repeat left top; }
#Main.vert #prefooter{ background: url(../img/page_content_vert_03.png) no-repeat left top; }
#Main.violet #prefooter{ background: url(../img/page_content_violet_03.png) no-repeat left top; }
#Main.maisons #prefooter{ background: url(../img/page_content_02-3.png) no-repeat left top; }

#plan-du-site a {
	color: #333;
	text-decoration: none;
}
#plan-du-site a:hover {
	text-decoration: underline;
}

#footer {
	margin: 0px auto;
	clear: both;
	width: 970px;
	height: 20px;
	font-size: 10px;
	color: #fff;
	border-top: 1px solid white;
	/* background: #f3f3f3 url(../img/accueil_footer.jpg) no-repeat; */
	/* border: 1px solid */
}

#Main.home #footer { border: 0;	height: 40px; }
#Main.bleu #footer, #Main.jaune #footer, #Main.vert #footer, #Main.violet #footer { color: #333; }

#contactez-nous a, #contactez-nous a:hover, #contactez-nous a:visited {
	color: #666;
}  

.more a{
	display: block;
	font-size: -100em;
	text-indent: -100em;
	overflow: hidden;
	background: url(../img/en-savoir-plus.png) no-repeat;
	width: 80px;
	height: 30px;
	margin: -20px 0 10px -10px 
}

.formbody {
	padding-top: 20px;
}

.formbody table {
	margin-top: 20px;
}

.formbody table td.col_0 {
	vertical-align: top;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	height: 30px;
}

.formbody table td.col_0 label {
	color: #3366cc;
}

.formbody table td.col_0 span.mandatory,
.formbody table td.col_1 .error {
	color: #ff0000;
}

.formbody input, .formbody textarea {
	width: 450px;
	border: 1px solid #ccc;
	font-family: Arial, sans serif;
	font-size: 11px;
}

.formbody .submit_container {
	text-align: right;
}
	
.formbody input.submit {
	width: 80px;
	height: 26px;
	border: 0;
}
.formbody input.postuler {
	margin-right:30px;
}

.formbody div.poste_recherche {
	margin: 25px 0 5px 115px;
	padding: 0;
	color: #3366cc;
}

.formbody td.explanation {
	margin: 0px;
	text-align: left;
}

.recrutement {
	margin: 25px 0 0px 30px;
}

#footer  ul{
	margin: 0px;
	list-style-type: none;
}

#footer  li{
	display: inline;
	margin-left: 20px;
	color: #fff;
}

#footer li  a, #footer li  a:hover, #footer li a:visited {
	text-decoration: none;
	color: #fff;
}

#flash_galleries { 
	margin-top: 120px;
	\margin-top: 100px;
	width: 970px;
	height: 110px;
}

#flash_galleries a { display:none;}

#gallery_1 {
	float: left;
	margin-left: 25px;
}
#gallery_2 {
	float: left;
	margin-left: 65px;
}
#gallery_3 {
	float: left;
	margin-left: 65px;
}
#gallery_4 {
	float: left;
	margin-left: 63px;
}

#TB_closeWindow { display: none; }

.explicit { padding-bottom: 5px; font-size: 11px; }