html {
margin: 0px;
padding: 0px;
}
  
body {
 background: #000000 url(pic/fond_general3.png) no-repeat top center;
 margin-left: auto;
 margin-right: auto;
 width:773px;
 padding: 0px
/* min-height: 100% */
}

object.mapgov {
 width:730px; 
 height:500px;
 border: 2px outset #00AAFF;
}
    
.container {
 width: 773px;
 height: auto;
 /*border: 3px solid #00AAFF;*/
 /*background-color: #00AAFF;*/
 position: relative;
 left:0px;
 top:310px;
}
/*
.logo {
 background-image: url(pic/logo.png);
 background-color: #000000;
 width: 164px;
 height: 100px;
 position : absolute;
 top: 350px;
 left: 0px;
}

.div_g_haut {
 background: url(pic/test_fond_haut.png) 0 0;
 width: 100px;
 height: 16px;
 position : absolute;
 top: 150px;
 left: 10px;		
}

.div_g {   
 background: url(pic/test_fond.png) repeat-y top left;
 width: 100px;
 /*height: auto !important;
 height: 300px;
 /*min-height:500px;
 position : absolute;
 top: 166px;
 left: 10px;
} 

.div_g_bas {
 background: url(pic/test_fond_bas.png) 0 0;
 width: 100px;
 height: 16px;
 position : absolute;
 top: 466px;
 left: 10px;		
}
    */
.menu {
 background: url(pic/menu_fond.png) no-repeat 0px 0px;
 width: 773px;
 height: 37px;
 /*position : absolute;
 top: 0px;
 left: 0px;	*/
 /*padding-left : 5px;
 padding-top : 1px;
/* border-top: 1px solid #00AAFF;
/* float: left;*/
}

.menu a {
 margin-top: 7px;
 padding-top: 8px;
/* padding-left: 10px;
 padding-right: 10px;*/
 width: 90px;
 height: 20px;
 color: #EEEEEE;
 /*border-bottom: 1px solid #00AAFF;
 border-top: 1px solid #00AAFF;*/
 border-right: 2px solid #0099DD;
 /*border-right: 1px solid #00AAFF;*/
 font-size: 85%;
 font-family: Arial, Helvetica, serif;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 /*background-color: #ffffff;   */
 display: block;
 float:left;
*/ position: absolute;*/
}

a.sel { 
/* background: url(pic/a_fond.png) repeat-x 0px 0px;*/
 color: #0077DD;
 font-size: 90%;
}

.menu a:hover {
 /*background-color: #FFAABB;*/
 color: #FFAABB;
}

/*
.info {
 background-image: url(pic/logo_c.png);
 background-color: #000000;
 width: 94px;
 height: 94px;
 position : absolute;
 top: 600px;
 left: 2px;	
 /*border: 1px solid #DDDDDD;    */
/*} */
   /*
.info a {
 display: block;
}

.info img {
 border: none;                                   
}
     */
.ban {
 /*background: url(pic/ban_logo.png) no-repeat top left !important;
 background: url(pic/ban_logo.gif) no-repeat top left;*/
 width:773px;
 height: 105px;
 position : absolute;
 top: 0px;
 left: 0px;
/* z-index: 1;*/
}

.ban h1 span {
 display: none;
}

.nav {
 background: url(pic/nav_fond.png) repeat-y;
 margin-top: 0em;
 /*margin-left: 5px;
 margin-right: 5px;*/
 /*position: absolute;
 top: 40px;
 left: 0px;*/
 margin-bottom: 0.2em;
 padding: 80px 1em 1em 1em !important;        
 padding: 50px 1em 1em 1em;        
/* width: 776px;*/
 height: auto !important;
 height: 400px;
 min-height:400px;
 font-family: Arial, Helvetica, serif;
 font-style: normal;
 text-decoration: none;
 text-align: left; 
 color: #306ECB;
/* border-left: 3px outset #00AAFF;    */
}

.video {
 float: left;
 width: 360px;
 height: 288px;
 border: 3px outset #00AAFF;
 margin-left: 5px;
 margin-bottom: 30px;
 background-color: #FFFFFF;
}

.evenement {
 background: url(pic/fond_titre.png) no-repeat top left;
 float: right;
 margin-right: 5px;
 margin-bottom: 30px;
 /*position: absolute;
 top: 200px;
 right: 20px;*/
 width: 350px;
 border: 3px outset #00AAFF;
 color: #FFFFFF;
 text-align: center;
}

.evenement p {
 color: #306ECB;
}

.evenement a {
 text-decoration: none;
 color: #306ECB;
 font-size: 60%;
}

.evenement a:hover {
 color: #FFAABB;
}

.lastactu {
 background: url(pic/fond_titre.png) no-repeat top left;
 display: block;
 float: right;
 margin-right: 5px;
 margin-bottom: 30px;
 /*position: absolute;
 top: 200px;
 left: 20px;*/
 width: 350px;
 height: auto;
 border: 3px outset #00AAFF;
 color: #FFFFFF;
 text-align: center;
 text-decoration: none;
}

.actuleft {
 width: 75%;
 float: left;
 text-decoration: none;	
 color: #306ECB;
 text-align: left;
 font-size: 100%;
 padding-left: 5px;
 padding-bottom: 5px;
 font-weight: bold;
}

.acturight {
 width: 20%;
 float: right;
 color: #306ECB;
 font-size: 80%; 
 padding-bottom: 5px;
 text-decoration: none;	
}

