/*
Theme Name: Calanques de Cassis
Theme URI: http://www.calanquesdescassis.fr
Description: Le thème des calanques de WordPress, basé sur le fameux thème <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Julien ETNA
Author URI: 
Tags: blue, custom header, fixed width, two columns, widgets 

*/

* {
  margin:0;
  padding:0;
}


html {
  font-size:12px;
}

body {
  font-family:Arial,Verdana, sans-sherif;
  /*background:url("images/tall.gif") repeat-x scroll 0 0 #416920;*/
  background-color:#222;
  font-size:12px;
}

h1, h1 a {
    color: #023150;
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: -200px;
}

h3 {
  margin:20px 0;
  padding:3px 5px;
}

img {
  border:none;
}

.clear {
  clear:both;
  list-style-type:none;
}

.adb {
  font-size:12px !important;
}

#content li.linone {
  list-style-type:none;
}

.aligncenter {
  text-align:center;
  margin:auto;
}

.hidden {
  visibility:hidden;
}

#searchform div {
  padding:7px;
}

.wp-caption {
  padding-top:5px;
  -moz-box-shadow:0 0 3px #999999;
  -webkit-box-shadow:0 0 3px #999999;
  margin-bottom:20px;
  text-align:center;
  padding-bottom: 1px;
}

#bg_image {
  /* l'image occupe toute la place du body */
  position:absolute;
  z-index:10;
  width : 100%;
  height:auto;
  top:-50px;
  left:0;
  opacity : 0.20;
  filter : alpha(opacity=20); 
}

a {
  text-decoration:none;
  color:#1082CE;
}

a:hover, a:visited {
  text-decoration:underline;
}

a:visited {
  
}


#page {
    margin: 0 auto;
    width: 1024px;  
}

#header {

}

#headerimg {
    background: url("images/header-2.jpg") no-repeat scroll 0 bottom #00609D;
    height: 248px;
    margin: 0 auto;
    position: relative;
    width: 1024px;
    z-index: 200;
}

.page-id-14 #headerimg {background-image:url(images/headers/01-carte-des-calanques-goudes.jpg);}
.page-id-12 #headerimg {background-image:url(images/headers/02-carte-des-calanques-calelongue.jpg);}
.page-id-18 #headerimg {background-image:url(images/headers/03-carte-des-calanques-marseilleveyre.jpg);}
.page-id-20 #headerimg {background-image:url(images/headers/04-carte-des-calanques-sormiou.jpg);}
.page-id-22 #headerimg {background-image:url(images/headers/05-carte-des-calanques-morgiou.jpg);}
.page-id-25 #headerimg {background-image:url(images/headers/06-carte-des-calanques-sugiton.jpg);}
.page-id-27 #headerimg {background-image:url(images/headers/07-carte-des-calanques-en-veau.jpg);}
.page-id-29 #headerimg {background-image:url(images/headers/08-carte-des-calanques-port-pin.jpg);}
.page-id-4 #headerimg {background-image:url(images/headers/09-carte-des-calanques-port-miou.jpg);}

#menuderoulant, #menuderoulant2  {
  margin:0 auto;
  text-align:center;
}

#menuderoulant {
    background-color: #00609D;
    clear: both;
    height: 41px;
    margin: 0 auto;
    padding-left: 44px;
    position: absolute;
    top: 0;
    width: 980px;
    z-index: 301;
}

#menuderoulant li a {
  display:block;
  line-height:40px;
  padding:0 20px;
  *+padding:0px 15px;
  border-left:1px solid #00609D;
  border-right:1px solid #00609D;

}

#menuderoulant li a:hover {
  background-color:#666666;
  border-left:1px solid #FFF;
  border-right:1px solid #FFF;
}

#menuderoulant li li a {
  border-left:1px solid #FFF;
  border-right:1px solid #FFF;
 
}

#menuderoulant li li a:hover {
  background-color:#666666;
}

#menuderoulant li ul {
  *+top:39px;
  *+left:10px; 
  width:200px;   
}

#menuderoulant li.current_page_ancestor li a {
  background-color:#4F7F47;
}


