/*********************************************************************
******************* TOP BOTTOM ARTICLE GALERIE **********************
*********************************************************************/

@import url(galerie.css);


/*********************************************************************
****************************** GENERAL ******************************
*********************************************************************/

html {
padding: 0;
margin: 0;
font-family: "Arial", sans-serif;
font-size: 12px;
color:#999999;
background:#052942
}

body {
padding: 0;
margin: 0;
font-family: "Arial", sans-serif;
font-size: 12px;
color:#999999

}

img {
border: none;
}

a {
text-decoration: none;
color: #00f;
}
.clear{
clear:both;
}
*{
outline: none;
margin:0px;
padding:0;
border:0;
}

/* ------ MENU ACCORDEON ------ */

.acc_toggler {
margin: 0;
padding: 0;
cursor: pointer;
} 

.acc_element h3 {
margin: 0;
padding: 0;
} 

/* ------ GALERIES ------ */

div.galeries {
}

div.galerie {
display: block;
clear: both;
margin: 10px 0 10px 0;
}

h2.galerie {
margin: 0px;
padding: 6px 5px 8px 48px;
background: url(../img/bgtitle.png) no-repeat left;
color: #fff;
font-size: 20px;
}

div.photos {
display: block;
}

div.photo {
background:url(../img/bggalry.jpg) no-repeat;
float: left;
margin: 0 -28px 25px 45px;
text-align: center;
width: 216px;
height: 165px;
padding-top:20px;
border-right:1px dotted #000;
padding-right:15px;
}

img.photo {
max-width: 160px;
max-height: 120px;
margin-right:2px;
margin-top:7px;
}

div.photo div.photoName {
padding: 6px 0;
}

/* ------ CONTACT ------ */

div.contact_frame {
}

div.contact_line {
padding: 6px 6px 10px 6px;
border-top: none;
}

div.contact_line div.contact_field_name {
float: left;
width: 150px;
padding: 7px 0 0 0;
font-weight: bold;
}

div.contact_line div.contact_field_value {
margin-left: 160px;
}

span.contact_field_cross {
color: #c00;
font-weight: bold;
}

div.contact_line.highlight {
}

div.contact_line input , div.contact_line textarea {
margin-top: 3px;
}

div.contact_submit {
float: right;
margin: 10px 8px 0 0;
}

div.contact_error {
padding: 3px 6px;
color: #a00;
font-size: 11px;
margin: 4px 0 0 0;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width: 400px;
}

/* ------ STRUCTURE DE LA PAGE (DECOUPAGE) ------ */

h1 {
text-indent: -9999px; 
margin: 0;
padding: 0;
}

h2.block {
margin: 0px;
padding: 6px 5px 8px 48px;
background: url(../img/bgtitle.png) no-repeat left;
color: #fff;
font-size: 20px;
margin-bottom:10px;
}
.center h2 {
margin: 0px;
padding: 6px 5px 8px 48px;
background: url(../img/bgtitle.png) no-repeat left;
color: #fff;
font-size: 20px;
}
.article_contenu{
width:460px;
margin-left:47px;
}

div.block {
padding: 5px;
}

h3 {
margin: 0;
padding: 0;
font-size: 14px;
}

#conteneur, #page {
background:#042033 url(../img/bg-top.jpg) center top no-repeat;
width: 980px;
margin: auto;
}

#page {
background:url(../img/bg-bottom.png) bottom center no-repeat;
min-height:1300px
}

#header {
position:relative;
/*background: url(../img/header.jpg);*/
height: 68px;
padding-top:241px;
}

.flsh{
width:980px;
height:210px;
position:absolute;
top:0
}

.topMenu{
width:100px;
height:16px;
margin-left:239px;
float:left;
}
a.flech{
display:block;
background:url(../img/flech.png);
width:11px;
height:15px;
float:left;
margin-right:8px;
}
a:hover.flech{
display:block;
background:url(../img/flech-hover.png);
width:11px;
height:15px;
float:left;
}
a.favorie{
display:block;
background:url(../img/favorie.png);
width:16px;
height:15px;
float:left;
margin-right:8px;
}
a:hover.favorie{
display:block;
background:url(../img/favorie-hover.png);
width:16px;
height:15px;
float:left;
}
a.plan{
display:block;
background:url(../img/plan.png);
width:8px;
height:16px;
float:left;
margin-right:8px;
}
a:hover.plan{
display:block;
background:url(../img/plan-hover.png);
width:8px;
height:16px;
float:left;
}
a.recommander{
display:block;
background:url(../img/recommander.png);
width:8px;
height:16px;
float:left;
margin-right:8px;
}
a:hover.recommander{
display:block;
background:url(../img/recommander-hover.png);
width:8px;
height:16px;
float:left;
}

.menucenter{
float:left;
width:500px;
font-size:13px
}
.menucenter a{
color:#fff;
padding-right:20px;
}
.menucenter a:hover{
color:#4CB8C0;
padding-right:20px;
}
#newsletter{
width:195px;
height:22px;
}
.id_text{
background:url(../img/bginput.jpg);
width:158px;
height:18px;
border:1px solid #fff;
}
.bt{
background:url(../img/ok.png);
width:24px;
height:20px;
border:none;
margin-left:5px;
}
.block-navigation{
width:193px;
margin-top:20px;
margin-left:4px;
}
h2.acc_toggler a{
display:block;
background:url(../img/sepMenu.jpg) no-repeat top;
font-size:13px;
color:#fff;
height:24px;
padding-top:7px;
}
h2.acc_toggler a:hover{
background:url(../img/bgMenu-hover.jpg);
}
.acc_element a{
background:url(../img/bgsouscategorie.jpg);
display:block;
font-size:12px;
color:#999; 
width:193px;
height:21px;
padding-top:10px;
}
.acc_element a:hover{
background:url(../img/bgsouscategorie-hover.jpg);
display:block;
}
.flam{
width:285px;
height:790px;
position:absolute;
left:516px;
top:162px;
}
#body {
padding-top:20px;
}

#body #wrapper {
height: 100%;
float: right;
width:580px;
margin-right:170px;
position:relative;
}

#body #left {
width: 200px;
float: left;
min-height: 300px;
margin-left:26px;
}

#body #right {
width: 200px;
min-height: 300px;
margin-top:45px;
}
.actualite h3{
display:none;
}
p.hor{
padding-left:5px;
}
span.horaires{
color:#fff;
}
#body .center {
margin: 0 10px;
width: 560px; /* 980(taille page) - 200(colone gauche) - 200(colone droite) - 20(margin gauche ET droite) */
float: left;
min-height: 300px;
}

#arbo {
padding: 5px 5px 3px 5px;
background: #aaa;
}

#footer {
width:742px;
height: 225px;
padding-left:288px;
}
p.cont{
display:block;
width:400px;
margin-left:48px;
}
span.sarl{
color:#fff;
font-size:12px;
}
.bottommenu{
display:block;
width:420px;
height:33px;
padding-bottom:6px;
padding-top:6px;
border-bottom:1px dotted #000;
border-top:1px dotted #000;
}
.bottommenu li{
float:left;
list-style:none;
}
.bottommenu a{
font-size:11px;
color:#4CB8C0;
padding-right:20px;
}
.bottommenu a:hover{
color:#fff;
}
p.site{
margin-left:115px;
margin-top:43px;
font-size:11px;
}
span.http{
color:#fff;
}
a.http{
color:#fff;
}
span.realis{
color:#4CB8C0;
}
a.realis{
color:#4CB8C0;
}
.center li.sitemap{
font-size:14px;
padding-left:15px;
margin-left:55px;
margin-top:10px;
color:#FFFFFF;
}
.center li.depth-2{
font-size:14px;
padding-left:15px;
margin-left:95px;
margin-top:10px;
}
.center li.sitemap a{
color:#fff;
}
.center li.sitemap a:hover{
color:#fff;
text-decoration:underline;
}
a.bouton_suivant{
display:block;
width:80px;
height:20px;
background:#333;
border:1px solid #999999;
color:#fff;
font-size:13px;
text-align:center;
float:right;
margin-top:10px;
}
a.logo{
display:block;
position:absolute;
background:url(../img/logo.png);
width:258px;
height:150px;
left:27px;
top:10px;
}