body {
margin : 0;
padding: 0;
width:100%;
height:100%;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../img/fond.jpg);
background-repeat:repeat-x;
background-color: #181210;
color:#fff;
}
p {
margin:0;
padding:0;
line-height:1.6em;
}

a:link, a:visited {
color: #FFF;
text-decoration: none;
}
a:hover {
color: #FF8400;
text-decoration: none;
}
span{
color:#FF8400
}

#wrap{
width:830px;
position:relative;
margin:0px 0px 0px -415px;
left:50%;
padding:0;
}

/* ********************************** HEADER ******************************** */
#header {
float:left;
width:830px;
height:80px;
margin:0px 0px 4px 0px;
padding: 0px;
background-image:url(../img/px.png);
background-repeat:repeat-x;
background-position:bottom;
}


#logo{
float:left;
display:block;
width:191px;
height:53px;
margin: 15px 0px 0px 0px;
background-image:url(../img/logo.png) !important;
background-color: transparent !important;
background-repeat:no-repeat;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='img/logo.png');
}

/* ********************************** FLASH ******************************** */
#flash_main {
float:left;
width:830px;
height:230px;
}
/* ********************************** FOOTER ******************************** */

#footer {
float:left;
width:830px;
height:24px;
padding:0px 0px 0px 0px;
margin :50px 0px 0px 0px;
text-align: center;
color:#ffffff;
font-size: 12px !important;
font-style: italic;
}
#footer p {
font-size: 12px !important;
}
#footer p a{
color: #8BA500;
}
#footer p a:link{
color: #8BA500;
}

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

#navigation{
float:right;
margin:55px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: auto;
}

#navigation ul{
float:left;
margin: 0px 0px 0px 0px;
padding: 0;
list-style-type: none;
text-align: center;
}

#navigation ul li{
float:left;
display: block;
float: left;
padding: 0;
margin: 0px 0px 0px 1px;
}

#navigation ul li a:link, #navigation ul li a:visited {
float:left;
display: block;
padding: 0px;
margin: 0px 0px 0px 10px;
font-size: 14px;
color: #fff;
text-decoration: none;
height:25px;
background-position:0px 0px;
background-repeat:no-repeat;
}
#navigation ul li a:hover {
background-position:0px -30px;
color:#ff8400;
}

#navigation ul li .selected{
background-position:0px -30px;
}

.separation{
clear:both;
width:100%;
height:1px;
border:none;
font-size:0px;
font:xx-small;
line-height:0px;
background-color:#3e6f7f;
margin:0px 0px 20px 0px;
padding:0;
}


/* ********************************** CONTENT ******************************** */
#content {
float:left;
width:830px;
margin:0;
padding:0;
}

#content  h1{
margin:10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size:15px;
font-family:Georgia, Verdana, "Times New Roman", Times, serif;
font-weight:normal;
color:#ff8400;
font-weight:bold;
}
#content  h2{
padding: 0px 0px 0px 0px;
font-family:Georgia, Verdana, "Times New Roman", Times, serif;
font-size:13px;
color:#ff8400;
}

