h1 {
font-size : 2.75em;
color : #ffd700;
}
h2 {
font-size : 1.5em;
}
h3 {
font-size : 1.25em;
}
h4 {
font-size : 1em;
}

a {
text-decoration : underline;
}
a:link {
color : #8e8e8e;
}
a:visited {
color : #bf0000;
}
a img {
border : none;
}
em {
font-style : italic;
}
strong {
font-weight : bold;
}

a:link {
color : #ffcc00;
}
a:visited {
color : #ffcc00;
}
a:active {
color : #ffff66;
}
a:hover {
color : #ffff66;
}

strongtel {
font : 1.4em Verdana, 'Comic Sans MS', serif;
color : #ffd700;
font-weight : bold;
}
body {
font-family : verdana, arial, helvetica, sans-serif;
color : #ccc;
background-color : #99ccff;
text-align : center;
}
body {
background-color : #333333;
margin-left : 20px;
margin-top : 20px;
margin-right : 20px;
margin-bottom : 20px;
}

body, td, th {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #999999;
}

#promo {
display:block;
position:absolute;
top:10px;
right:5px;
width:140px;
height:140px;
background:transparent url(img/ventes.png) no-repeat center center;
border:none; 

}


.logo {
display : block;
position : absolute;
top : 0;
left : 0;
width : 100px;
height : 50px;
border : none;
margin-left : auto;
margin-right : auto;
z-index : 1;
}
#menu a {
padding : 2px 2px 2px 2px;
margin-right : 40px;
text-decoration : none;
color : gray;
background : transparent;
}
#menu a:hover {
color : black;
background : #a2b0cb;
text-decoration : underline;
}
#menu ul {
display : block;
width : 90%;
height : 0.8em;
padding : 0;
background-color : transparent;
font : 0.8em Verdana, 'Comic Sans MS', serif;
}
#menu li {
float : right;
list-style-type : none;
}

#col1 {
float : left;
width : 100%;
background : transparent url() no-repeat center center;
}

#col1 ul {
width : 100%;

padding : 0;
background-color : transparent;
font : 1.3em Garamond Verdana, 'Comic Sans MS', serif;
}

#col1 li {
line-height : 1.4em;
text-align : left;
text-decoration : none;
color : gold;
font : 1.3em Garamond Verdana, 'Comic Sans MS', serif;
background-color :transparent;
list-style-type : none;
padding-bottom : 2px;
margin-bottom : 2px;
clear : right;
}
#col1 li a {
color : gold;
text-decoration : none;
}
#col1 li span {
display : none;
text-decoration : none;
}

#col1 li a:hover{
background : transparent;
color : white;

}
#col1 li a:hover span {
display : block;
position : absolute;
top : 440px;
left : 10px;
width : 20%;
height : 250px;
margin : 0;
padding : 0;
background : transparent;
z-index : 1;
}

/*Fin skin menu gauche prinsipal*/

#col2 {
float : right;
width : 160px;
background : #99ccff url() no-repeat center center;
font : 0.9em Verdana, 'Comic Sans MS', serif;
color : black;
}
#milieu {
margin-left : 160px;
margin-right : 160px;
padding : 5px;
background-color : #a2b0cb;
font : 1.1em Verdana, 'Comic Sans MS', serif;
color : #000;
text-align : justify;
}

#milieu .img {
margin-left : 0;
margin-right : 2px;
margin-bottom : 6px;
background-color : #a2b0cb;
}

#milieupage1 a {
font :  1.1em Verdana, 'Comic Sans MS', serif;
color : black;
text-decoration:none;
}

