/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
/*padding-top:78px;*/
	margin:0;
	padding:0;
	/*height:100%; /* needed for container min-height */
background:#dbdcdd;
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
}

h1 { 
	font:1.5em georgia,serif; 
	margin:0.5em 0;
}

h2 {
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
}
	h1, h2, a {
		color:orange;
	}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}
img{
border:0;


}


div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:923px;
	/*background:#fff;*/
	height:auto !important; /* real browsers */
	height:670px; /* IE6: treaded as min-height*/
	/*min-height:100%; /* real browsers */
}

div#header {
/*margin-top:80px;*/
	padding:0;
	background:#ddd url("../images/container-h.gif") no-repeat;
	height:6px;
	}

div#content {
	padding:1em 1em 1.5em; /* bottom padding for footer */
	background:#ddd url("../images/container-b.gif") repeat-y;
	height:650px;
}
	div#content p {
		text-align:left;
		padding:0 1em;
	}

div#footer {
margin:0;
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
background:#ddd url("../images/container-f.gif") no-repeat;
	height:5px;
}
	div#footer p {
		padding:1em;
		margin:0;
	}

div#cadre-rose {
border: 1px solid #ea70a3;
height : 550px;
width: 885px;
margin-top : 12px;
margin-bottom : 5px;
margin-left:auto;
margin-right:auto;
}
div#susp{
background:url("../images/fotobg.png") no-repeat;
width:168px;
height:57px;
left:370px;
top:123px;
position:absolute;
z-index:80;
}
div#photo{
background:#ccc;
width:860px;
height:516px;
margin:auto;
margin-top:15px;
}
div#foot1{
background:#fff;
width:480px;
height:18px;
left:230px;
top:670px;
position:absolute;
z-index:80;
font-family: Verdana, Arial;
font-size: 12px;
}
div#foot2{
/*font-family: Verdana, Arial;*/
margin-top:0;
font-size: 12px;
width:815px;
height:20px;
left:53px;
top:677px;
position:absolute;
z-index:80;
}
div#msg{
vertical-align:middle;
font-size: 9px;
color: #000;
width:550px;
margin-left:540px;
}
.temoignage{
background:url("../images/temoignage.gif") no-repeat;
width:148px;
height:20px;
float:right;
margin:0px;
position:absolute;
left:760px;
z-index:80;
}
.temoignage-courant{
background:url("../images/temoignage2.gif") no-repeat;
width:148px;
height:20px;
float:right;
margin:0px;
position:absolute;
left:760px;
z-index:80;
}
.temoignage:hover{
background:url("../images/temoignage1.gif") no-repeat;
width:148px;
height:20px;
float:right;
margin:0px;
position:absolute;
left:760px;
}

.langfr{
background:url("../images/langfr.gif") no-repeat;
width:108px;
height:20px;
margin:0px;
position:absolute;
left:20px;
z-index:80;
}
.langfr:hover{
background:url("../images/langfr1.gif") no-repeat;
width:108px;
height:20px;
margin:0px;
position:absolute;
left:20px;
z-index:80;
}
.acc{
background:url("../images/acc.gif") no-repeat;
width:70px;
height:20px;
float:left;
margin:0px;
position:absolute;
left:20px;
top: 62px;
z-index:80;
}
.acc-courant{
background:url("../images/acc2.gif") no-repeat;
width:70px;
height:20px;
float:left;
margin:0px;
position:absolute;
left:20px;
top: 62px;
z-index:80;
}
.acc:hover{
background:url("../images/acc1.gif") no-repeat;
width:70px;
height:20px;
float:left;
margin:0px;
position:absolute;
left:20px;
top: 62px;
z-index:80;
}
.contact{
background:url("../images/contact.gif") no-repeat;
width:148px;
height:20px;
float:left;
margin:0px;
position:absolute;
left:87px;
top: 62px;
z-index:80;
}
.contact:hover{
background:url("../images/contact1.gif") no-repeat;
width:148px;
height:20px;
float:left;
margin:0px;
position:absolute;
left:87px;
top: 62px;
z-index:80;
}
.panier{
background:url("../images/panier.gif") no-repeat;
width:148px;
height:20px;
float:right;
margin:0px;
position:absolute;
left:760px;
top: 62px;
z-index:80;
}
.panier-courant{
background:url("../images/panier2.gif") no-repeat;
width:148px;
height:20px;
float:right;
margin:0px;
position:absolute;
left:760px;
top: 62px;
z-index:80;
}
.panier:hover{
background:url("../images/panier1.gif") no-repeat;
width:148px;
height:20px;
float:right;
margin:0px;
position:absolute;
left:760px;
top: 62px;
}
div#titre{
font-size:18px;
color:#EA6FA3;
/*font-weight:bold;*/
padding-left:10px;
padding-top:10px;
}
div#gauche {
float:left;
width:350px;
color:#000000;
padding-left:0px;
}
div#droite {
float:right;
width:350px;
color:#000000;
padding-left:0px;
}
div#temoignez{
width:135px;
height:26px;
background: url("../images/temoignez.gif") no-repeat;
margin:0;
}
div#temoignez:hover{
width:135px;
height:26px;
background: url("../images/temoignez1.gif");
margin:0;
}
div#temoigneza{
width:135px;
height:26px;
background: url("../images/temoigneza.gif");
margin:0;
}
div#temoigneza:hover{
width:135px;
height:26px;
background: url("../images/temoigneza1.gif");
margin:0;
}
div#voeu{
width:135px;
height:26px;
background: url("../images/voeu.gif");
margin:0;
}
div#voeu:hover{
width:135px;
height:26px;
background: url("../images/voeu1.gif");
margin:0;
}
#lienblack {
color: black;
text-decoration: none;
cursor: pointer;
}
#lienblack:hover {
color: black;
text-decoration: underline;
}
#msgjjj:hover{
color: #000;
}
#bt-retour{
height:24px;
width:65px;
position:absolute;
background: url("../images/bouton_retour.gif");
float:left;
margin-left:5px;
margin-top:-5px;
}
#bt-suite{
height:24px;
width:65px;
position:absolute;
background: url("../images/bouton_suite.gif");
left:830px;
margin-top:-5px;
}