.imgaccueil {
 clear: both;
}

.imgaccueil a {
 display: block;
 float: left;
 text-decoration: none;
 margin-left: 10px;
 margin-right: 10px;
 height: 50px;
 vertical-align: center;
}

.imgaccueil img {
 border: none;
}

.nav p {
 margin: 0.2em 0em 0.5em 0em;
 font-size: 75%;
}

.nav ul {
 font-size: 80%; 
}

.nav h1 {
 color: #00AAFF;
}

.titreh1 {
 /*background: url(pic/fond_h1.png) no-repeat top right;*/
 position: absolute;
 top: 50px;
 right: 0px;
 width: 710px;
 font-family: "Arial", Helvetica, serif;
 font-size: 120%;
 /*font-style: italic;*/
 text-align: right;
 text-decoration: underline;
 /*border-bottom: 3px inset #00AAFF;  */
 /*margin-bottom: 1.5em;*/
 padding-right: 40px;
 margin-right: 5px;
 margin-top: 3px;
 padding-top: 2px;
 color: #00AAFF;
 display: block;
}

.nav h2 {
 background: url(pic/fond_h2.png) no-repeat top left;
 font-size: 90%;
 /*border-bottom: 1px dotted #00AAFF;*/
 color: #FFFFFF;
 padding-left: 5px;
 display: block;
 clear: both;
}

.nav h3 {
 font-size: 80%;
 font-family: Arial, Helvetica, serif;
 margin-bottom: 0.5em;
}

.nav h4 {
 font-size: 80%;
 text-decoration: underline;
}

.contact {
 border-bottom: 1px solid #00AAFF;
 margin: 10px;
 padding: 10px;
 height: 100px;
}

.contact img {
 border: 0;	
}

.contact p {
 margin-bottom: 0.1em;
 font-size: 0.7em;
}

.contact h3 {
 margin-top: 0.2em;
 margin-bottom: 0.5em;
 font-size: 0.8em;
}

.adresse {
 width: 400px;
}

.footer {
 /*background: url(pic/footer.png) no-repeat top left;*/
/* padding-top: 5px;*/
 font-size: 0.7em;
 clear: both;
 height: 15px;
 text-align: center;
 color: #000000;
 font-family: Arial, Helvetica, serif;
 font-style: normal;
 /*border-top: 2px outset #00AAFF;*/
}

.copy {
 position: absolute;
 left: 0px;
 width: 773px;
}

.admin {
 position: absolute;
 right: 0px;
}  

.valid {
 position: absolute;
 bottom: 20px;	
 right: 0px;
 width: 200px;
 height: 15px;
}

a.firefox {
 background: url(pic/ff2b80x15.gif) no-repeat top left;
 display: block;
 width: 80px;
 height: 15px;
 position: absolute;
 bottom: 20px;	
 right: 8px;
} 

a.htmlval {
 background: url(pic/w3c-xhtml-validation-80x15.gif) no-repeat top left;
 display: block;
 width: 80px;
 height: 15px;
 position: absolute;
 bottom: 20px;	
 right: 90px;
} 
         
a.cssval {
 background: url(pic/w3c-css-validation-80x15.gif) no-repeat top left;
 display: block;
 width: 80px;
 height: 15px;
 position: absolute;
 bottom: 20px;	
 right: 172px;
} 

.admin a {
 color: #0099AA;
 text-decoration: none;   
}

.admin a:hover {
 color: #FFFFFF;
}

.imageright {
 width: 250px;
 height: 150px;
 float:right; 
 /*clear:right;     */
 margin-left: 1.5em;
 margin-bottom: 0.5em;
 padding: 0;
 border: 3px outset #00AAFF;
/* background-image: url(pic/surfer_01.jpg);
 background-repeat:no-repeat;*/
}

.logo {
 width: 164px;
 height: 100px;
 float:left; 
 /*clear:right;     */
 margin-right: 1.5em;
 margin-bottom: 1em;
 padding: 0;
}

.imageleft {
 width: 250px;
 height: 150px;
 border: 1px solid #00FF00;
 float:left; 
 /*clear:right;     */
 margin-right: 1.5em;
 margin-bottom: 0.5em;
 padding: 0;
 border: 3px outset #00AAFF;
/* background-image: url(pic/surfer_01.jpg);
 background-repeat:no-repeat;*/
}

.imgcontact {
 width: 280px;
 height: 100px;
 border: 0px;
 float:left;
 display: block; 
 /*clear:right;     */
 margin: 0.3em;
 padding-bottom: 5px;
 padding-right: 10px;
 text-align: center;
/* background-image: url(pic/surfer_01.jpg);
 background-repeat:no-repeat;*/
}

.imglarge {
 width: 730px;
 height: 238px;
 border: 3px outset #00AAFF;
 border: 3px outset #00AAFF;
 /*clear:right;     */
 margin: 0em;
 padding: 0;
 text-align: center;
/* background-image: url(pic/surfer_01.jpg);
 background-repeat:no-repeat;*/
}

.imageb {
 width: 480px;
 height: 360px;
 border: 0px;
 margin-left: 15%;
 /*float:left; 
 /*clear:right;     */
/* background-image: url(pic/surfer_01.jpg);
 background-repeat:no-repeat;*/
}

.actu h2 {
 padding-bottom: 0;	
 margin-bottom: 0;	
}

p.post {
 font-size: 0.6em;
 padding-bottom: 5px;
 text-decoration: underline;	
}