*{
padding:0;
margin:0;
border:0;
}

html{
}

body{
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#haut{
position:absolute;
left:0;
top:0;
width:100%;
background-image:url(../images/haut.png);
background-repeat:repeat-x;
height:112px;
}

#footer{
position:absolute;
width:100%;
margin-top:100px;
background-image:url(../images/bas.jpg);
background-repeat:repeat-x;
height:210px;
}

*+html #footer{
position:absolute;
width:100%;
top:500px;
background-image:url(../images/bas.jpg);
background-repeat:repeat-x;
height:210px;
}

#footer p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
font-style: italic;
color:#666666;
padding-top:130px;
}

#footer a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
font-style: italic;
color:#666666;
text-decoration: none;
}

#footer a:hover{
text-decoration:none;
color:#ff8500;
}


#header{
width:100%;
height:112px;
}

#conteneur{
margin:auto;
width:995px;
}

#logo{
position:absolute;
margin-top:45px;
width:219px;
height:65px;
}

#forme2{
position:absolute;
width:581px;
height:112px;
}

#forme3{
position:absolute;
width:169px;
height:142px;
}

#forme4{
margin-left:400px;
bottom:114px;
position:absolute;
width:610px;
height:180px;
}

#forme5{
position:absolute;
margin-left:700px;
bottom:114px;
width:170px;
height:138px;
}

/* MENU */

#menu{
position:absolute;
margin-left:545px;
width:450px;
height:20px;
color: #666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#menu ul {
float:right;

height:20px;
padding:0;
list-style-type:none;
}
 
#menu li {
height:20px;
float:left; /*pour IE*/
}
 
#menu ul li a {
display:block;
color:#666666;
text-decoration:none;
text-align:center;
padding-left:17px;
padding-top:3px;
padding-right:17px;
text-align:center;
}
 
#menu ul li a:hover {
color:#ff8500;
}

#fleche{
float:left;
width:33px;
height:33px;
}

.contenu{
float:left;
margin-top:30px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:600px;
height:300px;
overflow:auto;
min-height:205px;
}

#contenu h1{
color:#ff8500;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
}

#contenu h2{
margin-top:-10px;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
}

#contenu h3{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#animation{
float:right;
width:300px;
height:265px;
border: solid 1px #CCCCCC;
margin:35px 0 0 0;
}

#menu2{
margin-left:570px;
width:380px;
height:20px;
color: #666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#menu2 ul {
width:380px;
text-align:center;
padding:0;
margin:0;
list-style-type:none;
}
 
#menu2 li {
float:left; /*pour IE*/
}
 
#menu2 ul li a {
display:block;
float:left; 
color:#666666;
text-decoration:none;
text-align:center;
padding:6px;
}
 
#menu2 ul li a:hover {
color:#ff8500;
}

#perso{
float:left;
bottom:50px;
width:118px;
height:100px;
}

#perso2{
bottom:25px;
margin-left:780px;
width:118px;
height:100px;
}

#images{
float: left;
bottom:30px;
margin-left:50px;
}

#contenu_relatif{
width:1000px;
height:400px;
}

#image_bas{
position:absolute;
margin-left:-480px;
left:50%;
width:960px;
}

/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧裏NEWSLETTER 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */

a:focus {
outline: none;
}

#panel {
position:absolute;
background-image:url(../images/contact.jpg);
width:995px;
height:450px;
display: none;
margin:auto;
}

.slide {
margin-top:90px;
float:right;
padding: 0;
margin-right:180px;
}
.btn-slide {
position:absolute;
text-align: center;

height:10px;
display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #FFFFFF;
text-decoration: none;
}
.active {
background-position: right 12px;
}

/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧裏FIN NEWSLETTER 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */