@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]
Projet:	Camping Anse du Brick
05/05/2008
-------------------------------------------------------------------*/

@import url(menu.css);
@import url(formulaires.css);
@import url(jd.gallery.css);
@import url(ui.datepicker.css); 
@import url(jquery.lightbox-0.4.css); 


body, html, h1, h2, h3, h4, h5, p, ul, li {margin:0;padding:0;}
h4 {margin:10px 0 0 0;}
body {font-size:12px;color:#000;font-family:Arial, Helvetica, sans-serif;background:white url(../images/bg-body.jpg) top center repeat;color:#363636;background-attachment:fixed;padding-bottom:40px;}

.gras {font-weight:bold;}
.clear {border:0;height:1px;margin:0;padding:0;clear:both;background:none;visibility:hidden;}
p {line-height:18px;}
.cadre {background-color:#fbf9f0;border:1px solid #f2eac1;padding:10px;margin:10px 0;position:relative;}
.cadrePromo {border:1px solid #f2eac1;padding:16px 2px 16px 33px;margin:10px 0;position:relative;background:url(../images/cadre-euros.jpg) top left no-repeat;font-size:11Px;}

*html .cadre {position:inherit;}
.cadreBlanc{background-color:#fff;border:1px solid #fff;padding:0pt 10px 10px;;margin:0;}
.right {float:right;margin:0 10px 10px 0;}
.left {float:left;margin:0 10px 10px 0;}
a img {border:0;}

.promo {background:transparent url(../images/promo.gif) top center no-repeat;position:absolute;bottom:0;width:87px;height:46px;left:139px;}
.nouveau {background:transparent url(../images/nouveau.gif) top center no-repeat;position:absolute;bottom:0;width:87px;height:46px;left:139px;}
.cadeau {background:transparent url(../images/cadeau.gif) top center no-repeat;position:absolute;bottom:0;width:87px;height:46px;left:139px;}


*html .promo {background:transparent url(../images/promo2.gif) top center no-repeat;position:relative;width:84px;height:28px;left:0;top:0;float:right;}
*html .nouveau {background:transparent url(../images/nouveau2.gif) top center no-repeat;position:relative;width:84px;height:28px;left:0;top:0;float:right;}
*html .cadeau {background:transparent url(../images/cadeau2.gif) top center no-repeat;position:absolute;bottom:0;width:87px;height:46px;left:139px;}

body.eng .nouveau {background-image:url(../images/nouveau-eng.gif);}
*html body.eng .nouveau {background-image:url(../images/nouveau2-eng.gif);}


/* CLEARFIX - http://www.positioniseverything.net/easyclearing.html
------------------------------------------------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ------------------------------------------------------------------------ */

#container {
width:997px;
margin:0 auto;
background:transparent url(../images/bg-container.png) top center repeat-y;
padding-top:20px;
position:relative;
}

*html #container {
background:white none;
width:989px;
}

#container-inner {
margin: 0 29px ;
padding-bottom:20px;
}

*html #container-inner {
margin: 0 25px;
}

#header {
background:transparent url(../images/bandeau.jpg) top center no-repeat;
height:104px;
}
#header h1 {margin:0;padding:0;text-indent:-999em;}
#header h1 a {
width:305px;
height:60px;

position:absolute;
top:35px;
left:70px;
}

*html #header h1 a {left:65px;}

#header .Castels {
display:block;
text-align:center;
text-indent:-5000px;
width:160px;
height:60px;
position:absolute;
top:41px;
left:570px;
}

*html #header .Castels {left:566px;}


#ContenuColonnes {
background:transparent url(../images/degrade.gif) top center repeat-x;
padding-top:30px;
}



.ColonnesDroite {
float:left;
width:218px;
margin:0pt 10px 0pt 0pt;
padding-bottom:120px;
}

.ColonnesDroite a:link, .ColonnesDroite a:visited {
color:#5389ad;
text-decoration:none;
}

.ColonnesDroite a:hover, .ColonnesDroite a:active {
color:#5389ad;
text-decoration:underline;
}

.ColonnesDroite2 a:link, .ColonnesDroite2 a:visited {
color:#5389ad;
text-decoration:none;
}

.ColonnesDroite2 a:hover, .ColonnesDroite2 a:active  {
color:#5389ad;
text-decoration:underline;
}

.ColonnesDroite2 {
float:left;
width:218px;
margin:0;
padding-bottom:120px;
}

.ColonnesDroite h3, .ColonnesDroite2 h3 {
font-family:Georgia, arial;
color:#ab0b0e;
font-size:18px;
font-weight:normal;
margin:5px 0 10px 10px;
}

.ColonnesDroite h4 {
color:#bd9e50;
font-size:14px;
font-weight:bold;
margin:5px 0 3px 0;
}

.ColonnesDroite h4 a:link, .ColonnesDroite h4 a:visited, .cadre h4 a:link, .cadre h4 a:visited {
color:#bd9e50;
text-decoration:none;
}

.ColonnesDroite h4 a:hover, .ColonnesDroite h4 a:active, .cadre h4 a:hover, .cadre h4 a:active {
color:#bd9e50;
text-decoration:underline;
}

.ColonnesPrincipale {
width:472px;
float:left;
margin:0 10px 0pt 5px;
padding-bottom:100px;
}

.ColonnesPrincipale .cadre {
float:left;
width:200px;
margin:5px;
}

.grande {
width:695px;
}

.tres_grande {
width:930px;
}


.ColonnesPrincipale img {
padding:5px;
border:1px solid #ddd;
}
.ColonnesPrincipale #mygalone img {
padding:0;
border:0;
}

.ColonnesPrincipale h2 {
font-family:Georgia, arial;
color:#ab0b0e;
border-bottom:1px solid #dfbfbf;
font-weight:normal;
font-size:25px;
letter-spacing:-1px;
margin-bottom:10px;
}

.ColonnesPrincipale h2.accueil {
font-size:32px;
}

.ColonnesPrincipale h3 {
color:#bd9e50;
font-size:18px;
font-weight:normal;
margin:20px 0 10px 0;
}

.ColonnesPrincipale h3 a:link, .ColonnesPrincipale h3 a:visited {
color:#bd9e50;
text-decoration:none;
}

.ColonnesPrincipale h3 a:hover, .ColonnesPrincipale h3 a:active {
color:#bd9e50;
text-decoration:underline;
}

.ColonnesPrincipale h3.presentation {
margin:15px 0 10px 0;
}

.ColonnesPrincipale h4 {
font-size:14px;
}


.ColonnesPrincipale ul {
list-style-type:none;
}
.ColonnesPrincipale ul li {
padding:5px 0;
}
.ColonnesPrincipale ul.puce li {
background:transparent url(../images/puce-li.gif) 0 50% no-repeat;
padding:2px 0 2px 20px;

}

.ColonnesPrincipale a:link, .ColonnesPrincipale a:visited {color:#9A141B;}
.ColonnesPrincipale a:hover, .ColonnesPrincipale a:active {color:#9A141B;text-decoration:none;}

/* Footer
---------------------------------------------------- */
#footer {
background-color:#9A141B;
clear:both;
color:#FFFFFF;
font-size:14px;
height:40px;
margin:0pt 5px 10px 0pt;
padding:10px;
position:relative;
}

#MenuFooter {
float:right;
text-align:right;
width:525px;
margin:10px 0 0 0;
}

#MenuFooter li{
display:inline;
margin:0 5px;
}

#MenuFooter li a:link, #MenuFooter li a:visited {
font-size:11px;
color:#fff;
text-decoration:none;
letter-spacing:1px;
}

#MenuFooter li a:hover, #MenuFooter li a:active {
font-size:11px;
color:#fff;
text-decoration:underline;
letter-spacing:1px;
}

.sub_footer {
position:absolute;
top:-30px;
right:20px;
color:#666666;
}

.sub_footer a:link, .sub_footer a:visited, .sub_footer a:active {
color:#666666;
text-decoration:underline;
}

.sub_footer a:hover {
color:#666666;
text-decoration:none;
}

/* ---------------------------------------------------- */
#logos {
position:absolute;
top:-100px;
right:20px;
}

#tel {
position:absolute;
left:5px;
top:-34px;
}

/* Langues
---------------------------------------------------- */


ul#langues {
margin:3px 5px 0 0;
padding:0pt;
float:right;
text-align:right;
width:165px;
background:transparent;
}

