/* Fond de la page */
body {	background:url('http://www.sur-la-plage.com/images/bck_body.gif') repeat-x #F7F177; margin:0; padding:0; text-align:center; }
H1, H2, H3, H4, H5, H6, FORM {	margin:0px;	padding:0px; }

.fL {float: left; margin: 0 5px 0 0;}
.fR {float: right; margin: 0 0 0 5px;}
A {	text-decoration:none; }
A:hover {	text-decoration:underline; }
A:link {	text-decoration: none;}
A:visited {	text-decoration: none;	}
/* Pour supprimer l'affichage d'un cadre noir autour des images comportant un lien sous Firefox */
a img {	text-decoration: none;	border-style: none;}

.nusep { clear:both; margin:0; padding:0; line-height:0; height:0; }
.header { width:990px; height:146px; margin:0 auto; text-align:center; background:url('http://www.sur-la-plage.com/images/bck_header.jpg') no-repeat left top; clear:both; position:relative; z-index:12; overflow:visible;}
.header .top {	width:898px; height:121px; position:absolute; top:145px; left:75px; background:url('http://www.sur-la-plage.com/images/bck_sable.gif') no-repeat left top;}
.header .sable { position:absolute; top:145px; left:180px; }
.header .logo {	width:180px; height:180px; position:absolute; top:17px; left:10px; background:url('http://www.sur-la-plage.com/images/logo.png') no-repeat left top; z-index:12; cursor:pointer;}
.header .lunettes {	width:37px; height:24px; position:absolute; top:125px; left:200px; background:url('http://www.sur-la-plage.com/images/lunettes.png') no-repeat left top; z-index:10; cursor:pointer; }
.header .tongs {width:71px; height:56px; position:absolute; top:143px; left:140px; z-index:10; background:url('http://www.sur-la-plage.com/images/tongs.png') no-repeat left top;}
.header .bouteille {display:block; width:54px; height:58px; position:absolute; top:90px; left:745px; background:url('http://www.sur-la-plage.com/images/bouteille.png') no-repeat left top; cursor:pointer;}
.header .form_rech { width:180px; margin:20px 0 0 0;padding:0px; position:absolute; left:675px; top:140px; z-index:10;}
.header .form_rech INPUT{ border:0; background:#FFFCAA; }
.header .form_rech .input{ width:160px; height:19px; background:url('http://www.sur-la-plage.com/images/bckFORM.gif') no-repeat left top; font-size:11px; padding:3px 5px 0 10px; }
.header .form_rech .ok { display:block; background:url(http://www.sur-la-plage.com/images/bck_ok.gif) no-repeat right top; width:31px; height:29px; padding-bottom:3px; padding-right:3px; text-align:center; 
font-size:11px; color:#FFF; font-weight:bold; position:absolute; right:0; top:-2px; cursor: pointer;}

img, div { behavior: url('http://www.sur-la-plage.com/scripts/iepngfix.htc') }
 
/* Le bloc "page" qui englobe tout le site */
#mgs_page {}
.page { color: #555; margin:0; font-family:Arial, Helvetica, sans-serif; position:relative;}

/* Le bloc "tete" qui englobe tous les elements de l'en-tete du site */
#mgs_tete {}
.conteneur { width:990px; margin:0 auto 20px auto; padding:0px; position:relative; clear:both; text-align:center; }

/* Parametres des liens dans l'en-tete */
#mgs_tete A {}
#mgs_tete A:hover {}

/*----------- HOME PAGE juin 2010 -----------*/
.contenu p.bienvenue { margin-left:5px; margin-right:5px; }
/* photo du jour */
.photodujour { width:290px; background:#DAE9FC; position:relative; float:left; padding-top:3px; }
.photodujour .alpha { width:289px; height:17px; background:#FFF; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; position:absolute; top:3px; left:0; }
.photodujour .titre { font-size:12px; color:#DDD; font-weight:bold; position:absolute; top:3px; left:10px; z-index:2; }
.photodujour .corner { width:134px; height:51px; position:absolute; right:2px; _right:1px; bottom:0; background:url('http://www.sur-la-plage.com/images/corner_photo.png') no-repeat top right; }
.photodujour .corner A { display:block; position:absolute; left:63px; top:35px; font-size:11px; color:#623F1A; font-weight:bold; z-index:50; }
.photodujour  IMG { margin:0 0 3px 3px; }
/* video et webcam du jour */
.selection { margin-left:10px; float:right; width:160px; padding:1px; color:#666; background:url('images/bande_cine.gif') repeat-y left top; text-align: center;}
.selection h2 {font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #6699CC; margin: 0; padding:5px; font-weight: bold; letter-spacing: 1px;}
.selection h3 {font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #451e0f; margin: 0; padding:5px; font-weight: normal; text-align:justify; border-bottom: 1px dashed #CCC;}
.selection a {font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #451e0f; margin: 0 0 0 20px; padding:5px; font-weight: bold; font-style: normal; width: 110px; display: block; }
.selection img {border: 2px solid #EEE; margin: 5px;}
.selection img:hover {border: 2px solid #3399CC;}
/* citation */
.citation {background: #EEE;position:relative; float:left; width:290px; margin: 15px 0 0 0; padding:0 3px 3px 3px 3px;}
.citation h2 { height:27px; font-family: "Trebuchet MS",Arial,Sans-serif; font-size:0; text-indent:-5000px; color:transparent; margin:0; padding:0; font-weight: bold; letter-spacing: 1px; ; background:url('images/titre_ecrit.gif') no-repeat center top;}
.citation h3 {font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #451e0f; margin: 0; padding:5px 5px 0 5px; font-weight:normal; font-style:italic; text-align:justify; }
.citation h4 {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #666; margin: 0; padding:5px; font-weight: normal; font-style: italic; text-align: right; }

.actuHP {}
.actu {margin: 0 0 10px 0; padding: 0; border-bottom: 3px solid #EEE; height: 130px; text-align: justify;}
.actu img {float: left; margin: 0 5px 0 0; border: 2px solid #D8E8FC;}
.actu h3 { font-family: Arial, Helvetica, sans-serif; font-size:18px; color: #6699CC; margin: 0; padding:5px; font-weight: bold; letter-spacing: 1px; }
.actu a {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #555; text-decoration: none; }
.actu a:hover {color: #6699cc; }

.icone-journal { position:absolute; width:58px; height:51px; background:url('http://www.sur-la-plage.com/images/journalHP.gif') no-repeat; right:2px; top:-12px; z-index: 10; }


/* ancienne HP */
.HP {  border:1px solid #EBCE82; border-width:1px 1px 2px 1px; margin:0px 0 10px 0; }
.HP .titre_article {	padding:3px 0 3px 45px; font-size:14px;	font-weight:bold; color:#451E0F; text-align:left; background:url('http://www.sur-la-plage.com/images/bck_titrearticleHP.gif') repeat-x; margin-bottom:5px; }
.HP .titre_article A {	color:#451E0F; }
.HP .titre_article a:hover { color:#6699CC; }
.HP .content a {font-size:12px;	font-weight:normal; color:#333; margin:0; text-align:justify;}
.HP .content a:hover {text-decoration: none; color:#6699CC;}
.HP IMG {float:right; margin: 0 0 5px 5px; padding: 0; }


/* Parametres du champ de recherche header */
.form_rech a { border-style: none; }

#mgs_principal {}

/* Le bloc "corps" pour l'ensemble de la navigation et des contenus */
#mgs_corps { width:780px; background:url('http://www.sur-la-plage.com/images/bck_contenu.gif') repeat-x left bottom #FFF; border-right:3px solid #F1DCA5;  border-left:3px solid #F1DCA5;  border-bottom:1px solid #F1DCA5; margin-left:90px; text-align:left; }
/* Le bloc "principal" pour l'ensemble des contenus */
.contenu { width:465px; padding:70px 0 0 95px;	margin:0; float:left; position:relative; }

.ariane { position:relative; z-index:80; margin-bottom: 20px;}
.ariane A { font-size:10px; color:#6B4A27; text-decoration:underline; background:url('http://www.sur-la-plage.com/images/puce_orange.gif') no-repeat left 5px; padding:0 5px 0 8px; z-index:1000; }
.ariane SPAN.pagecourante { color:#451E0F; font-size:10px; font-weight:bold; z-index:1000; }

.contenu p { font-size:12px; color:#444; margin-bottom:10px; text-align:justify; font-family: Arial;}
.contenu a.link { text-decoration:none; color: #666; border-bottom: 1px dashed #666;}

/* boutique */
.boutiqueHP { width:460px;  background:#FFF; margin:10px 0 0 0;  }
.boutiqueHP H4 { border-top:2px dotted #F3E25A; border-bottom:2px dotted #F3E25A; font-size:14px; padding:5px 0 5px 0; margin:0 0 5px 0; font-weight:bold; color:#451E0F; }
.boutiqueHP IMG {  margin:0 10px 0 15px; }

/* pub */
.contenu .pubgoogle { margin:20px 0 0 0; }

/* resultats recherche */
.result {}
.fragment {}
.mgs_chemin { margin:25px 0 10px 0; clear:both; font-size:10px; border-top:1px solid #CCC; }
.mgs_chemin A {font-weight:bold; text-decoration:underline; font-size:10px; color:#451E0F; }


/* Titre des rubriques */
.info_rub {}
.info_rub h1 {font-family:"Trebuchet MS",Arial,Sans-serif; font-size:22px; color:#D2A850; font-weight:bold; margin:0px 0 20px 0px; padding:7px 0 0 20px; }
.info_rub p {font-family:"Trebuchet MS",Arial,Sans-serif; font-size: 15px; color: #D2A850; margin: 0 0 20px 0; text-align: left;}
.info_rub img {float: left; margin: 0 5px 0 0;}

/* ------- ARTICLES --------- */
.mgs_menu { width:435px; margin-bottom: 15px; padding: 5px; background:#F7EBCD; text-align:justify; }
A.suiteArt, SPAN.suiteArt { background:url(http://www.sur-la-plage.com/images/FL_suite.gif) no-repeat left 3px; padding-left:10px; font-size:12px;	font-weight:bold; color:#451E0F;} 
a.suiteArt:hover {text-decoration: underline;}
.articles { display:block; zoom:1; clear:both; position:relative; background:url('http://www.sur-la-plage.com/images/bck_articles.jpg') no-repeat left top #FFF; }
.fd_blue { background:url('http://www.sur-la-plage.com/images/bck_articles.jpg') no-repeat left top; padding-top:10px; }
.articles .journal { position:absolute; width:58px; height:51px; background:url('http://www.sur-la-plage.com/images/journalHP.gif') no-repeat; left:-10px; top:-10px; }

.articles .content { font-size:12px;	font-weight:normal; color:#333; margin:0 10px 0 50px; text-align:justify; }
.content A.suiteArt { display:block; margin:10px 0 10px 0; }
.article OBJECT { margin:0 0 0 10px; }

.article h1 { font-size:20px; font-weight:bold; color:#451E0F; text-align:left; margin: 0 0 10px 10px; }
.article .intertitre { font-size:16px;	font-weight:bold; color:#D09D4E; text-align:left; margin: 0 0 5px 0; padding: 0;}
.article h3 {  font-family: Arial; font-size:12px; color:#444; font-style:normal; margin:0 10px 0 10px; font-weight: bold; text-align: justify;}
.article h5 {  font-family: Arial; font-size:10px; color:#666; font-style:italic; margin:0 0 10px 0; text-align: right;}
.article .photo {float: left; margin: 0 5px 10px 5px; border: 1px solid #D09D4E;}
.articles IMG { margin:10px; }
.bas { zoom:1; height:30px; background:url('http://www.sur-la-plage.com/images/bas_articles.gif') repeat-x left top; padding:8px 0 0 0; margin: 0; text-align:center; }
.bas A { font-size:11px; font-weight:bold; color:#451E0F; margin:0 10px 0 0; }
.reagir { background:url('http://www.sur-la-plage.com/images/reagir.gif') no-repeat left top; padding-left:17px; border:0;}
.envoyer { background:url('http://www.sur-la-plage.com/images/envoyer.gif') no-repeat left top; padding-left:20px; border:0;}
.imprimer { background:url('http://www.sur-la-plage.com/images/imprimer.gif') no-repeat left top; padding-left:20px; border:0;}
.facebook { background:url('http://www.sur-la-plage.com/images/facebook.gif') no-repeat left top; padding-left:20px; border:0;}
.prob { background:url('http://www.sur-la-plage.com/images/probleme.gif') no-repeat left top; padding-left:20px; border:0;}



.boucle_rubriques { width:443px; border-bottom: 1px dashed #C4E9FF;}
.boucle_rubriques .mgs_logo { float:left;	padding:0px;	margin:0; }
.boucle_rubriques H3 { width:443px; height:21px; background:url('http://www.sur-la-plage.com/images/titre_rubrique.gif') no-repeat left top; padding:10px 0 0 0; margin:5px 0 5px 0; font-size: 11px; font-weight: normal;}
.boucle_rubriques H3 A { color:#451E0F; font-size:16px; font-weight:bold; padding:0 0 0 15px; }
.boucle_rubriques H3 a:hover { color:#0099FF; }
.boucle_rubriques H2 { padding:3px 0 3px 10px; margin: 10px 0 0 0; color:#451E0F; background:url('http://www.sur-la-plage.com/images/bck_titrearticleHP.gif') repeat-x; font-size:14px; width:443px; }
.boucle_rubriques H2 A { background:url('http://www.sur-la-plage.com/images/FL_suite.gif') no-repeat left 3px; padding-left:10px; color:#451E0F; text-decoration:none; font-size: 14px; }
.boucle_rubriques p { color:#333; }
.boucle_rubriques small { float:right; font-size:10px; margin:2px 10px 0 0; font-weight:normal; color:#444; }
.boucle_rubriques IMG { float:left; margin:0 10px 0 10px; border: 1px solid #DDD; }
.boucle_rubriques IMG:hover { border: 1px solid #3399CC; }
.boucle_rubriques SPAN.desc { width:340px; float:left; font-size:12px; color:#451E0F; text-align:justify; margin:10px 0 0 0; }
.boucle_rubriques A {font-size:12px; color:#451E0F; text-decoration: none; font-style: normal; }
.boucle_rubriques a:hover {color:#666;}
.boucle_rubriques A.suiteArt { margin:0 0 0 10px; padding-left:10px; }

/******************* BREVES ***********************/
.boucle_breves { width:443px;}
.boucle_breves H3{ border-bottom: 1px solid #EBCE82; background: none; padding:0px 0 0 10px; margin:0 0 0px 10px; color:#451E0F; font-size:12px; font-weight:normal; 
background:url('http://www.sur-la-plage.com/images/FL_suite.gif') no-repeat left 3px; padding-left:10px;}
.boucle_breves H3 A { color:#996633; font-size:15px; font-weight:normal; padding:0 0 0 15px; }
.boucle_breves H3 a:hover { text-decoration: underline; color: #663300; }
.laBreve H3 { width:443px; height:25px; border-bottom: 2px solid #EBCE82; background: none; padding:0; margin:0 25px 0px 5px; color:#451E0F; font-size:22px; font-weight:bold; }
.boucle_breves H4, .laBreve H4 { margin:0 0 0 20px; font-size:12px; font-style:italic; color:#666; font-weight:bold; padding: 3px 0 3px 0; text-align: right;}
.boucle_breves .date, .laBreve .date{ float:right; margin:0 0px 0 0; font-size:12px; font-style:italic; color:#666; font-weight:bold; }
.laBreve IMG { float:none; margin:0 0 8px 0; padding: 0;}
.laBreve p {line-height: 18px;}
.laBreve h5 {float: right; font-style: italic; font-size: 10px; color: #666; margin: 0 0 5px 0; padding: 0}

.menu_rub { width:176px; background:url('http://www.sur-la-plage.com/images/bck_menu_rub.jpg') no-repeat left top; margin:20px 0 10px 0; padding:0 0 10px 0;}
.menu_rub div { width:130px; margin:0 0 0 30px; padding-top:10px; }
.menu_rub div p { color:#444; font-size:11px; font-weight:bold; border-bottom:1px solid #CCC; padding-bottom:5px; }
.menu_rub div A.suiteArt { display:block; clear:both; margin-bottom:5px; font-weight:normal; padding-bottom:3px; border-bottom:1px dashed #CCC; }

p.spip { color:#333; margin:5px 0 10px 10px; position:relative; }
strong.spip { color:#333; font-size:12px; }
i.spip { font-size:12px; }
ul.spip { width:430px; list-style-type:square; font-size:12px; margin:0 0 0 0; color:#333; text-align:justify; }
li.spip { margin:0 0 5px 0; _margin:0 0 5px 25px; list-style-position:inside; }

H3.spip { color:#D4A054; font-size:16px; font-weight:bold;  margin:15px 0 0 10px; }
.spip_documents_left {	padding:0px;	margin:0 10px 0 0; }
.spip_documents_right {	padding:0px;	margin:0 0 0 10px; }
.spip_in { font-weight:bold; color:#451E0F; border-bottom:1px solid #CCC; background:url('http://www.sur-la-plage.com/images/spipin.gif') no-repeat right 4px; padding:0 10px 1px 0; border-bottom:1px dashed #CCC; }
.spip_out { font-weight:bold; color:#451E0F; background:url('http://www.sur-la-plage.com/images/spipout.gif') no-repeat right 4px; padding:0 10px 1px 0; border-bottom:1px dashed #CCC; }
SPAN.avoir { font-weight:bold; background:url('http://www.sur-la-plage.com/images/avoir.gif') no-repeat left top; padding:0 0 3px 20px; }

.pagination { width:443px; text-align:center; font-size:12px; margin: 10px 0 0 0; padding:5px 0 0 0; font-weight:normal; color:#666;}
.pagination a { color:#FF6600; font-size:12px; text-decoration:underline; font-weight:bold; padding: 3px;}
.pagination .pageactive {font-weight:normal; color:#FF6600; border: 1px solid #FF6600; padding: 3px;}

/*---------- COMMENTAIRES ------------*/
.avis {padding: 2px 5px 0px 5px; margin: 15px 0 15px 0; }
.avis h2 {font-family: "Trebuchet MS",Arial,Sans-serif; font-size: 20px; font-weight: bold; font-style: italic; color: #D09D4E; padding: 2px 0 2px 0; margin: 0 0 5px 0; border-bottom: 1px dashed #D09D4E;}
.avis .commentaire { padding: 5px; margin: 0 0 3px 0; background: #EEE;}
.avis p { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #444; margin: 0; padding:0 10px 0 0; text-align: justify; }
.avis textarea { font-size: 12px; color:#0833FF; border:1px solid #CCC; margin-bottom:5px; padding:5px; }


/* col droite */
.colR { width:200px; float:left; margin:70px 0 0 10px; z-index:10;}
.colR .pubgoogle { margin:20px 0 0 30px; }
.breves { width:200px; background:url('http://www.sur-la-plage.com/images/bck_breves.gif') no-repeat left bottom #F7EBCD; margin:0 0 10px 0; padding-bottom:30px; position:relative; }
.breves SPAN.date {  display:block; position:absolute; right:27px; top:11px; z-index:9; font-size:18px; font-weight:bold; text-align:center; margin-left:20px; }

.breves H6 { color:#451E0F; background:#EBCE82; padding:3px 0 3px 10px; font-size:12px; position:relative; }
.breves H6 SPAN { display:block; width:50px; height:48px; position:absolute; right:10px; top:-4px; background:url('http://www.sur-la-plage.com/images/ico_breves.gif') no-repeat left top; z-index:8; }
.breves DIV { margin:0 10px 0 15px; }
.breves SPAN.suiteArt { display:block; margin:10px 0 0 0; font-size:12px; width:120px; text-align:left; }
.breves DIV SPAN { display:block; text-align:justify; font-size:11px; color:#623F1A;}  
.breves A { color:#623F1A; }
.breves a:hover { text-decoration: underline; }
.breves A.plusbreves { display:block; position:absolute; font-size:11px; font-weight:bold; right:7px; bottom:5px; color:#990000; }

.colR #rechercher SELECT { border:0; font-size:11px; margin-left:10px; }
.colR #rechercher SELECT LABEL { margin-bottom:5px; display:block; }
.colR #rechercher #voyage_depart { border:0; font-size:11px; margin-left:20px; }

/* navigation gauche */
.conteneur .nav_G {	width:175px; margin:0px; position:absolute;	top:0; left:0; background:url('http://www.sur-la-plage.com/images/bck_navG.gif') no-repeat left top; z-index:10; padding-top:20px; text-align:left; overflow:visible; }
.fd_serviette { width:202px; height:280px; background:url('http://www.sur-la-plage.com/images/bck_menu.gif') no-repeat top left; margin:0 0 15px -20px; text-align: center; padding:30px 0 0 0;   }
.fd_serviette A {  width:100px; height:24px; display:block; background:url('http://www.sur-la-plage.com/images/shell.gif') no-repeat top left; padding:4px 0 0 15px; text-align:left; margin:0 0 0 50px; _margin:0; color:#451E0F; font-size:14px; font-weight:bold; }
.fd_serviette a:hover, .medias a:hover {text-decoration: underline;}
.nav_G .boutique { width:90px; height:96px; background:url('http://www.sur-la-plage.com/images/boutique.gif') no-repeat left top; margin:20px 0 30px 30px; }
.nav_G .boutique A { width:90px; height:96px; display:block; margin:20px 0 30px 30px;}
.pubgoogle { margin:10px 0 0 20px; }
.nav_G .sb {margin-left:15px;}
.medias { width: 140px; margin: 0 0 10px 10px; padding: 0 0 15px 0; border-top: 1px dashed #d2a850; border-left: 1px dashed #d2a850; background:url('/images/bck_media.gif') no-repeat -10px top;}
.medias h2 { font-family: "Trebuchet MS",Arial,Sans-serif; font-size:14px; color:#d2a850; margin: 0 0 10px 0; padding:5px; font-weight: bold; letter-spacing: 1px;}
.medias A.vid {  width:100px; height:32px; display:block; background:url('http://www.sur-la-plage.com/images/video.png') no-repeat top left; padding:7px 0 0 37px; text-align:left; margin:0 0 0 20px; _margin:0; color:#451E0F; font-size:14px; font-weight:bold; }
.medias A.cam {  width:100px; height:32px; display:block; background:url('http://www.sur-la-plage.com/images/webcam.png') no-repeat top left; padding:7px 0 0 37px; text-align:left; margin:0 0 0 20px; _margin:0; color:#451E0F; font-size:14px; font-weight:bold; }
.medias A.radio {  width:100px; height:32px; display:block; background:url('http://www.sur-la-plage.com/images/radio.png') no-repeat top left; padding:7px 0 0 37px; text-align:left; margin:0 0 0 20px; _margin:0; color:#451E0F; font-size:14px; font-weight:bold; }
.medias A.photos {  width:100px; height:32px; display:block; background:url('http://www.sur-la-plage.com/images/photos.png') no-repeat top left; padding:7px 0 0 37px; text-align:left; margin:0 0 0 20px; _margin:0; color:#451E0F; font-size:14px; font-weight:bold; }

/* Formatage general des menus de navigation */
.mgs_menu ul {  margin: 0px; padding: 0px; list-style: none; }
.mgs_menu li { 	list-style: none; margin-top: 2px; margin-bottom: 2px; }

/* Commentaires des articles et breves */
.commentaires { width:455px; margin-bottom: 15px; padding: 5px; background:#FFF; text-align:justify; }
.commentaires h1 { font-size: 20px; font-weight: bold; color: #99CCFF;}
.commentaires h2 { font-size: 12px; font-weight: normal; color: #666;}
.commentaires h3 { font-size: 10px; font-weight: normal; font-style: italic; color: #666;}
.commentaires p { font-size: 12px; font-weight: normal; color: #444; border: 1px solid #EEE; padding: 5px; background: #EEE;}

/* Page de liens */
.partner {margin: 0 0 10px 0; border-bottom: 1px solid #EEE; height: 80px;}
.partner p {font-family: Arial; color: #444; font-size: 11px;}
.partner img {float:left; margin-right:5px; border: 1px solid #CCC;}
.partner a { font-weight:bold; color:#451E0F; background:url('http://www.sur-la-plage.com/images/spipout.gif') no-repeat right 4px; padding:0 10px 1px 0; margin: 0 0 3px 0; border-bottom:1px dashed #CCC; font-size:12px; }

/* page de résultats de la recherche */
.boucle_recherche { width:443px; text-align:justify; }
.boucle_recherche H3 { width:443px; height:18px; background-color:#EEEEEE; padding:0px 0 0 0;margin:0 0 0px 0; }
.boucle_recherche H3 A { color:#451E0F; font-size:13px; font-weight:bold; padding:0 0 0 5px;}
.boucle_recherche IMG { float:left; margin:0 10px 0 10px; }
.boucle_recherche SPAN.desc { width:340px; float:left; font-size:12px; color:#451E0F; text-align:justify; }
.boucle_recherche A.suiteArt { background:url('http://www.sur-la-plage.com/images/FL_suite.gif') no-repeat left 3px; padding-left:10px; font-size:12px;	font-weight:normal; color:#451E0F;}

a.titre_art_result { font-size:14px; font-weight:bold; color:#451E0F; text-decoration: none;}
a.titre_art_result:hover { font-size:14px; font-weight:bold; color:#451E0F; text-decoration: underline;}
.texte_art_result { font-size:12px;	font-weight:normal; color:#333333; text-align:justify; text-decoration: none;}
.texte_breve_result { font-size:12px; font-weight:normal; color:#333333; text-align:justify; text-decoration: none;}

/* lien Sable Bleu */
a.sb {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #AAAAAA; text-decoration: none; font-weight: bold;}
a.sb:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #575498; font-weight: bold; text-decoration: none}

/**************** FORMULAIRES ******************************/
.formulaire {margin: 0 0 10px 40px; border: 1px dashed #CCC; padding: 10px;}
.formulaire LABEL { float: left; font-size: 12px; color: #444; text-align: justify; font-family: Arial; }
.formulaire p {}
.formulaire input { font-size: 12px; color: #0833FF; border:1px solid #CCC; padding:3px;}
.formulaire .submit { border:2px outset #CCC; color: #FFF; font-weight:bold; cursor:pointer; font-size: 13px; background-color:#3399CC;}
.formulaire .submit:hover {border:2px outset white; background-color:#FFCC33; color: #FFF;}
.formulaire select { font-size: 12px; color:#0833FF; padding:1px 0 1px 0; margin-bottom:5px; border:1px solid #CCC;}
.formulaire select option { padding:3px 0 3px 5px; border-bottom:1px solid #CCC;}
.formulaire textarea {  font-size: 12px; color:#0833FF; width:300px; border:1px solid #CCC; margin-bottom:5px; padding:5px; }
.formulaire .validation { margin:20px 0 10px 270px; clear:both; }
.codebox {border: 1px solid #EEE; width: 90px; height: 20px; font-size: 18px; font-weight: bold; color: #000; padding: 2px;}


/* Pieds de page */
.pied { height:32px; padding: 2px;	text-align: center;	margin-top:20px; color:#D4A054; background:url('http://www.sur-la-plage.com/images/bck_pied.gif') no-repeat center bottom; }
.pied A { 	font-size:11px; font-weight:bold; color:#6B4A27; }
.pied A:hover, .rapide .col a:hover { text-decoration: underline; }
.pied p { 	margin:0 0 3px 0; font-size:10px; color:#6B4A27; }

.rapide {background: #FFF; margin: 10px 0 0 90px; width: 780px; border: 2px solid #F1DCA5;}
.rapide h2 {font-family: Arial, Helvetica, sans-serif; font-size:16px; color: #FFCC66; margin: 0; padding:5px; font-weight: bold; font-style: italic; letter-spacing: 1px; text-align: left;}
.rapide .col {float: left; background: #EEE; padding: 5px; margin: 0 5px 5px 10px; text-align: left; width: 130px; }
.rapide .col h3 {font-size:11px; font-weight:bold; color:#6B4A27;}
.rapide .col a { font-size:11px; font-weight:normal; color:#6B4A27; display: block;}

.piedBis { width:790px; height:32px; padding: 2px; font-size:10px; font-weight:bold; text-align:center;	margin:0 auto 0 auto; color:#96912A; text-align:center; }
.piedBis A { font-family: verdana; font-size:9px; font-weight:normal; color:#96912A;	}
.piedBis A:HOVER  { color:#6B4A27;	}
.piedBis p { font-family: verdana; margin:0; font-size:9px; color:#96912A;	font-weight: normal;}

ul.plansite { color:#333; font-size:11px; }
ul.plansite ul { margin-bottom:15px;  }
ul.plansite li strong { font-size:12px; line-height:15px; }
ul.plansite li A { color:#451E0F; }