#menuderoulant li.current_page_item a,
#menuderoulant li.current_page_ancestor a,
#menuderoulant li.current_page_ancestor li.current_page_item a  {
  background-color:#000000;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
}

#menuderoulant li ul {
  border-bottom:1px solid #FFFFFF;
  z-index:50;
}

#menuderoulant li li {
  background-color:#4F7F47;
  border-top:1px dotted #FFFFFF;
  float:none;
  text-align:left;
  list-style-position:outside;
}

#menuderoulant a {
  color:#FFFFFF;
  text-transform:uppercase;
}

#menuderoulant li li a {
  color:#FFF;
  display:block;
}

#menuderoulant li li a:hover {
  background-color:#000;
}

#menuderoulant2  {
    background: none repeat scroll 0 0 #85B814;
    box-shadow: 0 6px 6px #000000;
    height: 43px;
    margin-top: 0;
    position: relative;
    width: 1024px;
    z-index: 200;
    -moz-box-shadow:0 6px 6px #000;
    -webkit-box-shadow:0 6px 6px #000;
}

#menuderoulant2 li {
    font-size: 12px;
    line-height: 43px;
    margin: 0;
    width: 113px;
}



#menuderoulant2 .current_page_item {
    background-color: #033152;
    background-image:none;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px 1px;
    line-height: 30px;
    margin-top: -1px;
    width: 110px;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}

#menuderoulant2 .current_page_item a:hover {
  background:transparent none;
  border:none;
}

#menuderoulant2 a {
  color:#FFFFFF;
  display:block;
}

#menuderoulant2 a:hover {
     background: url("images/filet-menu2.gif") repeat-x scroll 0 0 #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #1082CE;
    text-decoration: none;
}



#container {
  -moz-box-shadow:0 6px 6px #000;
  -webkit-box-shadow:0 6px 6px #000;
  border-top: 1px solid #FFFFFF;
  clear:both;
  width:1024px;
  margin:0 auto;
  position:relative;
  z-index:300;
  background:url("images/tall_content.gif") repeat-x scroll 0 -4px #FFFFFF;
  padding:20px 0 0 0;
}

#content h2 {
  background-color:#DBF0F5;
  margin-bottom:20px;
  padding:7px;
}

#blockMeaTop {
  float:left;
}

#content ul#ulHome {
  margin-top:0;
}



#content li.liHome {
  float:left;
  list-style-type:none;
  margin-right:20px;
  padding:0 0 5px;
  width:226px;
}

#content li.liHome p, #content li.liHome a {
  text-align:justify;
}

#photos {
  border:1px solid #FFFFFF !important;
}

.panel-overlay, .overlay {
  height:30px !important;
  top:0 !important;
}

#content .panel-overlay h2 {
  -moz-box-shadow:0 0 0 #000;
  -webkit-box-shadow:0 0 0 #999;
  background-color:transparent;
  border:none;
  -moz-border-radius:0 0 0 0;
  -webkit-border-radius:0 0 0 0;
  margin:0;
  line-height:30px;
  height:30px
  font-size:20px;
  font-weight:normal;
  padding:0 10px;
}


.post.ad728 {
    background-color: #83B715;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    box-shadow: 0 0 0 #FFFFFF;
    -moz-box-shadow: 0 0 0 #FFFFFF;
    -webkit-box-shadow: 0 0 0 #FFFFFF;
    margin: 0 20px 20px 20px;
    padding: 0;
    width:728px;
}

.ad250 {
  width:250px;
}

#adHomeSquare {
  background-color:#000000;
  border:1px solid #FFFFFF;
  float:left;
  height:200px;
  overflow:hidden;
  padding:36px 13px;
  width:200px;
}

#sidebar li.widget_global_translator {
 background-color: #00609D;
    border-color: #5492F7;
    border-radius: 0 0 10px 10px;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: none;
    margin-left: -317px;
    padding: 4px 0;
    position: absolute;
    text-align: center;
    top: -252px;
    width: 140px;
    z-index: 435;
  }

#global-translator h2 {
  display:none;
}

#translation_bar {
  padding:0;
}

#translation_bar a {
  padding:0 3px;
}

