                               /* Mise en page du site */

body {
background: transparent url(../images/fond_kids2.jpg) 50% 50%;
background-attachment:fixed;

/*background-color: #433e3e;*/
font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;


}   

.marges{
width: 1024px;
margin: auto;


}

.page {

color: #000000;
width: 96.9%;
margin: auto;
margin-top: 25px;
padding: 1em;
border: 2px #cb081c solid;
/*border: 2px #4b1f68 solid;*/
background: transparent url(../images/fond_kids_blanc.jpg) 50% 50%;
background-attachment:fixed;
}   




.boitemenu{
height: 2px; 
margin-top: 150px;
margin-bottom: 1em;
padding-bottom: 0px;

}

/*Typographie*/


.page a:link {color: #b8b8b8; text-decoration: underline;}
.page a:active {color: red; text-decoration: none;}
.page a:visited {color: #c20000; text-decoration: underline;}
.page a:hover {color: #9332dd; text-decoration: none;}

.bas {
text-align: center;
}


.page dt {
float: left;
width: 16%;
padding-right: 1em;
}

.page dd {
margin: auto;
}

.page h1 {
display: none;
}

.page h3,h4 {
text-align: left;
color: #cb081c;
}

.page ol ol {
list-style-type: lower-alpha;
}

.page li {
  padding-bottom: 1em;
  display: list-item;
  list-style-image: url(../images/g.png);
}

img {
border: none;
}

.img_droit {
float: right;
margin-left: 2em;
}

.img_gauche {
float: left;
margin-right: 2em;
}


h1.enregistrement{
background: transparent url(../images/divbg.jpg) top center;
padding-left: 0.5em;
border: 1px #9ca2ac solid;
}


.article_boutique {
float: left;
margin: 2px;;
padding-left: 0.5em;
padding-right: 0.5em;
border: 1px #9ca2ac solid;
font-size: 0.75em;
}

.spacer {
  clear: both;
}


.centre {
text-align: center;
}


input {
background-color: #000;
color: #fff;
border: 1px #fff solid;
}

.formulaire {
background-color: #000;
color: #fff;
border: 1px #fff solid;
width: 95%;
margin: auto;
}


.boitedroite {
float: right;
width: 300px;
background-color: transparent; 
padding: 1em;
margin: 1em;
margin-top: 0px;
clear: right;
font-size: 0.75em;
}

.boitedroite h2,h3 {
text-align: center;
}

.boitedroite li {
  padding-bottom: 1em;
  display: list-item;
  list-style-image: url(../images/g.png);
}

.boitedroite dt {
float: left;
width: 25%;
padding-right: 1em;
}

.boitedroite dd {
margin: auto;
}



.boitegauche {
float: left;
width: 300px;
background: transparent url(../images/divbg.jpg) top center;
padding: 1em;
border: 1px #9ca2ac solid;
margin: 1em;
margin-top: 0px;
clear: left;
}

.boitegauche h2,h3 {
text-align: center;
}

.boitegauche li {
  padding-bottom: 1em;
  display: list-item;
  list-style-image: url(../images/g.png);
}

.boitegauche dt {
float: left;
width: 25%;
padding-right: 1em;
}

.boitegauche dd {
margin: auto;
}

.celebration {
position: relative;
border: 1px #c30001 solid;
width: 550px;
min-height: 100px;
padding: 1em;
color: #ffffff;
z-index: 9;
}

.celebration img {
position: absolute;
right: 1em;
z-index: -8;
}


/* CSS du menu horizontal, bieler batiste */

.menu{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    z-index: 10;
    }

.menu ul{
    position:absolute;
    display:block;
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }


.menu a{
    text-align:center;
    background-color: #fff;
    border:1px #666 solid;
    color:#000;
    display:block;
    text-decoration:none;
    padding:2px 1em;
    margin:1px;
    }
    
.menu a:hover{
    background-color: #eee;
    border:1px #aaa solid;
    color: #000;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #aaf;
    color: #000;
}

a.linkOver{
    background-color: #eee;
    color: #000;
    }



.entetemenu a {
    text-align:center;
    background: transparent url(../images/fond_kids_blanc.jpg) 50% 50%;
    background-attachment:fixed;
    border: none;
    border-left: 1px #cb081c solid;
    border-right: 1px #cb081c solid;
    color:#000;
    display:block;
    text-decoration:none;
    padding:2px 1em;
    margin:0px;
    }
/* fin du menu horizontal */


/* Recherche dans Google */

.gsc-tabsArea{
visibility: hidden;
}

.gsc-control {
  width: 600px !important;
}

form.gsc-search-box {
  width: 50% !important;
}

.gsc-cursor-page {
color: #fff !important;
}

.gs-visibleUrl {
visibility: hidden;
}



/* jQuery lightBox plugin - Gallery style */
	.gallery {
		background-color: #000;
		padding: 10px;
		
	}
	.gallery ul { list-style: none; }
	.gallery ul li { display: inline; }
	.gallery ul img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
	}
	.gallery ul a:hover img {
		border: 5px solid #999;
		border-width: 5px 5px 5px;
		color: #fff;
	}
	.gallery ul a:hover { color: #fff; }

