@charset "utf-8";

html {
	height: 100%;
	overflow-y: scroll;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	background:#ffcc00 url(images/back_test.jpg) center 0;
	font-weight: normal;
	color:#000;
	text-align:justify;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color:#9D9EA0;
	font-size: 12px;
	text-decoration:underline;
}
a:hover {
	color: #777;
	text-decoration:none;
}

h1, h2, h3, h4 {
	margin:0;
}

h3 {
	font-size:18px;
	font-weight:bold;
	padding-bottom:15px;
}






p {
	margin:0;
	padding-bottom:12px;
	text-align:justify;
	line-height:15px;
}

ul {
	padding:0;
	margin:0 0 0 20px;
}
li {
	list-style-image:url(images/_bullet.jpg);
	list-style-position:outside;
	padding:2px 0;
	font-weight:bold;
}

.titre {
	font-size:16px;
	color:#F8802A;
	font-weight:bold;
}

.cie {
	font-size:14px;
	color:#000000;
	font-weight:bold;
}

.emphase {
	font-size:14px;
	color:#de1923;
	font-weight:bold;
}

/*** <div class="burst"> ******/
.burst a {
	display:block;
	width:100%;
	height:inherit;
}
.burst a:hover {
	background:#fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index:1; 
}


.button a {
	display:block;
	padding:5px;
	color:#fff;
	background-color:#666;
	text-decoration:none;
}
.button a:hover {
	background-color:#999;
}


.clearfix {
	height:0;
	clear:both;
}


/**** Bonshommes**********/

.stage {
	position:absolute;
	top: 281px;
	left: 5px;
	width: 100%;
	min-width: 975px;
	height: 218px;
	overflow: hidden;
        }

 #bonshommes {
            background: transparent url(images/bonshommes.png) 305px 102px repeat-x;
        }




/* *** wappers **********/


#corps {
	position:relative;
	padding:0;
	margin:0 auto;
	width:975px;
	z-index:3;
	background:#ffcc00 url(images/back_test.jpg) center 0;



	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;

}

#tete {
	position:relative;
	height:975px;
	height:161px;
}
#tete h1 {
	display:none;
}


#menu{
	width:638px;
	height:47px;
	position: relative;
	padding: 0;
	margin: 0 0 0 2px;
}

#ventre {
	position:relative;
	width:975px;
	margin:0;
	padding:0;
	z-index: 10;
}

.ventre_index{
	height:390px;
}

#pied {
	position:relative;
	width:975px;
	height:164px;
	margin:0;
	padding:0;
}


/*** Debut boites absolute ************/



/****** INDEX ************/

#index_bebe{
	position:absolute;
	right:27px;
	top:13px;
	width:243px;
	height: 216px;
}


#wrap_col01 {
	position:relative;
	margin:0 auto;
	width:975px;
	overflow:visible;
	z-index:20;
	
	
}

#index_col01 {
	position:absolute;
	/*
	top:13px;
	*/
	top:208px;
	left:-65px;
	width:334px;
	height:349px;
	margin:0;
	padding:0;
	z-index:9999;
}

#index_col02 {
	position:absolute;
	top:31px;
	left:305px;
	width:622px;
	height:242px;
	margin:0;
	padding:0;
}

#index_col03 {
	position:absolute;
	top:278px;
	left:295px;
	width:650px;
	height:105px;
	margin:0;
	padding:0;
}


.index_polaroid{
	width:311px;
	height:165px;
	float:left;
	background:url(images/index_ombre_polaroid.png) bottom right no-repeat;
	padding:0;
	margin:0 0 0 10px;
}


.index_polaroid a:hover{
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}

/****** GARDERIE ************/

#ventre_gard {
	position:relative;
	width:975px;
	margin:0;
	padding:0;
	z-index: 10;
}

.ventre_gard{
	height:690px;
}


#gard_bebe{
	position:absolute;
	right:38px;
	top:48px;
	width:235px;
	height: 172px;
}



#gard_col01 {
	position:absolute;
	/*
	top:13px;
	*/
	top:267px;
	left:79px;
	width:478px;
	height:379px;
	margin:0;
	padding:0;
	z-index:1;
}

#gard_col02 {
	position:absolute;
	top:27px;
	left:34px;
	width:489px;
	height:275px;
	margin:0;
	padding:0;
}

#gard_col03 {
	position:absolute;
	top:631px;
	left:5px;
	width:407px;
	height:76px;
	margin:0;
	padding:0;
	z-index: 2;
}

