html {
color : #000;
background : #333333;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin : 0;
padding : 0;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
fieldset, img {
border : 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style : normal;
font-weight : normal;
}
li {
list-style : none;
}
caption, th {
text-align : left;
}
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
font-weight : normal;
}
q:before, q:after {
content : '';
}
abbr, acronym {
border : 0;
font-variant : normal;
}
sup {
vertical-align : text-top;
}
sub {
vertical-align : text-bottom;
}
input, textarea, select {
font-family : inherit;
font-size : inherit;
font-weight : inherit;
}
legend {
color : #000;
}
body {
font : 12px Verdana, Arial, Helvetica, sans-serif;
width : auto;
}
table {
font-size : inherit;
font-size : 100%;
}
pre, code, kbd, samp, tt {
font-family : monospace;
line-height : 100%;
}
body {
text-align : center;
background : #333333;
color : #fff;
}
a {
text-decoration : none;
color : #fff;
}
a:hover {
text-decoration : none;
color : #333333;
}
#wrap {
width : 1000px;
text-align : left;
margin : 0 auto;
}
.float-l {
float : left;
}
.folat-r {
float : right;
width : 360px;
margin : 0 40px 0 0;
}
.folat-r2 {
float : right;
width : 380px;
margin : 0 10px 0 0;
}
.clearfix {
clear : both;
}
#bg {
background : url(images/bg.gif);
height : 670px;
}
#header {
position : relative;
height : 220px;
}
#logo {
	position : absolute;
	top : 20px;
	right : 42px;
	background-image : url(images/logo.gif);
	width : 224px;
	height : 166px;
	background-repeat : no-repeat;
}
#logo h1 {
font-size : 34px;
color : #fff;
}
#logo div {
padding-left : 100px;
}
#nav {
position : absolute;
top : 149px;
left : 69px;
}
#nav li {
float : left;
padding : 0 20px;
}
#pic1 {
position : absolute;
top : 18px;
left : 30px;
width : 22px;
height : 32px;
background-image : url(images/pic1.gif);
background-repeat : no-repeat;
}
#pic2 {
position : absolute;
top : 18px;
left : 124px;
width : 22px;
height : 32px;
background-image : url(images/pic2.gif);
background-repeat : no-repeat;
}
#pic3 {
position : absolute;
top : 18px;
left : 232px;
width : 22px;
height : 32px;
background-image : url(images/pic3.gif);
background-repeat : no-repeat;
}
#pic4 {
position : absolute;
top : 18px;
left : 330px;
width : 22px;
height : 32px;
background-image : url(images/pic4.gif);
background-repeat : no-repeat;
}
#content {
width : 980px;
}
.main {
width : 460px;
margin : 0 0 0 90px;
font-family : Verdana, Arial, Helvetica, sans-serif;
display : inline;
}
#col {
margin : 50px 0 0 0;
width : 300px;
}
#col .first ul {
border-right : 1px solid #e35c5c;
padding-right : 43px;
}
#text {
width : 800px;
}
#text h2 {
font-size : 30px;
}
#text h3 {
font-size : 18px;
}
#text a {
color : #cccc00;
}
#formulaire {
width : 350px;
}
#presentation {
width : 850px;
}
div.table {
display : table;
width : 320px;
border : 0;
}
div.table2 {
display : table;
width : 850px;
border : 0;
}
div.caption {
display : block;
width : 400px;
text-align : left;
}
div.tbody {
display : table-row-group;
}
div.tr {
display : table-row;
}
div.td {
display : table-cell;
border : 0;
padding : 0;
width : 110px;
}
div.td2 {
display : table-cell;
border : 0;
padding : 0;
width : 350px;
}
div.end {
width : 50%;
}
div.caption {
display : table-caption;
width : auto;
}
div.td {
display : block;
border : 0;
float : left;
}
div.td2 {
display : block;
border : 0;
float : left;
}
div.end {
width : auto;
float : none;
}
.side h2 {
font-size : 22px;
}
.side li {
line-height : 20px;
list-style : disc inside;
color : #ffffff;
}
.side ul {
margin : 30px 0 30px 20px;
}
#footer {
background : url(images/ft.jpg);
height : 133px;
position : relative;
}
#ftinner {
position : absolute;
bottom : 8px;
width : 693px;
margin-left : 90px;
left : -1px;
}
.ftlink {
width : 650px;
}
.Style1 {
font-size : 18px;
}
.Style2 {
font-size : 12px;
}
.Style3 {
font-size : 10px;
}
.Style4 {
font-family : Verdana, Arial, Helvetica, sans-serif;
}