body{
font-family:arial, sans-serif;
font-size:0.8em;
margin:0;
background: url(../images/screen-bg2.gif) center top #fff no-repeat;
}
#contGlobal{
width:975px;
margin:23px auto 25px auto;
}
#contPage{
min-height:800px;
background:url(../images/page-bg.jpg) left 410px no-repeat #000;
-moz-box-shadow: 1px 1px 12px #000;
-webkit-box-shadow:  1px 1px 12px #000;
box-shadow:  1px 1px 12px #000;
}
#page{
background:url(../images/footer-bg.gif) left bottom no-repeat;
}
#header{
height:430px;
background: url(../uploads/photos-accueil/gdmgq.jpg) no-repeat;
position:relative;
}
#header h1{
text-indent: -9999px;
/*background: url(../images/petrek.png) bottom no-repeat;*/
display:block;
height:100%;
}

#reseauxSociaux{
    position: absolute;
    top: 360px;
    left: 790px;
    z-index: 100;
}

/* Menu accessibilité supérieur */
.accessibilityMenu{
font-size:0.9em;
text-align:right;
margin:0 15px -8px 0;
}
.accessibilityMenu a{
color:#444;
}

p{
margin:0 0 15px 0;
}

/* Pied de page */
.footer, .footer a{
color:#8d8d8d;
}
.footer{
text-align:center;
margin:10px 0 30px 0;
font-size:0.9em;
}
.footer a:hover{
color:#aeadad;
}

a{
color:#fff;
}

a:hover{
text-decoration:none;
}

.articleList{
border-top:1px solid #444;
padding-bottom:5px;
}
.articleList.first{
border-top:none;
}

iframe{
border:1px solid #444;
margin-bottom:15px;
}

/**
 * Slide de la page d'accueil
 */
#slide p{
position:absolute;
margin:0;
}
#slide{
position:absolute;
top:0;
left:0;
}
#header .top{
position:absolute;
lef:0;
bottom:0;
margin:0;
z-index:100;
}


#pjsSons p{
margin: 0 0 3px 0;
}

h2{
font-size:1.6em;
margin:15px 0 10px 0;
color:#ff9600;
}
h2 span{
display:block;
font-size:0.6em;
color:#6b9e18;
}
h2 a{
text-decoration:none;
color:#ff9600;
}

h3{
font-size:1.3em;
color:#ff9600;
}

.agenda h3{
margin:15px 0 0 0;
}
.agenda p{
margin:0;
}
.agenda p strong{
color:#6b9e18;
font-size:1.2em;
}

h4{
font-size:1.1em;
color:#ff9600;
}

#main ul{
list-style-type:none;
margin:15px 0 15px 15px;
padding:0;
}
#main ul li{
padding:1px 0 1px 12px;
background:url(../images/chip.png) left center no-repeat;
}

#main{
color:#c1bfbf;
margin:0 0 0 40px;
width:700px;
}
#main p{
line-height:1.4em;
}

/**
 * Menu
 */

#contMenu{
width:160px;
float:right;
margin-right:25px;
margin-bottom:50px;
font-size:1.4em;
}
#contMenu a{
color:#ff9600;
text-decoration:none;
display:block;
width:160px;
}

#contMenu li{
width:160px;
padding-bottom:5px;
}
#contMenu li:nth-child(even) a{
    color: #ffea00;
}
#contMenu li:nth-child(odd) a{
    color: #ff9600;
}
#contMenu li a:hover{
color:#7cc520;
}
#contMenu li a.current{
color:#7cc520;
font-size: 1.2em;
}
#contMenu li a.current:before{
content: " < ";
}
.menu, .subMenu, .activeSubMenu{
list-style-type:none;
margin:0;
padding:3px 0 0 0;
width:160px;
}
.menu{
width:160px;
padding-bottom:12px;
padding-top:12px;
}
.menu.first{
border:none;
}
.subMenu, .activeSubMenu{
padding-left:20px;
width:140px;
}




.clear{
font-size:0;
line-height:0;
clear:both;
height:50px;
}

.clearLeft{
clear:left;
}

/***************************
	Galerie
****************************/

#photosGalery dl.zoom{
	float:left;
	width:100px;
	margin:0 10px 10px 0;
	text-align:center;
	font-size:0.9em;
}
#photosGalery dl.zoom dd, #photosGalery dl.zoom dt{
	text-align:center;
	width:110px;
	margin:0;
}
#photosGalery dl.zoom dt img{
	display:inline;
}
#photosGalery dl.zoom dd em{
	font-size:0.9em;
}
#photosGalery h2{
    clear:both;
    margin:10px 0 15px 0;
    padding-top: 20px;
}
#photosGalery .clear{
    height:2px;
}
#photosGalery img{
border:1px solid #333;
}

form#boutique img{
float:left;
margin:0 10px 15px 0;
}

form#boutique dl{
clear:left;
padding: 0 0 15px 0;
margin:0;
}
form#boutique dd, form#boutique dt{
margin:0;
padding:0;
}
form#boutique .quantite{
width:30px;
text-align:center;
border:1px solid #666;
background-color:#ccc;
}
form#boutique textarea{
border:1px solid #666;
background-color:#ccc;
padding:3px;
font-family:arial, sans-serif;
font-size:0.9em;
}

form#boutique .error textarea, form#boutique .error input{
border:1px solid #cc0000;
}
form#boutique .error{
color:#cc0000;
}

form#boutique .quantite:focus, form#boutique textarea:focus{
background-color:#fff;
}

input.submit{
background-color:#ff9600;
border-top:1px solid #ffcc84;
border-left:1px solid #ffcc84;
border-right:1px solid #975901;
border-bottom:1px solid #975901;
}
input.submit:hover{
background-color:#ffc105;
}

form#boutique label.textarea{
display:block;
font-weight:bold;
}
form#boutique #footer{
clear:left;
}


ul.phpbMessage .error{
color:#cc0000;
font-weight:bold;
}


.bonDeCommande{
border:3px dashed #ccc;
background-color:#444;
padding:10px 10px 30px 10px;
color:#ccc;
text-align:center;
margin-bottom:30px;
position:relative;
}
.bonDeCommande #ill1{
width:58px;
height:51px;
position:absolute;
right:30px;
bottom:-31px;
}
.bonDeCommande h3{
text-align:center;
font-size:1.4em;
}
.bonDeCommande .aide{
font-size:0.9em;
text-align:center;
font-style:italic;
}
.bonDeCommande a{
color:#ff9600;
font-weight:bold;
}
.bonDeCommande table{
width:100%;
border-collapse: collapse;
border-spacing:0;
}
.bonDeCommande table td, .bonDeCommande table th{
border:1px solid #777;
}
.bonDeCommande td.article{
width:300px;
text-align:left;
padding:0 5px;
}
.bonDeCommande .total td{
background-color:#777;
color:#fff;
font-weight:bold;
}
.bonDeCommande th{
color:#fff;
background-color:#519e17;
}

#main img.right{
float:right;
margin:0 0 15px 15px;
}
#main img.left{
float:left;
margin:0 15px 15px 0;
}

/* Formulaire newsletter en page d'accueil */
form#newsletter{
color:#74aa1a;
margin:20px 0;
}
form#newsletter label{
font-size:0.8em;
}
form#newsletter p{
margin:0;
}
form#newsletter #email{
border:0;
background-color:#565656;
color:#fff;
padding:1px 2px;
}
form#newsletter #email:focus{
background-color:#6e6e6e;
}
form#newsletter .submit{
background-color:#74aa1a;
color:#000;
border-top:1px solid #b6db78;
border-left:1px solid #b6db78;
border-right:1px solid #4d730e;
border-bottom:1px solid #4d730e;
}
form#newsletter .submit:hover{
background-color:#99ee0c;
}

form#newsletterConfirm #email{
width:400px;
border:0;
color:#000;
padding:1px 2px;
}
form#newsletterConfirm #resultat{
width:50px;
border:0;
color:#000;
padding:1px 2px;
text-align:center;
}