#gard_col04 {
	position:absolute;
	top:154px;
	left:613px;
	width:317px;
	height:435px;
	margin:0;
	padding:0;
	z-index: 9999;
}


#gard_col05 {
	position:absolute;
	top:382px;
	left:573px;
	width:377px;
	height:262px;
	margin:0;
	padding:0;
}


.gard_polaroid{
	width:311px;
	height:165px;
	float:left;
	background:url(images/index_ombre_polaroid.png) bottom right no-repeat;
	padding:0;
	margin:0 0 0 10px;
}


.gard_polaroid a:hover{
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}


/****** SERVICE ************/

#ventre_serv {
	position:relative;
	width:975px;
	margin:0;
	padding:0;
	z-index: 10;
}

.ventre_serv{
	height:650px;
}


#serv_bebe{
	position:absolute;
	right:-70px;
	top:6px;
	width:426px;
	height: 251px;
}



#serv_col01 {
	position:absolute;
	/*
	top:13px;
	*/
	top:335px;
	left:12px;
	width:451px;
	height:250px;
	margin:0;
	padding:0;
	z-index:1;
}

#serv_col02 {
	position:absolute;
	top:20px;
	left:491px;
	width:438px;
	height:275px;
	margin:0;
	padding:0;
}

#serv_col03 {
	position:absolute;
	top:574px;
	left:575px;
	width:407px;
	height:76px;
	margin:0;
	padding:0;
	z-index: 2;
}

#serv_col04 {
	position:absolute;
	top:240px;
	left:12px;
	width:451px;
	height:250px;
	margin:0;
	padding:0;
	z-index: 9999;
}


#serv_col05 {
	position:absolute;
	top:336px;
	left:501px;
	width:397px;
	height:250px;
	margin:0;
	padding:0;
}


.serv_polaroid{
	width:456px;
	height:256px;
	float:left;
	background:url(images/serv_ombre_polaroid.png) bottom right no-repeat;
	padding:0;
	margin:0 0 0 10px;
}


.serv_polaroid a:hover{
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}




.serv_polaroid2{
	width:311px;
	height:256px;
	float:left;
	background:url(images/serv_ombre_polaroid2.png) bottom right no-repeat;
	padding:0;
	margin:0 0 0 10px;
}


/****** COORDONNEES ************/

#ventre_coordz {
	position:relative;
	width:975px;
	margin:0;
	padding:0;

}

.ventre_coordz{
	height:650px;
	z-index: 10;
}


#coordz_bebe{
	position:absolute;
	right:78px;
	top:-5px;
	width:153px;
	height: 284px;
}



#coordz_col01 {
	position:absolute;
	/*
	top:13px;
	*/
	top:335px;
	left:12px;
	width:451px;
	height:250px;
	margin:0;
	padding:0;
	z-index:999;
}

#coordz_col02 {
	position:absolute;
	top:17px;
	left:57px;
	width:167px;
	height:39px;
	margin:0;
	padding:0;
	z-index: 9999;
}

#coordz_col03 {
	position:absolute;
	top:574px;
	left:575px;
	width:407px;
	height:76px;
	margin:0;
	padding:0;
	z-index: 2;
}

#coordz_col04 {
	position:absolute;
	top:262px;
	left:18px;
	width:860px;
	height:601px;
	margin:0;
	padding:0;
	z-index:9999;
	overflow:visible;
	
}


#coordz_col05 {
	position:absolute;
	top:335px;
	left:498px;
	width:305px;
	height:250px;
	margin:0;
	padding:0;
}


.coordz_polaroid{
	width:456px;
	height:256px;
	float:left;
	background:url(images/serv_ombre_polaroid.png) bottom right no-repeat;
	padding:0;
	margin:0 0 0 10px;
}


.coordz_polaroid a:hover{
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}




.coordz_polaroid2{
	width:311px;
	height:256px;
	float:left;
	background:url(images/serv_ombre_polaroid2.png) bottom right no-repeat;
	padding:0;
	margin:0 0 0 10px;
}

/*** CSS Drop Shadow *********/

.shadow {
	-moz-box-shadow: 3px 4px 40px #000;
	-webkit-box-shadow: 3px 4px 40px #000;
	box-shadow: 3px 4px 40px #000;
	
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}




/*****Transparent *********/

.transparent{
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}







/* *** Floating Elements **********/

#son_flash {
	position:absolute;
	width:44px;
	height:44px;
	top:-146px;
	right:10px;
	z-index:100;
}

