/* CSS Document */
/* Reset CSS */
body {
margin: 0;
padding: 0;
/*overflow-y:hidden;*/
}
*{
margin: 0;
padding: 0;
}

blockquote {
margin:0px 30px;
pading:0;
}
/* CSS Suite */
#Header {
position:absolute;
margin-top:5px;
height: 90px;
background-color:#FFFFFF;
background-image: url(images/BanniereArrondie.png);
background-repeat:no-repeat;
background-position:center;

width:100%;
}
#Droit {
height:95px;

}
#Gauche {
height:95px;
margin-left:80px;

}
#Conteneur {
	position: absolute;
	top:15px;
	width: 100%;
	background-color:#FFFFFF;
	overflow-x:hidden;
	/*overflow-y:hidden;*/
}
div#cadre {/* conteneur global et arrire-plan du titre du cadre */
position: fixed !important;
left: 0px;
width: 150px;
float:left;
margin-left:10px;
padding-top: 135px;
background: url(images/MenuTop.png) top left no-repeat;
}
div#bloccadre {/* arrire-plan bas et sur l'ensemble du cadre */
background: url(images/MenuBasLong.png) bottom left no-repeat;
padding-top:15px;
padding-bottom:15px;
text-align:center;
}
div#bloccadre p {
margin: 0 30px 0 20px;
}
ul {
padding:0;
margin:0;
list-style-type:none;
}
#bloccadre ul li a {
display:block;
width:130px;
background:#404040;
color: rgb(204, 204, 204);
text-decoration:none;
font-family: comic sans ms,verdana,arial,helvetica,geneva,sans-serif;
font-size:14px;
font-weight:bold;
margin:auto;
border:1px solid #ff6666
}
#bloccadre ul li a:hover {
background:#ca0008;
}
.contenu {
/*overflow: scroll;*/
margin-top:20px;
margin-left:170px;
margin-right:10px;
margin-bottom:20px;
width:auto;
height:auto;
/*height:425px;*/
background-color:#993333;
border:3px solid #000;
-moz-border-radius:20px;
-khtml-border-radius:20px;
color: rgb(204, 204, 204);
font-family: comic sans ms,verdana,arial,helvetica,geneva,sans-serif;
text-align:left;
padding-left:20px;
padding-right:20px;

}

#IE .contenu { margin-left:170px;}
.contenu p {
margin:0px;
padding:10px;
text-align:justify;
}
.Titre {
text-decoration:none;
}
.Titre a{
text-decoration:none;
}
.contenu a {
color: rgb(204, 204, 204);
/*text-decoration:underline;*/
}

.Incrustation {
	background-image:url(images/CarteFerme.png);
	background-repeat:no-repeat;
	width:800px;
	height:575px;
}
.TexteSuperpose {
    position: relative;
    height: auto;
    width: auto;
	color:#000000;
	padding-top: 425px;
	padding-left: -250px;
    /*left: 10px;*/
    /*top: 200px;*/
}
.TexteSuperpose a {
	color:#000000;
}	
.Info {
margin-top:20px;
margin-left:170px;
margin-right:10px;
padding-left:20px; /* Espace à gauche info*/
width:auto;
border-bottom:2px solid #ca0008;
}
#NavInfo {
list-style: none ;
margin: 0 ;
padding: 0;
}
#NavInfo li {
display:inline;
color: rgb(102, 102, 102);
}
#NavInfo li a {
color: rgb(51, 51, 51);
font-family: comic sans ms,verdana,arial,helvetica,geneva,sans-serif;
font-size:12px;
text-decoration:none;
}
#NavInfo li a:hover {
background-color:#ca0008;
color: rgb(204, 204, 204);
}
#NavInfo li a#active {
background: url(images/BackgroundInfo.png) left;
color: rgb(204, 204, 204);
font-size:16px;
}
.clear {
clear:both;
}
/* Footer */
.footer {
color: rgb(204, 204, 204);
font-family: comic sans ms,verdana,arial,helvetica,geneva,sans-serif;
font-size:8px;
text-align:center;
}
.footer p {
text-align:center;
}
.footer a {
color: rgb(204,204,204);
text-decoration:none;
}
.footer a:hover {
color:#0000FF;
}
/* h3 souligné */
h3 {
text-decoration:underline;
}
/* bouton extensible */
.button {
	display: -moz-inline-box;
	display:inline-block;
	background: url(images/BoutonToij.png) no-repeat left ;
	text-decoration: none;
	width: auto;
	border-width: 0px;
	border-style: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	height:40px;
}
	.button span, .button button {
		color: rgb(204, 204, 204);
		border: 0px none;
		cursor:hand;
		font: 18px comic sans ms,verdana,arial,helvetica,geneva,sans-serif;
		font-weight:bold;
		font-stretch:wider;
		background: url(images/BoutonToij.png) right ;
		display: -moz-inline-box;
		display:inline-block;
		height: 33px; /* Pour IE */
		margin: 0px;
		padding:7px 20px 0px 0px;
	}
	.button button {
		height: 40px;
		padding: 0px 15px 0px 0px;
		overflow:visible;
		width:auto;
		vertical-align:text-top;
	}
.button:hover {
	background: url(images/BoutonHover.png) no-repeat left ;
	color: #000000;
}
	.button:hover span, .button:hover button {
		background: url(images/BoutonHover.png) no-repeat right ;
	}
.button.submit {
	background-image:url(images/boutons2.png)
} 
	.button.submit span, button.submit.button {
		color:#FFFFFF;
		background-image:url(images/boutons2.png)
	} 
/* Fin bouton extensible */

/* Contenu Bebe Confort */
.ImageDroite {
float:right;
width:auto;
margin:5px;
margin-left:10px;
border:2px solid #000000;
}
/* Fin Contenu Bebe Confort */
.surligne {
color: #FFFF00;
}
/*Calerie photo  */
#flashcontent {
		/* height: 600px; */
		width:auto;
		font-family: comic sans ms,verdana,arial,helvetica,geneva,sans-serif;
}
/*Fin Calerie photo  */	

/* Page Principale flash  */
#Container {
	position:relative;
	/*overflow-y:scroll;*/
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	height:768px;	
}
.TopFlash {
	position:absolute;
	width:1024px;
	height:610px;
}
.BasFlash {
	position:absolute;
	display:block;
	background: url(images/BasFlash.png);
	width:1024px;
	height:158px;
	top:606px;
	}		
.texte {
	font:comic sans ms,verdana,arial,helvetica,geneva,sans-serif;
	padding-top:10px;
	color:rgb(204, 204, 204);
	text-align:center;
	}