/* CSS Document */
a
{
color: #0066cc; 
text-decoration: none; 
}

a:hover 
{ 
color: #0066cc; 
text-decoration:underline;
}

.darklink
{
color: #000000; 
text-decoration: none; 
}

.darklink:hover
{
color: #000000; 
text-decoration: underline; 
}

.darklil
{
color: #000000; 
text-decoration: none; 
font-size:9px;
}

.bottomtext
{
font-size:18px;
}

h2
{
padding-left:20px;
color: #0066cc; 
}

h3
{
padding-left:20px;
color: #0066cc; 
}

/*boite*/
.boite {
	width: 700px;
	padding-bottom: 10px;
	background: white url(./../resources/img/style/bottom.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}
.boite h3 {
	margin: 0;
	padding: 20px 20px 13px 20px;
	background: transparent url(./../resources/img/style/top.png) no-repeat;
	background-position: center top;
	text-align: center;
}
.boite p {
	margin: 1em 20px;
	text-align: justify;
}


/*formulaires*/
form {
	width: 600px;
	padding: 10px 20px;
	color: midnightblue;
}
form p {
	margin: 1em 0;
}
form p.double {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
}
form p.double label {
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}
form p.double label span.info {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}
form p.double input {
	width: 350px;
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}

form textarea {
	width: 350px;
	height: 100px;
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}

form a {
	width: 350px;
	margin-left: 12px;
	padding: 2px 4px;
}

form p.double select {
	width: 360px;
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}

form p.simple {
	margin-left: 160px;
}

/* Emulation de frames*/
#content
{
width:1000px; 
background-color:#FFFFFF;
/*filter:alpha(opacity=85);*/
-moz-opacity:.85;
;opacity:.85;
}

body
{
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
background-image:url(./../resources/img/style/all-lowres.jpg);
background-color:#3f74b8;
background-repeat:no-repeat;
width:1000px;
margin:auto;/* Pour centrer notre page */
}

#TopMenu
{
width:1000px;
height:250px;
/*background-image:url(./../resources/img/style/top-blue.png);
background-repeat: no-repeat;*/
/*padding-bottom:5px;*/
}

#LeftMenu
{
float:left;
width:200px;
background-color:#FFFFFF;
/*margin-top:5px;
margin-left:10px;*/
}

.element_menu
{
   margin-bottom: 20px;  Pour éviter que les éléments du menu ne soient trop collés 
}

.element_menu ul
{
   list-style-image:url(http://yaoquizque.free.fr/location_bateaux_test/resources/img/style/Ancre-blue.png); /* On change l'apparence des puces */
   list-style-type:circle;
   padding-left:40px;
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
}

.element_menu a
{
font-size :20px;
color: #cc9966; 
text-decoration: none;
}

.element_menu a:hover
{
font-size :20px;
color: #333333; 
text-decoration: none;
}

.SelLeftMenu
{
font-size :20px;
color: #0066cc; 
text-decoration: none;
font-weight:700;
}

#StdZone 
{
margin-left:200px; /* on place ce bloc à droite du bloc menu de 200px de large */
background-image:url("./../resources/img/fond.png");
}

#Bottom
{
text-align:center;
font-size:12px;
text-decoration:inherit;
background-image:url("./../resources/img/bottom.png");
background-repeat:no-repeat;
}

#Bottomie
{
text-align:center;
font-size:12px;
text-decoration:inherit;
background-image:url("./../resources/img/bottomie.png");
background-repeat:no-repeat;
}