* {margin: 0; padding: 0; border: 0;}

/***************************************************************************/
/*																			 Eléments communs */
/***************************************************************************/
.break {clear: both; height: 1px; line-height: 1px;}
.marge {height: 15px; background-color: #fff;}
.date {color: black; font-weight: bold; font-size: 10px;}
.erreur {width: 538px; color: darkgray; font-weight: bold; font-size: 13px; text-align: center; border: 1px darkgray solid; padding: 5px 0;}

#content h3 span {display: none;}
h5 {
	text-transform: uppercase;
	clear: both;
	color: #fff;
	font-weight: normal;
	padding-left: 5px;
	margin-bottom: 5px;
	letter-spacing: 3px;
	font-size: 11px;}
a {color: darkgray;}

/***** éléments à laisser, même vides !! *****/
.chapeau {font-weight: bold;}
.texte {text-align: justify;}
#home { background: transparent url(../images/bgbody.gif) repeat-y;}
#home .texte {text-align: justify;}

sup {line-height: 80%; font-size: 80%;}

/******************************************** Tableaux */

table {border-collapse: collapse; margin-bottom: 10px;}
table td,
table th {border-top: 1px darkgray dotted; padding: 0 4px; text-align: left; font-size: 11px;}
table .bgColor {background-color: darkgray;}
table td a {
	text-decoration: none;
	color: darkgray;
	font-weight: bold;
	padding-left: 7px;
	background: transparent  no-repeat 0 5px;}
table td a:hover {color: #0055A5;}

/******************************************** Bouton retour */
#retour {
	float: right;
	text-decoration: none;
	font-weight: bold;
	color: gray;
	padding: 2px 0 0 13px;
	background: transparent no-repeat 0 7px;}
#retour:hover {text-decoration: underline;}

/******************************************** Pagination */
.pagination {
	position: relative; width: 100%;
	border-top: 1px gray dotted;
	text-align: center;
	padding-top: 3px;
	clear: both;}
.pagination a {color: gray; text-decoration: none;}
.pagination a:hover {text-decoration: underline;}
.pagination a#btnPrecedent {position: absolute; left: 0; top: 3px;}
.pagination a#btnSuivant {position: absolute; right: 0; top: 3px;}

/***************************************************************************/
/*																					Formulaires */
/**********************************gray*****************************************/

fieldset {
	border: 1px gray dotted;
	padding: 10px;
	margin-bottom: 10px;
	width: 400px;}
fieldset input.inptxt,
fieldset select,
fieldset textarea {width: 200px;}

input, select, textarea {border: 1px gray solid;}

input.inptxt, select {
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	color: gray;
	margin-right: 5px;}

label {
	display: block;
	text-align: right;
	width: 180px;
	font-weight: bold;
	padding-right: 3px;
	float: left;}



/**********************#0055A5;*****************************************************/

body {
	font-family:   Verdana, Arial, sans-serif;
	font-size: 11px;
	color:  gray; }

#allContent {
	width: 998px;
	margin: 0 auto 15px auto;
	padding: 0 4px;
	text-align: left;
	background: transparent url(../images/bgAllContent_new.gif) repeat-y;}

#zoneFlash {height: 250px;}

#enTete h1 {
	height: 160px;
	background: transparent no-repeat;}
#enTete h1 span {display: none;}
#navigation {
	list-style: none;
        top:160px;
	height: 20px;
	margin-left: 1px;
	margin-right: 2px;
	background-color: gray;
}
/**************************************************************************/
/*      menu                                                              */
/**************************************************************************/

#menuDeroulant
{
 width: 994px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 top:160px;
 position: absolute;

}
#menuDeroulant li
{
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu
{
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant li
{
 float: left;
 width: 142px;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #FFF;
 background: gray;
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #fff;
 text-decoration: none;
}
#menuDeroulant li a:hover { background-color: black; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background-color: gray;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: black;
}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 180px;
 border-top: 1px solid transparent ;
 border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant li:hover > .sousMenu { display: block; }



/*****************************DC002E**********************************************/
/*																					mainContent */
/***************************************************************************/

#mainContent {
	width: 998px;
	background: transparent  repeat-y;
	margin-top: 10px;}

.marges {margin: 0 10px 10px 10px;}

#content {position: relative; width: 540px; overflow: visible;}

#colA,
#colB,
#colC {float: left;}

#colA {width: 200px;}
#colB {width: 545px;}
#colC {width: 235px;}

#hautColB {
	border-bottom: 1px gray dotted;
	height: 16px;}



/***************************************** Fil d'ariane */
#ariane {list-style: none;}
#ariane li {float: left; color: gray; font-size: 10px; font-weight: bold;}

