body { color: #000; font-family: Arial, Helvetica, sans-serif; background-color: #edf3fe; text-align: center; margin-top: 10px; margin-bottom: 10px; }

.img .img:a .img:hover {
	border: 0;
	cursor: auto;
	margin: 0;
	outline-width: 0;
	padding: 0;
}

/* textes */

.titre { color: #153c61; font-size: 140%; font-weight: bolder; margin: 2px; padding: 3px; }
.h1 { color: #153c61; font-size: 140%; font-weight: bolder; margin: 2px; padding: 3px; }

.surtitre, .h2 { color: #0464a0; font-variant: small-caps; font-weight: bold; text-align: center; margin: 5px 0; }
.soustitre, .h3 { color: #0464a0; font-size: 110%; font-weight: bold; margin: 2px; padding: 3px; }

.chapo { border-width: 0; font-size: 100%; font-weight: bold; text-align: justify; margin: 0 2px 2px; padding: 0 3px 3px; }

.texte, .texte p.spip, .h4 { font-size: 95%; text-align: justify; margin: 0 2px 2px; padding: 0 3px 3px; }

.ps { background-position: 0 0; background-repeat: repeat; border-width: 0; font-size: 85%; background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARedf3fe75.png); padding: 5px; text-align: justify; }

.notes { border-width: 0; color: #153c61; font-size: 75%; text-align: left; padding: 3px; }

.centre { border-width: 0; font-size: 80%; text-align: center; }
.cote-titre { color: #153c61; font-variant: small-caps; font-weight: bolder; background-color: #edf3fe; text-align: center; }

/* menu h */

#menu-horizontal { color: #153c61; font-size: 100%; font-weight: bold; font-variant: small-caps; background-image: url(http://seasailsurf.fr/salon/squelettes/images/fond/BTNmenu-fond.png); background-repeat: repeat; text-align: center; width: 100%; height: 20px; border-top: 1px solid #153c61; border-bottom: 1px solid #153c61; border-right-color: #153c61; border-right-width: 0; border-left-color: #153c61; border-left-width: 0; }
.menu-h-titre { color: #fff; font-size: 120%; text-align: center; vertical-align: middle; height: 20px; min-width: 100px; margin: 0 2px; display: inline; }
.menu-h-titre a { color: #fff; min-width: 100px; }
.menu-h-titre a:hover { color: white; background-color: #153c61; height: 20px; }
.menu-h-titre a:active { color: #8dcff8; }

/* blocs */


#conteneur { background-color: #f6f6f6; text-align: left; position: inherit; width: 1000px; clear: both; margin-right: auto; margin-left: auto; padding: 10px; box-shadow: inset 2px 2px 2px 2px #E8E8E8;}

#header { background-image: url(images/top/1005top.jpg); background-repeat: no-repeat; text-align: left; width: 1000px; height: 140px; clear: both; margin-bottom: 10px; border-bottom: 1px solid #153c61; }
#header .header-texte { font-size: 12px; text-align: left; position: absolute; z-index: 20; margin: 2px; }
#header .header-top-droit { font-size: 12px; text-align: right; vertical-align: top; margin: 2px; position: relative; top: 0; right: 0; z-index: 20; float: right; }
#header .header-texte-top { color: #153c61; font-size: 12px; font-weight: 600; background-image: url(images/CARblanc50.png); background-repeat: repeat; text-align: left; z-index: 20; vertical-align: top; padding: 1px 5px 1px 1px; }
#footer { text-align: center; position: relative; width: 1000px; clear: both; margin: 10px 0; background-color: #fff; }

#contenu { background-color: #fff; background-repeat: repeat-y; width: 740px; visibility: visible; margin: 5px; padding-top: 10px; display: inline; box-shadow: inset 2px 2px 2px 2px #f6f6f6; }

#bloc-menu { color: #153c61; font-size: 90%; width: 120px; float: left; padding-right: 5px; }

.menu { color: #3997d2; cursor: auto; font-size: 90%; }

.menu .menu-titre { color:#153c61; font-variant: small-caps; font-weight: bolder; background-color: #edf3fe; text-align: center; }
.menu .menu-liste { color: #153c61; text-align: left; }

.menu .menu-liste:a { color: #153c61; }

.menu .menu-liste:hover { color: #f00; }
.menu .menu-liste:visited { color: #0464a0; }
.menu a:hover {
	background-position: 100% 0;
}


/* Barre = menu horizontal */

#barre { font-size: 16px; background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARblanc50.png); background-repeat: repeat; text-align: center; bottom: 0; width: 1000px; height: 20px; z-index: 50; margin-right: auto; margin-bottom: 0; margin-left: auto; display: block; }

#barre ul { margin: 0 10px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-variant: small-caps; text-align: center; vertical-align: middle; min-width: 120px; border-style: none; white-space: nowrap; }

#barre li.level1 { background-color: transparent; text-align: center; position: relative; height: 18px; list-style-type: none; display: block; float: left; min-width: 100px; border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; border-bottom-color: transparent; border-bottom-style: none; }

#barre li.level1>a {
	text-decoration: none;
	color: #153c61;
}

#barre li.level1:hover { color: #153c61; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-top: 1px solid #153c61; border-right: 1px solid #153c61; border-left: 1px solid #153c61; }

#barre li.level1:hover>a { 
	color: #3997d2;
	background: transparent;
}

#barre li.level2 { position: relative; list-style: none; margin: 0; border-bottom: 1px solid white; height: auto; width: auto; font-size: 12px; font-weight: bold; background-color: #ccc; text-align: left; }

#barre li.level2>a {
	width: auto;
	height: auto;
	display: block;
	padding: 1px 0 1px 5px;
	white-space: normal;
}

#barre li.level2, #barre li.level2 a { color: #153c61; background-color: transparent; margin: 0; }

#barre li.level2:hover, #barre li.level2:hover>a { color: #153c61; background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARbleu50.png); }

#barre ul.level2 { position: absolute; top: 18px; left: 0; padding: 0; display: none; font-weight: normal; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; z-index: 100; min-width: 100px; border-left: 1px solid white; border-right: 1px solid white; }

#barre ul.level3 { font-size: 12px; position: absolute; z-index: 300; top: -1px; padding: 0 0 0 20px; display: none; margin-left: -1px; font-weight: normal; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; left: 101px; min-width: 100px; border-left: 1px solid white; border-right: 1px solid white; border-top: 1px solid white; }

#barre ul.level1 li.level1:hover ul.level2 { background-color: #edf3fe; display:block; }

#barre ul.level2 li.level2:hover ul.level3 { background-color: #f6f9ff; background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARbleu50.png); display:block; }

#barre ul.level2:hover>a { background-color: #f6f9ff; display:block; }

#barre ul.auth {display:block;}
#barre ul.auth li {margin-left: 20px;}

/* PAge */

#page { background-color: #fff; width: 600px; float: left; border: solid 10px #fff; display: block; }
.page-in { background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARblanc50.png); display: block; width: 100%; float: right; }
.page-in:hover { display: block; width: 100%; float: right; }
.pub-250 { text-align: left; width: 250px; float: left; margin: 0 2px 2px 0; }

#conteneur #pub-120-gauche { float: left; font-size: 80%; width: 120px; margin-right: 5px; margin-left: 5px; display: block; }

#conteneur #pub-120-droite { font-size: 80%; width: 120px; float: right; margin-left: 5px; display: block; }
#conteneur #pub-250-droite { font-size: 80%; display: block; top: 0; width: 250px; float: left; margin-left: 5px; }
.contenu-bloc { font-size: 90%; background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARblanc50.png); margin-bottom: 6px; padding: 2px; width: 120px; border: solid 1px #3997d2; }

.contenu-bloc-4 { font-size: 90%; margin-bottom: 6px; padding: 3px 1px; border-top: 3px solid #edf3fe; border-right: 0 solid #edf3fe; border-left: 3px solid #edf3fe; border-bottom-width: 3px; }

.bloc-fond {
	float: left;
	margin-bottom: 1px;
	margin-left: 1px;
	min-height: 50px;
	padding: 1px;
	width: 113px;
}

.bloc-list { text-align: left; visibility: visible; clear: both; padding-right: 0; padding-bottom: 5px; padding-top: 5px; padding-left: 0; border-bottom: 5px solid #f6f6f6; }
.bloc-list-droite { text-align: left; visibility: visible; clear: both; padding-right: 0; padding-bottom: 10px; padding-left: 0; }
.bloc-quote {
	border-width: 0;
	color: #808080;
	font-size: 75%;
	margin-left: 10px;
	margin-right: 5px;
	min-height: 52px;
	padding: 1px;
	text-align: justify;
}

.bloc-quote:hover {
	border-width: 0;
	color: #FF0000;
	font-size: 75%;
	margin-left: 10px;
	margin-right: 5px;
	min-height: 52px;
	padding: 1px;
	text-align: justify;
}

.bloc-titre { border-width: 0; color: #153c61; font-size: 95%; font-variant: small-caps; font-weight: bold; background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARedf3fe75.png); background-repeat: repeat; text-align: center; width: 100%; }

.bloc-titre-4 {
	background-color: #8dcff8;
	border-width: 0;
	color: #153c61;
	font-size: 95%;
	font-variant: small-caps;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

.bloc-titre-menu {
	color:#153c61;
	font-variant: small-caps;
	font-weight: bolder;
	text-align: center;
	width:120px;
}

.bloc-texte-blanc { color: #ffffff; font-size: 75%; }
.bloc-texte-blanc a { color: #ffffff; }
.bloc-soustitre { color: #888; font-size: 80%; font-weight: bold; margin-bottom: 6px; margin-top: 6px; text-align: center; padding: 2px; }

.bloc-mot { font-size: 75%; font-weight: bold; text-align: left; text-indent: 10px; padding: 2px; }
.bloc-mot a:hover { color: #f00; text-align: left; text-indent: 10px; padding-bottom: 2px; }
.bloc-mot a:visited { font-style: italic; text-align: left; text-indent: 10px; padding-bottom: 2px; }
.bloc-photo { text-align: left; float: left; margin-right: 5px; margin-bottom: 1px; padding: 2px; }

.bloc-photo a 
{
	color: #fff;
	font-weight: bold;
	
}

.bloc-texte { color: #696969; font-size: 75%; text-align: left; padding: 2px; }
.bloc-texte-breve { color: #696969; font-size: 75%; text-align: left; margin-left: 38px; padding: 2px; }
.bloc-texte a { color: #153c61; font-weight: 500; }

.bloc-texte a:hover { color: #f00; }

.bloc-texte a:visited {
	color: #000;
}
.bloc-rub { color: #fff; text-align: left; padding: 0 10px; display: inline; }
.bloc-rub a { color: #fff; text-align: left; display: inline; }
.bloc-rub a:hover { color: #edf3fe; }
.bloc-texte-centre {
	font-size: 65%;
	text-align: center;
}


.bloc-date { color: #000000; font-size: 75%; display: inline; }
.bloc-comment {
	color: #696969;
	font-size: 65%;
	text-align: left;
}

.bloc-list-news { background-attachment: scroll; background-position: 0 0; background-repeat: repeat; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 2px; min-height: 50px; padding: 0; text-align: left; border-bottom: 1px dashed #3997d2; }

.bloc-list-news:hover {
	background-attachment: scroll;
	color: #FF0000;
	background-image: none;
	background-position: 0 0;
	background-repeat: repeat;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	min-height: 50px;
	padding: 0;
	text-align: left;
}

.bloc-list-news .bloc-list-news-titre {
	color: #0464a0;
	font-size: 75%;
	font-weight: bold;
}

.bloc-list-news .bloc-list-news-texte {
	color: #000;
	font-size: 70%;
}

/* Ici les styles pour les bloc-pub */

.bloc-pub-top { color:#153C61;
	font-variant: small-caps;
	font-weight: bolder; background-image: url(http://seasailsurf.fr/salon/squelettes/images/cote-fonds/08cote-top20.png); background-repeat: no-repeat; text-align: center; width: 120px; height: 20px; }
.bloc-pub { background-image: url(http://seasailsurf.fr/salon/squelettes/images/cote-fonds/08cote-fond10.png); background-repeat: repeat-y; width: 120px; }
.bloc-pub-bas { background-image: url(http://seasailsurf.fr/salon/squelettes/images/cote-fonds/08cote-bas10.png); background-repeat: no-repeat; width: 120px; height: 10px; }


/* Ici les styles pour les bloc-phot-une */

.bloc-photo-une { display: block; color: #edf3fe; font-weight: bold; text-align: left; }

.bloc-photo-une a 
{
	color: #fff;
	font-weight: bold;
	
}

.bloc-photo-une a:hover 
{
	color: #FF0000;
	font-weight: bold;
	text-decoration:underline;
}

.bloc-photo-image { color: #fff; font-weight: bold; clear: both; padding: 3px; }

.bloc-photo-comment {
	font-weight: bold;
	color: #fff;
	max-width: 598px;
	padding-top: 130px;
	z-index: 50;
	clear:both;
	padding-left: 10px;
}
.bloc-photo-comment2 { color: #fff; font-size: 80%; font-weight: bold; padding-top: 130px; padding-left: 10px; z-index: 50; max-width: 298px; clear: both; }
.bloc-photo-legende { color: #fff; background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARbleu75.png); background-repeat: repeat; position: absolute; width: 300px; z-index: 50; clear: both; }
.bloc-photo-legende-blanc { background-color: white; position: absolute; z-index: 50; width: 590px; clear: both; padding: 3px; }
.bloc-photo-legende-blanc-bas { color: #153c61; background-color: #fae; position: relative; top: -60px; z-index: 100; width: 595px; min-height: 80px; }
.bloc-photo-legende2 { color: #fff; background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARbleu75.png); background-repeat: repeat; position: absolute; z-index: 50; width: 298px; clear: both; }



/* Ici les styles pour les bloc-pa */

.bloc-pa { display: block; background-image: url(images/fond/FONDvertDEG3997d2.png); background-repeat: repeat-x; text-align: left; }