/*##################### Section 1 - PAGE ##############################*/
body {
background-image: url(imgcss/fd-cw2a.jpg);
background-color: rgb(200,215,245);
padding: 0;
margin: auto;
font-family: arial, helvetica, sans-serif;
color: rgb(0,0,0);
}

#page{
background:none;
border:solid 1px;
border-color:rgb(230,210,0);
border-bottom: none;
padding:0;
width:895px;
height:840px;
margin: 0 auto 0 auto;
position:relative;
top:0.8em;
z-index: 10;
}

#bandeau{
background-color: rgb(255,230,90);
background-image: url(imgcss/lg-bandeau-cw2a.png);
width: 100%;
height: 120px;
position: absolute;
top: 273px;
margin-left: 0;
}

/*######################### Section 2 - Bloc Haut-Gauche ############################*/

.topleft{
background:rgb(252,252,252);
background-image: url(imgcss/fdtopleft.jpg);
border:none;
border-color:rgb(240,175,50);
position:absolute;

margin: 0px 0 0 0px;
}

a img.topleft{
border: none;
position: relative;
margin: 0px 0 0 0px;
}


#blocmail{
background:rgb(252,252,252);
background-image: url(imgcss/fdtopleft.jpg);
border:solid 1px;
border-color:rgb(150,175,240);
position:absolute;
float: left;
width:254px;
height:140px;
margin: 10px 0 0 10px;
padding:0;
padding-top: 2px;
top:88px;
}
.mail{
padding:0;
margin: 5px 5px 5px 5px;
color:rgb(50,50,150);
text-align: center;
text-indent: 0px;
}
img.imgmail{
float:left;
padding:0;
margin:0;
margin-left:5px;
margin-top:2px;
border:none;
}

#flashcontent{
position: absolute;
right: 5px;
top: 10px;
float:right;
width: 116px;
height: 123px;
z-index:15;
}
/*################################ Section 3 - Bloc Haut Droit ##############################################*/

#topright, #toprightp, #toprightb, #toprighti, #toprightg, #toprightm{
background:rgb(252,252,255);
border:solid 2px;
border-color:rgb(160,160,255);
position:absolute;
width:870px;
height:150px;
margin:9px 10px 0 10px;
padding: 0;
}
#toprightp{background-image: none;}
#toprightb{background-image: none;}
#toprighti{background-image: url(imgcss/fond-top.jpg);}
#toprightg{background-image: url(imgcss/fd-top-actu.jpg);}
#toprightm{background-image: none;}

span.topright{
background: rgb(240,240,255);
display:block;
height:auto;
width:auto;
margin:10px;
padding:5px;
border: solid 1px;
border-color: rgb(240,175,50);
color: rgb(100,100,155);
}

span.topright a {color: rgb(100,100,155);}

span.edito{
background: rgb(220,220,240);
display: block;
border: solid 1px;
border-color: rgb(240,175,50);
width: auto;
height: auto;
padding: 5px;
color: rgb(0,0,50);
}

span.edito b {
color:rgb(200,135,10);
font-size: 1.2em;
}

.navbar{
background:none;
width:auto;
height:38px;
position:absolute;
margin-left: 310px;
top: 50px;
padding: 1px 1px 0 1px;
}
.navbarcont{
margin-left: 110px;
top: 0px;
}

span.navbsca, span.navbscc, span.navbsced, span.navbscco, span.navbscec, span.navbsant {
background: rgb(255,255,255);
height: 36px;
position: relative;
display: block;
float:left;
font-weight: bold;
font-size:18px;
text-align: center;
margin: 5px 5px 0 0;
padding-top: 5px;
}

span.navbsca {
background: url(imgcss/onglet-ass.png) repeat-x top;
width: 180px;}

span.navbscc {
background: url(imgcss/onglet-credit.png) repeat-x top;
width: 180px;}

span.navbsant {
background: url(imgcss/onglet-sante.png) repeat-x top;
width: 180px;}

