/* @override http://localhost:8888/monpetitballet/css/style.css */

	
body {
	margin: 0 auto;
	padding: 0;
	background: #FFF;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 9px;
	color: #666;
}

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration:line-through;
	color: #333;
}
a:active {
	text-decoration: none;
	color: #333;
}
/*#header {
	margin-right: auto;
	margin-left: auto;	
	margin-top: 20px;
	display: block;
	position: relative;
	z-index: 10;	
	height: 60px;
	width: 840px;
	padding: 0;
	background: #FFF;
	}*/
#header {
	margin-right: auto;
	margin-left: auto;	
	margin-top: 20px;
	display: block;
	position: relative;
	z-index: 10;	
	height: 90px;
	width: 840px;
	padding: 0;
	background: #FFF;
	}

#header img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-decoration:none;
}

#title_bas_nav {
	margin-right: auto;
	margin-left: auto;
	display: block;
	position: relative;
	z-index: 10;	
	width: 840px;
	height: 30px;
	font-size: 10px;
	letter-spacing:1px;
	text-align: right;
}

#footer {
	width: 1040px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	color: #666;
	z-index: 2;
	top: 240px;
}

#footer .footer_titre {
	font-size: 15px;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 3px;
}
#footer .footer_bas {
    font-size: 13px;
	text-align: center;
	margin-bottom: 10px;
	padding-bottom:10px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	border-bottom:#666 thin dotted;
	font-style:italic;
}
#footer .footer_nav {	
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
	margin-top: 10px;
}
#footer .footer_menu {
	display:block;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
	width:840px;
	text-align:center;
	
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
/*.logo {
	text-align:left;
	width:250px;
	float:left;
    margin-top: 0px;
	font-size:11px;
    font-weight: lighter;
	line-height:25px;
	letter-spacing: 1px;
}*/
.logo {
	text-align:left;
	width:250px;
	float:left;
    margin-top: 0px;
	font-size:11px;
    font-weight: lighter;
	line-height:25px;
	letter-spacing: 1px;
}
/*.contact {
	text-align:right;
	width:200px;
	float:right;
    margin-top: 20px;
	font-size:9px;
    font-weight: lighter;
}*/
.contact {
	text-align:right;
	width:200px;
	float:right;
    margin-top: 0px;
	font-size:9px;
    font-weight: lighter;
}
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 1040px;
	height:700px;

	/* custom decorations */
	z-index: 0;
}
.scrollable1 {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 1040px;
	height:900px;

	/* custom decorations */
	z-index: 0;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:200000px;
	position:absolute;
}
.anterior{
	width:840px;
	height:900px;
	margin-left:auto;
	margin-right:auto;
	background-color: #CCC;
	}
.col1{
	width:420px;
	height:580px;
	margin-top:30px;
	float:left;
	text-align:center;
        
	
	}
.col2{
	width:420px;
	height:580px;
	float:right;
	text-align:center;
	margin-top:30px;
	
	}
.col3{
	width:200px;
	height:530px;
	float:left;
	text-align:center;
	margin-top:0px;
	
	}
.col4{
	width:200px;
	height:530px;
	float:right;
	text-align:center;
	margin-top:0px;
	
	}
	
h5{
	text-align:center;
	font-style:italic;
	font-size:12px;
       
	}
h6{
	text-align:center;
	font-size:12px;
	font-weight:lighter;
        line-height:16px;
	}
h7{
	text-align:center;
	font-style:italic;
	font-size:11px;
	}
h8{
	text-align:center;
	font-size:10px;
	font-weight:lighter;
	line-height:20px;
	}

.items .slide {
	float:left;
	width:1040px;
}

.items div img {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.slide.achat {
	margin-top: 163px;
}


.items span {
	width: 840px;
	color: white;
	height: 560px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.achat span {
	margin-top: 0;
	text-align: justify;
}



.items h3 {
	color: gray;
	margin: 0 0 10px 0;
	font: italic 18px Georgia, serif;
}

/*.items p {
	color: silver;
	font: normal normal 14px/20px Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	margin: 0 0 20px;
	display: block;
	position: relative;
}*/
.items h1 {
	color: gray;
	text-align: right;
	font-size:12px;
    width: 840px;
	margin-top:100px;
    border-bottom:#666 thin dotted;
    letter-spacing: 1px;
	padding-bottom: 10px;
    padding-top: 5px;
    font-weight: lighter;
	display: block;
	position: relative;

}
.items h2 {
	color: gray;
	text-align: right;
	font-size:12px;
    width: 840px;
	margin-top:30px;
    border-bottom:#666 thin dotted;
    letter-spacing: 1px;
	padding-bottom: 10px;
    padding-top: 5px;
    font-weight: lighter;
	display: block;
	position: relative;

}

.items p {
	color: gray;
	text-align: justify;
	font-size:12px;
    width: 840px;
    line-height: 20px;
	display: block;
	position: relative;
}



/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}







/* this makes it possible to add next button beside scrollable */
.scrollable {
	margin-right: auto;
	margin-left: auto;
}

/* prev, next, prevPage and nextPage buttons */

.navigation {
	width: 1040px;
	height: 185px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -550px;
}
a.browse {
	background:url(../images/gral/hori_large.png) no-repeat;
	display:block;
	width:100px;
	height:185px;
	cursor:pointer;
	font-size:1px;
	float: left;
	position: relative;
	z-index: 99;
	margin: 0;
}

/* right */
a.right { 
	background: url("../images/gral/next.png") no-repeat scroll 0 0 transparent;	
	float: right;
}
a.right:hover { 
	background-position: 0 -185px;
}
 


/* left */
a.left {
	background: url("../images/gral/prev.png") no-repeat scroll 0 0 transparent;	
} 
a.left:hover { 
	background-position: 0 -185px; 
}

/* up and down */
a.up, a.down		{ 
	background:url(../images/gral/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* position and dimensions of the navigator */
.navi {
	height:20px;
	position: relative;
	display: block;
	width: 154px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	margin:3px;
	background:url(../images/gral/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	float: left;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

#mc_embed_signup{
	background:#fff; 
	clear:left;
	font-size:7px;
	font-weight: lighter; 
	width:100px;
	float:right; 
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	}
#mc_embed_signup form {
	display:block; 
	position:relative; 
	text-align:right;
	}
#mc_embed_signup h2 {
	font-weight: lighter; 
	}
#mc_embed_signup input {
	border:1px solid #999; 
	-webkit-appearance:none;
	width:100px;
	}
#mc_embed_signup input[type=checkbox]{
	-webkit-appearance:checkbox;
	}
#mc_embed_signup input[type=radio]{
	-webkit-appearance:radio;}
#mc_embed_signup input:focus {
	border-color:#333;
	}
#mc_embed_signup .button {
	clear:both; background-color: #333; 
	border-radius:1px; 
	color: #FFFFFF; 
	cursor: pointer; 
	display: inline-block; 
	height: 20px; 
	line-height: 12px;  
	text-align: center; 
	text-decoration: none; 
	vertical-align: top; 
	white-space: nowrap; 
	width: 100px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {
	}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {
	display:block; 
	}
#mc_embed_signup input.email {
	display:block; 
 	text-indent:5px; width:96px; 
	min-width:90px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
#mc_embed_signup input.button {display:block; width:100px; min-width:90px;}

#mc_embed_signup div#mce-responses {float: right; overflow:hidden; width:100px;clear: both;}
#mc_embed_signup div.response { font-weight: lighter; float: right; z-index:100; width:100px;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; text-align:left;}