/* CSS PREPARED FOR CCBot/1.0 (+http://www.commoncrawl.org/bot.html) */

/*
 *
 * PlanetSolar SA
 *
 * Stylesheet (Firefox version)
 *
 * Copyright (c) 2008 PlanetSolar SA, Alexis Domjan <adomjan@planetsolar.org>
 *
 * $Id: planetsolar.css,v 1.41 2010-07-12 14:21:56 disco Exp $
 *
 */

body.main {
   margin: 0;
   padding: 0;
   background-color: #071925; 
/*   background-image: url(../images/background-logo-top.png); */
   background-image: url(../images/image-de-fond-navigateur.gif);  
   background-repeat: no-repeat;
   background-position: center top;
   color: #eee;
   font-family: Verdana, Helvetica, Arial, sans-serif;
}


/* This is the main container, to have the bottom background image which is outside the visible border */
div.main-container {
   margin-left: auto;
   margin-right: auto;
   top: 17px;
   width: 960px;
   background-image: url(../images/background-logo-bottom.png);
   background-repeat: no-repeat;
   background-position: bottom right;
   /*border: 1px solid transparent; */
}

/* This is the main content part */
div.main-content {
   margin: 17px 30px 30px 30px;
   width: 900px; 
   border: 1px solid #555; 
}



/* P */
p.small {
   font-size: 8pt;
}

p.title {
   font-size: 13pt;
   font-weight: normal;
   color: #999999;
   text-transform: uppercase;
   letter-spacing: 4px;
   margin-bottom: 0px;
}

td {
   font-size: 10pt;
}


p.error {
   color: #ff6600;
   font-size: 10pt;
   font-weight: bold;
}

p.dbhtml-error {
   color: #ff6600;
   font-size: 10pt;
   font-weight: bold;
}



p.news-title {
   font-size: 10pt; 
   font-weight: bold;
   color: #ee6622;
   margin-top: 0px;
}

p.news-text {
   font-size: 10pt;
   text-align: justify;
}


/* SUBMENU */
a.submenu {
   float: left; 
   margin-right: 20px;
   font-size: 8pt;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #999999;
   text-decoration: none;
}

a.submenu:hover {
   color: #ff6600;
}

a.submenu-sel {
   float: left; 
   margin-right: 20px;
   font-size: 8pt;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none;
   color: #33ccff;
}


a.submenu2 {
   float: left; 
   clear: left;
   font-size: 8pt;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #999999;
   text-decoration: none;
}

a.submenu2:hover {
   color: #ff6600;
}

a.submenu2-sel {
   float: left; 
   clear: left;
   font-size: 8pt;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none;
   color: #33ccff;
}



a.menu {
   display: block;
   padding-top: 8px;
   padding-bottom: 8px;
}


a.gallery {
   text-decoration: none;
   color: #999;
}



p.subtitle {
   font-size: 10pt;
   margin-top: 15px;
   margin-bottom: 15px;
   color: #33ccff;
   letter-spacing: 3px;
   font-size: 12pt;
   text-transform: uppercase;
}


p.subtitlegrey {
   font-size: 10pt;
   margin-top: 15px;
   margin-bottom: 15px;
   color: #999;
   letter-spacing: 3px;
   font-size: 12pt;
   text-transform: uppercase;
}



p.subsubtitle {
   color: #eee;
   font-size: 10pt;
   text-align: justify;
   font-weight: bold;
}

p.subtitleblue {
   color: #33ccff;
   font-size: 10pt;
   text-align: justify;
   font-weight: bold;
}



p.text {
   color: #eee;
   font-size: 10pt;
   text-align: justify;
/*   margin-top: 0px; */
}

p.texts {
   color: #eee;
   font-size: 9pt;
   text-align: justify;
}
   



p.bottom { 
   margin-top: 30px; 
   margin-bottom: 15px; 
   font-size: 8pt; 
}

a.menu-bottom {
   font-size: 8pt;
   color: white;
   text-decoration: none;
   text-transform: uppercase;
}

a.menu-bottom:hover {
   color: #33ccff;
}



sup { font-size: 8pt; }




/* IMG */

img.borded-left {
   border: 1px solid #ddd;
   margin-right: 10px;
   margin-bottom: 8px;
}

img.borded-right {
   border: 1px solid #ddd;
   margin-left: 10px;
   margin-bottom: 8px;
}

img.borded {
   border: 1px solid #ddd;
}
img.borded-link {
   border: 1px solid #ddd;
}
img.borded-link:hover {
   border: 1px solid #33ccff;
}

img.sponsor {
   border: 1px solid #4d5255;
   padding: 4px;
}



img.partner {
/*   border: 1px solid #555; */
/*   padding: 20px; */
}

div.partner {
   border: 1px solid #555; 
   text-align: center;
   padding: 5px;
   width: 128px;
   vertical-align: middle;
   margin-bottom: 10px;
}



img.parrains {
   border: 1px solid #ddd;
   margin-right: 10px;
   margin-bottom: 8px;
}

img.parrains:hover {
   border: 1px solid #33ccff;
}

div.parrains {
   float: left;
   width: 100%;
   text-align: left;
   font-size: 10pt;
   margin-bottom: 10px;
   margin-top: 20px;
}

