@charset "utf-8";
body{
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #69F;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
.twoColHybRtHdr #container{ 
min-width:1000px;
margin: 0 auto;
border: 2px solid #6699FF;
text-align: left;
border-radius:10px 10px;
-moz-border-radius:10px;
padding:10px;
background-color:#99CCFF;
}
.twoColHybRtHdr #container800{ 
width: 835px;
margin: 0 auto;
border: 2px solid #6699FF;
text-align: left;
border-radius:10px 10px;
-moz-border-radius:10px;
padding:10px;
background-color:#99CCFF;
}

.twoColHybRtHdr #header{ 
/*background: #3366FF; //url(../Images/logo/entete_70.jpg) no-repeat;*/
padding: 0px 0px;  
height:150px;
width:975px;
border: 4px outset #69F;
cursor: pointer;
}

.twoColHybRtHdr #recherche{
width: 18em;
margin: 1em 0em 0em 0em auto;
border: 1px outset #fff;
/*text-align: left;*/
border-radius:10px 10px;
-moz-border-radius:10px;
padding:2px;
background-color:#69f;
} 

.twoColHybRtHdr #sidebar1{
float: right; 
width: 160px;
/*padding: 10px 0;
background-color: #6699FF;
color: #FF9966;
border-radius:10px 10px;
-moz-border-radius:10px;*/
}

.twoColHybRtHdr #sidebar1 h3, .twoColHybRtHdr #sidebar1 p{
margin-left:10px;
margin-right:10px;
}

.twoColHybRtHdr #mainContent{
margin:0px;
min-height:525px;
min-width:835px;
} 
.twoColHybRtHdr #footer{ 
background-color: #3366FF;
border:3px outset #69F;
color: #F60;
border-radius:10px 10px;
-moz-border-radius:10px;
padding:5px 0px 0px 50px;
} 
.twoColHybRtHdr #footer p{
margin:0;
padding:10px 0;
text-align:center;
}

.fltrt{
float: right;
margin-left:8px;
}
.fltlft{
float: left;
margin-right:8px;
}
.clearfloat{
clear:both;
height:0;
font-size:1px;
line-height:0px;
}