span.navbsced {
background: url(imgcss/onglet-devis.png) repeat-x top;
width: 180px;}
span.navbscco {
background: url(imgcss/onglet-contact.png) repeat-x top;
width: 102px;}
span.navbscec {
background: url(imgcss/onglet-cw2a.png) repeat-x top;
width: 112px;}


/*liens barre de navigation GENERAL*/

.navbsca a, .navbscec a{color:rgb(250,250,255);}

.navbscc a, .navbsced a, .navbsant a{color:rgb(250,250,255);}

.navbscco a{color:rgb(100,50,50);}

/*liens barre de navigation LINK*/
.navbsca a:link, .navbscc a:link, .navbsced a:link, .navbsco a:link, .navbscec a:link, .navbscco a, .navbsant a:link
{text-decoration: none;}

/*liens barre de navigation VISITED*/
.navbsca a:visited, .navbsec a:visited{
text-decoration:none;
color: rgb(250,250,255);}

.navbscc a:visited, .navbsced a:visited, .navbsant a:visited {
text-decoration:none;
color: rgb(250,250,255);}

.navbscco a:visited{
text-decoration:none;
color: rgb(150,50,50);}

/*liens barre de navigation ACTIVE*/
.navbsca a:active, .navbscc a:active, .navbsed a:active, .navbsco a:active, .navbscec a:active, .navbsant a:active
{text-decoration: underline;}

/*liens barre de navigation HOVER*/
.navbsca a:hover, .navbscec a:hover{
text-decoration: underline;
color: rgb(255,255,255);}

.navbscc a:hover, .navbsced a:hover, .navbsant a:hover{
text-decoration: underline;
color: rgb(255,255,255);}

.navbscco a:hover{
text-decoration:underline;
color: rgb(255,50,50);}

/*###################################### Section 4 - Contenu ##########################################*/

#blocont{
background:rgb(252,252,252);
border:solid 3px;
border-color:rgb(120,120,235);
position:absolute;
width:576px;
max-width:576px;
height:auto;
margin: 10px 0 0 280px;
top:160px;
padding: 10px 10px 30px 10px;
}

#blocont .navbar{
left: 0px;
top: auto;
bottom: 0px;
}

td{vertical-align: top;}

.tableass, .tablecred, .tablecw2a, .tabledev, .tablemed, .tablepart{
background: rgb(255,255,255);
width: 169px;
max-width: 169px;
border: none;
height:100%;
margin-left:10px;
margin-top:10px;
padding-bottom: 5px;
}

.tableass{border-color:none;}
.tablecred{border-color:none;}
.tablecw2a{border-color:none;}
.tabledev{border-color:none;}
.tablemed{border-color:none;}
.tablepart{border-color:none;}

.tableass img, .tablecred img, .tablecw2a img, .tabledev img, .tablemed img, .tablepart img{margin:-1px;}

table p{
padding:0;
margin: 10px 5px 10px 5px;
font-size: 11pt;
text-indent: 0px;
color: rgb(50,50,100);
text-align: left;
}

h1{
padding: 0;
margin:5px 0 5px 0;
font-size: 1.6em;
color: rgb(0,0,80);
}

p{
padding:0;
margin: 15px 10px 0 30px;
font-size: 12pt;
color: rgb(25,25,40);
text-align: justify;
text-indent: 20px;
}

b{
color:rgb(25,25,100);
font-size: 1.1em;
}

b.mail{
color:rgb(40,40,160);
font-size: 1.2em;
}

b.light{
color:rgb(20,20,140);
font-size: 1em;
font-weight:normal;
}
	
h2{
padding: 0;
margin:15px 0 0 15px;
font-size: 1.3em;
color: rgb(70,70,190);
}
h3{
padding: 0;
margin:15px 0 -10px 15px;
font-size: 1.2em;
color: rgb(120,120,220);
text-decoration:none;
}

h4{
padding: 0;
margin:15px 0 -10px 15px;
font-size: 1em;
color: rgb(240,220,120);
text-decoration:none;
}