/*********************************DC002E******************************************/
/*																					  Colonne A */
/**************************008b8b*************************************************/

#constarchi h2 {
	width: 180px; height: 20px;
	background: transparent  no-repeat;}
#constarchi h2 span {display: none;}
#constarchi #contentCa {
	padding: 10px;
	border: 1px gray solid;
	text-align: center;}

#sponsors h2 {
	width: 220px; height: 20px;
	background: transparent  no-repeat;}
#sponsors h2 span {display: none;}
#sponsors #contentSpon {
	padding: 10px;
	border: 1px gray solid;
	text-align: center;}


.valider {
	color: gray;
	width: 50px; height: 16px;
	border: 0;
	background: transparent  no-repeat;
	font-size: 10px;
	font-weight: bold;}
.centre {text-align: center; margin-top: 10px;}

/**************************************** Vidéo */

#video ul {list-style: none; height: 24px;}
#video ul li {float: left; position: relative;}
#video ul li a {display: block; height: 24px; width: 60px;}
#video ul li a span {display: none;}
#video ul li#multiA a {background: transparent url(../images/btnVideo.gif) no-repeat 0 0;}
#video ul li#multiB a {background: transparent url(../images/btnPhoto.gif) no-repeat 0 0;}
#video p,
#video dl {
	background-color: #fff;
	margin: 0 10px 5px 10px; padding: 5px 0 5px 0;
	color: #0C477F; line-height: 14px;
	text-align: center;}
#video #calque2,
#video #calque3 {display: none;}

#video #calque1 {background: gray  no-repeat left bottom;}
#video #calque2 {background: lightgrey  no-repeat left bottom;}

#video #calque1,
#video #calque2,
#video #calque3 {padding: 10px 0 5px 0;}

#video .toutesVideos {
	margin-left: 10px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;}

#video #calque3 .toutesVideos { color: #1D2C89; }

#video dl {text-align: left; padding-left: 5px; padding-right: 5px;}
#video dl dt {
	padding: 5px 0 0 18px; height: 20px; width: 132px;
	display: block;
	background: transparent url(../images/pictoAudios.gif) no-repeat 0 5px;}
#video dl dd {border-bottom: 1px #CCE5FF solid; padding-bottom: 5px; clear: both;}
#video dl dd a {font-weight: bold; text-decoration: none; color: black;}
#video dl dd a:hover {color: #0055A5;}



#photo li { background: #fff;  
            margin-top: 3px;
            margin-right: 3px;
            margin-bottom: 3px;
            margin-left: 0px; 
            padding-top: 3px;
            padding-right: 3px;
            padding-bottom: 3px;
            padding-left: 0px; 
            border-style: solid;
        border-color: gray;
        border-width: thin
      }

#photo li.withborder {
        border-style: dashed;
        border-width: thin;        /* Applique une bordure sur les quatre côtés */
        border-color: gray;
      }
/********************************CCE5FF******** Liens divers */

#lnkInfosPlus {list-style: none; margin: 0 20px;}
#lnkInfosPlus li {border-bottom: 1px #CCE5FF dotted; padding: 3px 0 3px 0;}
#lnkInfosPlus li a {
	padding-left: 23px;
	display: block;
	color: #3399FF;
	font-weight: bold;
	text-decoration: none;}
#lnkInfosPlus li#lnkInfos01 a {background: transparent url(../images/pictoContact.gif) no-repeat 5px 4px;}
#lnkInfosPlus li#lnkInfos02 a {background: transparent url(../images/pictoPlanduSite.gif) no-repeat 5px 2px;}

#lnkInfosPlus li#lnkInfos01 a:hover {background: #E1F0FF url(../images/pictoContact.gif) no-repeat 5px 4px;}
#lnkInfosPlus li#lnkInfos02 a:hover {background: #E1F0FF url(../images/pictoPlanduSite.gif) no-repeat 5px 2px;}

/***************************************************************************/
/*																					  Colonne B */
/***************************************************************************/

#colB h3 {margin-bottom: 10px; height: 20px;}

#aLaUne {clear: both;}
#aLaUne h3 {
        font-size: 13px;
            height: 15px;
}
#aLaUne h3 span {display: none;}
#aLaUne h1 {
	font-size: 12px;
	color: black;
	margin: 5px 0;}
#aLaUne p {font-size: 12px;  line-height: 15px; color: black}
#aLaUne p.date {color: black; font-size: 11px;}
#aLaUne img.visuelActu {float: left; margin: 0 15px 15px 0;}
#aLaUne a.suite {color: gray; font-size: 11px; text-decoration: none; display: block; margin-top: 5px;}
#aLaUne a.suite:hover {text-decoration: underline;}

