body
{
	text-align:center;
	background-color:#F4F2FD;
}

div#wrapper
{	
	text-align:left;
	margin:0 auto;
	position:relative;
	width:900px;
	_width:910px;
	background-image:url('/themes/3cannelles/images/wrapper-bckg-institut.gif');
	background-position:top left;
	background-repeat:repeat-y;
	padding:0 5px;
}

div#headerContent
{
	background-image:url('/themes/3cannelles/images/header-bckg-institut-3cannelles.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	height:223px;
	position:relative;
}

div#headerContent h1,
div#headerContent h2
{
	padding:0;
	margin:0;
	background:none;
	text-aklign:right;
	position:absolute;
	right:20px;
}
div#headerContent h1
{
	top:160px;	
}
div#headerContent h2
{
	top:185px;
	font-size:12px;
}

div#headerLinks a,
div#headerLinks
{
	color:white;
	font-size:10px;
	text-decoration:none;
}
div#headerLinks a
{
	padding:5px 3px;	
}
div#headerLinks a:hover
{
	text-decoration:underline;
}
div#headerLinks
{
	position:absolute;
	top:3px;
	right:40px;
}
div#headerLinks2
{
	position:absolute;
	top:3px;
	right:20px;
}

a#homeLink
{
	position:absolute;
	display:block;
	height:180px;
	width:180px;
	top:20px;
	left:230px;
	text-decoration:none;
}


/* Menu */
div#menuContent
{
	background-image:url('/themes/3cannelles/images/menu-bckg-institut-lehavre.gif');
	background-repeat:repeat-x;
	background-poszition:top left;
	height:73px;
	padding-left:28px;
}
/**div#interieur{width:775px;}**/


a#boutique{color:#FFFFFF; font-size:12px; text-decoration:none;position:absolute; right:75px; top: 231px;}
a:hover #boutique{color:#9B6D00; text-decoration:none;}


ul.menu0
,ul.menu0 li
{
	background:none;
	padding:0;
	margin:0;
	text-indent:0;
	list-style:none;
	
}

ul.menu0 li a
{
	font-weight:normal;
	font-style:normal;
}

li.level0
{
	float:left;
	position:relative;
}

li.level0 a
{
	display:block;
	margin-left:15px;
	margin-right:15px;
	text-align:center;
	color:white;
	text-decoration:none;
	font-size:12px;
	line-height:30px;
}

li.level1 a.current
{
	font-weight:bold;
	color:#FFFFFF;
}

li.level0 a:hover,
li.level0 a.hover
{
	color:#9B6D00;
	text-decoration:none;
}
li.level0 a.hover1
{
	font-weight:bold;
	color:#9B6D00;
}
ul.menu1
{
	position:absolute;
	background-color:#EDD95C;
	top:15px;
	left:0;
	width:145px;
	text-align:center;
	z-index:100;
}
li.level1
{
	border-bottom:1px solid white;
}
li.level1 a
{
	text-align:left;
	color:#A27716;
}
li.level1 a:hover
{
	color:white;
}

/* fin menu */

div#pageContent
{
	min-height:450px;
	_height:450px;
	background-image:url('/themes/3cannelles/images/pagecontent-bckg-institut-lehavre.jpg');
	background-position:0px 20px;
	background-repeat:no-repeat;
	padding-top: 20px;
}


div.sideElement
{
	width:156px;
	height:156px;
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	margin:0 0 10px 0;
}

div#firstElement
{
	background-image:url('/themes/3cannelles/images/cheques-cadeaux-institut-3cannelles.jpg');
}
div#secondElement
{
	background-image:url('/themes/3cannelles/images/newsletter-institut-3cannel.jpg');
}
div#thirdElement
{
	background-image:url('/themes/3cannelles/images/contact-institut-beaute-3cannelles.jpg');
}
div#fourthElement
{
	background-image:url('/themes/3cannelles/images/agenda-institut-3cannelles.jpg');
}

div#firstElement h3,
div#secondElement h3,
div#fourthElement h3
{
	
	padding:75px 0 0 0;
	text-align:center;
	width:156px;
}


#thirdElement p{padding-top:20px; text-align:center;width:156px; }

div#firstElement h3 a,
div#secondElement h3 a,
div#fourthElement h3 a
{
	color:white;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
}

div#firstElement h3 a:hover, 
div#secondElement h3 a:hover,
div#fourthElement h3 a:hover
{
color:white;
font-size:13px;
font-weight:normal;
text-decoration:underline;
}

div#firstElement h3 strong,
div#secondElement h3 strong,
div#fourthElement h3 strong
{
	font-style:italic;
}

#thirdElement p
{
	width:156px;
	font-weight:bold;
	text-align:center;
	color:white;
	font-size:12px;
	bottom:18px;
	left:0;
	padding-top:53px;
}

#thirdElement #links a
{
	color:#A37718;
	font-weight:bold;
}

#thirdElement p#links
{
	padding-top:0px;
}

#thirdElement #links a:hover
{
	color:#CC9000;
	font-weight:bold;
}


div#footContainer
{
	background-image:url('/themes/3cannelles/images/footer-bckg-institut-le-havre.gif');
	background-position:top left;
	backgroup-repeat:no-repeat;
	height:100px;
	color:white;
}

div#footContainer a,
div#footContainer p
{
	color:white;
	text-decoration:none;
}

div#footContainer a:hover
{
	color:white;
	text-decoration:underline;
}

div#footContainer div
{
	margin-left:30px;
	margin-top:20px;
}
div#footContainer h6
{
	font-weight:bold;
	color:white;
	font-size:14px;
	margin:0;
	margin-bottom: 10px;
}

a#footHomeLink
{
	position:absolute;
	display:bloc;
	height:75px;
	width:100px;
	top:-10px;
	right:40px;
}
#plansite h4
{
color:white;
font-size:14px;
padding:0;
text-align: left; 
}

.CadreContact {
background:none repeat scroll 0 0 #F2ECD6;
border:1px dashed #CC9000;
padding:3px;
width:570px;
}
.CadreContact h2 {
background-color:#CC9000;
margin:0 0 10px;
padding:8px;
color:#FFFFFF;
}