ul{
margin:10px 0 0 25px;
padding:0;
color: rgb(50,50,80);
}

li{
margin:0;
margin-bottom:5px;
border-bottom: 1px solid rgb(180,180,180);
padding:0;
list-style-image: url(imgcss/pucebf.png);
}

li.deux{list-style-image: url(imgcss/pucebm.png);}

li.trois{list-style-image: url(imgcss/pucebc.png);}

a.text:link{
color: rgb(90,90,210);
text-decoration: none;
}

a.text:visited{
color: rgb(200,140,50);
text-decoration: none;
}

a.text:active{
color: rgb(90,90,210);
text-decoration: underline;
}

a.text:hover{
color: rgb(50,50,180);
text-decoration: underline;
}

#blocont div.navber{
width:500px;
height:30px;
position:relative;
margin:0 0 0 10px;
padding: 2px 5px 2px 5px;
display:block;
}


div#blocont span.navbsc{
background: url(imgcss/fdspanbar.jpg) repeat-x top;
width: auto;
height: auto;
position: relative;
display: block;
float:left;
font-weight: normal;
text-align: center;
margin: 0;
padding: 0;
}

div#blocont .navbsc a:visited{
color:rgb(170,170,240);
font-weight: bold;
}
div#blocont .navbsc a:hover{
background: url(imgcss/fdspanbarbl.jpg) repeat-x bottom;
border-right-color: rgb(230,230,255);
border-bottom-color: rgb(220,220,255);
border-left-color: rgb(40,50,180);
color:rgb(100,100,255);
}


/*########################## Section 5 - Contenu Gauche ####################################*/

#blocleft{
background:rgb(255,255,255);
border:solid 3px;
border-color:rgb(130,130,250);
position:absolute;
float: left;
width:250px;
height:auto;
margin:10px 0 0 10px;
padding: 0 0 0 0;
top:160px;
}

#blocleft p{
background:rgb(255,255,255);
color: rgb(5,15,55);
font-size:0.80em;
width:220px;
padding: 5px;
margin: 6px 6px 6px 6px;
text-align:justify;
}

#blocleft b{
color:rgb(0,0,150);
font-size: 1.0em;
}

#blocleft p.menu{background:none;
width: 169px;
max-width: 169px;
padding:5px;
margin: 10px 5px 10px 5px;
font-size: 0.95em;
text-indent: 0px;
color: rgb(50,50,100);
text-align: left;
}

#blocleft .tableass{margin-left:30px;}
#blocleft .tablecred{margin-left:30px;}
#blocleft .tablecw2a{margin-left:30px;}
#blocleft .tabledev{margin-left:30px;}
#blocleft .tablemed{margin-left:30px;}
#blocleft .tablepart{margin-left:30px;}

.orange{
margin: 0;
padding: 0;
font-size: 3em;
color:rgb(240,175,50);
font-weight: bold;
}
/*bleu fonce*/
.bleufc{
margin: 0;
padding: 0;
font-size: 1.5em;
color: rgb(50,50,150);
font-weight: bold;
}
/*bleu moyen*/
.bleumc{
margin: 0;
padding: 0;
font-size: 2.5em;
color: rgb(90,90,210);
font-weight: bold;
}
/*bleu clair*/
.bleutc{
margin: 0;
padding: 0;
font-size: 2.5em;
color: rgb(150,150,240);
font-weight: bold;
}
.pictobordo{
margin: 0;
padding: 0;
font-size: 1.2em;
color:rgb(170,70,70);
}

.pictoplus{
margin: 0;
padding: 0;
font-size: 1.2em;
color:rgb(50,50,150);
}
	
img.picto{
margin: 0 5px 0 0;
border: none;
display:inline;
}

img.slogan{
display:block;
margin: 10px 10px 10px 10px;
float: left;
border: none;
}


/*site info*/
.marquee{
width:250px;
height:150px;
overflow:hidden;}


/*to do
lien contenu,
span contenu*/
/*end cw2a*/