#autresActus {clear: both;}
#autresActus h3 {
	     font-size: 14px;
             height: 20px;
	     color: gray;
	     text-align: center;
}
#autresActus h2 {
	font-size: 14px;
	color: gray;
	border-bottom: 1px gray dotted;
	margin-bottom: 10px;}
#autresActus p {color: gray; line-height: 14px;}
#autresActus p strong {}
#autresActus p img {float: left; margin: 5px 8px 0 0;}
#autresActus p .date {color: gray;}

#autresActus a.suite,
#autresActus a.touteActu {
	font-size: 10px;
	text-decoration: none;
	display: block;
	text-align: right;}

#autresActus a.suite {color: gray; padding-top: 3px; border-bottom: 1px gray dotted;}
#autresActus a.touteActu {color: #0055A5; border-bottom: 1px #0055A5 dotted;}

#autresActus a.suite:hover,
#autresActus a.touteActu:hover {text-decoration: underline;}

#autresActus .colActu {
	width: 250px;
	float: left;
	margin: 0 3px 10px 5px;
	position: relative;}

/***************************************************************************/
/*																					  Colonne C */
/***************************************************************************/

a.lnkClass {
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-align: right; }
a.lnkClass:hover { color: #1D2C89 }



/**************************************** promotions */
#blocMeteo {background-color: #2e877d;}
#blocMeteo h4 {
	background: transparent url(../images/titreBlocMeteo.gif) no-repeat;
	margin-bottom: 5px;
	height: 20px;}
#blocMeteo h4 span {display: none;}
#blocMeteo p {
       	margin: 8px;
	background-color: #fff;
	padding: 8px;
	line-height: 13px;
	color: #0055A5;
	font-size: 10px;}
#blocMeteo p img {float: left; margin-right: 8px;}
#blocMeteo p strong {font-size: 11px;}
#blocMeteo a.suiteMeteo {
	display: block;
	height: 25px; line-height: 25px;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
	color: #0055A5;
	padding-right: 10px;
	background: transparent url(../images/bgBlocMeteo.gif) no-repeat;}
#blocMeteo a:hover {color: #fff;}

/***************************************************************************/
/*					                            Footer */
/***************************************************************************/

#footer {
	width: 995px;
	position: relative; left: -4px;
	margin-left: 4px;
	margin-right: 3px;

	background-color: gray;
	text-align: center;
	height: 30px; line-height: 25px;
	color: black; font-size: 10px; font-weight: bold;
}
#footer a {color: black; font-size: 10px; font-weight: bold;}
#footer a:hover {color: #3399FF}

/***************************************************************************/
/*												  Eléments communs à la partie content */
/************************************3399FF***************************************/

#content h1 {color: gray; font-size: 20px; font-weight: normal; margin-bottom: 10px;}
#content h2 {font-size: 16px; color: gray; border-bottom: 1px gray dotted; margin-bottom: 10px;}
#content h4 {font-size: 14px; color: gray;}
#content h5 {background-color: gray}
#content p {margin-bottom: 10px; line-height: 14px;}

#content ul {
	list-style: none;
	margin: 0 30px 10px 30px;}
#content ul li {
	background: transparent no-repeat 0 5px;
	padding-left: 8px;}


/***************500*** Titres des rubriques */
#content h3 {width: 500px}
body.skippers #content h3 {background: transparent url(../images/titreSkippers.gif) no-repeat;}
contact #content h3 {background: transparent url(../images/titreContact.gif) no-repeat;}
body.actualites #content h3 {background: transparent url(../images/titreActualites_2.gif) no-repeat;}
body.multimedia #content h3,
body#multimediaOrange #content h3 {background: transparent url(../images/titreMultimedia.gif) no-repeat;}
body.presse #content h3 {background: transparent url(../images/titrePresse.gif) no-repeat;}
body.partenaires #content h3 {background: transparent url(../images/titrePartenaires.gif) no-repeat;}
body.mentionsLegales #content h3 {background: transparent url(../images/titreMentions.gif) no-repeat;}
body#mailingList #content h3 {background: transparent url(../images/titreMailingList.gif) no-repeat;}

/***************************************************************************/
     /*						Section 03 - News */
/***************************************************************************/

#detailActu #content .date {color: #0055A5; font-size: 12px;}
#detailActu #content img {float: left; margin: 0 15px 0 0;}

#content .actu {clear: both; padding: 10px 0; border-bottom: 1px #99CCFF dotted;}
#content .actu .texte {color: #0055A5; line-height: 14px;}
#content .actu img {float: left; margin: 0 8px 0 0;}
#content .actu .date {color: #3399FF;}
#content .actu a.suite {
	font-weight: bold;
	color: gray;
	font-size: 10px;
	text-decoration: none;
	display: block;
	padding-top: 3px;}
