/* 
    Document   : cssnfs.css
    Created on : 15 janv. 2009, 18:51:45
    Author     : Yoann
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    
}

/* CSS Document */
body{
margin: 0;
padding: 0;
background: url("bg01.png") 0 0 repeat;

font-family: Verdana, Arial, Helvetica, serif;
font-size: 11px; 
color: #00b4ff;
line-height: 18px;
}

    a {

        text-decoration: none;
            color: #00588d;
    }

    a:link {

        text-decoration: none;
    }
    a:visited {
        text-decoration: none;

    }
    a:hover {
        text-decoration: none;

    }
    a:active {
        text-decoration: none;
        
    }











div#conteneur {
position: relative;
width: 1001px;
height: 650px;
margin: 0 auto;

}





/*Images background et link */

img#head{
position: absolute;
width: 1001px;
height: 152px;
top: 0px;
left: 0px;
z-index: 2;
}


img#bodybkg{
position: absolute;
width: 1001px;
height: 405px;
top: 152px;
left: 0px;
z-index: 2;
}


div#body1{
position: absolute;
width: 831px;
height: 405px;
top: 152px;
left: 3px;
z-index: 3;
background: url("image_page00.jpg") 0 0 no-repeat;
display: none;
}


#body1 p {
position: relative;
top: 144px;
left: 169px;
word-spacing: -1.8px;
}


#body1 p.marg1 {
margin-top:0px;
margin-bottom:0px;
}

#body1 p.marg2 {
margin-top:19px;
margin-bottom:0px;
}

#body1 p.marg3 {
font-style: italic;
margin-top:25px;
margin-left:297px;
}



div#body2{
position: absolute;
width: 831px;
height: 405px;
top: 152px;
left: 3px;
z-index: 3;
background: url("image_page01.jpg") 0 0 no-repeat;
display: none;
}

#body2 p {
position: relative;
word-spacing: 0px;
left: 13px;
}

#body2 p.marg1 {
margin-top:56px;
margin-bottom:0px;
font-weight:bold;
}

#body2 p.marg2 {
font-style: italic;
margin-top:0px;
margin-bottom:0px;
}

div#body2-1{
position: absolute;
width: 430px;
height: 292px;
top: 101px;
left: 30px;
z-index: 3;
White-Space: Normal;
}

#body2-1 p {
position: relative;
word-spacing: 0px;
left: 18px;
}

#body2-1 p.marg1 {
font-style: normal ;
margin-top:8px;
color: #21cc0d;
font-weight: bold; 
}

#body2-1 p.marg2 {
font-style: normal ;
margin-top:12px;
}



div#body3{
position: absolute;
width: 831px;
height: 405px;
top: 152px;
left: 3px;
z-index: 3;
background: url("image_page02.jpg") 0 0 no-repeat;
display: none;
}


#body3 p {
position: relative;
word-spacing: -1.5px;
left: 13px;
}


#body3 p.marg1 {
margin-top:56px;
margin-bottom:0px;
}

#body3 p.marg2 {
margin-top:0px;
margin-bottom:170px;
}

#body3 p.marg3 {
margin-top:0px;
font-style: italic;
font-weight: bold;
}

#body3 p.marg4 {
margin-top:-18px;
margin-bottom:0px;
font-style: italic;
}

div#body3-1{
position: absolute;
width: 200px;
top: 75px;
left: 131px;
White-Space: Normal;
list-style-type: none;
}


div#body4{
position: absolute;
width: 831px;
height: 405px;
top: 152px;
left: 3px;
z-index: 3;
background: url("image_page03.jpg") 0 0 no-repeat;
display: none;
}

#body4 p {
position: relative;
top: 56px;
left: 14px;
word-spacing: -1.5px;
}


#body4 p.marg1 {
margin-top:0px;
margin-bottom:0px;
}

#body4 p.marg2 {
font-style: italic;
margin-top:0px;
margin-left:100px;
}

div#body4-1{
position: absolute;
top: 102px;
left: 64px;
z-index: 3;
White-Space: Normal;
}


div#body4-2{
position: absolute;
top: 101px;
left: 601px;
z-index: 3;
White-Space: Normal;
border-style:none;

}





div#body-mail{
position: absolute;
width: 831px;
height: 405px;
top: 340px;
left: 190px;
z-index: 3;
background: url("image_messagesucces_1.0") 0 0 no-repeat;
display: none;
}


div#body-index{
position: absolute;
width: 750px;
height: 405px;
top: 130px;
left: 82px;
z-index: 3;
background: url("image_index01.png") 0 0 no-repeat;
display: none;
}

#body-index    a {
text-decoration: none;
color: #00b4ff;
}

