/*===| I. LAYOUT SIZE |====================================================*/
* {margin: 0;}
object {
  outline: none;
}

#container1{width:996px; height:710px; margin:0 auto; }

#container {width: 926px; background: transparent;}
#header1 {width: 926px; height:131px; float:right;}
#left-column {width: 411px; padding:0 10px 0 92px; float: left; background: transparent;}
#right-column {width: 413px; height:509px; float: left; background: transparent;}
#diapo{width: 171px;height: 509px; float: left;}
#right-part{width: 242px; height: 509px; float: left;}
#newsletter{width: 150px; height: 58px; float: left; padding: 34px 82px 0 10px;}
#actualite{width: 150px; height: 137px; float: left; padding: 25px 82px 0 10px;}
#actualite p{
  font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
  font-size: 11px;
	color: #ffe0ea;
}
#plan{ width: 150px; height: 207px; float: left; padding: 44px 82px 0 10px;}



/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer, .push {height: 67px;}

.push	{clear: both;}

#footer
{
    clear: both;
    width:780px;
    padding-left:140px;
    height:67px;
}
#footer1
{
    width:780px;
    height:67px;
}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height
	-----------------------------------------------
*/	#wrap-container {	margin: 0 auto;}


/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/



html{height: 100%; width: 100%;}
body { width: 100%; text-align: center;}
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}

#wrap-container {
	min-height: 710px;
	height: auto !important;
	height: 100%;}
#container {
	margin:0 auto;
	text-align: left;}

#actualite, #contact-info, #promo {height: 125px;}

#footer {
	margin: 0 auto;
	padding: 0;}

/*	--- Important! -----------------------------------
	If you want space between paragraphs or headers,
	use padding instead of margin.
	-------------------------------------------------*/

/* ===| III. CONTENT ELEMENTS |===============================================*/

img {border: 0;}

/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements 
	you want to float (on the thumbs, for example)
*/	.left{float: left;} .right{float: right;}
		.left1{float: left; padding: 0 3px 0px 5px;} .right1{float: right; padding: 0 0 0 10px;}
    .left2{float: left; padding: 0 0px 5px 0px;} .right2{float: right; padding: 10px 0 0 10px;}
    .left3{float: left; padding: 0 15px 0px 0px;}.right3{float: right; margin: 0 0 0 10px;}

.paragraph{
  float: left;
	width: 100%;
}


.separator{
	width: 100%;
	height: 33px;
	clear: both;
	padding:0;
	line-height: 0px;}

.separator2{
	width: 100%;
	height: 23px;
	clear: both;
	padding:0;
	line-height: 0px;}

.digital-age
{
  float: left;
	padding: 18px 0 0 15px;
	width: 190px;
}
.digital-age p
{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#8b8b8b;
	text-align: left;
	line-height: 16px;
}

a:link, a:visited
{
	text-decoration: none;
	color: #ff2b95;
}
a:hover, a:active
{
	text-decoration: none;
  color: #8b8b8b;
}

.btn_envoyer , .btn_envoyer_over{width: 62px;height: 20px;float: left;}
.btn_retablir , .btn_retablir_over{width: 62px;height: 20px;float: left;}

  /* ======== | merci | ==================== */
#merci
{
    padding-top: 120px;
	  float:left;
    padding-left:45px;

}
#merci p {
        font-weight: bold;
        text-align: center;
				color: #d3a1b5;
        font-size: 12px;
				width: 260px;
				padding: 15px;
				background-color: #673042;
				border: solid 1px #7b646e;
        }

#merci a:link,#merci a:visited
{
	text-decoration: none;
	color: #ff2b95;
}
#merci a:hover, #merci a:active
{
	text-decoration: underline;
  color: #d3a1b5;
}

 .ref {
    clear:both;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #e8e5e6;
    text-align: center;
    padding:5px 0 5px 0;
	}

/* ===| IV. NAVIGATION |===============================================*/
/* ---| THE END |------------------------- */

 /* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/upmenu.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */

menu {font-family: verdana, arial, sans-serif; font-size:12px; float:left; width:110px; text-align:left; color: #f4b0c9; }
.menu table {border-collapse:collapse; margin:0; padding:0;}
.menu ul li a:link, .menu ul li a:visited {
    text-decoration:none; text-align:left; color: #f4b0c9; width:96px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {
    float:left; position:relative;  color: #f4b0c9;}
.menu ul li ul {
    visibility: hidden; position: absolute; bottom:0px;}
.menu ul li:hover ul, .menu ul li a:hover ul {
    visibility: visible; background-color:#483940; bottom: -40px; left:0px; color:#ff4187;}
.menu ul li:hover ul li, .menu ul li a:hover ul li {
    display:block; height:22px; color: #f4b0c9; clear:both;}
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {
    visibility:hidden; position:absolute;}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
    display:block; color:#f4b0c9;}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background:#000000; color:#ff4187;}
.menu ul li:hover a, .menu ul li a:hover {color:#000; background:#483940;}
.menu ul li:hover ul li, .menu ul li a:hover ul li {display:block; background:#483940; color:#ff4187;width:96px; clear:both;}