/* Themify Customize Styling */
body {	background-image: url(http://www.atlanticstar.cv/wp-content/uploads/fond10.jpg);
	background-size: cover;
	background-position: center top;
	color: #012e61; 
}
a {	
	color: #ff0000; 
}
a:hover {	
	color: #ff0000; 
}
.pagewidth {	
	width: 1550px; 
}
#body {	background-image: url(http://www.mecary.fr/atlanticstar/wp-content/uploads/fond10.jpg);
	background-size: cover; 
}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] {	
	background-color: #d8e3e6; 
}
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus {	
	background-color: #d2f1fa; 
}
#headerwrap {	background-image: url(http://www.mecary.fr/atlanticstar/wp-content/uploads/fond-menu.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #ffffff;
	border-right: 3px solid #e8e8e8; 
}
#header {		font-weight:bold;
	text-align:center;
	color: #012e61; 
}
#site-logo, #site-logo a, .header-horizontal #site-logo, .header-minbar #site-logo, .header-leftpane #site-logo, .header-slide-out #site-logo, .boxed-compact #site-logo, .header-top-bar #site-logo {	display: none; 
}
#site-description {	display: none; 
}
#main-nav a:hover, #main-nav > li > a:hover {	
	color: #012e61; 
}
#footerwrap {	
	background-color: #ffffff; 
}

/* Themify Custom CSS */
/*------------------- icone reseau sociaux  et PADI--------------------- */
.icone-header {
position: relative;
  left: -15px;
  top: -20px;
  display: inline-block;
}

/*------------------- drapeau langue --------------------- */
.flag-header {
display: block;
position: relative;
}

/*------------------- module temperature (code modifie) --------------------- */
.awe_wind {
	padding: 10px;
	text-align: center;
	font-size: 18px;
	background: rgba(0,0,0,0.1);
	text-transform: uppercase;
}

/*------------------- menu accueil --------------------- */

.menu-accueil {
    text-align: center;
    display: inline-block;
    position: relative;
}

.menu-accueil:hover p.souslien { opacity: 1;}

.menu-accueil p.souslien {
    color: #012E61;
    width: 70%;
    background: rgba(255, 255, 255, 0.7);
    margin: 0 auto;
    top: 37%;
    left: 15%;
    opacity: 0;
    display: block;
    position: absolute;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
}


.menu-accueil a:link {color: #012E61;text-decoration: none;}
.menu-accueil a:visited {color: #012E61;}
.menu-accueil a:hover {color: #012E61; font-weight : bold; background: white;letter-spacing: 5px;}
.menu-accueil a:active {color: #012E61;}

/*------------------- mini menu --------------------- */
.mini-accueil {
    text-align: center;
    display: inline-block;
    position: relative;
}

.mini-accueil:hover p.souslien { opacity: 1;}

.mini-accueil p.souslien {
    color: #012E61;
    width: 70%;
    background: rgba(1, 46, 97, 0.7);
    margin: 0 auto;
    top: 80%;
    left: 15%;
    opacity: 0;
    display: block;
    position: absolute;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
}
.mini-accueil p.souslien-mobile {
    color: #012E61;
    width: 70%;
    background: rgba(1, 46, 97, 0.7);
    margin: 0 auto;
    top: 80%;
    left: 15%;
}

.mini-accueil a:link {color: white;text-decoration: none;}
.mini-accueil a:visited {color: white;}
.mini-accueil a:hover {color: #012E61; font-weight : bold; background: white;letter-spacing: 5px;}
.mini-accueil a:active {color: white;}

/*------------------- picto page info pratique --------------------- */

.picto-info{
  display: block;
  float: left;
  height: 32px;
  width: 32px;
  margin: 0px 10px 0 0;
}
.texte-info{
  display: block;
  margin-left:0;  
  margin-bottom: 5;
  padding : 0 30px;

}

/*------------------- ou dormir icone web et email --------------------- */

.alignergauche{
  display: block;
  float: left;
  padding-left: 10px;
}

.alignerdroite{
  display: block;
  float: right;
  padding-right: 10px;
}
/*------------------- page OU DORMIR --------------------- */
.textecentre{
  padding-left: 30px;
  padding-right: 30px;
}
/*------------------- page kitesurf spot --------------------- */
.alignerhaut{
  display: block;
  float: top;
}
.decalage{
  margin-left: 3%;
}
.entete{
  padding-left: 30px;
margin-right:50px;
margin-top: 20px;
  background: #DEEFEE;

}

#map {
	display:block;
	position:relative;
	width:560px;
	height:560px;
margin-bottom: 40px;
}

.aze1{ position:absolute; left:145px; top:11px;}
.aze2{ position:absolute; left:130px; top:64px;}
.aze3{ position:absolute; left:150px; top:127px;}
.aze4{ position:absolute; left:128px; top:146px;}
.aze5{ position:absolute; left:228px; top:302px;}
.aze6{ position:absolute; left:243px; top:341px;}
.aze7{ position:absolute; left:275px; top:428px;}
.aze8{ position:absolute; left:280px; top:473px;}
.aze9{ position:absolute; left:297px; top:489px;}
.aze10{ position:absolute; left:329px; top:452px;}
.aze11{ position:absolute; left:379px; top:461px;}
.aze12{ position:absolute; left:389px; top:430px;}
.aze13{ position:absolute; left:367px; top:369px;}
.aze14{ position:absolute; left:378px; top:9px;}

/*------------------- page diving spot --------------------- */

#map1 {
	display:block;
	position:relative;
	width:652px;
	height:746px;
margin-bottom: 40px;
}

.qsd1{ position:absolute; left:379px; top:632px;}
.qsd2{ position:absolute; left:358px; top:645px;}
.qsd3{ position:absolute; left:473px; top:704px;}
.qsd4{ position:absolute; left:336px; top:598px;}
.qsd5{ position:absolute; left:399px; top:622px;}
.qsd6{ position:absolute; left:452px; top:613px;}
.qsd7{ position:absolute; left:373px; top:660px;}
.qsd8{ position:absolute; left:378px; top:614px;}
.qsd9{ position:absolute; left:309px; top:537px;}
.qsd10{ position:absolute; left:342px; top:570px;}
.qsd11{ position:absolute; left:349px; top:584px;}
.qsd12{ position:absolute; left:250px; top:545px;}
.qsd13{ position:absolute; left:401px; top:603px;}
.qsd14{ position:absolute; left:209px; top:375px;}
.qsd15{ position:absolute; left:178px; top:281px;}
.qsd16{ position:absolute; left:606px; top:375px;}
.qsd17{ position:absolute; left:169px; top:102px;}
.qsd18{ position:absolute; left:169px; top:71px;}
.qsd19{ position:absolute; left:172px; top:53px;}
.qsd20{ position:absolute; left:171px; top:22px;}