body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#333;
	line-height:16px;
	background:#ECE4E2;
}

#top {
    background: url("../images/degrade.jpg");
}
#content-top {
    width:780px;
    margin:0 auto;
    height:70px;
    background: url("../images/bg_navtop.jpg");
}

#logo {
    float:left;
    width:20px;
    height:10px;
    text-align:right;
    margin:0;
    padding:0;
    border:0;
}

#illustration {
	background-image: url(../images/rayures.gif);
}

#content-illustration {
    width:780px;
    margin:0 auto;
    height:143px;
    text-align:center;
    background:url(../images/bg_rayures.jpg);
}

#container {
    background:#ECE4E2;
}

#content-container {
    width:780px;
    margin:0 auto;
    text-align:left;
    background:url(../images/bg_main.jpg);
}

#side-left {
    float:left;
    width:160px;
    height:auto;
    font-size:11px;
    line-height:13px;
}

#side-left2 {
    float:left;
    width:110px;
    height:auto;
    font-size:11px;
    line-height:13px;
}

#main {
    float:left;
    width:740px;
    height:auto;
}

.content {
    padding-left:40px;
}

#main-column {
    float:left;
    width:530px;
    height:auto;
}

#main-column a:link,#main-column a:visited,#main-column a:hover,#main a:link,#main a:visited,#main a:hover {
    color:#333;
    text-decoration:underline;
    /*border-bottom: 1px dotted #333;*/
}

#main-column h1 {
    color:#8fad5b;
    font-size:21px;
    margin:0px;
    padding:0px;
	padding-top:15px;
}
#main h1 {
    color:#4B63AD;
    font-size:21px;
    margin:0px;
    padding:0px;
    padding-top:15px;
}
#main-column h2,#main h2 {
    font-size: 13px; 
    color: #000;
    font-weight: bold;
    padding:10px 0 0;
    margin:0;
}
#main-column h3,#main h3 {
    font-size: 16px; 
    color: #000;
    font-weight: normal;
    padding:0;
    margin:0;
    padding-top:20px;
    padding-bottom:10px;
    line-height:23px;
}
#main-column h2 strong,#main h2 strong {
    color:#cc0033;
}
#main-column p,#main p{
    padding:0;
    margin:0;
    
}
#main-column ul,#main ul {
    margin: 0; 
    padding: 0; 
    list-style-type: none;
}
#main-column li,#main li {
    margin: 0; 
    padding: 5px 0 0px 16px; 
    background: url("../images/pixpuce.gif") no-repeat 0px 9px;
}

#bas_page
{
	width:742px;
	text-align:center;
	position:absolute;
	top: 1605px;
	height:40px;
	background:#8A968C;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clip:    rect(auto auto auto auto);
}

#footer2 {
    width:780px;
    margin:0 auto;
    text-align:left;
    height:65px;
    background:#9E908C url(../images/bg_footer2.jpg);
}
.footer2 {
    padding:3px;
    text-align:center;
    color:#FFFFFF;
    font-size:11px;
}
.footer2 a {
    color:#fff;
    text-decoration:none;
    border-bottom:1px dotted #fff;
}
#footer {
    width:780px;
    margin:0 auto;
    text-align:left;
    height:40px;
    background:#ECE4E3 url(../images/bg_footer.jpg);
}
.footer {
    padding:5px;
    text-align:center;
    color:#fff;
    font-size:11px;
}
.footer a {
    color:#fff;
    text-decoration:none;
    border-bottom:1px dotted #fff;
}

.note img {
    margin-right:20px;
}
.note {
    width:380px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:10px;
    color:#666;
    line-height:12px;
}

.screenshot {
    padding-top:15px;
    padding-left:15px;
}
.screenshot img{
    margin-right:17px;
}

#main-column .image {
    padding-top:15px;
    padding-left:15px;
    padding-right:15px;
}

#main-column .legende,#main .legende {
    font-size:11px;
    color:#666;
    line-height:13px;
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
}


