body { color: #000; font-family: Arial, Helvetica, sans-serif; background-color: #ffeecc; 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, .h1 { color: #153c61; font-size: 140%; font-weight: bolder; margin: 2px; padding: 3px; }

.surtitre, .h2 { color: #ffc067; font-variant: small-caps; font-weight: bold; text-align: center; margin: 5px 0; }
.soustitre, .h3 { color: #ffc067; 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-color: #ffc067; background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARblanc75.png); padding: 5px; text-align: justify; margin: 10px; }

.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: #ffc067; background-image: url(images/CARblanc50.png); text-align: center; }

/* Menu horizontal */

#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; }

#header { background-image: url(../images/top/1005top.jpg); background-repeat: no-repeat; text-align: left; width: 1000px; height: 140px; clear: both; margin-bottom: 20px; border-bottom: 0px 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; }

#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: #ffc067; background-image: url(images/CARblanc50.png); background-repeat: repeat; text-align: center; }
.menu .menu-liste { color: #153c61; text-align: left; }

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

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



/* 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 #ffc067; border-bottom: 3px solid #ffc067; border-left: 3px solid #ffc067; border-right-width: 0; }

.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: 10px; padding-left: 0; border-bottom: 10px 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-color: #ffc067; background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARblanc50.png); background-repeat: repeat; text-align: center; width: 100%; margin: 1px; }

.bloc-titre-4 {
	background-color: #8dcff8;
	border-width: 0;
	color: #153c61;
	font-size: 95%;
	font-variant: small-caps;
	font-weight: bold;
	text-align: right;
	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: #ffc067; 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: #ffc067; 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; background-color: #ffc067; 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: 600px; 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-phot-mag */

.bloc-photo-mag { display: block; color: #edf3fe; font-weight: bold; text-align: left; margin-bottom: 3px; }

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

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

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

.bloc-photo-comment-mag {
	font-weight: bold;
	color: #fff;
	max-width: 348px;
	position: absolute;
	z-index: 50;
	clear:both;
	padding-left: 10px;
}
.bloc-photo-legende-mag { color: #fff; font-size: 90%; background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARbleu75.png); background-repeat: repeat; position: absolute; width: 348px; z-index: 50; clear: both; }
.bloc-photo-legende-mag2 { color: #fff; font-size: 90%; background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARbleu50.png); background-repeat: repeat; position: absolute; width: 248px; z-index: 50; clear: both; }
.bloc-photo-legende-mag3 { color: #fff; font-size: 90%; background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARbleu50.png); background-repeat: repeat; position: absolute; width: 394px; z-index: 50; clear: both; }
.bloc-photo-legende-mag4 { color: #fff; font-size: 90%; background-image: url(http://seasailsurf.fr/salon/squelettes/images/CARbleu50.png); background-repeat: repeat; position: absolute; width: 300px; z-index: 50; clear: both; }

.extrait {
	border-color: #E8E8E8;
	border-style: groove;
	border-width: 1px;
	font-size: 85%;
	padding: 1em;
}


/* 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; }