a.parrains {
   text-decoration: none;
   font-size: 10pt;
   color: #eee;
}

a.parrains:hover {
   color: #33ccff;
}

p.text-parrains {
   color: #ddd;
   font-size: 10pt;
   text-align: justify;
}

div.text-parrains {
   color: #ddd;
   font-size: 10pt;
   text-align: justify;
}


#l { text-align: left; }


/* FORM */
input.logins {
   font-size: 8pt;
   border: 1px solid #007fac;
   background-color: #071925;
   color: #eee;
}

input.login {
   font-size: 10pt;
   border: 1px solid #007fac;
   background-color: #071925;
   color: #eee;
}

select.login {
   font-size: 10pt;
   border: 1px solid #007fac;
   background-color: #071925;
   color: #eee;
}

textarea.blue {
   font-size: 10pt;
   border: 1px solid #007fac;
   background-color: #071925;
   color: #eee;
}


/* A */
a.link {
   color: #33CCFF;
   text-decoration: none;
   border-bottom: 1px dotted #33ccff
}

a.link:hover {
   color: #ff6600;
   text-decoration: none;
   border-bottom: 1px dotted #ff6600;
}


a.linkn {
   color: #33CCFF;
   text-decoration: none;
}

a.linkn:hover {
   color: #ff6600;
   text-decoration: none;
}

/* UL */

ul.list {
   font-size: 10pt;
   font-weight: normal;
   margin: 0 0 0 15px;
   padding: 0;
   line-height: 1.5em;
   list-style-type: square;
   padding: 0;
   vertical-align: middle; 
   list-style-image: url("../images/triangle-list.gif");
}

a.logbook-menu {
   background-image: url(../images/triangle-bleu.gif);
   background-position: 0px 3px;
   background-repeat: no-repeat;
   padding-left: 8px;
   padding-right: 20px;
   font-size: 8pt;
   color: #071925;
   text-transform: uppercase;
   text-decoration: underline;
}

a.logbook-menu:hover {
   color: #ff6600;
}

/* Calendar */
/*div.caldate {
   clear: left;
   float: left; 
   width: 25px; 
   height: 16px; 
   background-image: url(../images/event-date-box.gif); 
   background-repeat: no-repeat; 
   font-size: 10pt; 
   font-weight: bold; 
   color: black; 
   text-align: center; 
   vertical-align: middle;
}*/

/*div.caldatedouble {
   clear: left;
   float: left; 
   width: 25px; 
   height: 34px; 
   background-image: url(../images/event-date-box-d.gif); 
   background-repeat: no-repeat; 
   font-size: 10pt; 
   font-weight: bold; 
   color: black; 
   text-align: center; 
   vertical-align: middle;
}*/


div.caldate {
   clear: left;
   float: left;
   width: 100px;
   font-size: 10pt;
   font-weight: bold;
   color: white;
   text-align: left;
}


div.caltext {
   float: left; 
   width: 550px; 
   margin-left: 0px; 
   font-size: 10pt;
}

b.cal {
   color: #ff6600;
}


p.caltitle {
   margin-top: 0px; 
   padding: 3px; 
   background-color: #172935; 
   text-transform: uppercase; 
   width: 100%; 
   display: block;
}

p.caltext {
   margin-top: 0px; 
   font-size: 10pt; 
   text-align: justify;
}


#j { text-align: justify; }


a.clublink {
   display: block;
   text-decoration: none;
   color: #eee;
}





/* GALLERY */
/*#gallery {position:relative; width:540px; margin:40px auto; padding:10px; border:1px solid #ddd; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:520px; height:375px; padding:5px; border:1px solid #666; background:#ddd url(slideshow/images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}
*/


span.countdown {
   font-size: 14pt;
   font-weight: bold;
   color: #ddd;
}



/* MAPS/LIVE DATA RESOURCES */


div.mapbox {
   float: left; 
   width: 150px; 
   margin: 0; 
   height: 40px; 
   border: 1px solid #aaa; 
   text-align: center;
   background-color: #071925;
}

div.inboxtop {
   width: 148px; 
   background-color: #aaa; 
   text-align: center; 
   color: black; 
   font-size: 8pt; 
   text-transform: uppercase; 
   padding: 1px;
}

span.boxvalue {
   width: 100%; 
   text-align: center; 
   font-size: 14pt; 
   font-weight: bold;
}

div.level-grey {
   clear: left; 
   width: 40px; 
   height: 8px; 
   background-color: #555; 
   margin: 0px 0px 3px 7px;
}

div.level-green {
   clear: left; 
   width: 40px; 
   height: 8px; 
   background-color: green; 
   margin: 0px 0px 3px 7px;
}

div.level-red {
   clear: left; 
   width: 40px; 
   height: 8px; 
   background-color: red; 
   margin: 0px 0px 3px 7px;
}

div.level-orange {
   clear: left; 
   width: 40px; 
   height: 8px; 
   background-color: orange; 
   margin: 0px 0px 3px 7px;
}

div.level-value {
   clear: left; 
   width: 40px; 
   height: 10px; 
   margin: 0px 0px 3px 7px;
   color: white;
   font-size: 8pt;

}





p.onmap {
   font-size: 8pt;
   color: black;
   margin-top: 0px;
}

a.onmap {
   font-size: 8pt;
   color: #0d8dbd;
}