@charset "utf-8";
* {margin:0;padding:0;}
a{outline: none;}
html {
 min-width: 1000px;
}
body {
	margin: 0 auto;
	text-align: center;
	background: #fff url(img/fd.jpg) no-repeat center top;
	font-family: "Trebuchet MS", Calibri, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#site {
	background: #fff url(img/fd.jpg) no-repeat center top;
	width: 1000px;
	height: 580px;
	margin: 0 auto;
	position:relative;
	text-align: left;
}
#lang {
	position: absolute;
	height: 18px;
	width: 118px;
	left: 20px;
	top: 120px;
	}
#lang a, #lang a:visited {
	color:#FFFFFF;
	text-decoration: none;
}
#lang a:hover {
	text-decoration: underline;
}
#lang .en {
	width: 95px;
	padding-left: 25px;
	background: url(img/den.gif) no-repeat;
}
#lang .fr {
	width: 95px;
	padding-left: 25px;
	background: url(img/dfr.gif) no-repeat;
}
#menu {
	position: absolute;
	height: 265px;
	width: 195px;
	left: 0px;
	top: 185px;
	background: url(img/menu.jpg) no-repeat left;
}
#title {
	position: absolute;
	width: 429px;
	left: 239px;
	top: 156px;
}
h1 {
	color: #FF6600;
	font-size: 2.4em;
	font-weight: normal;
	background: url(img/h1.gif) no-repeat left center;
	padding-left: 30px;
}
h2 {
	font-size: 1.5em;
	color: #FF6600;
}
h3{
	font-size: 1em;
	color:#777777;
	margin-top: 10px;
}
#contenu span {
	font-size: 1.2em;
	color: #252525;
	font-style:italic;
}
#contenu {
	position: absolute;
	width: 571px;
	min-height: 400px;
	left: 207px;
	top: 185px;
	font-size: 10px;

}
#textsize {
	position: absolute;
	height: 38px;
	width: 78px;
	left: 689px;
	top: 146px;
}
#valid {
	color: #666;
	position: absolute;
	bottom: -80px;
	width: 571px;
	margin-top: 200px;
}
#ico {
	position: absolute;
	width: 197px;
	left: 802px;
	top: 124px;
	height: 100px;
}
#ico li a, #ico li a:visited{
	width: 135px;
	font-weight:bold;
	padding-left: 56px;
	color: #666666;
	text-decoration: none;
	display: block;
}
#ico li a:hover{
	color: #999999;
}
#ico li.i1 {
	line-height:47px;
	height: 47px;
	font-size: 1.4em;
	background:url(img/icomail.gif) no-repeat left center;
}
#ico li.i2 {
	padding-top: 5px;
	margin-left: 4px;
	height: 42px;
	font-size: 1.4em;
	background:url(img/icotele.gif) no-repeat left center;
}
#ico li.i3 {
	margin-left: 6px;
	line-height:47px;
	height: 47px;
	font-size: 1.4em;
	background:url(img/icofav.gif) no-repeat left center;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#contenu ul,#contenu li {
margin: 0 0 0 15px;
list-style-type:circle;
color: #666666;
font-size: 1.1em;
}
#contenu li li {
margin: 0 0 0 20px;
}
#textsize li.t1, #textsize li.t2,#textsize li.t3,#textsize li.t4,#textsize li.t5,#textsize li.t6,#textsize li.t1 a, #textsize li.t2 a,#textsize li.t3 a,#textsize li.t4 a,#textsize li.t5 a,#textsize li.t6 a {
	display: block;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:38px;
	height: 38px;
	line-height: 38px;
	text-indent:-9999px;
}
#textsize li.t1,#textsize li.t1 a{
	background: url(img/loup.jpg) no-repeat right bottom;
	}
#textsize li.t2,#textsize li.t2 a{
	background: url(img/loup.jpg) no-repeat left top;
	}
#textsize li.t3 a{
	background: url(img/loup.jpg) no-repeat left bottom;
	display: none;
	}
#textsize li.t4 a{
	background: url(img/loup.jpg) no-repeat left top;
	display:none;
	}
#textsize li.t5 a{
	background: url(img/loup.jpg) no-repeat left bottom;
	display:none;
	}
#textsize li.t6 a{
	background: url(img/loup.jpg) no-repeat right top;
	display:none;
	}
#menu .m1 a,#menu .m2 a,#menu .m3 a,#menu .m4 a,#menu .m5 a, #menu .m6 a{
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	padding-left: 18px;
	width:177px;
	font-size:1.6em;
	font-weight:bold;
	display: block;
	height: 25px;
	line-height: 25px;
}
ul.ssmenu {
	padding: 0 0 0 28px;
	margin: 0;
	height: 113px;
}
ul.ssmenu li {
font-size: 1.1em;
line-height: 15px;
}
.m1 a:hover {
	background: url(img/menu.jpg) no-repeat 100% 0%;
}
.m2 a:hover {
	background: url(img/menu.jpg) no-repeat 100% 11%;
}
.m3 a:hover {
	background: url(img/menu.jpg) no-repeat 100% -38pt;
}
.m4 a:hover {
	background: url(img/menu.jpg) no-repeat 100% -142pt;
}
.m5 a:hover {
	background: url(img/menu.jpg) no-repeat 100% 89%;
}
#menu .m1 a, #menu .m6 a{
	height: 26px;
	line-height: 26px;
}
#menu .m6 a:hover {
	background: url(img/menu.jpg) no-repeat 100% bottom;
}
#menu a, #menu a:visited {color:#FFF; 	text-decoration: none;}
#menu a:hover{
	color:#FFCC00;
}
#contenu table {
	text-transform: uppercase;
	font-size: 1em;
	color: #333;
}
#contenu input, #contenu textarea {
	text-transform:none;
	font-size: 1.2em;
	border: #FFC488 solid 1px;
	color: #666;
	font-family: "Trebuchet MS", Calibri, Arial, Helvetica, sans-serif;
	width: 300px;
	margin: 2px;
	padding: 2px;
}
#contenu input.fbtn {
	text-transform: uppercase;
	font-weight:bold;
	border: #F60 outset 1px;
	background: #F60;
	color:#FFF;
}
#contenu input.fbtn:hover {
	border: #F90 outset 1px;
	background: #F90;
}
#contenu input.fbtn:active {
	border: #F90 inset 1px;
	background: #F90;
}
#contenu textarea {
	height: 150px;
}
#contenu .text {
	color: #666666;
	font-size: 1em;
	line-height: 15px;
	text-indent: 20px;
	padding-bottom: 15px;
	padding-top: 15px;
	text-align:justify;
}
.pimg {
padding-top: 15px;
padding-bottom: 15px;
padding-right: 15px;
padding-left: 15px;
}
a.validcss, a.validcss:hover {
color : #666;
background : transparent url(img/validcss.gif) no-repeat scroll left center;
margin-left : 10px;
padding-left : 16px;
text-decoration : none;
text-transform : uppercase;
}
a.validcss:hover {
color : #c63;
}
a.validxhtml, a.validxhtml:hover {
color : #666;
background : transparent url(img/validx.gif) no-repeat scroll left center;
margin-left : 10px;
padding-left : 16px;
text-decoration : none;
text-transform : uppercase;
}
a.validxhtml:hover {
color : #39c;
} 
a {
color : #F60;
}
a:hover {
color: #F90;
}