@charset "utf-8";

/*********************************
	RESET
*********************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr,
a, img, b, ul, li, object, script
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	vertical-align: baseline;
	line-height:auto;
}

body{
line-height: 1.1;}

ol, ul {
  list-style: none;
}


/*********************************
	general
*********************************/

html {overflow-y:scroll;}

body {
font-family:verdana, "trebuchet ms", arial;
font-size:12px;
color:#6a6a6a;
background-image:url('images/page-attente/fond-body.jpg');
background-repeat:repeat-x;}

a{text-decoration:underline;}
p{text-align:left;}

.float-left{float:left;}
.float-right{float:right;}
.reset{clear:both;}

@font-face {
    font-family: 'LondonMMRegular';
    src: url('font/londonmm-webfont.eot');
    src: url('font/londonmm-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/londonmm-webfont.woff') format('woff'),
         url('font/londonmm-webfont.ttf') format('truetype'),
         url('font/londonmm-webfont.svg#LondonMMRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*********************************
	titres
*********************************/

h1{
color:#0baede;
font-size:25px;
font-family: 'LondonMMRegular';}

h2{
color:#7ea90a;
font-size:18px;
font-family: 'LondonMMRegular';
margin:20px 0;}

/*********************************
	COULEURS
*********************************/
.rose{color:#920a6a;}
.gris{color:#6a6a6a;}
.vert{color:#7ea90a;}

/*********************************
	PAGE
*********************************/
.page{
width:960px;
margin:auto;
background:url('images/page-attente/fond.png') repeat-y;}

/*********************************
	HEADER
*********************************/

.header{
width:960px;
height:92px;
background:url('images/page-attente/ombre-haut-header.jpg') top left no-repeat;
text-align:center;
padding-top:40px;}


/*********************************
	CONTENU
*********************************/
.contenu{
width:940px;
margin:0 10px;}

.contenu-gauche{
width:380px;
padding-top:13px;}

.cadre-image{
width:323px;
height:238px;
margin-left:20px;
border:1px solid #d7d7d7;}

.ombre-cadre-image{
width:342px;
height:13px;
margin-left:14px;}

.contenu-droit{
width:559px;
padding-right:1px;}

.div-texte{
width:329px;
background:url('images/page-attente/bulle-couleurs.jpg') center right no-repeat;
height:200px;
padding:10px 150px 30px 80px;}

.mentions{
color:#9d9c9c;
font-size:10px;}

/*********************************
	FOOTER
*********************************/

.footer{
width:960px;
height:134px;
background:url('images/page-attente/ombre-bas-page.jpg') bottom left no-repeat;}

.logo{
width:90px;
height:114px;
padding-top:20px;
padding-left:70px;}

.footer-droite{
width:740px;
height:104px;
padding-top:30px;
padding-left:40px;}