﻿*{ 
   	margin: 0; 
   	padding: 0;
}

body {
   	font: 100% Verdana, Arial, Helvetica, sans-serif;
   	background: #03814f;
   	text-align: center;
   	color: #000000;
	background-image:url(images/background.png);
	background-repeat:repeat-x;
}

#container {
   	width: 900px; 
   	margin: 0 auto;
   	text-align: left;
	position:relative;
}

.oneColFixCtrHdr #header {
	height:180px;
}

.oneColFixCtrHdr #login {
	position:absolute;
	top:0px;
	right:20px;
	background-color:#03814f;
	width:100px;
	height:20px;
	line-height:2.0em;
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
}

#login a, #login a:hover, #login a:visited
{
	color:white;
}

.oneColFixCtrHdr #date, .oneColFixCtrHdr #date  .SkinObject{
	position:absolute;
	top:0px;
	left:20px;
	background-color:#03814f;
	width:150px;
	height:20px;
	line-height:2.0em;
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
}


.oneColFixCtrHdr #logo {
	position:absolute;
	top:75px;
	left:0px;
	width:276px;
	height:88px;
}

.oneColFixCtrHdr #hbanner {
	position:absolute;
	top:75px;
	right:10px;
	height:90px;
	width:588px;
	overflow:hidden;
}

.oneColFixCtrHdr #vbanner {
	position:absolute;
	top:185px;
	right:-130px;
	height:532px;
	width:120px;
	overflow:hidden;
}

.oneColFixCtrHdr #content {
	background-image:url(images/content_backgound.png);
	background-repeat:no-repeat;
	background-color:#003c2e;
	width:900px;
	padding-top:33px;
	padding-bottom:5px;
	margin-bottom:20px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
}

.oneColFixCtrHdr #casque {
	position:absolute;
	top:173px;
	right:-8px;
}

.oneColFixCtrHdr .content-background {
	margin-left:8px;
	margin-right:8px;
	margin-bottom:8px;
	padding:5px;
	padding-bottom:10px;
   	background: #eeeeee;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.oneColFixCtrHdr #breadcrumb {
	position:relative;
	font-size:9px;
	margin-left:5px;
}

.oneColFixCtrHdr #devis {
	float:left;
	margin-top:5px;
	margin-left:5px;
}
.oneColFixCtrHdr #particulier {
	float:left;
	margin-top:5px;
	margin-left:5px;
}
.oneColFixCtrHdr #professionnel {
	float:left;
	margin-top:5px;
	margin-left:5px;
}

.oneColFixCtrHdr #footer {
	margin-top:5px;
	margin-left:0px;
}

.oneColFixCtrHdr #footer p {
  	margin: 0;
   	padding: 10px 0; 
}

.valign{
	vertical-align:middle;
}

/************ GESTION DES MENUS TYPE TABS ******************/
.oneColFixCtrHdr #menu {
	position:absolute;
	top:35px;
	left:25px;
	width:900px;
	height:30px;
	color:#FFFFFF;
}

.separator{
	display:block;
	float:left;
	border-left:1px solid white;
	height:25px;
	width:1px;
	vertical-align:middle;
	margin-left:10px;
	margin-right:10px;
}

.oneColFixCtrHdr #menu ul{
	list-style-type:none;
	font-size:15px;
	font-weight:bold;
}
.oneColFixCtrHdr #menu li{
	list-style-type:none;
	float:left;
}

.oneColFixCtrHdr #menu ul li a {
	display:block;
	float:left;   
	text-decoration:none;
	color:#FFFFFF;
}



/************ GESTION DES MENUS TYPE LINKS ****************/
.links-menu{
	float:left;
	margin-left:15px;
}
.links-menu p{
	font-size:12px;
	font-weight:bold;
	color:#03814f;
	line-height:0.5em;
}

.links-menu ul{
	list-style-image:url(images/puce.png);
	line-height:1em;
}
.links-menu li{
	position:relative;
	font-size:10px;
	margin-left:20px;
	white-space: nowrap; 
}

/*********** GESTION DES NEWS *************/

/*.oneColFixCtrHdr #dnn_news {
	position:relative;
	float:left;
	margin-top:5px;
	margin-left:5px;
	height:200px;
	padding:2px;
	width:217px;
	background-color:#FFFFFF;	
}*/
.oneColFixCtrHdr #dnn_news
{
	position:absolute;
	right:23px;
	top:530px;
	float:left;
	height:202px;
	width:217px;
	background-color:#FFFFFF;
    margin-top:5px;
	margin-left:5px;
    overflow : hidden;
    -moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	border-radius: 2px;
}


.fp_contentbox
{
	position:relative;
	width: 180px;
	padding: 30px 0 30px 30px;
}
/*
.fp_title
{
	position:absolute;
	background-color:#83cbaf;
	height:20px;
	width:214px;
	padding-left:5px;
	vertical-align:middle;
	line-height:18px;
	color:#FFFFFF;
	left:0px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
}
*/
.fp_title
{
    position:absolute;
    z-index:3;
    background-color:#83cbaf;
    height : 20px;
    width:218px;
    padding-left:5px;
    vertical-align:middle;
	line-height:18px;
	color:#FFFFFF;
	left:0px; 
}

.fp_title h2
{
	font-weight:bold;
	font-size:x-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.fp_rss
{
	position:absolute;
	bottom:-5px;
	right:1px;
	background-image:url(images/fp_rss.png);
	background-repeat:no-repeat;
	height:20px;
	width:20px;
}

.fp_news_link
{
	position:absolute;
	bottom:0px;
	width: 180px;
	font-size:xx-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	z-index:3;
	background-color:#FFFFFF;
    
}

.fp_news
{
	display:inline;
	position:relative;
	left:-25px;
}

.fp_news_date
{
	display:inline;
	font-size:xx-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.fp_news_text
{
	position:relative;
	display:block;
	left:40px;
	top:-13px;
	width:145px;
	font-size:xx-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*.fp_up
{
	position:absolute;
	right:5px;
	top:30px;
	background-image:url(images/fp_up.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	z-index:2;
}

.fp_down
{
	position:absolute;
	right:5px;
	bottom:20px;
	background-image:url(images/fp_down.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	z-index:2;
}*/
.fp_up
{
	position:absolute;
	right:5px;
	top:30px;
	background-image:url(images/fp_up.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
    cursor:pointer;
    z-index:3;
}

.fp_down
{
	position:absolute;
	right:5px;
	bottom:5px;
	background-image:url(images/fp_down.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
    cursor:pointer;
    z-index:3;
}

a:hover
{
	color:#03814f;
}
