P {
   font-size : 11px;
   font-family : Verdana;
   color : #000000;
   text-align : justify;
   margin : 0;
	font-weight : normal;
}

h1
{
font-size: 8pt;
font-weight : normal;
color: #000000;
line-height:10pt;
}

h2
{
font-size: 12pt;
color: #90A8A8;
line-height:10pt;
}

h3
{
font-size: 8pt;
color: #666666;
font-weight : normal;
line-height:10pt;
}

h4
{

font-size: 9pt;
color: #495358;
font-weight : normal
}

BODY {
	font-family: verdana, arial, sans-serif;
	margin: 0;/* sans marges, la page sera collée aux bords */
	text-align: center;
   font-size : 11px;
   
   color : #666666;
   bgcolor : #505460;


scrollbar-face-color: #EDEBE1; 
scrollbar-shadow-color: #677E8A;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #999476; 
scrollbar-darkshadow-color: #EDEBE1; 
scrollbar-track-color: #F2F6F8; 
scrollbar-arrow-color: #ffffff;
}


a:link { color: #074478;} /* lien non-visité */
a:visited { color: #074478} /* lien visité */
a:hover { color: #AF4A27} /* lien survolé */
a:active { color: #cc0000} /* lien activé */

A:link, A:visited {
font-size : 11px;
color=#074478;
font-weight : normal;
text-decoration : none;
}

A:hover {
font-size : 11px;
color=#AF4A27;
font-weight : normal;
}

A.2:link, A.2:visited {
font-size : 10px;
color=#1F7DCD;
font-weight : normal;
}

A.2:hover {
font-size : 10px;
color=#AF4A27;
font-weight : normal;
}

.conteneur {
	background-image: url(test6.jpg);
	background-repeat : no-repeat;
	text-align: left;
background-color: #EDEBE1;
	
	
    position:absolute;
    left: 50%; 
    width: 710px;
	
    margin-left: -355px;
    border: 1px solid #505460;
    }
A.2:hover {
font-size : 10px;
color=#F5A00C;
font-weight : normal;
}

.conteneur_A {
	
	text-align: left;
	background-color: #EDEBE1;
    position:absolute;
    left: 50%; 
    width: 710px;
	
	
    margin-left: -355px;
	margin-bottom: 20px;
    border: 1px solid #505460;
    }

.conteneur_M {
	background-image: url(marennes_som.gif);
	background-repeat : no-repeat;
	text-align: left;
	background-color: #EDEBE1;
    position:absolute;
    left: 50%; 
    width: 710px;
	height: 400px;
    margin-left: -355px;
    border: 1px solid #505460;
    }

.bloctitre {
font-family: verdana, arial, sans-serif;
font-size: 120%;
font-weight: bold;
color: white;
padding-top: 2px;
}

.milieu {
	background-color: ;
	width: 210px; 
  	text-align: left;
	margin-right: 10px;
	padding-left: 2px;
	float:left;
	border: 0px solid #505460;
	
  } 

.milieu2 {
	background-color: ;
	position:relative;
	
	width: 410px; 
  	text-align: left;
	margin-right: 10px;
	margin-bottom: 30px;
	padding-left: 2px;
	float:left;
	border: 0px solid #505460;
	
  } 


.droite {
	background-color: ;
	width: 210px; 
  	text-align: left;
	margin-right: 10px;
	padding-left: 2px;
	float:right;
	border: 0px solid #505460;
	
  } 


.droite2 {
	
	background-color: ;
	width: 430px; 
  	text-align: left;
	margin-right: 10px;
	padding-left: 32px;
	
	border: 0px solid #505460;
	background-image: url(image/biso.gif);
	background-repeat : repeat-y;
	margin-top: 30px;
  } 


.droite3 {
	
	background-color: ;
	width: 400px; 
	
  	text-align: left;
	margin-right: 10px;
	padding-left: 32px;
	padding-bottom: 30px;
	float: right;
	border: 0px solid #505460;
	background-image: url(image/biso.gif);
	background-repeat : repeat-y;
	margin-top: 30px;
  } 

.gauche {
	background-image: url();
	background-repeat : no-repeat;
	width: 230px; 
  	text-align: left;
		padding-left: 15px;
		padding-right: 15px;
	
	float: left;
	overflow:auto;
  } 

.sousmenu {
	

	
	background-image: url(fond.jpg);
	background-repeat : repeat;
	
	width: 200px; 
  	text-align: left;
		padding-left: 20px;
	float: left;
  } 
.soustitre {
	

	color : white;
	font-size: 120%;
font-weight: bold;
	background-image: url(fond2.jpg);
	
	height: 28px;
	width: 200px; 
  	text-align: center;
		padding-left: 20px;
	float: left;
  } 
.photo {
  float: left;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 10px;
  } 
.photoactu {
  
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 10px;
  } 
.phototxt {
  width: 200px;
padding-right: 10px;
	padding-left: 10px;
	
	border: 0px solid #505460;
  } 
.bloc {
  width: 200px;
	float:left;
	padding-left: 10px;
        border: 0px solid #505460;
  } 
.bloc2 {
	background-image: url();
	
  	
	height:350px;
        border: 0px solid #505460;
	
  } 
.bloc3 {
	
  width: 200px;
	margin-left: 80px;
	margin-top: 10px;
        border: 0px solid #505460;
	
  } 
.bloc4 {
	background-image: url();
	margin-left: 15px;
  	width: 200px;
	padding-left: 20px;
        border: 0px solid #505460;
	
	
  } 
.bloc2c {
	background-image: url(image/bgd_bloc2c.jpg);
	background-repeat : no-repeat;
	margin-left: 15px;
  	width: 200px;
	padding-left: 20px;
        border: 0px solid #505460;
	
  } 

.admin {
	background-image: url();
	margin-left: 15px;
	margin-top: -350px;
  	width: 400px;
	padding-left: 20px;
        border: 0px solid #505460;
	position:absolute;
	
  } 

.actuG {
	
	margin-left: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 15px;
  	width: 480px;
	
        border: 0px solid #90A8A8;
	
	
  } 


.actuD {
	background-color: #FAF8F3;
	background-image: url(image/vert.jpg);
	background-repeat : repeat-x;
	margin-left: 510px;
	margin-top: 20px;
  	width: 180px;
	position:absolute;
        border: 1px solid #90A8A8;
	
	
  } 

.actuphoto {
  float: left;
	padding-right: 10px;
	
  } 


a {text-decoration: none; /* définition du lien qui affichera le calque */}a:hover {background: none; /* correction d'un bug IE */}a span { /* définition de la balise <span> inclue dans <a> */display: none;}a:hover span { /* définition de la balise <span> au survol */
float: left;
display: inline;

*/top: 200px; positions et dimensions du calque, que vous pouvez changer à loisir */
*/left: 100px;*/
*/width: 200px;*/
*/height: 100px;*/
background: green;
text-align: center;
color: white;}