#element_flottant {
	position:absolute;
	width:120px;
	height:50px;
	top:130px;
	right:30px;
	background:#009900;
	z-index:100;
}






/****************************************/
/********** Neat Form BY MARC **********/
/**************************************/

form { 
	margin:0;
	padding:0;
}
.check {
	width: 20px;
	height: 20px;
	border:0;
	background-color:transparent;
}
input {
	width: 250px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color:#fff;
}
.inputxs {
	width: 100px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color:#fff;
}
textarea {
	width: 250px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 12px;
	background-color:#fff;
	height: 60px;
	overflow:auto;
}
.textareaxl {
	width: 400px;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 12px;
	background-color:#fff;
	height: 135px;
	overflow:auto;
}
.submit {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	font-size:12px;
	color:#fff;
	width:250px;
	padding:3px 0;
	background-color:#017BA0;
}
.boxed {
	border: 1px solid #000;
	background-color:#eee;
}
select {
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#fff;
	width:250px;
	color:#000;
}












/****************************************/
/********** footer **********/
/****************************************/

#footer {
	text-align:center;
	margin:0;
	padding:20px 0;
	font-size:11px;
	color:#3F7FAF;
	clear:both;
}
#footer a {
	padding:0 2px;
	font-size:11px;
	color:#CF3F7F;
	text-decoration:none;
}
#footer a:hover {
	color: #3F7FAF;
	text-decoration:underline;
}

/****************************************/
/********** Signature Mediaweb **********/
/****************************************/

#mediaweb {
	text-align:right;
	width:975px;
	clear:both;
	margin: 0 auto;
}
#mediaweb a {
	color:#AF170F;
	text-decoration:none;
	font-size:10px;

}
#mediaweb a:hover {
	color: #CF2727;
	text-decoration:underline;
}


<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="scripts/jquery-ui-1.7.1.custom.min.js"></script>
		<script type="text/javascript" src="scripts/execute.js"></script>
		
		
		


Screen Stylesheet for jQuery Realistic Hover Effect
Created by Adrian Pelletier
http://www.adrianpelletier.com

*/


/* =Imports
============================================================================== */

	@import url("resets.css");



/* =Navigation
============================================================================== */

	/* =Reflection Nav
	-------------------------------------------------------------------------- */
		
		#nav-reflection {
			margin: 0 auto 50px auto;
			padding: 50px 0 0 172px;
			width: 452px;
			min-height: 130px;
			
			list-style: none;
			}
			
		#nav-reflection li {
			margin-right: 15px;
			width: 305px;
			float: left;
			}
			
		#nav-reflection a, #nav-reflection a:visited, #nav-reflection a:hover {
			width: 305px;
			height: 159px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(images/cadre.png) no-repeat;
			display: block;
			}
			
		#nav-reflection span {
			margin-top: 1px;
			width: 305px;
			height: 159px;
			text-align: center;
			
			display: block;
			}
			
		/* Button Colors */
		
		#nav-reflection li.button-color-1 a {
			background-position: -3px -3px;
			}
			
		#nav-reflection li.button-color-2 a {
			background-position: -92px -3px;
			}
			
		#nav-reflection li.button-color-3 a {
			background-position: -181px -3px;
			}
			
		
		/* Button Reflection Color */
		
		#nav-reflection li.button-color-1 span {
			background-position: 0 0;
			}
			
		#nav-reflection li.button-color-2 span {
			background-position: -89px 0;
			}
			
		#nav-reflection li.button-color-3 span {
			background-position: -178px 0;
			}
			
		
			
			
	/* =Shadow Nav
	-------------------------------------------------------------------------- */
		
		#nav-shadow {
			margin: 0 auto 50px auto;
			padding: 50px 0 0 127px;
			width: 305px;
			min-height: 159px;
			text-align: center;
			
			list-style: none;
			}
			
		#nav-shadow li {
			margin-right: 15px;
			width: 81px;
			height: 72px;
			position: relative;
			float: left;
			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width: 305px;
			height: 159px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(images/cadre.png) no-repeat;
			display: block;
			position: relative;
			z-index: 2;
			}
			
		/* Button Colors */
		
		#nav-shadow li.button-color-1 a {
			background-position: -3px -3px;
			}
			
		#nav-shadow li.button-color-2 a {
			background-position: -92px -3px;
			}
			
		#nav-shadow li.button-color-3 a {
			background-position: -181px -3px;
			}
			
		#nav-shadow li.button-color-4 a {
			background-position: -270px -3px;
			}
			
		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			}