/* CSS Document */
body {
	font-family:arial;
	font-size:11px;
	width:770px;
	margin:0px auto;
	text-align:center;	
	color:#7562AB;
}
ul, li, form, p, div, h1, h2, h3, a {margin:0; padding:0; font-size:11px;}
a {color:#7562AB;}
a:hover {color:#8EC6EC;}
.dn { display:none;}
acronym, img, table {border:none;}
table, img, img a {border:none;}
/*** top ***/
#top { 
	width:770px; 
	margin:0 auto;	
	text-align:left;	
	height:92px;	
}

#top h3{ 
	float:left;
	height:75px;
}
#top p.english {
	float:right;
	background: url("../images/anglais.gif") left 2px no-repeat;
	padding:0 0 3px 25px;
}
#top h2{ 	
	width:500px;
	float:right;
	text-align:right;	
	margin-top:15px;
}
/*** menu ***/
#menu {
	clear:both;	
	width:770px;
	padding:4px 0px;
	background-color:#8EC6EC;
	color:#FFFFFF;
	font-size:13px;
}
#menu a {
	color:#FFFFFF;
	padding:0 5px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}
#menu a:hover {
	color:#7562AB;
	text-decoration:underline;
}
/*** menu ***/
#contenu {
	margin:2px 0;
}
div.pres {
	width:770px; 
	margin:5px auto;	
}
div.pres div {
	float:left;
	width:256px;	
}
div.pres div img {	
	border-bottom:8px solid #E3E0EE;	
}
div.pres div p{
	padding:10px;
	text-align:justify;
	background: url("../images/bk_home.gif") left top repeat-y;
	border-top:5px solid #ACA1CD;
	border-bottom:5px solid #8EC6EC;
	height:200px;
	_height:225px;
	font-size:12px;	
}

div.pres div ul {
	padding:10px 10px 10px 20px;
	text-align:justify;
	background: url("../images/bk_home.gif") left top repeat-y;
	border-top:5px solid #ACA1CD;
	border-bottom:5px solid #8EC6EC;
	height:200px;
	_height:225px;		
}
div.pres div ul li{	
	font-size:12px;	
}
div.pres div ul li.promo{	
	font-size:12px;
	background: url("../images/promo.gif") left top no-repeat;
	padding:3px 0 5px 25px;
	list-style:none;
	margin:15px 0 0 0;	
}
div.pres div ul li.promo a{	
	font-size:12px;		
}
/*** bottom ***/
#bottom {
	clear:both;
	width:770px; 
	margin:5px auto;
	color:#8EC6EC;
}
#bottom h2 {
	display:inline;
	font-weight:normal;
	font-size:12px;
}
#bottom h2 a{
	display:inline;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
	padding:0 4px;
}
#contenum {
	background:#7662AA url("../images/bk_vague.gif") right bottom no-repeat;
	border-bottom:5px solid #8EC6EC;
	padding-bottom:50px;
	margin-top:2px;
	width:770px;
	height:100%;
	clear:both;
}
#contenum:after {
	content: ".";
	display: block;
	clear: both;
	color:#FFFFFF;
	height:0;
}

#contenum .left {
	float:left;
	width:290px;
	margin:5px;	
}
#contenum .left p {
	color:#FFFFFF;
	text-align:left;
	padding:5px;
}
#contenum .right p a{
	color:#FFFFFF;
	text-align:left;
}
#contenum .right p {
	text-align:left;
}
#contenum .right {
	float:left;	
	padding-bottom:50px;
	width:445px;
}
#contenum .right img{
	margin:15px 0 10px 0;
	width:445px;
	clear:both;	
}
#contenum .right p{
	padding:0 10px 0 10px;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	color:#FFFFFF;
}
#contenum .right ul{
	padding:0 10px 0 10px;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	color:#FFFFFF;
	margin-left:15px;	
}

#contact form{margin:20px 0;}
#contact p {clear:both; margin:6px 0 0 0px;}
#contact p.env {text-align:right; margin:10px 80px 0 0px;}
#contact p label{display:block;width:110px;float:left;font-weight:bold;text-align:right;padding-right:5px;}
#contact p label span{font-weight:normal;}
input, textarea {font-size:12px; color:#7662AA;}

.print {margin:10px 10px 0px 0px; float:right;}
.print a {color:#FFFFFF; background:#7662AA url("../images/print.gif") left top no-repeat; display:block; padding:0 0 5px 25px;width:50px; }
p.voir {}
p.voir a{ margin-top:15px; font-size:13px; display:block; background:url("../images/bt_main.gif") left top no-repeat; color:#FFFFFF; padding:0 0 7px 40px; font-weight:bold; text-decoration:none;}
p.voir a:hover {text-decoration:underline}

.plan {margin:20px 25px 20px 20px;}
.plan li {margin-bottom:15px; margin-left:50px; background:url("../images/bt_main.gif") left top no-repeat; padding-left:50px; padding-bottom:5px;}
.plan li ul {margin-top:10px;}
.plan ul li {margin-bottom:5px; list-style:square; background:none; padding-left:0px; margin-left:0px;}
.plan a {color:#FFFFFF; font-size:13px; text-decoration:none;}
.plan a:hover {color:#8EC6EC; font-size:13px; text-decoration:underline;}

#goodies {margin:10px; width:700px!important;}
#goodies h1 {text-align:left}
.model { width:200px; text-align:center; float:left; margin-right:20px;}
.model p {margin-bottom:5px; text-align:center!important; width:200px;}
.model p img {border:1px solid #FFFFFF; width:200px!important;}
.model p a {color:#FFFFFF; font-size:10px; text-align:center;}

/* menu */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menud {
position: absolute;
top:71px;
z-index:100;
width:770px;
margin:auto;
text-align:center;
clear:both;
margin-left:0px
}


#menud dl {
float: left;
margin:0px;
text-transform: uppercase;
}
#menud dl a {
color:#FFFFFF;
text-decoration:none;
}
#menud dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #8DC7ED;
border-right: 1px solid #FFFFFF;
padding:3px 9px;
color:#FFFFFF;
text-decoration:none;
}

#menud dd {

}


#menud li {
text-align: left;
background: #fff;
width: 138px;
text-transform: none;
}
#menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menud li a {
color: #7662AA;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
padding:2px 4px;
border-bottom: 1px solid #D3C6F4;
border-left: 1px solid #D3C6F4;
border-right: 1px solid #D3C6F4;
width: 128px;
text-decoration:none;
}
#menud li a:hover {
background: #CAE6F8;
}
#menu dt a:hover {
background: #7662AA;
}
.pasvoir { 
   display: none; 
} 

.voir { 
   display: inline; 
}
#contenum h1, #contact h2 {
	text-transform:uppercase;
	color:#8EC6EC;
	font-size:18px;
	foot-weight:bold;
	text-align:left;
	margin:20px 0 10px 5px;
	background:url(../images/bk-titre.jpg) left bottom no-repeat;
	padding:0 0 5px 2px;
	letter-spacing:-1px;
}