#content ul{
float:right;
display:block;
margin: 0px 0px 0px 0px;
padding:0;
list-style-type: none;
text-align: right;
}
#content li{
float:right;
display:block;
width:100%;
margin: 0px 0px 0px 0px;
pagging: 5px 0px 5px 0px;
line-height:20px;
list-style-type: none;
text-align: right;
background-image:url(../img/3px.gif);
background-color: transparent !important;
background-repeat:repeat-x;
background-position:top;
color:#FFFFFF !important;
}
#content li a{
display:block;
margin: 5px 0px 5px 0px;
text-align:right !important;
color:#FFF !important;
background-image:url(../img/fleche.gif);
background-color: transparent !important;
background-repeat:no-repeat;
background-position:0px 5px;
}
#content li a:hover{
background-position:10px 5px;
/*color:#ff8400 !important;*/
}
#content li a:hover span{
color:#FFFFFF !important;
}
#content li a span{
margin: 5px 0px 5px 0px;
text-align:right !important;
color:#ff8400 !important;
font-family:Georgia, Verdana, "Times New Roman", Times, serif;
font-size:15px;
line-height:18px;
font-weight:bold;
}
#content a img{
border-color:#FFFFFF;
}
#content a:HOVER img{
border-color:#FF8400;
}
#content p a:hover span{
color:#FFFFFF !important;
}
/* ********************************** HOME ******************************** */
#presentation {
float:left;
width:480px;
margin:10px 0px 0px 0px;
padding:0;
}
#presentation p{
margin:0;
padding:0;
color:#FFFFFF;
}
#menu{
float:right;
display:block;
width:250px;
margin:50px 0px 0px 20px !important;
padding:0;
color:#FFFFFF;
}
/* ********************************** ATELIER ******************************** */
.atelier {
float:left;
width:100%;
margin:10px 0px 0px 0px;
padding:0;
}
.atelier p{
float:left;
width:100%;
text-align:justify !important;
margin:0;
padding:0;
color:#FFFFFF;
}
.atelier img{
float:right;
display:block;
margin:0px 0px 0px 20px;
padding:0;
color:#FFFFFF;
border:3px solid #d7d6cf;
}

.partenaires{
float:left;
width:100%;
margin:10px 0px 0px 0px;
padding:0;
}
.partenaires img{
margin:0px 8px 0px 0px;
}

/* ********************************** SERVICES ******************************** */
#services {
float:left;
width:580px;
margin:10px 0px 0px 0px;
padding:0;
}
#services p{
float:left;
width:580px;
text-align:justify !important;
margin:0;
padding:0;
color:#FFFFFF;
}

#services img{
float:left;
display:block;
margin:0px 20px 0px 0px;
padding:0;
color:#FFFFFF;
border:3px solid #d7d6cf;
}

#documents {
float:right;
display:block;
width:220px;
margin:10px 0px 0px 0px;
padding:0;
}
#documents ul{
width:220px;
}
/* ********************************** CONTACT ******************************** */
#infos{
float:left;
width:208px;
color:#FFFFFF;
}
#infos p{
width:190px !important;
line-height:15px !important;
font-size:11px !important;
}
#logocontact{
display:block;
width:191px;
height:53px;
margin: 5px 0px 0px 0px;
background-image:url(../img/logocontact.png);
background-repeat:no-repeat;
}

#plan{
float:left;
margin: 0px 20px 0px 0px;
display:block;
color:#d7d6cf;
border:3px solid #d7d6cf;
}
#plan:HOVER{
border:3px solid #FF8400;
}

form{
float:left;
width:310px;
}
input{
width:320px;
margin: 2px 0px 0px 0px;
}
textarea{
width:320px;
margin: 2px 0px 0px 0px;
}
select{
width:324px;
}

.bt_large{
display:block;
width:112px;
height:22px;
color:#655849;
font-size:13px;
line-height:22px;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 15px;
background-image:url(../img/btlarge.gif);
background-repeat:repeat-none;
}
.bt_large:HOVER{
background-position:0px -22px;
}
/* ********************************** CATALOGUE ******************************** */
#coupdecoeur {
float:left;
width:230px;
height:300px;
margin:10px 20px 0px 0px;
padding:0;
}
#prescatalogue {
float:left;
width:288px;
margin:10px 0px 0px 0px;
padding:0;
}
#prescatalogue p{
float:left;
width:288px;
margin:0;
padding:0;
color:#FFFFFF;
}
#menucatalogue{
float:right;
display:block;
width:250px;
margin:50px 0px 0px 20px !important;
padding:0;
color:#FFFFFF;
}
#catalogue{
float:left;
width:550px;
}
#catalogue a{
float:left;
width:173px;
height:100px;
margin:0px 10px 0px 0px;
text-align:center;
border-color:#FFFFFF;
}
#catalogue .select{
color:#FF8400 !important;
border-color:#FF8400 !important;
}
#catalogue .select img{
color:#FF8400 !important;
border-color:#FF8400 !important;
}