#content .actu a.suite:hover {text-decoration: underline;}

#toutesActus .pagination {margin-top: 15px;}

/***************************************************************************/
/*  Section 05 - Partenaires */
/***************************************************************************/

.partenaires #content p img {
	float: right;
	background-color: #fff;
	padding: 5px;
	border: 1px gray solid;
	margin: 0 0 15px 15px;}

/***************************************************************************/
/*																		Section 06 - Contact */
/***************************************************************************/

.contact fieldset label {width: 150px;}

.contact fieldset p.colForm {
	width: 180px;
	float: left;
	margin-right: 5px;}
fieldset ul li {
	padding-left: 0 !important;
	 color: gray;
        font-family: Arial, Verdana, sans-serif;
	background-image: none !important;}
fieldset ul li input {border: 0;}

.rechercher {
	color: #1C7CDC;
	width: 80px; height: 20px;
	border: 0;
	background: transparent url(../images/btnRechercher.gif) no-repeat 0 4px;
	font-size: 10px;
	font-weight: bold;}

/***************************************************************************/
/*																   Section 08 - Multimédia */
/***************************************************************************/

.multimedia #content ul,
#ficheSkipper #content ul.dernieresPhotos {
	list-style: none;
	margin: 0;
	clear: both;}
.multimedia #content ul li,
#ficheSkipper #content ul.dernieresPhotos li {
	background-image: none;
	padding-left: 0;
	float: left;
	width: 169px;
	text-align: center;
	font-size: 10px;
	line-height: 11px;
	margin: 0 5px 10px 5px;}
#ficheSkipper #content ul.dernieresPhotos li {margin: 0 4px 10px 4px;}
.multimedia #content ul li a,
#ficheSkipper #content ul.dernieresPhotos li a {
	display: block;
	padding: 5px 0;
	text-decoration: none;
	color: #0055A5;}
.multimedia #content ul li a img,
#ficheSkipper #content ul.dernieresPhotos li a img {
	background-color: #fff;
	display: block;
	margin: 0 auto 3px auto;
	padding: 3px;
	border: 1px #99CCFF solid;}
.multimedia #content ul li a:hover,
#ficheSkipper #content ul li.dernieresPhotos a:hover {background-color: #ECF6FF;}

.multimedia #content fieldset p label {width: 200px; padding-top: 4px;}
.multimedia #content fieldset p select {width: 200px;}

.go {
	color: #1C7CDC;
	width: 30px; height: 22px;
	border: 0;
	background: transparent url(../images/btnGo.gif) no-repeat 0 2px;
	font-size: 10px;
	font-weight: bold;}

.multimedia #content h4,
#ficheSkipper #content h4 {margin-bottom: 10px;}

#audios #content h4,
#videos #content h4,
#ficheSkipper #content h4 {color: gray; background-color: #EFF7FF;}

/*** audios et vidéos */

.vacation {
	border-bottom: 1px #3399FF dotted;
	padding-bottom: 5px;
	margin-bottom: 10px;
	width: 540px;
	position: relative;}
.vacation img {
	margin-right: 10px;
	float: left;}
.vacation p {
	margin: 0;
	padding-bottom: 5px;
	width: 390px;}
.vacation p strong {display: block;}

.vacation p.lnkMultimedia {
	width: auto;
	height: 12px;
	position: absolute; right: 0; bottom: 5px;}

.vacation a {
	font-weight: bold;
	display: block;
	text-decoration: none;}

#audios #content .vacation a,
.pictoAudio {background: transparent url(../images/pictoAudios.gif) no-repeat; padding: 0 0 2px 18px;}
#videos #content .vacation a,
.pictoVideo {background: transparent url(../images/pictoVideos.gif) no-repeat 0 2px; padding: 0 0 2px 20px;}

.vacation a:hover {color: #0055A5;}
.vacation a span {color: #0055A5; font-weight: normal;}
.vacation .date {color: #379BFF}

body#multimediaOrange #content h2 { line-height: 16px; padding-bottom: 5px; font-size: 14px;}
body#multimediaOrange #content h4 { margin-bottom: 5px; }
body#multimediaOrange #content ul { position: relative; margin-left: 0;}
body#multimediaOrange #content .miniTexte { font-size: 10px; display: block; }
body#multimediaOrange #content h4 span,
.goVideo span {display: none;}


/************** Fenêtre zoom */
#zoom {margin: 10px;}
#zoom h4 {font-size: 14px; margin: 5px 0;}
#zoom .pagination {
	border: 0;
	margin-bottom: 15px;}
#zoom .partenairePhoto {text-align: center;}