/* couleurs
jaune : #ffeeb6
bleu : #008acb
*/

/* Font */
@import url('https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@400;500;600;700&display=swap');

/* structure */
body {	background:#ffeeb6; margin:0; padding:0; font-family: 'Hepta Slab', serif; }
.conteneur { width:100%; margin:0;  position:relative;}
.page { width:1140px; margin:50px auto 0 auto; padding:0; position:relative; clear:both; background:#FFF;}
.contenu { width:720px; padding:20px 10px 0 20px;	margin:0; float:left; position:relative; overflow:hidden; } /* section */
.contenu.large { float:none; width:80%; margin: 0 auto; padding:10px; }
.contenu.large.HP { width:90%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

H1, H2, H3, H4, H5, H6, FORM {	margin:0px;	padding:0px; }
H1, H2, H3, H4, H5, H6 {font-family: 'Hepta Slab', serif;}
H3 { font-size:22px; color:#444; line-height:22px; margin:20px; font-weight: normal;}
hr {height: 1px; padding: 0; margin: 20px 0 20px 0; color: #CCC; background: #DDD; border: 0;}

.fL {float: left; margin: 0 10px 0 0;}
.fR {float: right; margin: 0 0 0 10px;}
A {	text-decoration:none; }
A:hover {	text-decoration:underline; }
A:link {	text-decoration: none;}
A:visited {	text-decoration: none;	}
a img {	text-decoration: none;	border-style: none;}
.nusep { clear:both; margin:0; padding:0; line-height:0; height:0; }
.sep20 {clear:both; margin: 20px 0 20px 0;}


/********** HEADER **********/
@keyframes mov_ship{
	0%{
		right:0;
	}
	50%{
		right:1000px;
	}
	100%{
		right:1920px;
	}
}

@keyframes moveleft {
  from {background-position: 0 0;}
  to {background-position: -1920px 0;}
}

.header2018 { height:165px; position:relative; width: 100%; background: url(images/header/banner2.png) center no-repeat; }

.header2018 .contentHeader { width:1140px; margin:0 auto; padding:165px 0 0 0; position:relative; z-index:888; }
.header2018 .contentHeader .logo { width:232px; height:141px; display:block; background:url('/images/logo2018.png') no-repeat left top; position:absolute; top:15px; left:435px; 
z-index:999; cursor:pointer; display: inline-block; }
.header2018 .contentHeader .rechercher { width:380px; height:50px; position:absolute; top:65px; right:0; }
.header2018 .contentHeader .rechercher input[type="text"] {	width:280px; background:#edfbfe; color:#008acb; padding:10px; float:left; font-size:14px; position:relative; border:1px solid #3ba8ee; opacity:0.7; }
.header2018 .contentHeader .rechercher input[type="text"]:focus { border:1px solid #008acb; outline:none; }
.header2018 .contentHeader .rechercher input[type="submit"] {	width:50px; height:38px; text-align:center; color:#FFF; background:url('/images/sprite.png') no-repeat -75px 0 #008acb; font-size:0; text-indent:-5000px; float:left; padding:10px 0 10px 0; text-transform:uppercase; font-size:14px; border:0; cursor:pointer; }
 
 /* navigation */
.contentHeader .nav { background:#FFF; overflow:hidden; margin:0 auto; padding:20px 0; text-align:center; }
.contentHeader .nav A { position:relative; display:inline; text-align:center; margin:0 30px 0 0; color:#008acb; font-size:15px; text-transform:uppercase; border-bottom:2px solid #ffeeb6; font-family: 'Hepta Slab', serif; font-weight:500; padding:3px; margin:0 15px; }
.contentHeader .nav A:HOVER { background:#008acb; color:#FFF; border-bottom:0; border-radius:3px; }
.contentHeader .nav A.on { background:#F5C32A; color:#FFF; border-bottom:0; border-radius:3px; }
.navmobile { display:none; }
.contentHeader .responsive_icon, .nav .iconX { display:none; }

#decalFixedHeader { height:150px; }

/* header small */
.small {position:fixed; z-index:300; box-shadow: 0 0 5px 0 #BBBBBB; width:100%; height:90px; background: #FFF; top:-90px; transition:transform 0.5s; transform:translateY(100%); }
.small .contentHeader {padding:20px 0 0 0; width:100%; }
.small .header2018 .mer, .small .deco { display:none; }
.small .contentHeader .logo {height:80px; width:132px; top:5px;left:20px; background:url('/images/logo_small.png') no-repeat left center;}
.small .contentHeader .nav { margin: 10px auto; padding:0 0 10px 0; background:none; }
.small .contentHeader .nav A { font-size:13px; margin:0 10px; font-weight:400; }
.small .contentHeader .rechercher { width:230px; top:20px; right:0; }
.small .contentHeader .rechercher input[type="text"] {width:150px; background:#FFF; }

/*----------- HOME PAGE -----------*/
.firstactu { width:800px; height:457px; margin:20px auto 40px auto; position:relative; overflow:hidden; border:4px solid #cfdbe2; }
.firstactu IMG { width:800px; position:absolute; top:0; left:0; -moz-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1Ss ease-out;  }
.firstactu A:HOVER IMG{ transform: scale(1.1); }
.firstactu A:HOVER .oeil { opacity:1; filter:alpha(opacity=100); }
.firstactu H3.FondTitre { width:680px; background:#EEE;transition: all 1Ss ease-out; border-radius:5px; position:absolute;
bottom:10px; left:25px; z-index:1; opacity:0.9; text-align:center; padding:15px; color:#008acb; font-size:20px; line-height:30px; font-weight:normal; text-shadow:2px 2px #FFFFFF; }
.firstactu A:HOVER .FondTitre { opacity:1; filter:alpha(opacity=100); }

/* dernieres actus */
.lastactu { width:490px; height:370px; float:left; margin: 0 10px 20px 10px; overflow:hidden; text-align:center; }
.lastactu A { text-decoration:none; }
.lastactu A SPAN {width:390px; color:#008acb; font-size:18px; line-height:24px; text-align:center; margin:5px auto; padding:0; display:block; }
.lastactu IMG { width:490px; height: 280px; margin:0 0 5px 0; border-bottom:4px solid #cfdbe2; }
.lastactu.article { height:430px;}
.lastactu.article IMG { height:250px;}
.lastactu A:HOVER SPAN, .saison A:HOVER SPAN { color:#FFF; background:#008acb; }
.lastactu P { text-align:justify; margin:0 10px; padding:0 10px;}

/* derniers articles */
.last { width:100%; overflow:hidden; margin:10px 0 20px 0; padding:0 0 20px 10px; border-bottom:1px dotted #cfdbe2; }
.last IMG {width:500px; float:left; margin-right:10px;}
.last A SPAN { color:#008acb; font-size:18px; margin:0; padding:5px; font-weight:normal; display:block; }
.last A SPAN.rub {color:#888; font-size:14px; padding-top:10px; margin-bottom:20px; font-style:italic; display:block; }
.lastactu P, .last P {color:#666; font-size:14px; line-height:20px; margin:8px 0 0 0; font-family: 'Hepta Slab', serif;  }
.last A:HOVER SPAN { text-decoration:underline;}
.last A:HOVER SPAN.rub { text-decoration:none;}

/* dernieres videos */
.lastvid {margin: 30px 0 50px 0; padding:15px 0; background:#EEE; overflow:hidden; border-radius:10px;}
.lastvid .each {float: left; width: 200px; text-align:center; margin: 5px 15px; padding: 10px;  }
.lastvid .each.quadri { width:17%; margin:5px 5px; }
.lastvid .each IMG {border: 3px solid #FFF; width:200px;}
.lastvid .each.quadri IMG {width:100px;}
.lastvid .each IMG:hover, .selectioncam IMG:HOVER {border: 3px solid #008acb;}
.lastvid .each A { font-size:15px; color: #008acb;}

/* selection webcams */
.selectioncam {background:#EEE; float:left; width:210px; height:150px; text-align:center; margin:0 0 20px 15px; padding:10px 0 0 0;}
.selectioncam IMG { border:3px solid #FFF; }
.selectioncam A SPAN { color:#008acb; font-size:16px; margin:5px 0 0 0; font-weight:normal; display:block; }

/* bloc citation */
.citation { background:#EEE; clear:both; margin:20px 20px 30px 20px; padding:10px; border-radius:10px;}
.citation h2, .newsletter H5 { font-size:14px; color: #008acb; text-align:center; font-weight:normal; }
.citation p { font-size:16px; line-height:24px; color: #666; margin: 0; padding:5px 5px 0 5px; font-weight:normal; font-style:italic; text-align:justify; }
.citation h4 {font-size:14px; color: #777; margin: 0; padding:5px; font-weight: normal; font-style: normal; text-align: right; }

/* bloc newsletter */
.newsletter {margin:40px 0; padding:10px; text-align:center; background:#008acb; border-radius:5px;}
.newsletter H5 { margin-bottom:5px; color:#FFF;}
.newsletter .ok {color: #FFF; font-weight:bold; cursor:pointer; font-size: 16px; background:#008acb; padding:6px; margin: 0; border:none;}
.newsletter .champ { font-size: 16px; color: #666; border:1px solid #CCC; padding:5px; margin: 0; width:350px; }

.fl2 { float:left; margin: 0 10px 0 0; }
H3.HP, .lastvid H3 { font-weight:normal; color:#555; border-bottom: 1px dotted #999; padding: 0 0 10px 0; margin: 10px 10px 20px 10px; text-align:center; }

/*---------- INDEX RUBRIQUES ----------*/
/* Titre des rubriques */
.info_rub {margin:10px 0 20px 10px; text-align: left; font-family: 'Hepta Slab', serif;}
.info_rub h1 { font-size:30px; color:#008acb; font-weight:normal; margin:0 0 15px 0; padding:0 0 5px 50px;  }
.info_rub p { font-size: 16px; color:#555; line-height:22px;}
.info_rub img {float: left; margin: 0;}

.boucle_rubriques { overflow:hidden; padding:15px; margin:0 0 15px 0; border-radius:5px; background:#cfdbe2; background: linear-gradient(to bottom,  #EEE,  #FFF); }
.boucle_rubriques .mgs_logo { float:left;	padding:0px;	margin:0; }
.boucle_rubriques A { color:#008acb; font-size:21px; line-height:32px; margin:5px 0 3px 0; padding:3px 0 0 0; font-family: 'Hepta Slab', serif; }
.boucle_rubriques A:hover { text-decoration:underline; }
.boucle_rubriques H2 { padding:3px 0 3px 10px; margin:10px 0 10px 0; color:#008acb; background:url('https://www.sur-la-plage.com/images/bck_titrearticleHP.gif') repeat-x; font-size:14px; }
.boucle_rubriques H2 A { background:url('https://www.sur-la-plage.com/images/FL_suite.gif') no-repeat left 3px; padding-left:10px; color:#008acb; text-decoration:none; font-size: 18px; }
.boucle_rubriques span.intro { font-family: 'Hepta Slab', serif; font-size: 15px; line-height:22px; text-align:justify; color:#444; margin:10px 0 0 0; display:block;}
.boucle_rubriques span.pubdate { font-size: 12px; color:#666; display: block; margin: 10px 0; }
.boucle_rubriques small { float:right; font-size:10px; margin:2px 10px 0 0; font-weight:normal; color:#444; }
.boucle_rubriques IMG { float:left; width:250px; margin:0 10px 0 10px; padding:5px; border: 1px solid #DDD; background:#FFF; border-radius:3px;  }
.boucle_rubriques.mini IMG {width:100px;  }
.boucle_rubriques IMG A {background: none;}
.boucle_rubriques IMG:hover { border: 1px solid #008acb; }
.boucle_rubriques SPAN.desc { font-size:12px; color:#008acb; text-align:justify; margin:5px 0 0 0; }
/*.boucle_rubriques A { font-size:14px; color:#008acb; text-decoration:none; font-style:normal; line-height:22px; }
.boucle_rubriques a:hover {color:#666;}*/
.boucle_rubriques A.suiteArt { margin:0 0 0 10px; padding-left:10px; font-family:Arial; font-size:10px; }

.article_mosaique { width:280px; height:100%; text-align:center; float:left; margin:0 0 20px 10px; padding:5px; border:1px solid #CCC; overflow:hidden; background:#F8EE9B; background: linear-gradient(to bottom,  #EEE,  #FFFFFF); }
.article_mosaique.cam { width:400px; margin-right:25px; }
.article_mosaique A {font-family: 'Hepta Slab', serif; margin:15px 0 5px 0; padding:10px 0 10px 0; color:#008acb; text-decoration:none; font-size: 22px; background: none;}
.article_mosaique A:HOVER { text-decoration:underline;}
.article_mosaique IMG { float:left; margin:0 10px 0 10px; padding:3px; border: 1px solid #CCC; }
.article_mosaique P { margin: 10px 0 0 0; font-size:13px;}

.player {width:900px; margin: 10px auto 10px auto; padding: 0; text-align:center; }
.contenu a.link { text-decoration:none; color: #666; border-bottom: 1px dotted #666;}

/* ------- ARTICLES --------- */
/* fil d'ariane */
.ariane { position:relative; margin: 30px 0; font-size:13px; color:#444;}
.ariane A { font-size:13px; color:#444; text-decoration:none; margin-right:10px; }
.ariane A:hover { text-decoration:underline;}
.ariane SPAN.pagecourante { color:#777; font-size:13px; font-weight:normal; margin-right:10px;}
.ariane A::before, .ariane SPAN.pagecourante::before { content:"\25A0"; padding:0 5px 0 0; color:#ffeeb6; font-size:18px; }

.mgs_menu { width:435px; margin-bottom: 15px; padding: 5px; background:#F7EBCD; text-align:justify; }
A.suiteArt, SPAN.suiteArt { font-family: 'Hepta Slab', serif; background:url("https://www.sur-la-plage.com/images/FL_suite.gif") no-repeat left 3px; padding-left:10px; font-size:14px;	font-weight:bold; color:#008acb;}
a.suiteArt:hover, .meme_theme A:HOVER {text-decoration: underline;}

.articles { display:block; zoom:1; clear:both; position:relative; background:url('https://www.sur-la-plage.com/images/bck_articles.jpg') no-repeat left top #FFF; }
.articles .journal { position:absolute; width:58px; height:51px; background:url('https://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; }

H1, article H1 { font-size:32px; line-height:42px; color:#333; font-weight:600; border-bottom: 2px solid #ffeeb6; text-align:center; margin: 10px auto 40px auto; padding:0 0 10px 0; width:650px; }
H2, article .intertitre, article H2 { font-size:24px;	font-weight:normal; color:#008acb; text-align:left; margin: 0 0 15px 10px; padding: 0; display: block;}
article H3 { font-size:18px; color:#333; font-style:normal; line-height:24px; margin:0 0 10px 10px; font-weight: 500; text-align: justify; font-family: 'Hepta Slab', serif;}
.chapo { font-size:16px; color:#000; font-style:normal; line-height:24px; margin:0 0 15px 0; font-weight: 500; text-align: justify; font-family: 'Hepta Slab', serif;}
.chapo.index { text-align:center; width:700px; margin:10px auto 30px auto;}
span.pagetop { display:block; text-align:center; margin:20px 0; color:#888;}
article H4 { margin:0 0 5px 25px; padding: 0; font-size:15px; font-style:italic; color:#666; font-weight:normal; text-align: left;} /* date des breves */
article P, P.infos { font-size:15px; color:#000; margin: 10px 10px 0 10px; line-height:26px; font-family: 'Hepta Slab', serif; text-align:justify;}
article P.lettrine:first-letter { font-size: 85px; color:#008acb; float: left; line-height: 0.8;padding: 6px 6px 0 0; }
article P b { font-weight:600;}
article P IMG {margin:10px auto -10px auto; display:block;}
.vignetteShadow { border:1px solid #EDEDED; padding:15px; box-shadow:0 3px 5px rgba(0, 0, 0, 0.35); }
article UL { margin:0 10px 0 30px; padding:0; list-style: none; line-height: 10px;}
article UL LI { font-size:15px; color:#000; text-align:justify; line-height:26px; margin:0; padding:0; }
article li::before {content: "\25CF"; color: #008acb; font-size:18px; padding-right:8px; }
P.infos { font-size:14px; margin:20px 10px; clear:both;}
article IFRAME { text-align: center; margin:10px 0 0 0; width:900px; height:500px; }
article .photo { margin:30px auto 50px auto; text-align: center; position:relative;}
article .photo.xl {}
article .photo span.copyright {  font-family: Arial; font-size:12px; color:#777; font-style:italic; margin:15px 100px 0 0; display:block; text-align:right; } /* copyright de la photo */
article .photo span.copyright A {  font-family: Arial; font-size:12px; color:#777; font-style:italic; border-bottom: 1px dotted #CCC; }
article .picture { margin:10px 0 0 0; width: 690px; text-align: center;}
articles IMG { margin:10px; }
.contenu p A, article P A, article UL LI A { text-decoration:none; color:#008acb; border-bottom: 1px dotted #008acb; }
SPAN.credits { font-size:11px; margin:0 100px -10px 0; padding:0; font-weight:normal; font-style:italic; color:#666; text-align:right; display:block; }
SPAN.credits.legende { margin: -5px 95px -15px 0; font-size:12px; color:#444;}
SPAN.brouillon { text-align:center; display:block; margin: 5px 0 25px 0; padding:8px; background:#F00; color:#FFF; text-transform:uppercase; font-size:18px; }

.webcam {text-align:center; margin: 20px 0 20px 10px;}
.webcam IMG {width:680px; border:1px solid #EDEDED; padding:5px; box-shadow:0 3px 3px rgba(0, 0, 0, 0.35); }
p.info {font-size:12px; margin:10px 0 0 0; font-weight:normal; color:#555; line-height:18px;}
A.link2site {width:150px; text-align:center; margin:10px auto 20px auto; padding:5px; background:#666; color:#FFF; display:block; border-radius:5px;}
A.link2site::before {content:'\25B6'; padding-right:5px;}

/* bloc redaction */
.redac {margin: 30px 10px; padding:10px; border: 1px solid #ffeeb6; overflow:hidden;}
.redac .redacteur { width:45%; float:left; display:inline;}
.redac .redacteur IMG {float:left; margin-right: 20px; width:60px; border-radius:100%;}
.redac .redacteur H6 {margin:5px 0 0 0; color:#333; font-weight:500; font-size:15px; font-family: 'Hepta Slab', serif;}
.redac .redacteur H6 SPAN {color:#666; display:block; font-weight:normal; margin:5px 0 0 0; font-size:14px; font-family: 'Hepta Slab', serif;}
.redac .share { width:30%; display:inline; float:right; padding-top:15px; }
.redac .share .sharethis-inline-share-buttons { float:left;}
 
/* remontee meme theme */
.reco { padding:10px; margin: 20px 0; overflow:hidden; }
.reco H3 { color:#008acb; font-size:24px; font-weight:normal; padding-bottom:10px; margin: 0 0 10px 0; font-family: 'Hepta Slab', serif; border-bottom: 2px solid #ffeeb6; }
.reco .each {float:left; width:430px; height:310px; margin:10px 5px 0 5px; padding:0; overflow:hidden; text-align:center; }
.reco .each IMG {width:400px; height:215px; margin:0; padding:3px; border: 1px solid #DDD; background:#FFF; border-radius:3px;}
.reco .each.vid {width:210px; height:240px; }
.reco .each.vid IMG {width:150px; height:150px; }
.reco .each A { font-family: 'Hepta Slab', serif; font-size:18px; font-weight:normal; color:#008acb; display:block;}
.reco .each A SPAN { display:block; text-align:center; padding:5px 20px;}
.reco .each P { margin:5px 0 0 0; }

/**** outils de partage ****/
.outils { text-align:left; margin:30px 0 10px 0; padding:20px 0 10px 20px; overflow:hidden; background:#cfdbe2; background: linear-gradient(to bottom,  #FFFFFF,  #cfdbe2); }
.outils A, .outils SPAN { width:32px; height:32px; float:left; display:block; margin:0 15px 0 0; }
A.reagir { width: 32px; height: 32px; background:url("https://www.sur-la-plage.com/images/commenter.png") no-repeat left center; float:left; display:inline; margin: 0 10px 0 0;}
A.prob { width: 32px; height: 32px; background:url("https://www.sur-la-plage.com/images/signaler.png") no-repeat left center; float:left; display:inline; }
.outils FORM { width:320px; float:right; overflow:hidden; margin:-10px 20px 0 0; }
.outils FORM SPAN { width:auto; height:20px; margin:0; font-size:14px; font-family:'Museo700'; float:none; color:#008acb; text-align:left; display:block; font-weight:bold; }
.outils FORM .champs { float:left; width:260px; background:#FFF; color:#444; text-align:left; margin:0; padding:5px; border:1px solid #008acb; }
.outils FORM .ok { border:0; background:#008acb; color:#FFF; text-align:center; padding:6px; cursor:pointer; font-size:13px; font-weight:bold; }

.imprimer { background:url('https://www.sur-la-plage.com/images/imprimer.gif') no-repeat left top; padding-left:20px; border:0;}

/*---------- VIDEOS ----------*/
.top {margin: 15px 0 0 0;}
.top H2 {color: #79B4E5; border-bottom: 1px solid #79B4E5; }
.top .each {float: left; width: 140px; text-align:center; margin: 5px 10px 5px 5px; padding: 10px; background:#cfdbe2;background: linear-gradient(to bottom,  #cfdbe2,  #FFFFFF); border-radius:5px; }
.top .each IMG {border: 1px solid #FFF;}
.top .each IMG:hover {border: 1px solid #3399CC;}
.top .each A { font-size:12px; color: #555;}

.next {text-align:center; margin:20px;}
.next A {background: #008acb; color: #FFF; border-radius:5px; padding:5px;}
.next A:HOVER {color:#FFFF00;}

/*---------- BREVES ----------*/
.boucle_breves {}
.boucle_breves H3{ border-bottom: 1px solid #EBCE82; background: none; padding:0 0 5px 10px; margin:0 0 0 10px; color:#008acb; font-size:12px; font-weight:normal;
background:url('https://www.sur-la-plage.com/images/FL_suite.gif') no-repeat left 3px; }
.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 H1 { width:443px; height:25px; border-bottom: 2px solid #EBCE82; background: none; padding:0; margin:0 25px 0px 5px; color:#008acb; 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 h5 {float: right; font-style: italic; font-size: 10px; color: #666; margin: 0 0 5px 0; padding: 0}

SPAN.avoir { font-weight:bold; background:url('https://www.sur-la-plage.com/images/avoir.gif') no-repeat left top; padding:0 0 3px 20px; }

.pagination { text-align:center; font-size:16px; margin:20px 0 20px 0; padding:5px 0 5px 0; overflow:hidden; }
.pagination A { color:#FF6600; font-size:16px; text-decoration:none; font-weight:normal; padding: 3px 8px; margin: 3px 5px; border:1px solid #EFEFEF;}
.pagination A:HOVER { background: #EFEFEF;}
.pagination SPAN.pageactive { font-weight:normal; color:#FFF; padding: 3px 8px; margin: 3px 5px; background:#FF6600;  border:1px solid #EFEFEF;}
span.pagitop { display:block; text-align:center; margin:20px 0; font-size:16px; color:#FF6600; }

.lastpub {padding: 10px; overflow:hidden; background:#cfdbe2; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfdbe2', endColorstr='#FFFFFF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#cfdbe2), to(#FFFFFF)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #cfdbe2,  #FFFFFF); -moz-border-radius:5px; -webkit-border-radius:5px;	border-radius:5px;}
.lastpub IMG {width: 100px; margin-right: 10px; float: left;}
.lastpub A {font-family: 'Hepta Slab', serif; font-size: 18px; color: #008acb; font-weight: bold;}
.lastpub A:hover { text-decoration:underline; }
.lastpub P { font-size: 13px; margin: 5px 0 0 0; }

/*---------- COMMENTAIRES ------------*/
.avis {padding: 2px 5px 10px 5px; margin: 20px 0; }
.avis h2 { font-family: 'Hepta Slab', serif; font-size: 24px; font-weight: normal; font-style: normal; color: #666; padding: 5px 0; margin: 0 0 10px 0; border-bottom: 2px solid #ffeeb6; }
.avis h3 { font-family: 'Hepta Slab', serif; font-size: 19px; font-weight: normal; font-style: italic; color: #666; padding: 0; margin: 5px 0 5px 0;}
.avis .commentaire { padding: 10px; margin: 10px 0; background: linear-gradient(to bottom, #EEE, #FFF); border-bottom: 1px dotted #CCC;}
.avis p { font-family: 'Hepta Slab', serif; font-size:14px; color: #444; margin: 0; padding:0 10px 0 0; text-align: justify; line-height: 22px; }
.avis H4 {color: #008acb; font-weight: bold; font-size: 17px;  font-family: 'Hepta Slab', serif; }
.avis H5 { font-family: 'Hepta Slab', serif; font-size:13px; color: #888; margin: 0; padding:5px 0 5px 0; font-weight:normal; }
.reponsecom {font-family: 'Hepta Slab', serif; font-size:14px; color: #CC6600; line-height: 22px; margin: 5px 0 0 20px; padding-left:3px; border-left: 3px solid #CCC; display:block;}
.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;}
A.sendcom { display:block; text-align:center; margin:20px auto; padding:5px 10px; width:270px; border-radius:5px; background:#008acb; color:#FFF; cursor:pointer; }
A.sendcom:hover { background:#777; }

/*---------- DIAPORAMA ----------*/
.diapo { background:#EFEFEF; text-align:center; padding:15px 15px 0 0; margin:20px; border-radius:5px; position:relative; overflow:hidden; }
.diapo IMG { box-shadow:0 0 6px #BBBBBB; border:5px solid #FFF; margin-bottom:20px; }
.diapo H2 { text-align:center; }
.diapo H5 { text-align:right; font-weight:normal; font-style:italic; }
.diapo P { margin:10px 0 15px 0; padding:0 40px 0 40px; text-align:center; display:block; }
.diapo SPAN {font-style:italic; color:#888; text-align:right; padding:0 5px 10px 0; display:block; font-size:12px;}

/*---------- COLONNE DROITE ----------*/
.colR { width:300px; float:right; margin:5px 30px 0 0; padding: 5px; z-index:10;}
.breves { width:200px; background:url('https://www.sur-la-plage.com/images/bck_breves.gif') no-repeat left bottom #F7EBCD; margin:0 0 15px 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; }
.medias { width:295px; margin:20px 0 20px 0; padding:10px 0 0 5px; overflow:hidden; background: linear-gradient(#cfdbe2,  #FFFFFF); border-radius:5px; }
.medias h2 {  font-family: 'Hepta Slab', serif; font-size:14px; color:#d2a850; margin: 0 0 10px 0; padding:5px; font-weight: bold; letter-spacing: 1px;}
.medias A { width:95px; height:32px; display:block; margin: 0 0 0 10px; color:#333; font-size:15px; font-weight:normal; float:left; }
.communaute A { width:220px; height:32px; display:inline; margin: 0 0 0 10px; color:#333; font-size:14px; font-weight:normal; float:left; }
.contenu .colR .medias A.suiteArt { font-size:14px; }
.medias A.vid { background:url('https://www.sur-la-plage.com/images/video.png') no-repeat top left; padding:7px 0 0 35px; }
.medias A.cam {background:url('https://www.sur-la-plage.com/images/webcam.png') no-repeat top left; padding:7px 0 0 35px; }
.medias A.radio { background:url('https://www.sur-la-plage.com/images/radio.png') no-repeat 5px top; padding:7px 0 0 35px; }
.medias A.photos {  background:url('https://www.sur-la-plage.com/images/photos.png') no-repeat top left; padding:7px 0 0 35px; }
.medias A.diaporama { background:url('https://www.sur-la-plage.com/images/diaporama.png') no-repeat 5px top; padding:7px 0 0 40px; }

.menu_rub { width:300px; margin:20px 0 15px 0; padding: 0; background: linear-gradient(#cfdbe2, #FFFFFF); border-radius:5px; }
/*.menu_rub { width:300px; background:url('https://www.sur-la-plage.com/images/bck_menu_rub2.jpg') no-repeat left top; margin:20px 10px 0 10px; padding: 0;}*/
.menu_rub .links, .menu_rub .communaute { width:250px; margin:0 0 0 30px; padding-top:10px; overflow:hidden; }
.menu_rub div H3 { font-family: 'Hepta Slab', serif; color:#444; font-size:20px; font-weight:normal; border-bottom:1px solid #CCC; padding:5px 0 5px 0; margin: 0 0 10px 0; }
.menu_rub div A.suiteArt { display:block; clear:both; margin-bottom:5px; font-weight:normal; padding-bottom:3px; border-bottom:1px dotted #CCC; }
.menu_rub .links .each { border-bottom:1px dashed #CCC; overflow:hidden; margin: 5px 0 10px 0; padding: 0 0 5px 0;}
.menu_rub .links .each IMG { width:70px; margin:0 10px 0 0; float: left;}
.menu_rub .links .each IMG.news { width:250px; margin:0 0 5px 0; float: none; display:block;}
.menu_rub .links .each A { color: #008acb; font-size:17px; font-weight:normal;}
.menu_rub .links .each A:HOVER { text-decoration:underline;}

/* boite pour nous suivre */
.communaute { position:relative; }
.communaute A { float:left; margin:0 20px 10px 25px; padding:0; overflow:hidden; width:35px;}
.communaute A.facebook { background:url('https://www.sur-la-plage.com/images/facebook.png') no-repeat top left; }
.communaute A.news { background:url('https://www.sur-la-plage.com/images/news.png') no-repeat top left; }
.communaute A.rss {background:url('https://www.sur-la-plage.com/images/rss.png') no-repeat top left; }
.communaute A.favoris {background:url('https://www.sur-la-plage.com/images/favoris.png') no-repeat top left; }
.communaute .iframeFacebook { width:110px; height:21px; overflow:hidden; overflow:hidden; position:absolute!important; right:15px; top:60px; }
.communaute .twitter-follow-button { position:absolute!important; right:62px; top:110px; }

/* pub */
.leaderboard { width:100%; height:90px; position:relative; margin:30px 0 0 0; padding:10px 0 0 0; z-index:50; text-align:center; background:#FFF; }
.pave300, .pave300small, .pave300mt { margin:20px 0 20px 0; text-align:center; }
.pavepub {margin:20px 0 10px 0; text-align:center;}
.pubvideo {text-align:center; margin: 20px 0 20px 100px;}
.pubmobile {display:none;}

/* boite facebook */
.facebook_box {background: #FFF; overflow:hidden; width: 300px; height: 232px; border:1px solid #d2a850; margin-top: 20px;}

.breves H6 { color:#008acb; 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('https://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; }

/* Page de liens */
.partner {margin: 0 0 10px 20px; border-bottom: 1px solid #EEE; height: 80px;}
.partner p {font-family: Arial; color: #444; font-size: 14px;}
.partner img {float:left; margin-right:10px; border: 1px solid #CCC;}
.partner a { font-weight:bold; color:#008acb; background:url('https://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 dotted #CCC; font-size:15px; }

/* Resultats de la recherche */
UL.recherche {margin:0; padding:0; list-style:none;}
.recherche LI { overflow:hidden; padding:0 0 10px 0; margin:0 0 15px 0; background:#FFF; border-bottom:1px dashed #CCC; }
.recherche A { color:#008acb; font-size:22px; margin:5px 0 3px 0; padding:3px 0 0 0; font-family: 'Hepta Slab', serif; }
.recherche A:hover { color:#FFF; background:#008acb; }
.recherche IMG { float:left; margin:0 10px 0 10px; padding:5px; border: 1px solid #DDD; background:#FFF; border-radius:3px;  }
.recherche IMG:hover { border: 1px solid #008acb; }
.recherche SPAN { font-size:14px; color:#555; text-align:justify; margin:10px 0 0 0; display:block; }


/**************** FORMULAIRES ******************************/
.formulaire {margin: 20px 10px 20px 10px; border: 1px dotted #CCC; padding: 15px;}
.formulaire LABEL { float: left; font-size: 14px; color: #444; text-align: justify; font-family: Arial; }
.formulaire p {}
.formulaire input { font-size: 14px; color: #0833FF; border:1px solid #CCC; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px;	border-radius:3px; }
.formulaire .submit, .submit { border:2px solid #CCC; color: #FFF; font-weight:bold; cursor:pointer; font-size: 16px; background-color:#3399CC; border-radius:5px; padding:10px;  }
.formulaire .minisubmit, .minisubmit { border:2px solid #CCC; color: #FFF; font-weight:bold; cursor:pointer; font-size: 13px; background-color:#3399CC; border-radius:5px; padding:5px;  }
.formulaire .submit:hover, .submit:hover, .minisubmit:hover {border:2px outset white; background-color:#FFCC33; color: #FFF;}
.formulaire select { font-size: 14px; 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: 14px; color:#0833FF; border:1px solid #CCC; margin-bottom:5px; padding:5px; }
.formulaire .validation { margin:10px 0 10px 0; clear:both; text-align:center; }
.formulaire .codebox {border: 1px solid #CCC; width: 100px; height: 40px; font-size: 16px; font-weight: bold; color: #000; padding: 2px; margin: 5px 0 0 10px; text-align: center; text-transform:uppercase;}
.formulaire SPAN { font-family: Arial,Helvetica,sans-serif; color: #cc0000; font-size: 13px; font-weight: bold; display: block; clear: both; margin: 5px 0 0 5px; padding: 5px 0 5px 0; }

A.btn {width:200px; margin:10px auto; padding:10px; background:#008acb; color:#FFF; border-radius:5px; text-align:center; display:block;}
A.btn:hover {background:#008acb;}

/* FAQ */
.faq {margin:20px 5px;}
.faq A {font-weight: normal; display: block; margin: 10px 0 5px 10px; border: 0; font-size: 15px; color:#900; }
.faq A:hover {text-decoration: underline;}

/* plan de site */
.sitemap {margin: 20px 30px 20px 30px; }
.sitemap A {color: #444; display: block; border-bottom: 1px dotted #DDD; margin: 10px;}
.sitemap A:hover {text-decoration: underline; }
UL.sitemap {}
LI.map {float:left; width: 200px; }
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:#008acb; }

/*---------- FOOTER ----------*/
footer { width:100%; background:#666; margin:0; padding:0; overflow:hidden; text-align:center;}
footer .main {width:1100px; margin: 10px auto;}
footer .col { width:23%; float:left; padding:0; margin: 10px 20px 10px 0; text-align: left; color:#FFF;  font-size:13px; }
footer .col a {  color:#FFF; display: block; padding:0; margin:5px 0; }
footer .col A::before {content: "\2726 "; padding-right:10px;}
footer .col h3 {font-size:16px; font-weight:normal; color:#EEE; margin:5px 0 10px 0; }
footer .col h5 { font-size:25px; margin:10px; font-weight:normal; text-align:left}
footer .line { clear:both; text-align: center; margin:0; padding: 20px;  font-size:13px; color:#EEE; background:#333; }

/* bandeau RGPD */
.qc-cmp-button { background-color: #069 !important; border-color: #069 !important; color: #FFF !important; }
.qc-cmp-button:hover { background-color: transparent !important; border-color: #069 !important; color:#069 !important;}
.qc-cmp-alt-action, .qc-cmp-link { color: #333 !important; }
.qc-cmp-secondary-button { border-color: #666 !important; background-color: transparent !important; color:#F00 !important; }
.qc-cmp-secondary-button:hover {  background-color: #333 !important;}
.qc-cmp-publisher-purposes-table .qc-cmp-table-header { background-color: #fafafa !important; }
.qc-cmp-publisher-purposes-table .qc-cmp-table-row { background-color: #FFF !important; }
.qc-cmp-small-toggle.qc-cmp-toggle-on, .qc-cmp-toggle.qc-cmp-toggle-on { background-color: #DDD !important; border-color: #DDD !important; }
.qc-cmp-ui, .qc-cmp-ui .qc-cmp-main-messaging, .qc-cmp-ui .qc-cmp-messaging, .qc-cmp-ui .qc-cmp-beta-messaging,  .qc-cmp-ui .qc-cmp-title,
.qc-cmp-ui .qc-cmp-sub-title, .qc-cmp-ui .qc-cmp-purpose-info, .qc-cmp-ui .qc-cmp-table, .qc-cmp-ui .qc-cmp-table-header, .qc-cmp-ui .qc-cmp-vendor-list,
.qc-cmp-ui .qc-cmp-vendor-list-title { color: #666 !important; }
.qc-cmp-ui a, .qc-cmp-ui .qc-cmp-alt-action { color: #368bd6 !important; }
.qc-cmp-ui { background-color: #EEE !important;  }
.qc-cmp-ui-content { padding: 60px !important; }
H1.qc-cmp-title {border-bottom: 1px solid #666 !important; font-size:30px !important; text-align:center;}

/* annonce adblock */
#antiBlock { display: none; padding: 150px 0 20px 0; text-align: center; font-weight: normal; color: #666; height:30%; width:100%; position: fixed; bottom:0;
z-index: 900; background:url("images/info.png") no-repeat top center #EEE; font-family: 'Hepta Slab', serif; line-height:22px; border:1px solid #CCC;}


/********** STYLE MOBILE **********/
@media all and (max-width:640px)
{
html, body { width: auto !important; overflow-x: hidden !important; margin:0; background:#FFF; }
body, p { word-wrap:break-word;  }
IMG { width:100%; margin:0; }
.page { width:100%; margin:0; padding:10px 0 0 0; }
.contenu, .contenu.large { width:100%; padding:0; float:none; } /* section */

/* non affiche */
.header2018 .mer, .chair, .sand, .sandright, .tree, .bigboat, .smallboat, .smallboat:before, .boat, .fish, .flag1, .flag2, .grass, .star, .shell, .treeright, .surf, .small  { display:none; }

/* header */
.header2018 { height:200px; background:linear-gradient(#F6C52C,#FFE263); box-shadow: 0 0 15px 0 #CCC; z-index:5; padding:0;  }
.header2018 .contentHeader { width:auto; margin:0; padding:0; }
.header2018 .contentHeader .logo { top:2px; left:50px; z-index:40; }
.header2018 .contentHeader .rechercher { width:auto; height:auto; position:relative; top:150px; z-index:5; display:block; clear:both; margin:5px;}
.header2018 .contentHeader .rechercher input[type="text"] {width:240px; height:27px; color:#333; padding:0; z-index:5; opacity:1; background:#FFF; padding:5px; }

.contentHeader .responsive_icon { display:block; position:absolute; left:10px; top:2px; cursor:pointer; margin:0; padding:0; color:#008acb; font-size:60px; text-align:center; }
.contentHeader .responsive_icon SPAN {display:block; font-size:10px; margin:-15px 0 0 0; padding:0; text-transform:uppercase;}
.nav SPAN.iconX {font-family:Arial, Helvetica, sans-serif; position:relative; display:block; margin: 5px; padding:0; width:25px; height:25px; background:#666; cursor:pointer; border-radius:5px; color:#FFF; font-size:25px; text-align:center; }
.contentHeader .nav {margin:0; padding:0; width:180px; height:0; z-index:50; position:absolute; display:block;}
.contentHeader .nav.on { height:auto; transition-property: height; transition-duration: 0.5s; }
.contentHeader .nav UL {margin:0; padding:0;}
.contentHeader .nav LI { display:block; margin: 0 0 5px 0; padding:5px; border-bottom:2px solid #ffeeb6;}
.contentHeader .nav LI A { padding:0; border:0; }
.contentHeader .nav LI:HOVER { background:#008acb; color:#FFF; border-radius:3px; }
.contentHeader .nav LI.on { background:#F5C32A; color:#FFF; border-radius:3px; }
.navmobile { display:block; }
.contentHeader .nav A {display: block; margin: 0 0 10px 0; }

/* col droite en bottom */
.colR { width:auto; float:none; margin:5px; padding: 0;}
.medias, .communaute {display:none;}
.menu_rub { width:auto; margin:10px 0; padding:0; }
.menu_rub .links { width:auto; margin:0; padding:5px; }
.menu_rub .links .each IMG { width:auto; border:2px solid #FFF;}
.menu_rub .links .each A { font-size:18px; }
.menu_rub .links .each IMG.news { width:100%; }

/* home page */
.firstNews { width:auto; height:auto; padding:5px; margin:5px; box-shadow:none; background:#cfdbe2; }
.firstNews IMG { position:relative; top:0; left:0; transition: none; }
.firstNews A:HOVER IMG { transform: none; }
.firstNews H3.FondTitre { width:auto; background:#FFF; transition: none; border-radius:0; position:relative; bottom:0; left:0; opacity:1; padding:10px; margin:0; color:#008acb; font-size:18px; font-weight:lighter; font-style:normal; text-shadow:none; }
.firstNews .FondTitre:HOVER { color:#FFF; background:#008acb; }
.firstactu { width: 95%; height:auto; }
.firstactu IMG { width: 100%; position:relative; }
.firstactu H3.FondTitre {width: auto; line-height:26px;}
.lastactu { width:auto; float:none; margin:10px; }
.lastactu A SPAN { width:auto; }
.citation { margin:20px 10px; }
.lastvid {margin: 20px 10px; background:#FFF; }
.lastvid .each, .saison {float: none; clear:both; width: auto; text-align:center; margin: 5px 0 20px 0; padding: 0; background:#cfdbe2; overflow:hidden; }
.lastvid .each.quadri {width: 95%; margin: 10px 0; padding:5px; }
.lastvid .each IMG {float:none; width:100%;}
.lastvid .each A { font-size:18px; color: #008acb;}
.lastvid H3 { margin: 5px; }
.saison { background:#FFF; border-bottom:1px dotted #CFDBE2;}
.saison A SPAN { width:150px; font-size:18px; margin:0; }
.newsletter {margin:20px 10px; padding:0; }
.newsletter .champ { color: #333; width:auto; }
.selectioncam {float:none; width:auto; height:auto;margin:0 5px 20px 5px; }
.selectioncam IMG { width:80%;}
.last { width:auto; margin:5px 0 20px 0; padding:0 0 10px 0; }
.last IMG {width:100%; float:none; margin:0;}
.last A { text-align:center; }
H3.HP { margin-top:20px; }

/* articles */
.ariane { margin: 10px 5px 30px 5px; }
.info_rub { margin:0; padding:5px; }
.info_rub img {width:auto;}
.boucle_rubriques { margin:5px 5px 30px 5px; width:auto; padding:0; }
.boucle_rubriques IMG { width:98%; float:none; margin:0; padding:2px; }
.boucle_rubriques A { font-size:18px; line-height:26px; }
.boucle_rubriques P { display:none; }
H1, article H1 { font-size:24px; line-height:32px; margin: 5px 10px 20px 10px; width:auto; }
H2, article .intertitre, article H2 { font-size:20px; line-height:30px; margin: 0 5px 5px 5px; }
article .photo, article .photo.xl { margin:10px 5px; padding:0; width:auto; }
article .photo IMG {margin:0; padding:0;}
article .photo span.copyright { margin-top:5px;}
articles IMG { margin:10px 5px; }
article .picture { width: 100%; }
article H3, .chapo { color:#333; margin:20px 0; padding:0 10px; }
.diapo { padding:5px 2px 0 2px; margin:5px;}
.diapo P { padding:0 10px;}
.diapo IMG { width:95%;}
.chapo.index {width: 90%; }
.outils FORM { width:100%; float:none; clear:both; margin:10px 0; display:block; }
.outils FORM SPAN { margin:10px 0 0 0;  }
.outils FORM .champs { float:left; width:200px;  }
.meme_theme UL LI { width:auto; float:none; clear:both;}
.meme_theme IMG {width: auto; padding:3px;}
.avis {margin:0; padding:5px; width:auto;}
.avis textarea { width:100%; margin:0; padding:0 }
.vignetteShadow { padding:0; }

.redac .redacteur, .redac .share {width: 95%; float: none; display: block; clear:both;}

/* webcams et videos */
.article_mosaique, .article_mosaique.cam { width:auto; float:none; margin:10px 5px; padding:5px 0; }
.article_mosaique A {font-size: 18px; font-weight:bold; }
.article_mosaique IMG { width:auto; }
.article_mosaique P { font-size:12px; line-height:15px;}
.top .each {float: none; width: auto; clear:both; margin:5px; overflow:hidden; }
.top .each IMG {width:auto; float:left; }
.top .each A { font-size:18px; color: #555;}
p.info {margin:10px 5px; }
.webcam {margin:0; padding:5px;}
.webcam IMG {width:100%; margin:0; padding:0;}
.player {width:auto; margin: 5px; }
.player iframe, article P iframe, .webcam iframe {width:100%; height:auto; padding:0; margin:0;}

/* Resultats de la recherche */
.recherche IMG { width:auto; }
.recherche A { font-size:18px; margin:5px 0; }
.recherche A:hover { text-decoration:underline; background:none; color:#008acb; }
.recherche IMG:hover { border: 1px solid #008acb; }
.recherche SPAN { font-size:13px; padding:5px;}
.formulaire {margin: 5px; padding: 10px;}
.formulaire LABEL, .formulaire p { float: none; text-align: left; display:block; }
.formulaire input, .formulaire textarea { width:100%; }

/* pub */
.leaderboard, .pave300, .pavepub, .pubvideo { display:none;}
.pubmobile, .pave300small, .pave300mt {width:100%; margin:10px auto; display:block; text-align:center;}
.reco {width:auto; margin:5px;}
.reco h3 { line-height:32px;}
.reco .each, .reco .each.vid {float: none; width: auto; height: auto; margin-bottom:20px; }
.reco .each img { width:95%; height:auto;}

/* footer */
footer { text-align:left;}
footer .col {width: 100%; float: none; margin:10px 5px;}
footer .col img { width:50%; margin:10px auto; display:block; }
footer .main {width:auto; margin: 0 auto;}
footer .line { text-align: left; margin:10px 0; }
}
/********** FIN STYLE MOBILE **********/