#milieupage1 a:hover {
font :  1.1em Verdana, 'Comic Sans MS', serif;
color : black;
text-decoration:underline;
}
#col1 {
float : left;
width : 200px;
padding : 20px 30px 10px 2px;
background : transparent url() no-repeat center center;
}
#col2 {
float : right;
width : 200px;
padding : 20px 0 10px 30px;
background : transparent url() no-repeat center center;
color : #fff;
}
#coln {
float : right;
width : 200px;
padding : 20px 0 10px 30px;
background : transparent url() no-repeat center center;
text-align:justify;
color : #fff;
}
#col22 {
float : right;
width : 260px;
padding : 20px 0 2px 2px;
background : transparent url() no-repeat center center;
color : #fff;
}
#milieucontact {
margin-left : 200px;
margin-right : 200px;
margin-top : 10px;
padding : 1px 20px 2px 20px;
background : #333 url() no-repeat center center;
border : 2px solid red;
text-align : center;
}
#milieupage1 {
margin-left : 200px;
margin-right : 300px;
margin-top : 10px;
padding : 0 8px 2px 8px;
background : #d3d3d3 url() no-repeat center center;
border : 2px solid black;
text-align : center;
}
#milieu {
margin-left : 200px;
margin-right : 200px;
margin-top : 10px;
padding : 0 20px 2px 20px;
background : #d3d3d3 url() no-repeat center center;
border : 2px solid black;
text-align : center;
}
#milieupage1 blockquote {
margin-top : 10px;
padding : 0 0 2px 0;
color : black;
text-align : justify;
}
#milieu blockquote {
margin-top : 10px;
padding : 0 0 2px 0;
color : black;
text-align : justify;
}
#milieu img {
margin-top : 4px;

}

html > milieu {
background : white url() no-repeat center center;
}

#milieu_art {
margin-left : 200px;
margin-right : 280px;
margin-top : 10px;
padding : 4px;
background : #d3d3d3 url() no-repeat center center;
border : 2px solid black;
text-align : left;
color:#000;
}

#photo {
float:right;
margin-left:20px;
border : 2px solid transparent;
}
#news {
background : #d3d3d3 url() no-repeat center center;
width : 100%;
text-align:justify;

}
.separation {
clear:both;
}
#titreForm, #piedForm {
font : bold 1.1em arial, hevetica, sans-serif;
color : #000;
background : transparent;
margin : 0;
padding : 0.5em;
}
#piedForm {
text-align :left;
}
#piedForm input {
font-weight : bold;
margin-left : 1em;
}
#corpForm {
border : none;
color : black;
background : #d3d3d3;
margin : 0;
padding : 1em;
}
#corpForm fieldset {
margin : 0;
font-style : normal;
padding : 0 1em 1em;
}
#corpForm legend {
font-weight : bold;
color : black;
background : transparent;
}
#corpForm p {
padding : 0.2em 0;
margin : 0 0 0.2em 0;
}

#corpForm span:hover, #piedForm input {
cursor : pointer;
}
#corpForm span.oblig {
font-weight : bold;
}
#corpForm .legende {
font-style : italic;
color : #fff;
background : transparent;
margin : 0;
padding : 0;
}
#corpForm a.aide {
text-decoration : none;
}
#corpForm a.aide img {
margin : 0;
padding : 0;
border : 0;
}
#corpForm a.aide:hover {
cursor : help;
}
#corpForm .focus {
color : black;
}
#corpForm .normal {
background : white;
color : black;
}
#corpForm .alerte {
border : 1px solid red;
}
#corpForm .messageAlerte {
display : block;
margin : 0 0 0.3em 0.3em;
padding-left : 2em;
color : red;
font-weight : bold;
background : url('icon_alert.gif') no-repeat left center;
}

#col22 img{
margin-right:auto;
margin-left:auto;
padding:0px;
}
#slideshow3 {
margin:0px;
padding:0px;
}
#pied {
position : fixed;
bottom : 0;
left : 0;
display : block;
float : right;
width : 100%;
background : #333333 url() no-repeat center center;
text-align : center;
clear : both;
}
#pied p {
position : absolute;
bottom : 0;
left : 0;
font-family : verdana, Arial, serif;
font-size : 80%;
color : #fff;
text-align : center;
width : 100%;
height : 2em;
background : #333333;
margin : 0;
}