/* Layout Body */
body 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-x: hidden;
}

/* layout Header */
.Style1 
{
	font-weight: bold; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #009999; 
}
.Style2 
{
	color: #FFFFFF
}
.Style4 
{
	font-weight: bold; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Style5 
{
	font-weight: bold; 
	font-size: 11px; 
	color: #999999; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
dl, dt, dd, ul, li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu 
{
	position: absolute;
	top: 20px;
	/*left: 400px;*/
	text-align: right;
	z-index: 100;
	width: 588px;
}
#menu dl 
{
	float: left;
	width: 98px;
	margin: 0 0px;
	border-top: 2px #00CCCC solid;
}
#menu dt 
{
	font-weight: bold; 
	font-size: 10px; 
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background: #009999;
	border: 0px solid gray;
	padding-top: 2px;
	padding-bottom: 2px;
}
#menu dd 
{
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}
#menu li 
{
	color: #777777; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	text-align: center;
	background: #fff;
}
#menu li a, #menu dt a 
{
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}
#menu li a:hover, #menu dt a:hover 
{
	background: #CDFEF3;
}
#site 
{
	position: absolute;
	z-index: 1;
	top : 70px;
	left : 10px;
	color: #000;
	background-color: #ddd;
	padding: 5px;
	border: 1px solid gray; 
}

/* Layout site */
a
{
	color: #028787;
}
a:hover
{
	color: #009999;
}
.link
{
	color: #028787;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
.link:hover 
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
.menu 
{
	background-image: url("../img/bandeau.jpg");
	background-repeat:no-repeat;
	background-position:center;
	vertical-align:top;
	text-align: top;
}
.cadre-logo 
{
	vertical-align:top;
	text-align:left;
	padding-left:25px;
}
.cadre-haut 
{
	vertical-align:top;
	text-align:left;
}
.cadre-centre 
{
	padding-left:20px;
	padding-top:0px;
	padding-right: 10px;
	vertical-align:top;
}
.noir-gras-ital 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	text-decoration: none;
}
.noir-gras-ital:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	text-decoration: none;
}
.menu-enum 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 11px; 
	color: #999999; 
}
.menu-bienvenue 
{
	font-weight: bold; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #028787; 
}
.titre-bleu 
{
	color: #009999;
	text-decoration:underline;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.border 
{ 
	border-right: 1px #ccc dashed;
}
.petit-bleu 
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.titre-souligne-gris 
{
	color: #028787;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
.padding-left20
{
	padding-left: 20px;
}
.gris 
{
	color: #666666;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.gris2 
{
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #666666;
}
.gd-photo
{
	margin-left:5px; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	margin-right: 5px;
	border-color: #000000; 
	border-style:solid; 
	border-width: thin;
}
.petit-photo
{
	margin-left :5px; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	margin-right: 5px;
	border-color: #000000; 
	border-style:solid; 
	border-width: thin;
}
.petit-photo a:hover
{
	background-color:#CCCCCC;
}
.td-padding10px 
{
	padding: 10px;
}
.conseil
{
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #666666;
	padding-bottom: 10px;
}

.linkFooter
{
	color: #FFFFFF;
	text-decoration: none;
}
.linkFooter:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

.image:hover
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

.champ-txt {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
border: 1px solid #cccccc;
}
.Bordure-haut{
border-top: 1px #ccc dashed;
}

/*bouton accueil*/
.accueil_lien a {
display:block;
width:147px;
height:42px;
background:url(../img/btn1_accueil.png) no-repeat;
}

.accueil_lien a:hover {
height:42px;
background:url(../img/btn2_accueil.png) no-repeat;
}
						  
/*bouton contact*/
.contact_lien a {
display:block;
width:147px;
height:26px;
background:url(../img/btn1_contact.png) no-repeat;
}

.contact_lien a:hover {
height:26px;
background:url(../img/btn2_contact.png) no-repeat;
}
/*bouton info_lien*/
.info_lien a {
display:block;
width:147px;
height:25px;
background:url(../img/btn1_info.png) no-repeat;
}
.info_lien a:hover {
height:25px;
background:url(../img/btn2_info.png) no-repeat;
}
/*bouton plan_site_lien*/
.plan_site_lien a {
display:block;
width:147px;
height:26px;
background:url(../img/btn1_plan.png) no-repeat;
}
.plan_site_lien a:hover {
height:26px;
background:url(../img/btn2_plan.png) no-repeat;
}
/*bouton colas_lien*/
.colas_lien a {
display:block;
width:147px;
height:35px;
background:url(../img/btn1_colas.png) no-repeat;
}
.colas_lien a:hover {
height:35px;
background:url(../img/btn2_colas.png) no-repeat;
}

h1 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009999;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

