<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

html{
}

body{
	font-family:Georgia, "Times New Roman", Times, serif;/*On fixe la couleur d'arrière-plan général et la police utilisée*/
	margin:0;
	text-align:center;/*Correction d'un bug d'IE5*/
	background-color:#000;
}

a{
	text-decoration:none;/*Tous le liens ne porteront pas de signe particulier (sous-lignage par exemple)*/
	color:#2121e6;
}

a:hover{
	text-decoration:underline;/*Lorsque l'on passe avec la souris sur les liens, ils se soulignent*/
	color:#2f7fe0;
}

a img{
	border:none;
}

#general_container{
	height:auto;
	width:900px;/*Définition des dimensions du conteneur général du contenu de la page*/
	position: relative;
	top: 0px;/*Positionnement de ce bloc tout en haut de la page*/
	margin: 0 auto;
	text-align:left;/*On rétablit le comportement normal modifié pour la correction du bug d'IE5*/
	font-size:12px;
	background-image: url(../images/background_general.jpg);
	background-repeat: repeat-y;
}

#francais{
	position:absolute;
	width:30px;
	height:20px;
	background-image:url(../images/flag_francais.jpg);
	left: 843px;
	top: 29px;
	z-index:10;
}

#english{
	position:absolute;
	width:30px;
	height:20px;
	background-image:url(../images/flag_english.jpg);
	left: 843px;
	top: 55px;
	z-index:10;
}

#espanol{
	position:absolute;
	width:30px;
	height:20px;
	background-image:url(../images/flag_espanol.jpg);
	left: 843px;
	top: 82px;
	z-index:10;
}

#fond_repeat {
	background-image: url(../images/background_general.jpg);
	background-repeat: repeat-y;
	height: 5px;
	width: 940px;
}

#bandeau_haut{
	display:block;
	background:url(../images/bandeau_haut.jpg) no-repeat top left;
	height: 180px;
	width: 900px;
}

#menu{
	position:absolute;
	top:132px;
	left:20px;
	width:481px;
	height:33px;
}

#content {
	height:auto;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}

#content img{
	margin-left:10px;
	margin-right:10px;
}

#catcher{
	float:left;
	width:840px;
	padding-top:7px;	
}

#countdown{
	float:left;
	width:420px;
	margin-top:5px;
	top:0;
	left:0;
}

#video{
	float:left;
	width:315px;
	height:290px;
	margin-right:10px;
	margin-top:10px;
}

#slideshow{
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:500px;
	height:290px;
	border:thin;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
}

#live{
	position:fixed;
	top:120px;
	left:7px;
	width:110px;
	height:auto;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px dashed #2f7fe0;
	box-shadow: 3px 3px 3px #FFF; 
	padding: 10px;
	text-align:left;
}

#live a{
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

#live a:hover{
	color:#2f7fe0;
	text-decoration:none;
}

#live ul,#live li{
	padding:0;
	list-style-type:none;
	list-style-position:inside;
	text-align:left;
	margin-bottom:10px;
}

#live h2{
	color:#FFF;
	text-shadow: 2px 2px 2px #2f7fe0;
}

#live_index{
	padding-bottom:4px;
	padding-top:4px;
	padding-left:-50px;
	padding-right:-50px;
	height:auto;
	-moz-border-radius: 12px; /* FF1+ */
    -webkit-border-radius: 12px; /* Saf3-4 */
    border-radius: 12px; /* Opera 10.5, IE 9, Saf5, Chrome */
	-moz-box-shadow: 0px 0px 4px #ffffff; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 4px #ffffff; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 4px #ffffff; /* Opera 10.5, IE 9 */
	background-color: #EFF074;
    background-image: -moz-linear-gradient(top, #EFF074, #cecece); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EFF074),color-stop(1, #cecece)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#EFF074', EndColorStr='#cecece'); /* IE6,IE7 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EFF074', EndColorStr='#cecece'); /* IE8 */
	border: 1px dashed #2f7fe0;
	text-align:center;
}

#live_index h2{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#003399;
	text-shadow: 1px 1px 1px #666;
	margin-top:-2px;
	margin-bottom:0px;
}

#live_index a{
	color:#333;
	text-shadow: 1px 1px 1px #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

#live_index a:hover{
	color:#003399;
	text-decoration:none;
}

#live_index ul,#live_index li{
	list-style-type:none;
	list-style-position:inside;
	text-align:center;
	margin-bottom:10px;
	display:inline;
	padding-left:4px;
	padding-right:4px;
}

#sponsors{
	position:fixed;
	right:10px;
	top:140px;
	width:110px;
	height:auto;
	background:#FFF;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-box-shadow:0 0 15px #CCC; 
	-moz-box-shadow: 0 0 15px #CCC; 
	box-shadow:0 0 15px #CCC;  
	padding: 3px;
	text-align:left;
	z-index:-20;
}

#sponsors h2{
	color:#003399;
	text-shadow: 2px 2px 2px #666;
}

#donation{
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:220px;
	height:auto;
}

#map{
	float:left;
	width:auto;
	height:330px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

h1#centre{
	margin-left:auto;
	margin-right:auto;
	font-size:20px;
	text-align:center;/*Centrage du titre de niveau h1*/
	font-family:Arial, Helvetica, sans-serif;
}

a.styled{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#003399;
	text-shadow: 1px 1px 1px #666;
}

h2{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#003399;
	text-shadow: 1px 1px 1px #666;
}

#sous_titre{
	width:200px;
	height:40px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	background-color:#002060;
	color:#FFFFFF;
	position:relative;
	text-align:center;
}