.gleft{float:left; margin:25px 0 10px 0;}
.gright{float:right; margin:25px 5px 10px 0;}
.grc{margin:20px 0 0 10px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {width:894px; height:32px; font-size:0.85em; position:relative; z-index:100;border: 3px outset #69F;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:895px; w\idth:895px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative position so that you can control the dropdown menu position */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:13px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#17a5bf url(../Images/boutons_li.png);background-position: -15px -15px; padding-left:10px; line-height:35px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {color:#ff0;background:#0b42cd url(../Images/boutons_li.png); background-position: -15px -135px;) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{color:#fff;background:#7f1ad5 url(../Images/boutons_li.png) bottom right no-repeat; background-position: -15px -245px;}
.menu ul ul :hover > a.drop {color:#fff;background:#7f1ad5 url(../Images/boutons_li.png) bottom right no-repeat;background-position: -15px -245px;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#17a5bf url(../Images/boutons_li.png); background-position: -15px -15px;}
/* style the third level hover */
.menu ul ul ul a:hover {color:#000;background:#ed2803 url(../Images/boutons_li.png);background-position: -15px -190px}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#0b42cd url(../Images/boutons_li.png);background-position: -15px -135px; color:#FF0; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#FF0; background:#0599e5 url(../Images/boutons_li.png);background-position: -15px -75px;}
.menu :hover > a, .menu ul ul :hover > a {color:#FF0;background:#0599e5 url(../Images/boutons_li.png);background-position: -15px -75px;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


.Citation{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
background-color:#FFCC00;
border:thin solid #330099;
height:auto;
width:auto;
text-align:justify;
display:block;
font-size:1em;
color:#3333FF;
padding:10px;
margin:10px;
border-radius:10px 10px;
-moz-border-radius:10px;
}

.Explication{
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #6666FF;
border: thin solid #660066;
height: auto;
width: auto;
text-align: justify;
display: block;
font-size: 1em;
color: #330066;
padding: 10px;
margin: 10px;
border-radius:10px 10px;
-moz-border-radius:10px;
}

.entete{color: #000000}

h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #CC33CC;
text-align:left;
padding-left:0.5em;
}

h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #FF6600;
font-style: oblique;
padding-top:1.2em;
padding-left:1em;
}

h2.no_padding{
padding: 0px;
margin:0px;
margin-top:0.5em;
}

h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #F30;
font-style: oblique;
padding-top:0.5em;
padding-left:1.6em;
}

h4{
font-style: oblique;
color:#930;
font-size:1.1em;
padding-left:2em;
}

input:focus, textarea:focus /*(ne marche pas sur IE)*/{
background-color: #6699FF;
}

legend{
font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
color: #FF6600;
font-weight: bold;
font-size:1em;
text-align:left;
}

p {
text-align:justify;
font-family: "Palatino Linotype",sans-serif;
font-size: 1em;
color: #000099;
}

p.calendrier{background:transparent url(../Images/cal_48x48.png) no-repeat;padding-left:3em;}
p.news{background:transparent url(../Images/icones/location_news_48.png) no-repeat;padding-left:3em;max-width:800px;}
p.decal4{padding-left:4em;}
p.petit{font-size:0.8em}
p.red{color: #F00;}
p.left{text-align:left;}
p.lineheight{line-height:1.2em;}

table{
border-collapse:collapse;  
margin:auto;
}

td{
border:1px solid #000099;
text-align:center;
vertical-align:middle;
color:#000099;
padding:0;
}

td.red{
color:#F00;
}

td.green{
color:#060;
}

td+td{
border-left:1px solid #66FFFF;
}

tr.blue td{
border-top: 1px solid #000099;
border-bottom: 1px solid #FFFFFF;
background:#3399CC url(../Images/glossyback2.gif);
color:#F30;
font-weight:bold;
text-align:center;
}

tr.blue_white td{
border-top: 1px solid #000099;
border-bottom: 1px solid #FFFFFF;
background:#2e6ab1;
color:#FFF;
font-weight:bold;
text-align:center;
}

.normal {background-color: none}
.highlight {background-color: #69F}

th{
padding: 0 0.5em;
text-align: left;
}

table.sortable thead{
border-top: 1px solid #000099;
border-left: 1px solid #000099;
border-right: 1px solid #000099;
border-bottom: 1px solid #FFFFFF;
background:#3399CC url(../Images/glossyback2.gif);
color:#f60;
font-weight:bold;
text-align:center;
cursor: default;
}

a{
text-decoration:none;
font-weight:bold;
}

A:hover{
TEXT-DECORATION:underline;
}
A:active{
TEXT-DECORATION: none;
}
A.linkfade{
TEXT-DECORATION: none;
}
a:link{
color: #6400EB;
}
a:visited{
color: #6400EB;
}

a:after{
/*content: url(../Images/fleche_lien.gif);*/
}

img.galerie{
border: 5px outset #69F;
margin:10px;
}

#outils{
height: 70px;
background-color: #99CCFF;
color: #FF9966;
border-radius:10px 10px;
-moz-border-radius:10px;
margin-left:1em;
margin-top:2px;
padding-top:3px;
padding-left:2px;
width: 8em;
}

.legende1{ font-size: 1.2em; color: #6633CC; text-align: center; }

#cat_desc{
color:#FFFF00;
}

#titre_news{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
background-color: #69F;
background-image:url(../Images/boule_bleue.gif);
background-repeat:no-repeat;
background-position:5px;
border: thin solid #00C;
height: auto;
width: auto;
max-width:1000px;
text-align: justify;
display: block;
font-size: 1em;
color: #3333FF;
padding-left: 30px;
margin: 10px;
border-radius:8px 8px;
-moz-border-radius:8px;
}

#news{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
border: thin solid #330099;
height: auto;
width: auto;
text-align: justify;
display: block;
font-size: 1em;
color: #3333FF;
padding-left: 20px;
margin: 10px;
visibility:hidden;
}

.list-of-links{
list-style:none;
}
.list-of-links li{
border:1px solid #FFFFFF;
color:#999;
display:block;
height:8.3em;
width:48em;
margin:5px;
padding: 5px 10px;
position:relative;
top:0;
background-image: url(../Images/glossyback_double.gif);
background-position:top;
background-repeat:repeat;
}
/* li:hover for Mozilla, li.over for IE (suckerfish js required) */
.list-of-links li:hover, .list-of-links li.over{
background-image: url(../Images/glossyback2_double.gif);
background-position:top;
background-repeat:repeat;
color:#FF0000;
}
/* anchor tags in HTML are assigned the class "block-link" */
.list-of-links li .block-link{
display:block;
height:8.3em;
left:0;
position:absolute;
top:0;
width:100%;
z-index:100;
/* included for IE 6 - Not necessary for almost
any other browser & causes CSS to not validate
but included here so same stylesheet can be
used for Moz and IE */
background-color:#3399FF;
filter:alpha(opacity=0);
opacity: 0;
-moz-opacity:0;
}
/* fix for opera */
p>.block-link, li>.block-link{
background-color:transparent;
}

form{
border: 2px solid #6699FF;
padding:10px;
width:810px;
border-radius:8px 8px;
-moz-border-radius:8px;
}

form.search{
width:680px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

form.connect{
width:480px;
}

fieldset{
margin-bottom:1em;
width:700px;
padding-top:1.5em;
padding-left:6em;
border:outset #A4D8EE;
font:1em "Trebuchet MS", Verdana, sans-serif;
color:#345071;
border-radius:8px 8px;
-moz-border-radius:8px;
}

fieldset#fichier{background:transparent url(../Images/picture_48x48.png) no-repeat 1em 1em;}
fieldset#photographe{background:transparent url(../Images/photographe.gif) no-repeat 1em 3em;}
fieldset#flotteur{background:transparent url(../Images/windsurf/flotteur_130.gif) no-repeat 0em 3em;}
fieldset#voile{background:transparent url(../Images/windsurf/voile_130.gif) no-repeat 0em 3em;}
fieldset#mat{background:transparent url(../Images/windsurf/mat_130.gif) no-repeat 0em 3em;}
fieldset#wishbone{background:transparent url(../Images/windsurf/wishbone_130.gif) no-repeat 0em 3em;}

label{
display:block;
width:180px;
float:left;
}

input.opt_prog{
position: absolute;
display: inline;
left: 22em;
}

input.bouton{
border:2px solid white;
background:#6699FF;
background-image: url(../Images/glossyback_double.gif);
color:#345071;
font:1.2em "Trebuchet MS", Verdana, sans-serif;
cursor:pointer;
margin-left:45%;
}

input.bouton:hover{
border:2px outset yellow;
background-color:#6699FF;
background-image: url(../Images/glossyback2_double.gif);
color:#FFFFFF;
}

input.bouton:active{
border:2px inset green;
background-color:#666699;
background-image: url(../Images/glossyback_double.gif);
color:white;
}

input.search{
border:2px solid white;
background:#6699FF;
background-image: url(../Images/glossyback_double.gif);
color:#345071;
font:1em "Trebuchet MS", Verdana, sans-serif;
cursor:pointer;
}

input.search:hover{
border:2px outset yellow;
background-color:#6699FF;
background-image: url(../Images/glossyback2_double.gif);
color:#FFFFFF;
}

input.search:active{
border:2px inset green;
background-color:#666699;
background-image: url(../Images/glossyback_double.gif);
color:white;
}

input.disabled{
border: 1px solid #F2F2F2;
background-color: #F2F2F2;
}

input.required, textarea.required{
border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed{
border: 1px solid #FF3300;
color : #FF3300;
}
input.validation-passed, textarea.validation-passed{
border: 1px solid #00CC00;
color : #000;
}

.validation-advice{
margin: 5px 0;
padding: 5px;
background-color: #FF3300;
color : #FFF;
font-weight: bold;
}

.custom-advice{
margin: 5px 0;
padding: 5px;
background-color: #C8AA00;
color : #FFF;
font-weight: bold;
}

.form-row{
clear: both;
padding: 0.5em;
}

.calendrier{
height:128px;
width:200px;
background:url(../Images/calendrier_date.png) no-repeat;
margin:0px;
padding-top:10px;
padding-left:0px;
font-weight:bold;
float:left;
text-align: center;
}

.cal_info{
min-height:128px;
width:600px;
margin-left:220px;
padding:5px;
border:1px solid #0066FF;
border-radius:8px 8px;
 -moz-border-radius:8px;	
}

.pagination{
padding: 5px 0px 10px 70px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left;
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #00F;
background-color:#69F;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FA0;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

#bloc{
min-width: 835px;
margin: 0 auto;
}

.bloc_disp{
background-color: #6699FF;
border:outset #A4D8EE;
border-radius:10px 10px;
-moz-border-radius:10px;
}

.colonne{
width: 245px;
padding: 0.3em;
float: left;
}

.colonne_photo{
width: 150px;
padding: 0.3em;
float: left;
text-align:center;
}

.colonne_index{
width: 394px;
padding: 0.2em;
margin:0.3em;
float: left;
}

.colonne_annonces{
width: 354px;
padding: 0.3em;
margin:0.3em;
float: left;
}

#deco_col_index{ 
border: 5px outset #69F;
background:#36F;
border-radius:10px 10px;
-moz-border-radius:10px;
height:210px;
}