ul#langues li {
margin:0 2px;
padding:0;
display:inline;
background:transparent;
}

ul#langues li a {text-decoration:none;}
ul#langues li a:hover {border:0;text-decoration:none;}


/* promo
---------------------------------------------------- */

.cadrePromo a:link,.cadrePromo a:visited {color:#eadfaf;text-decoration:none;font-weight:bold;text-transform:uppercase;}
.cadrePromo a:hover,.cadrePromo a:active {color:#eadfaf;text-decoration:underline;font-weight:bold;}


/* Tableaux
---------------------------------------------------- */

.TableauTarif {
margin:0;
padding:0;
border:1px solid #bbb;
margin:0 0 20px 0;
font-size:11px;
width:100%;
}
.TableauTarif tr {
margin:0;
padding:0;
}

.TableauTarif tr td {
text-align:center;
border:1px solid #ddd;
margin:0;
padding:0;
}

.TableauTarif tr th {
font-weight:normal;
background:#9A141B;
font-size:12px;
color:#fff;
margin:0;
border:0;
}

.TableauTarif tr.impair {
background:#FBF9F0 none repeat scroll 0%;
border-top:1px solid #FFFFFF;
}
.TableauTarif tr.impair td {
border:1px solid #F2EAC1;
}

.impairtd {
background:#FBF9F0 none repeat scroll 0%;
border:1px solid #F2EAC1;
}


.TableauTarif caption {
color:#bd9e50;
font-size:18px;
font-weight:normal;
padding:10px;
}

/* Encadres
-------------------------------- */
.encadre {
background-color:#FBF9F0;
border:1px solid #F2EAC1;
margin:5px 0pt;
padding:10px;
text-align:center;
}

/* galeriephotos 
---------------------------------- */

#galeriephotos img {
margin:0 5px 5px 0;
}



#galeriephotos a:hover img {background:#fff;border:1px solid #888;}

/* Manifestations
---------------------------------- */

.photoAnim {
float:right;
margin:0 10px 10px 10px;}

.manifestations {
margin:10px 0 0 0;
padding:0 0 10px 0;
border-bottom:1px solid #ddd;
}

.manifestations h4 {
font-size:14px;
}

.manifestations span {
color:#666;
font-size:11Px;
display:block;
margin:0 0 10px 0;
letter-spacing:1px;
}

ul.DateManifestations {
}

ul.DateManifestations li {
display:block;
float:left;
padding:5px  10px;
background-color:#F9D773;
border:1px solid #F2EAC1;
margin:0 2px;
}

ul.DateManifestations li a:link,
ul.DateManifestations li a:visited{
font-weight:bold;
text-decoration:none;
}

ul.DateManifestations li a:hover,
ul.DateManifestations li a:active{
font-weight:bold;
text-decoration:underline;
}

img.puce_image {
float:left;
border:0;
}


/* Menu
---------------------------------- */

.menu {
width:400px;
margin:0 auto;
border:1px solid #ddd;
padding:10px;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
font-size:11px;
margin:10px 0;
}

.menu h3 {
font-size:16px;
color:#9A141B;
}

/* Post it 
---------------------------------- */

.postit {
width:218px;
height:236px;
background:transparent url(../images/post.jpg) top left no-repeat;
}

.postit .inner {
margin:0 20px;
padding-top:20px;
text-align:center;
}

.postit h4 {
color:#9A141B;
font-family:Georgia, "Times New Roman", Times, serif;
}


/* Cadre actus ch1 
---------------------------------- */

.ColonnesPrincipale .cadre {
width:auto;
}

.wslide-menu {
margin:0 0 0 10px;
padding:0;
text-align:center;
}

.wslide-menu a {
display:block;
float:left;
padding:2px 4px;
font-size:10px;
margin:0 3Px 0 0;
}


.wslide-menu a:link, .wslide-menu a:visited, .wslide-menu a:active{
text-decoration:none;
color:#fff;
background:#9A141B;
border:1px solid #fff;
}

.wslide-menu a:hover {
text-decoration:none;
color:#fff;
background:#9A141B;
border:1px solid #9A141B;
}

.wslide-menu a.wactive {
text-decoration:none;
background:#fff;
color:#9A141B;
border:1px solid #9A141B;
}