/***********
* GABARIT
*/

*{
	padding:0;
	margin:0;
}
html,body {
	height:100%;
}
body {
	font:normal 82% Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
	color:#333;
	text-align:center;
	background:#eee;
	margin:1em;
}
#page{
	width:760px;
	margin:0 auto;
	text-align:left;
}

/***********
* ENTETE
*/

#header{
	background:#3cc url(images/bandeau.png) no-repeat 0 50%;
	color:#fff;
	padding:10px 10px 10px 240px;
	text-align:center;
	font-size:1.8em;
	line-height:1.7em;
	border:1px solid #1aa;
	margin-bottom:6px;
	height:80px;
}
#header h1, #header h2{
	display:none;
}

/***********
* MENU
*/

ul#menu{
	font:bold .95em Tahoma, Arial, Helvetica, sans-serif;
	list-style-type:none;
	background:#33cccc;
	border:solid #1aa;
	border-width:1px 1px 0;
	height:1.6em;
}
#menu li{
	float:left;
}
#menu a{
	float:left;
	padding:0 1em;
	color:#fff;
	text-decoration:none;
	line-height:1.6em;
	height:1.6em;
	background:#33cccc;
	border-right:1px solid #fff;
}
#menu a:hover{
background:#ace7e8;
}

/***********
* CONTENU
*/

#contenu{
	background:#fff;
	border:1px solid #1aa;
	text-align:left;
	padding:.5em 2em;
	color:#444;
}
.hautPage{
	float:right;
	font-size:.7em;
	margin-top:0em;
}
.hautPage a{
	text-decoration:none;
}
.hautPage img{
	vertical-align:top;
	margin:.3em .3em 0;
}
img{
	border:0 none;
}
#contenu a{
	color: #129d9f;
}
h2, h3{
	color: #129d9f;
	margin:2em 0 1em;
	line-height:1.6em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
h2{
	border-left:11px solid #3cc;
	border-bottom:1px solid #1aa;
	padding:0 0 0 11px;
	font-size:1.2em;
}
h2 span{
	font-weight:normal;
}
h3{
	padding-left:22px;
	font-size:1.1em;
	text-decoration:underline;
}
p{
	margin:.7em 0 .7em 22px;
}
hr {
	height:1px;
	color:#11aaaa;
	border:none;
	margin:1em 0;
} /* For Internet Explorer */
html>body hr {
	background-color:#11aaaa;
	border:0px solid #11aaaa;
} /* For Opera and Gecko-based browsers */

#contenu ul{
	margin:.2em 0 .2em 4.5em;
}
#contenu li{
	color:#33cccc;
	list-style:square;
}
#contenu li span{
	color:#444;
}
table#tblRefs{
	margin:.7em 0;
}
table#tblRefs ul{
margin-left:3em;
}
td{
	vertical-align:top;
}
img.bordure{
	border:3px solid #33cccc;
	padding:4px;
}
a.mel{
	background:url(images/btn-mel.gif) no-repeat 100% 50%;
	padding-right:18px;
}
a.external{
	background:url(images/btn-web.gif) no-repeat 100% 50%;
	padding-right:18px;
}
table#tblContact, table#tblLegal{
	margin:.7em 0 .7em 22px;
	text-align:left;
}
table#tblContact td{
	padding:1em 1em 1em 0;
}
#contactTitre{
	text-align:center;
	font:.9em Tahoma, Arial, Helvetica, sans-serif;
	padding-bottom:.5em;
}
.floatDroite{ float:right;margin:0 0 .5em 1em; }
.floatGauche{ float:left;margin:0 1em .5em 0; }
.clearBoth{ clear:both; }
.clearGauche{ clear:left; }
.clearDroite{ clear:right; }
.photo{
	border:3px solid #ace7e8;
}

/*
* PIED DE PAGE
*/

#pied{
	font:.85em Arial, Tahoma, Helvetica, sans-serif;
	color:#666;
	margin:5px 0;
	padding:.3em 0 1.5em;
}
#pied img{
vertical-align:middle;
}
#pied a{
	color:#666;
}

/*
* MENTIONS LEGALES
*/

.gras{
	white-space:nowrap;
	font:bold .9em Tahoma, Arial, Helvetica, sans-serif;
	border-right:1px dotted #1aa;
}