<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

@charset"iso-8859-1";


body {
margin: 0px;
padding: 0px;
}


body {
text-align: center; }

body {
 
  margin-top: 20px; 
  margin-bottom: 40px;
  width: 780px;

  background-image:  url(../photos/fond_gene.gif);
  background-repeat: repeat;
  background-position: 100%;  
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.9em;
  line-height: 1.0em;
  height: 100%;
}


/*  le menu de navigation sous l'entete*/


#navcontainer 
{
position: relative;
top: 138px;
left: 100px;
height: 22px;
font: 11px Verdana, sans-serif;
width: 789px;
border-bottom: 1px solid  #bbb; 
list-style-type: none;
background: #fff;
z-index: 2;
}

 #navlist li 
{
float: left;
margin: 0px;
padding: 0px;
width: auto;
display: block;
}


#navlist li a, #navlist li a:link
{
background: #fff;
padding: 3px 5px 3px 5px;
text-decoration: none;
color: #555;
display: block;
}


#navlist li a#current, #navlist li a#current:link
{
cursor: default;
border-bottom: 3px solid #999;
font-weight: bold;
color: #000;
}


#navlist li a:hover 
{
color: #039;
border-bottom: 3px solid #bbb;
cursor: pointer;
background: #eee;
}


#navlist li a#current:hover
{
border-bottom: 3px solid #f90;
background: #eee;
}


/* la banniere et le menu gauche*/


#entete { 
position: absolute; 
left: 109px; 
top: 11px; 
width: 779px; 
height: 133px; 
z-index: 1;
background-image:  url("../photos/entete-pont-sur-seine.jpg");
background-repeat: no-repeat;
}


#bandau {

position: absolute; 
visibility: visible; 
left: 280px; 
top: 205px; 
width: 779px; 
height: 169px; 
z-index: 6;
background-image: url("../photos/superposition.jpg"); 
background-repeat: no-repeat;
}


#colonne_gauche {
	position: absolute;
	visibility: visible;
	left: 103px;
	top: 437px;
	width: 162px;
	height: 274px;
	z-index: 5;	
}


#menu_gauche {
position: absolute; 
left: 103px; 
top: 206px; 
width: 162px; 
height: 170px; 
z-index: 2; 
}

#bouton_actua {
position: absolute; 
visibility: visible; 
left: 736px; 
top: 173px; 
width: 158px; 
height: 18px; 
z-index:9;
background-image:   url("../photos/bouton%20actualite.jpg");
}


td.bloc_menu p { font-size: 0.9em; font-family: verdana; line-height: 12px; width: 166px;  position: relative; height: auto;   margin-bottom: 6px; width: 140px; }
td.bloc_menu p.titre { border-top: 1px solid rgb(70, 93, 154); background-color: rgb(49, 65, 105); color: rgb(255, 255, 255); font-weight: bold; font-size: 8pt; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; }
td.bloc_menu p { border-bottom: 1px solid rgb(255, 255, 255);  background-position: left top; background-repeat: no-repeat; background-color: rgb(160, 171, 206); padding-left: 12px; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; margin-bottom: 0px; text-align: left; }
td.bloc_menu p a { color: rgb(255, 255, 255); text-decoration: none; font-size: 0.8em;}

 .blocannonce {margin: 0px 0%; background: #e2e8f0; width: 158px; height: auto; margin-left: 11px; text-align: left}
b.rtop, b.bas {display:block; background: white;}  
b.rtop b, b.bas b   
   {display:block; height: 1px; overflow: hidden; background: #e2e8f0;}  
b.r {margin: 0 9px;}  
b.r0 {margin: 0 7px;}  
b.r1 {margin: 0 5px;}  
b.r2 {margin: 0 3px;}  
b.r3 {margin: 0 2px;}  
b.rtop b.r4, b.bas b.r4 {margin: 0 1px; height: 2px;}  

h1,p {margin: 0 10px; margin-top: 9px; font-size: 0.8em; }
h2 {font-size: 110%; color: maroon; margin-left: 15px;}


#corps {
text-align: left;
position: absolute; 

left: 290px; 
top: 290px; 
width: 580px; 
height: 886px;
font-size: 0.9em;  

}


#laetitia {
position: absolute; 
visibility: visible; 
left: 390px; 
top: 30px; 
width: 113px; 
height: 166px; 
background-image: url("../photos/laetizia1.jpg");
background-repeat: no-repeat; 
}

#casimir {
position: absolute; 
visibility: visible; 
left: 400px; 
top: 230px; 
width: 83px; 
height: 113px; 

background-image: url("../photos/Jean_Casimir-Perier.jpg");  
}

.activitecspp {
color: green;
position: relative;
}


.bateau {
	position: relative;
	visibility: visible;
	top: 0px;
    margin-left: 50px;
	width: 199px;
	height: 135px;
	
	background-image: url("../photos/bateau1.jpg");
	background-repeat: no-repeat;
	left: 93px;
}


#blocaujour {
position: relative;
top: 120px;
left: auto;
width: 630px;
height: 200px;

}


a.image {
display: block;
width: 100px;
height: 80px;
top: 120px;
}


#picture {
float: left;
width: 198px;
height: 118px;
}

.floatstop {
clear: both;
}


.demiboite_gauche {

padding: 0px;
margin-top: 95px;
background-color: #307f2b;
color: white;
font-size: 1.0em;
font-family: verdana;
width: 585px;
}


.inter01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}


.container td {
margin: auto;
width: 430px;
font-family: sans-serif;
font-size: 12px;
border: 1px solid #6495ed;
background-color: #d9e5ff;
text-align: center;
}


#planusine {
position: relative;
top: 0px;
left: 150px;
width: 312px;
height: 176px;
background-image: url("../photos/projet-smbe.jpg");  
background-repeat: no-repeat;
}


#acces_rapide {
position: absolute;
width: 300px;
height: 30px;	
margin: right;
left: 580px;
top: 88px;
font-size: 0.7em;
list-style-type: none;
color: white;
text-align: right;
z-index: 12;
}

#acces_rapide li {
display: inline;
}

#acces_rapide a{
color: white;
text-decoration: none;
}

#acces_rapide a:hover {
text-decoration: underline;
}


 /*essai de presentation*/

#raisonsocial ul{
position: relative;
display: block;
list-style-type: none;
}

   
#raisonsocial li {
display: inline;
font-size: 0.7em;
}