#ariane {
    margin-left:40px;
    margin-right:50px;
    padding-top:0px;
    padding-bottom:5px;
    font-size:10px;
    color:#666;
    font-weight:bold;
}
#ariane a {
    color:#666;
    font-weight:normal;
}


.black {
    color:#000;
    font-weight:normal;
}


.encart {
	margin-left:20px;
	margin-right:40px;
	margin-top:15px;
	padding-bottom:5px;
	line-height:normal;
	background-repeat: no-repeat;
	background-position: top;
}

.encar {
	margin-left:45px;
	margin-right:25px;
	margin-top:15px;
	padding-bottom:0px;
	line-height:14px;
	background-color: #cbdbe8;
	background-repeat: no-repeat;
	background-position: top;
}

.standard {
    margin-left:35px;
    margin-right:50px;
    margin-top:15px;
    padding-bottom:5px;
    line-height:14px;
}

.standard h1, .encart h1, .encar h1{
    font-size:10px;
    letter-spacing:1px;
    padding:8px 5px 0px 5px;
    margin:0px;
}
.standard h2,.encart h2, .encar h2{
    font-size:11px;
    padding:0px 5px 0px 5px;
    margin:0px;
    color:#033;
}
.standard p,.encart p, .encar p{
    font-size:11px;
    padding:0px 10px 5px 5px;
    margin:0px;
    color:#333;
}
.standard strong,.encart strong, .encar strong{
    color:#c03;
}
.standard img,.encart img, .encar img{
    margin-left:5px;
}
.standard a,.encart a, .encar a{
    color:#333;
    font-size:10px;
}


.pdf {
    font-size:9px;
    font-weight:bold;
}


.smallgrey {
    color:#666;
    font-size:10px;
}

.standard ul,.encart ul {
    list-style: square ;
    padding-left:18px;
    padding-right:10px;
    padding-top:5px;
    margin:0;
    font-size:11px;
}

.standard li,.encart li {
    /*border-bottom: 1px dotted #ccc;*/
    padding:2px 0px 2px 0px;
    margin: 0;
}

.spacer {
	margin:0;
	padding:0;
	border:0;
	clear: both;
	font-size:0px;
	line-height:0px;
	height:0px;
}

#nav {
    float:left;
    width:636px;
    margin:0;
    padding:0;
    border:0;
}

#main-nav {
	float:left;
	width:740px;
	height:31px;
	background:#fff url(%22../images/bg_nav.gif%22) center;
	margin:0;
	padding:0;
	border:0;

}

#ss-nav {
    float:left;
    width:740px;
    height:30px;
    background:#ECE4E2 url(%22../images/bg_ssnav.gif%22) no-repeat right top;
    margin:0;
    padding:0;
    border:0;
}

#top-nav {
	float:left;
	width:636px;
	height:44px;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
	overflow: visible;


}


.pos {
    font-size:11px;
    color:#333;
    padding:2px 2px 0px 10px;
    margin:0;
    border:0;
}
.pos ul {
    list-style: none;
}
.pos li {
    display:inline;
    padding-right:15px;
    font-weight:bold;
}
.pos li a:link, .pos a:visited {
    text-decoration:none;
    color:#333;
    font-weight:normal;
}
.pos li a:hover {
    text-decoration:underline;
}


#etape {
    font-size:10px;
    color:#fff;
    text-align:right;
    padding:0;
    margin:0;
    padding-top:20px;
    border-bottom:1px solid #c03;

}
#etape ul {
    list-style: none;
    display:inline;
    padding:0;
    margin:0;
    border:0; 
}
#etape li {
    display:inline;
    margin:0;
    padding:0;
    border:0;
    font-weight:bold;
    background:none;
}

#etape li a, #etape li a:link, #etape li a:active, #etape li a:visited {
    padding:3px 10px;
    margin:0;
    border:0;
    background:transparent url("../images/back_etape.gif") top right no-repeat;
    margin-left:1px;
    text-decoration:none;
    color:#333;
}