#body-index p {
position: relative;
top: 264px;
left: 0px;
word-spacing: 0px;
text-align:center;
font-size: 10px;
LETTER-SPACING: 2px;
}


#body-index p.marg1 {
margin-top:0px;
margin-bottom:0px;
color:#00b4ff;
font-weight: bold ;
}

#body-index p.marg2 {
margin-top:38px;
margin-bottom:0px;
color:#00b4ff;
}

#body-index p.marg3 {
margin-top:0px;
margin-left:0px;
color:#00588d;
}














#foot1{
    text-align: center;
    font-size: 10px;
    color: #00588d;
    margin: 4px 3px 3px 3px;
}


a#foot1 {
 text-decoration: none;
 color: #00588d;
}
div#foot1{
position: absolute;
width: 1001px;
height: 20px;
top: 555px;
left: 0px;
z-index: 5;

}





img#foot{
position: absolute;
width: 1001px;
height: 103px;
top: 557px;
left: 0px;
z-index: 2;
}



.fadeThis {
        position: absolute;
		display:block;
		height: 100px;
		width: 163px;
		background:url(btn_accueil_off.png) 0 0 no-repeat;
        z-index: 4;
        top: 153px;
		left: 834px;
	}

	.fadeThis * {
	  display: none;
      z-index: 5;

	}

	.fadeThis span.hover {
		position: absolute;
		display: block;
		height: 100px;
		width: 163px;
		background:url(btn_accueil_on.png) 0 0 no-repeat;
        z-index: 5;
	}

	.fadeThis span.click1 {
		position: absolute;
        display: none;
		height: 100px;
		width: 163px;
		background:url(btn_accueil_on.png) 0 0 no-repeat;
        z-index: 10;
	}





.fadeThis2 {
        position: absolute;
		display:block;
		height: 100px;
		width: 163px;
		background:url(btn_services_off.png) 0 0 no-repeat;
        z-index: 4;
        top: 254px;
		left: 834px;
	}

	.fadeThis2 * {
	  display: none;
      z-index: 5;

	}

	.fadeThis2 span.hover {
		position: absolute;
		display: block;
		height: 100px;
		width: 163px;
		background:url(btn_services_on.png) 0 0 no-repeat;
        z-index: 5;
	}

    .fadeThis2 span.click2 {
		position: absolute;
        display: none;
		height: 100px;
		width: 163px;
		background:url(btn_services_on.png) 0 0 no-repeat;
        z-index: 10;
	}




    .fadeThis3 {
        position: absolute;
		display:block;
		height: 100px;
		width: 163px;
		background:url(btn_tarifs_off.png) 0 0 no-repeat;
        z-index: 4;
        top: 355px;
		left: 834px;
	}

	.fadeThis3 * {
	  display: none;
      z-index: 5;

	}

	.fadeThis3 span.hover {
		position: absolute;
		display: block;
		height: 100px;
		width: 163px;
		background:url(btn_tarifs_on.png) 0 0 no-repeat;
        z-index: 5;
	}

    .fadeThis3 span.click3 {
		position: absolute;
        display: none;
		height: 100px;
		width: 163px;
		background:url(btn_tarifs_on.png) 0 0 no-repeat;
        z-index: 10;
	}

    .fadeThis4 {
        position: absolute;
		display:block;
		height: 100px;
		width: 163px;
		background:url(btn_contact_off.png) 0 0 no-repeat;
        z-index: 4;
        top: 456px;
		left: 834px;
	}

	.fadeThis4 * {
	  display: none;
      z-index: 5;

	}

	.fadeThis4 span.hover {
		position: absolute;
		display: block;
		height: 100px;
		width: 163px;
		background:url(btn_contact_on.png) 0 0 no-repeat;
        z-index: 5;
	}

	.fadeThis4 span.click4 {
		position: absolute;
        display: none;
		height: 100px;
		width: 163px;
		background:url(btn_contact_on.png) 0 0 no-repeat;
        z-index: 10;
	}





input {
    width:153px;
    height:12px;
    font-size:11px;
    background-color:transparent;
   border-style:none;
    color:#ff6200;
}

input[type=submit] {
    width:165px;
    height:100px;
 border-style:none;
 

}


textarea{
    width:486px;
    height:190px;
    font-size:11px;
overflow:hidden;


background-color:transparent;
    color:#ff6200;
  border-top-width:2px;
 border-style:solid;
 border-color:transparent;

}


table {
    
  border-collapse: collapse;
    
   border:none;

}

.td-align-right  {
    text-align: right;
    border-width:0px;    
    border-right-width:5px;
    vertical-align : top;
    border-style:solid;
    border-color:transparent;
 
}