#content li.liHomelast {
  margin-right:0;
}


#content .imgHome {
  background-color:#EFEFE0;
  border:1px solid #FFFFFF;
  height:94px;
}

#content p.contentHome {
  height:100px;
}

#content a.linkHome {
  color:#000;
  font-weight:bold;
}

#content li.liHome h2 {
  -moz-border-radius:0 0 0 0;
  -webkit-border-radius:0 0 0 0;
  background-color:transparent;
  border:0px solid #FFFFFF;
  margin:10px 0 7px;
  padding:3px;
  -moz-box-shadow:0 0 0 #999999;
  -webkit-box-shadow:0 0 0 #999999;
}

#content li.liHome h2 a {
  color:#FF0000;
  font-size:12px;
}

#content #blockImgHome {
  background-color:#EFEFE0;
  border:1px solid #FFFFFF;
  clear:both;
  float:left;
  margin-right:20px;
  margin-bottom:20px;
  width:470px;
}

#content .strip_wrapper {
  width:360px !important;
}

#content .strip_wrapper li {
  width:80px !important;
  list-style-position:outside;
}

#content .ngg-navigation {
line-height:25px;
padding:15px 0;
}

/*        OMBRES             */

#headerimg {
  -moz-box-shadow:0 6px 6px #000;
  -webkit-box-shadow:0 6px 6px #000;
  border-bottom: 1px solid #FFFFFF;
}

#navbar {
  z-index:201;
}

#content .imgHome,
#menuderoulant li ul,
#photos,
.ngg-gallery-thumbnail img:hover
 {
  -moz-box-shadow:0 0 6px #999;
  -webkit-box-shadow:0 0 6px #999;
}

.post {
  -moz-border-radius:10px 10px 10px 10px;
  -webkit-border-radius:10px 10px 10px 10px;
  background-color:#FFFFFF;
  margin-bottom:20px;
}

.ngg-gallery-thumbnail img {
 padding:1px !important; 
}

.ngg-gallery-thumbnail img:hover {
  border-color:#FF0000 !important;
  background-color:#FFFFFF !important;
}


#content {
    float: left;
    padding: 0 6px 12px 20px;
    width: 728px;
}

#content li {
  list-style-position:inside;
  padding-left:10px;
  list-style-type:square;
}


#content p {
  margin:7px 0 10px;
}

#content ul {
  margin:10px 0 20px;
}


#content #comment {
  width:100%;
}

#sidebar {
    float: left;
    margin-top: -110px;
    padding: 0 20px 20px 0;
    width: 250px;
}

#sidebar li {
  margin-bottom:20px;
  -moz-border-radius:5px;
  -moz-webkit-radius:5px;
  list-style-type:none;
  background-color:#FFFFFF;
  border:1px solid #FFF;
}

#sidebar li li {
  -moz-box-shadow:0 0 0 #999;
  -webkit-box-shadow:0 0 0 #999;
  -moz-border-radius:0;
  -moz-webkit-radius:0;
  margin:7px 0;
  border:none;
  padding:3px 7px;
}

#sidebar li li li {
  padding:0;
  margin:3px 0 3px 7px;
}

#sidebar li h2 {
  padding:7px;
  background-color:#DBF0F5;
}

#footer {
  background-color:#222222;
  border-top:1px solid #FF0000;
  clear:both;
  padding:20px;
}

#footer h2,#footer h3 {display:inline;font-size:10px;background-color:transparent;border:none;margin:0;padding:0;}
#footer h2, #footer h2 a {color:#FFFFFF;}
#footer h3, #footer h3 a {color:#999999;}

#footer ul {
  padding-top:10px;
}

#footer li {
  list-style-type:square;
  list-style-position:inside;
  color:#999999;
  font-size:10px;
}

#footer .listesFooter {
  float:left;
  margin-right:20px;
  margin-bottom:20px;
}

#footerCopyright {
border-top:1px solid #333333;
clear:both;
margin-top:0;
padding:10px 0 0;
text-align:center;
}

#footerCopyright a {
  font-size:11px;
  color:#FF0000;
}

#easyflirt {
  width:720px;
  margin-bottom:20px;
}