/* CSS Document */
html, body {
	height: 100%;
	width: 100%;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#c2ae87;
}

.accueil
{
	background:url(img/fd_vague.png) top center;
	background-color:#b29b71;
	padding:0px;
	margin:0px;
}
.blanc
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	font-weight:lighter;
	letter-spacing:0.2em;
	color:#FFF;
	
	}

.hauteurecran {
  height: 100%;
}
.contourtrans
{
	background-image:url(img/fd_trans.png);
	background-repeat:repeat-y;
	width:990px;
	margin-left:auto;
	margin-right:auto;	
}
.tabgen
{
width:968px; 
margin-left:auto; 
margin-right:auto;	
}
.titre {
font-size:12px;
color:#FFFFFF;
letter-spacing:3px;
}
.cellulegauche {
background-image:url(img/compas.png);
width:254px;
background-repeat:no-repeat;
vertical-align:top;
min-height:500px;
background-color:#FFFFFF;
}
.ss_menu_gauche
{
width:177px;
height:53px;
background-image:url(img/fd_ss_menu_gauche.png);
background-repeat:no-repeat;
text-indent:18px;
text-decoration:none;
}
.central {
background-color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
letter-spacing:0px;
text-align:justify;
text-decoration:none;
line-height:16px;
padding-left:5px;
padding-right:5px;
padding-top:10px;
}
.filaire {
background-image:url(img/voilier-filaire3.gif);
background-repeat:no-repeat;
background-position:center center;
height:505px;
filter:alpha(opacity=20); 
-moz-opacity: 0.2; 
opacity: 0.2;
}
.difilaire {
position:relative;
background-image:url(img/voilier-filaire3.gif);
background-repeat:no-repeat;
background-position:center center;
width:100%;
height:400px;
filter:alpha(opacity=20); 
-moz-opacity: 0.2; 
opacity: 0.2;
}

.top1 {
background-image:url(img/fond-top1.jpg);
background-repeat:repeat-x;
height:79px;
}
.top2 {
height:110px;
}
.menu1 {

background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
vertical-align:top;
text-align:center;
height:110px;
width:85px;
letter-spacing:1px;
}
.menu1over {
font-family:Arial, Helvetica, sans-serif;
background-color:#FFF;
font-size:12px;
font-weight:bold;
color:#fff;
vertical-align:top;
text-align:center;
height:110px;
width:85px;
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
cursor:pointer;
letter-spacing:1px;
}
.paramenu {
position:relative;
top:0px;
background-color:#EE7700;
width:85px;
height:30px;
vertical-align:middle;
filter:alpha(opacity=90); 
-moz-opacity: 0.9; 
opacity: 0.9;
}

.trans {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
vertical-align:middle;
text-align:center;
width:125px;
height:64px;
filter:alpha(opacity=20); 
-moz-opacity: 0.2; 
opacity: 0.2;
}
.titreactu {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
letter-spacing:1px;
text-decoration:underline;
text-transform:uppercase;
color:#FFFFFF;
}
.tdcontour {
border:#666666 solid 1px;
}
.footer {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
border-top:#666666 solid 1px;
background-color:#b77a3e;
min-height:100px;
width:968px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
}
.textepied
{
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
padding:4px;
}
.tdbouton {
background-color:#336699;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
text-align:center;
vertical-align:middle;
letter-spacing:1px;
color:#FFFFFF;
height:44px;
border:#CCCCCC solid 1px;
}
.tdboutonover {
background-color:#EEEEEE;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
text-align:center;
vertical-align:middle;
letter-spacing:1px;
color:#336699;
height:44px;
border:#999999 solid 1px;
cursor:pointer;
}
.titrepage {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#b77a3e;
text-transform:uppercase;
letter-spacing:4px;
font-weight:bold;
}
.listetableau1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
letter-spacing:1px;
text-align:justify;
text-decoration:none;
height:15px;
background-color:#BBBBBB;
}
.listetableau2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
letter-spacing:1px;
text-align:justify;
text-decoration:none;
height:15px;
background-color:#CCCCCC;
}
.coord {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
font-weight:bold;
background-color:#EE7700;
filter:alpha(opacity=80); 
-moz-opacity: 0.8; 
opacity: 0.8;
}
.menucontact {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
vertical-align:top;
text-align:center;
height:50px;
width:139px;
letter-spacing:1px;
}
.menucontactover {
font-family:Arial, Helvetica, sans-serif;
background-color:#FFF;
font-size:12px;
font-weight:bold;
color:#fff;
vertical-align:top;
text-align:center;
height:50px;
width:139px;
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
cursor:pointer;
letter-spacing:1px;
}
.paramenu2 {
position:relative;
left:2px;
background-color:#EE7700;
width:130px;
height:30px;
padding-top:10px;
filter:alpha(opacity=90); 
-moz-opacity: 0.9; 
opacity: 0.9;
}
/* Element formulaire */
form.css fieldset {
	padding: 1em;
}
form.css label {
	display: inline;
	float: left;
	width: 100px;
	margin: 2px 2px 2px 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
form.css input, select, textarea {
	margin: 2px 2px 2px 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
height:30px;
background:url(img/formbg.gif) repeat-x left top;
}
.borderimg {
border:#FFFFFF solid 1px;

}
.lienbouton {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
letter-spacing:2px;
text-transform:uppercase;
border:#FFFFFF solid 1px;
padding:5px;
background-color:#009CDE;
text-align:center;
vertical-align:middle;
}
.lientx {
color:#FFFFFF;
text-decoration:none;
font-size:11px;
}
.titreaccueil {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#FFFFFF;
letter-spacing:4px;
text-transform:uppercase;
line-height:40px;
}
.passsouris {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-style:italic;
}
.oup {
visibility:hidden;
height:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;

}
.menu3 {
	border-bottom:#666 solid 1px;
	height:60px;
	width:610px;
	}
.menu3 td {
	padding-left:5px;
	padding-right:5px;
}
.menu3 a {
	color:#c2ae87;
	text-decoration:none;
	font-weight:bold;
}
.menu3 a:hover {
	color:#99804F;
	text-decoration:none;
	font-weight:bold;
}
.menu3 a.active {
	color:#99804F;
	text-decoration:none;
	font-weight:bold;
	}
