#body {
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #FFFFFF;
	text-align:center;
	font-family: Verdana,  Helvetica, sans-serif;
	font-size: small;
	color:#000000;
}
#body img {
	border:0;
}
#body a {
	text-decoration:none;
}
#body a:hover {
	text-decoration:underline;
}
#body h1, #body h2, #body h3, #body h4, #body h5, #body h6 {
	margin:0;
	padding:0;
	font-size:1em;
}

#body #openInBrowser {
	text-align:center;
	font-weight:bold;
	font-size:12pt;
	padding-top:2em;
	padding-bottom:3em;
	font-family: Verdana,  Helvetica, sans-serif;
}

	
#body #conteneur {
	width:692px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	background:url("fond-corps.gif") top right repeat-y;
}

/** Le header du haut. Un visuel administrable et un masque transparent par dessus */
#body #header {
	width:692px;
	height:211px;
	background-position:10px 10px;
	background-repeat: no-repeat;
	background-image: url("header-avion.jpg");
	z-index:1;
}
#body #header .numero {
	display:block;
	position:absolute;
	color:#FFFFFF;
	font-size:1em;
	font-family:Arial;
	font-weight:bold;	
	margin-top:145px;	
	margin-left:420px;
	text-align:right;
	width:250px;
}
#body #header a {
	display:block;
	position:absolute;
	width:732px;
	height:235px;
	background:url("header-masque.png") top left no-repeat;
}

#body #header a h1 {
	margin-top:175px;	
	margin-left:300px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:1.2em;
	font-family:Arial;
	font-weight:bold;
	display:block;
	text-align:right;
	margin-right:60px;
}
#body #header a:hover {
	text-decoration:none;
}

/** Le corps du mail **/
#body #corps {	
	z-index:2;
	width:692px;
}

/*** Ligne 1 : Dernière réalisation + Témoignage ***/
#body #ligne1 {
	height:1%;
	width:692px;
}
#body #realisation {
	width:493px;
	float:left;
	display:inline;
	margin-top:15px;
}
/* Le titre, image de fond pour donner l'impression d'ombre png */
#body #realisation h2 {
	background: url("fond-realisation-haut.png") top left no-repeat;
	display:block;
	width:493px;
	height:72px;
	position:relative;
	margin-top:-21px;
	margin-left:-16px;
	text-indent:-9999px;
	overflow:hidden;	
}
/* Le screen à gauche */
#body #realisation .screen {
	float:left;
	display:inline;
	margin-left:10px;
	margin-top:-10px;
	margin-right:10px;
	width:220px;
	text-align:center;
}



/* Le texte à droite */
#body #realisation .texte {
	float:left;
	display:inline;
	width:240px;
	font-size:8pt;
	margin-top:-10px;
}
#body #realisation .texte h3 {
	margin-bottom:1em;
}
#body #realisation .texte .lien {
	display:block;
	margin-top:1em;
}
/* Le masque du bas pour effet de mordu */
#body #realisation .bas {
	background: url("fond-realisation-bas.png") bottom right no-repeat;
	width:493px;
	height:18px;
	clear:both;
}
#body #temoignage {
	width:196px;
	margin-left:2px;
	float:left;
	display:inline;
}
#body #temoignage h2 {
	color:#705849;
	font-size:1.2em;
	border-bottom:1px solid #705849;
	font-family:Arial;
	margin-top:15px;
	margin-right:5px;
	margin-left:5px;
	padding-bottom:5px;
}
#body #temoignage .texte {
	font-size:0.75em;
	margin-right:10px;
	margin-left:10px;
	margin-top:15px;
	color:#705849;
}
#body #temoignage .texte blockquote {
	margin:0;
	padding:0;
	font-style:italic;
	margin-bottom:1em;
	width:173px;
	padding-left:3px;

	/* Bug d'italic IE6 */
	overflow:visible;
	height:1%;
}
#body #temoignage .texte blockquote img {
	float:left;
	display:inline;
	margin-right:5px;
	margin-bottom:0.5em;
}
#body #temoignage .texte .nom {
	font-weight:bold;
}
#body #temoignage .texte .titre {
}

/*** Deuxieme ligne avec le gros plan et "en bref" ***/
#body #ligne2 {
	clear:both;
	overflow:hidden;
	height:1%;
}

#body #gros_plan {
	background: #F0EBE8;
	width:493px;
	float:left;
	display:inline;
	margin-top:8px;
	z-index:5;
}
#body #gros_plan h2 {
	background: url("fond-gros-plan-haut.png") top left no-repeat;
	width:583px;
	height:48px;
	margin-top:-6px;
	font-size:0px;
	line-height:0px;
	text-indent:-9999px;
	overflow:hidden;
}
#body #gros_plan h3 {
	color:#EF7801;
	margin-top:-15px;
	margin-left:15px;
	margin-bottom:15px;
}
#body #gros_plan .texte {
	margin-left:15px;
	font-size:0.8em;
	width:440px;
}
#body #gros_plan .texte a {
	color:#EF7801;
}

#body #gros_plan .texte .paragraphe {
}
#body #gros_plan .texte .photoDroite {
}
#body #gros_plan .texte .photoDroite img {
	float:right;
	display:inline;
	margin-left:10px;
	margin-bottom:0.5em;
}
#body #gros_plan .bas {
	background: url("fond-gros-plan-bas.png") bottom left no-repeat;
	width:493px;
	height:18px;
	clear:both;
	margin-top:2ex;
}


#body #en_bref {
	width:169px;
	float:left;
	display:inline;
	margin-top:40px;
	color:#FFFFFF;
	margin-left:15px;
	margin-right:15px;
	padding-bottom:35px;
	color:#000000;
}
#body #en_bref h2 {
	font-size:1.1em;
	margin-bottom:1em;	
}
#body #en_bref .texte {
		font-size:0.7em;	
}
#body #en_bref .texte a {
	color:#EF7801;
}

/** Pied de page **/
#body #bottom {
	/*background: #F8F8F8;*/
	bottom:white;
	margin-top:15px;
	width:692px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	padding-bottom:15px;
}
#body #bottom h2 {
	width:677px;
	height:69px;
	background: url("fond-contactez-nous-haut.png") top left no-repeat;
	font-size:0px;
	line-height:0px;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:-45px;
	position:absolute;
}
#body #bottom .texte {
	font-size:0.9em;
	padding-left:15px;
	padding-top:15px;
}
#body #bottom a {
	color:#EF7801;
}