/* CSS Document */

body{
	background-color:#3672B0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	vertical-align:middle;
}
img{ border:none;}


/*   TABLEAUX   */
.tablemenu{ width:170px; }
.tableTRIPS{ width:750px; margin:auto; }
.tablecentre{ width:420px; margin:auto; text-align:center}
/*index*/
.textesindex{ font-family:Arial, Helvetica, sans-serif; color:#051D2C; text-align:justify; padding:2px}
.textes_trips{ font-family:"Comic Sans MS"; font-size:12px; color:#333333; font-stretch:expanded; letter-spacing:1px; padding:4px; text-align:justify}
#actu{font-size:18px ;!important ; font-weight:bold; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; background-color:#003366; line-height:35px;}
#menu1{ width:176px; height:34px; background:url(../images/titre_divers.jpg); font-size:13x; font-weight:bold; background-repeat:no-repeat; color:#CCCCCC; background-position:top; text-indent:30px}
#menu2{ width:176px; height:34px;background:url(../images/titre_meteo.jpg);  font-size:13px;font-weight:bold; background-repeat:no-repeat; color:#000000; background-position:top; text-indent:30px}
#menu3{ width:176px; height:34px;background:url(../images/titre_histoire.jpg);  font-size:13px;font-weight:bold; background-repeat:no-repeat; color:#000000; background-position:top; text-indent:30px}
#menu4{ width:176px; height:34px;background:url(../images/titre_galerie.jpg);  font-size:13px;font-weight:bold; background-repeat:no-repeat; color:#000000; background-position:top; text-indent:30px}
#menu5{ width:176px; height:34px;background:url(../images/titre_video.jpg);  font-size:13px;font-weight:bold; background-repeat:no-repeat; color:#000000; background-position:top; text-indent:30px}
#menu6{ width:170px; height:34px;background:url(../images/titre_trips.jpg);  font-size:13px;font-weight:bold; background-repeat:no-repeat; color:#000000; background-position:top; text-indent:30px}
#menu7{ width:170px; height:34px;background:url(../images/titre_competitions.jpg);  font-size:13px;font-weight:bold; background-repeat:no-repeat; color:#000000; background-position:top; text-indent:30px}
#menu8{ width:170px; height:34px;background:url(../images/titre_profils.jpg);  font-size:13px;font-weight:bold; background-repeat:no-repeat; color:#000000; background-position:top; text-indent:30px}
#menu9{ width:170px; height:34px;background:url(../images/titre_occase.jpg);  font-size:13px;font-weight:bold; background-repeat:no-repeat; color:#000000; background-position:top; text-indent:30px}
#menu10{ width:170px; height:34px;background:url(../images/titre_dossiers.jpg);  font-size:13px;font-weight:bold; background-repeat:no-repeat; color:#000000; background-position:top; text-indent:30px}

.tab_menu1{ width:170px; background-color:#b5ceec; border-collapse:collapse;  }

a.liensmenu:link, a.liensmenu:visited, a.liensmenu:active{ text-decoration : none; line-height:20px; text-indent:15px; vertical-align:middle; padding-left:3px; color:#333333; font-weight:bold}	
a.liensmenu:hover	{text-decoration : underline; color:#666666}

a.fauxlien:link, a.fauxlien:visited, a.fauxlien:active{ text-decoration : none; }	
a.fauxlien:hover	{text-decoration :none; color:#FF6600}

a.menugauche:link, a.menugauche:active , a.menugauche:visited{
color:#ffffff; font-size:11px; padding:0px;}
a.menugauche:hover	{text-decoration : none; }
.tableauindex{ background:url(../images/bg.jpg);}
.tabmenu_horizontal{ height:25; width:auto; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:5px; border-collapse:collapse; }

.tableau_chapitres{ width:850px; margin:auto; border-collapse:collapse; border:#003366 1px solid; background-color:#c2d7f8 }
.tablebas, .tablhaut, .tableauindex { width:950px; margin:auto; padding:0px;}
.tablebas	{ background-image:url(../images/bas.jpg);height:50px; }
.tablhaut	{ background-image:url(../images/haut.jpg);height:40px;}
.tableauvignettes{ width:80%; margin:auto;}
.tableaumeteo{width:850px; margin:auto; border-collapse:collapse; padding:0px; border:#003366 1px solid; text-align:center}
.tdvignettes,.cell_legendes,.cell_images{text-align:center; margin-left:auto; margin-right:auto;}
.tdvideo{ width:330px; height:260px; background-color:#B5D1EE; margin:auto; vertical-align:top}
.tableau_fiches{ width:700px; margin:auto; border-collapse:collapse; text-align:center; height:546px}
.tableau_mp3{ width:400px; margin:auto; border-collapse:collapse; text-align:left; }

/* TITRES  */
.titre_chapitre
{ background:url(../images/texture_chapitres.jpg) repeat-x top ; height:35px;}
.titre_chapitre p
{ background:url(../images/puce_chapitres_tr.gif) no-repeat; font-size:15px; font-weight:bold; text-indent:120px; height:35px;}


h2 { font-family:Geneva, Arial, Helvetica, sans-serif; color:#003366; text-decoration:underline}

.titre_histoire,.titre_portofolio,.titre_vagues,.titre_locaux,.titre_maroc,.titre_mentawaii,.titre_australie,.titre_surfeurs,.titre_skim,.titre_menu_8,.titre_club,{line-height:25px; background-repeat:no-repeat;}

.titre_histoire{background:url(../images/histoire.jpg); }
.titre_portofolio{background:url(../images/portofolio.jpg);}
.titre_vagues{background:url(../images/vagues.jpg);}
.titre_locaux{	background:url(../images/locaux.jpg); }
.titre_maroc{background:url(../images/titre_maroc.jpg);}
.titre_mentawaii{background:url(../images/titre_mentawaii.jpg);}
.titre_australie{background:url(../images/titre_australie.jpg); }
.titre_skim{background:url(../images/titre_skim.jpg);}
.titre_surfeurs{background:url(../images/titre_surfeurs.jpg);}
.titre_club{background:url(../images/titre_club.jpg);}

.titre_cell,a.CONTACT:link, a.CONTACT:active , a.CONTACT:visited,a.page:hover,a.page:link, a.page:active , a.visited,.cell_legendes{font-weight:bold; text-align:left; }
.cell_legendes{ text-align:justify;}
.titre_cell{
color:#495E75; line-height:25px; text-indent:35px; background-color:#DDEBFA; background-image:url(../images/puce.jpg); background-repeat:no-repeat; background-position:left; }
.cell_textes_menus{ color:#003366;	border-bottom:1px solid #000000 ; text-align:left; vertical-align:middle; line-height:20px; padding:10px}
.cell_textes_recits{ padding:5px;text-align:justify;vertical-align:top;}

.cell_images{width:auto; background-color:#B5D1EE; padding:10px}
.cell_images_dossiers{width:auto; background-color:#f1f1f1; padding:10px}
.cell_vignettes{background-color:#B5D1EE; padding:0px; text-align:center}
.cell_edito{padding:10px;text-align:justify;vertical-align:top; line-height:18px; font-weight:normal; font-size:11px}

/*liens*/
a.menuhaut:link,a.menuhaut:visited,a.menuhaut:active{ color:#003366; text-decoration:none; vertical-align:middle; padding-left:4px; line-height:20px; font-size:10px}
a.menuhaut:hover{ text-decoration:none; color:#FF3300;}

a.menu:link, a.menu:visited, a.menu:active{color:#003366; text-decoration : underline; line-height:20px;}	
a.menu:hover	{text-decoration : none;}

/*liens pour numeros de pages*/
a.page:link, a.page:active , a.visited{color:#3A4A5E; text-decoration : underline;}
a.page:hover	{ background-color:#FF6600;  text-decoration : none; padding:3px;}

/*liens pour INDEX*/
a.CONTACT:link, a.CONTACT:active , a.CONTACT:visited{ height:35px;
color:#495E75; font-size:14px; padding:0px;}
a.CONTACT:hover	{text-decoration : none; }

/*   F I C H E S     */
.question{  font-size:15px; color:#003333; font-weight:bold}
.reponse{ font-size:15px; color:#003333; }