#etape li a.active {
    padding:3px 10px;
    background:transparent url("../images/back_etape2.gif") top right no-repeat;
    color:#fff;
}

#tab th {
    background:#c03;
    color:#fff;
    text-align:left;
    font-size:12px;
    padding-left:3px;
}
#tab td {
    font-size:11px;
    padding:3px;
    padding-top:8px;
    line-height:15px;
}

#tab .row {
    /*background: #ddd;*/
    color:#000;
    font-size:12px;
    border-bottom:1px solid #c03;
}

#tab2 th {
    background:#c8d0cb;
    color:#c03;
    text-align:left;
    font-size:12px;
    padding-left:3px;
    padding-bottom:10px;
}
	
#tab2 td {
    font-size:11px;
    padding:3px;
    padding-bottom:8px;
    line-height:15px;
}

#tab2 .row {
    /*background: #ddd;*/
    color:#000;
    font-size:12px;
    border-bottom:1px solid #c03;
}

#presentation {float:left;width:106px;height:31px;background:url("../images/nav/bt_fonctionnalites1.gif") top no-repeat;}
#presentation a:link,#presentation a:visited {float:left;width:106px;height:31px;background:url("../images/nav/bt_fonctionnalites.gif") top no-repeat;}
#presentation a:hover {background:url("../images/nav/bt_fonctionnalites2.gif") top no-repeat;}

#entreprises {float:left;width:126px;height:31px;background:url("../images/nav/bt_architecture1.gif") top no-repeat;}
#entreprises a:link,#entreprises a:visited {float:left;width:126px;height:31px;background:url("../images/nav/bt_architecture.gif") top no-repeat;}
#entreprises a:hover {background:url("../images/nav/bt_architecture2.gif") top no-repeat;}

#lotissements {float:left;width:104px;height:31px;background:url("../images/nav/bt_tester1.gif") top no-repeat;}
#lotissements a:link,#lotissements a:visited {float:left;width:104px;height:31px;background:url("../images/nav/bt_tester.gif") top no-repeat;}
#lotissements a:hover {background:url("../images/nav/bt_tester2.gif") top no-repeat;}

#offres {float:left;width:130px;height:31px;background:url("../images/nav/bt_presse1.gif") top no-repeat;}
#offres a:link,#offres a:visited {float:left;width:130px;height:31px;background:url("../images/nav/bt_presse.gif") top no-repeat;}
#offres a:hover {background:url("../images/nav/bt_presse2.gif") top no-repeat;}

#CDEC {float:left;width:116px;height:31px;background:url("../images/nav/bt_CDEC1.gif") top no-repeat;}
#CDEC a:link,#CDEC a:visited {float:left;width:116px;height:31px;background:url("../images/nav/bt_CDEC.gif") top no-repeat;}
#CDEC a:hover {background:url("../images/nav/bt_CDEC2.gif") top no-repeat;}

#recherches {float:left;width:157px;height:31px;background:url("../images/nav/bt_recherches1.gif") top no-repeat;}
#recherches a:link,#recherches a:visited {float:left;width:157px;height:31px;background:url("../images/nav/bt_recherches.gif") top no-repeat;}
#recherches a:hover {background:url("../images/nav/bt_recherches2.gif") top no-repeat;}


#main-column blockquote { /*background: url("../images/img_quote.gif") no-repeat left top;*/ margin: 1em 1em 0 0; }
#main-column blockquote p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; padding: 10px 0px 0px 28px; margin: 0 0 5px 0; line-height: 20px;color:#666; }
#main-column blockquote p.auth { font-family: Arial, sans-serif; font-size: 11px; color: #333; margin: 0; padding: 0; padding-left:28px;line-height:14px; }

/* Lightbox styles */

#lightbox{
	background-color:#eee;
	padding: 5px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}

#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/lightbox/overlay.png); }

* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lightbox/overlay.png", sizingMethod="scale");
}