#sous_titre p{
	vertical-align:middle;
	font-size:18px;
}

p#centre{
	display:block;
	width:auto;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

img#centre{
	display:block;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}

#logo{
	width: 200px;
	position:absolute;
	left:6px;
	top:22px;
	background-image:url(../images/logo.png);
	height:154px;
}

#solidream{
	background-image:url(../images/solidream.png);
	width: 600px;
	height: 47px;
	position: absolute;
	left: 269px;
	top: 19px;
}

#copyright{
	position:relative;
	bottom:10px;
	margin:auto;
	width:150px;
	height:20px;
	text-align:center;
	font-size:8px;
}
#footer {
	text-align: center;
	background-image: url(../images/bandeau_bas.jpg);
	height: 40px;
	width: 900px;
}

#tableau_matos{
	font-size:12px;
}

#emphasize{
	font-family:Verdana, Geneva, sans-serif;
	
}

/*Cadre arrondi*/
.cornerBox {
	position: relative;
	width: auto;
	background-color: #dbe5f1;
	border-color:#009;
	border-width:thin;
}
.corner {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url('../images/coin.png') no-repeat;
	font-size: 0%;
}
.cornerBoxInner {
	padding: 10px;
	border-color:#009;
	border-width:thin;
}
.TL {
	top: 0;
	left: 0;
	background-position: 0 0;
}
.TR {
	top: 0;
	right: 0;
	background-position: -10px 0;
}
.BL {
	bottom: 0px;
	left: 0;
	background-position: 0 -10px;
}
.BR {
	bottom: 0px;
	right: 0px;
	background-position: -10px -10px;
}

/*Classes*/

.hidden{
	display:none; /*Pour cacher les titres à l'affichage tout en faisant qu'ils soient vus par le moteur de recherche*/
}

.justified{
	text-align:justify;
}

/*Accorion*/
#wrapper {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
 
.accordionButton {	
	width: 800px;
	float: left;
	background:#FFF;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	text-align:left;
	font-size:14px;
	line-height:25px;
}

.accordionButton:hover {	
	color:#2f7fe0;
}
 
.accordionContent {	
	width: 800px;
	float: left;
	background:#FFF;
	display: none;
}
/*End accordion*/

/*Slider*/
#s3slider { 
   width: 300px; /* important to be same as image width */ 
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
	width: 300px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: -40px; /* important */
	list-style-type:none;
	left: 2px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 15px Arial, Helvetica, sans-serif;
   font-weight:bold;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -&gt; the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -&gt; the box with text will be shown at the bottom of the image
   */
}

/*#s3slider ul li{
	list-style-type:none;
}*/

/*End Slider*/

.title{
	margin-top:-15px;
	margin-bottom:-3px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#339;
}

/*Menu*/
/* CSS Document */
    
    #onglets .onglet { 
        border-left:1px solid #000;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
        clear:left; 
        width:850px;
		height:20px;
        padding:5px;
		background-color:#838383;
    }
	
	#onglets .onglet a{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		margin-left:20px;
		margin-right:20px;
		color:#000;
	}
	
	#onglets .onglet a:hover{
		color:#2121e6;
		text-decoration:none;
		font-weight:bold.
	}
	
    #onglets .navonglets{
		float:left;
		margin:0;
		padding:0;
		background:url(../images/bg_background.jpg) 0 0 repeat-x;
		border:1px solid #000000;
		width:860px;
		height:29px;
    }
	
    #onglets .navonglets li{ 
        position:relative; 
        list-style-type:none; 
        padding:0;
        float:left;
        height:29px;
        line-height:29px;
        padding:0 9px 0 9px;
        margin-bottom:-2px; 
        margin-left:20px;
		width:auto;
    }
	
	#onglets .navonglets a {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#000;
	}
	
	#onglets .navonglets a:hover{
		text-decoration:none;
		font-weight:bold;
		color:#000;
	}
	
    #onglets .navonglets li.actif { 
    	background:url(../images/bg_background_actif.jpg) 0 0 repeat-x;
    	border-right:1px solid #000000;
    	border-left:1px solid #000000;
		border-bottom:1px solid #838383;
    }
	
    #onglets .navonglets li.actif a{ 
        text-decoration:none;
		font-size:14px;
		font-weight:bold;
    } 
    
    .onglet ul {
        list-style:none;
        margin:0;
        padding:0;
		text-align:center;
    }
	
    .onglet ul li a {
        height:30px;
        line-height:30px;
     }
	 
    .onglet ul li a:hover {
        text-decoration:none;
		font-weight:bold;
		color:#2121e6;
     }
/* End menu*/

#realise {
	color: #0C0;
	text-shadow: 1px 1px 1px #666;
	font-family:Arial, Helvetica, sans-serif;
}
#prevu {
	color: #F00;
	text-shadow: 1px 1px 1px #666;
	font-family:Arial, Helvetica, sans-serif;
}
#sac_a_dos{
	color: #FF9;
	text-shadow: 2px 2px 2px #666;
	font-family:Arial, Helvetica, sans-serif;
}
#voilier{
	color: #06F;
	text-shadow: 1px 1px 1px #666;
	font-family:Arial, Helvetica, sans-serif;
}
#avion{
	color: #939;
	text-shadow: 1px 1px 1px #666;
	font-family:Arial, Helvetica, sans-serif;
}

#presentation {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
}

/*Translate*/
#google_translate_element{
	position:fixed;
	top:20px;
	right:20px;
}
</pre></body></html>