@charset "UTF-8";
/* CSS Document */
html{height: 100%;}
body {
margin: 0px;
background-position: center top;
background-repeat: no-repeat;
background-attachment:fixed;
height: 100%;
}
#panier {
float: right;
margin: 0 94px 0 0;
}
#panier a:hover {
opacity: 0.5;
}
#contenuRight {
width: 688px;
overflow: hidden;
float: left;
}
#middle {
background-repeat: no-repeat;
background-position: center top;
width: 980px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/fond_photo.jpg);
}
#conteneur {
width: 960px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
position: relative;
background-image: url(../images/fond_conteneur.jpg);
background-repeat: repeat-y;
background-position: center top;
}
#logo {
float: none;
margin: 0 auto;
width: 272px;
padding-top: 133px;
}
#logoInt {
display: flex;
justify-content: center;
align-items: center;
padding-top: 71px;
}
#top {
width: 960px;
margin-right: auto;
margin-left: auto;
height: 133px;
}
#theBottom {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #565353;
text-align: right;
height: 67px;
width: 960px;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
background-image: url(../images/fond_bottom.png);
background-repeat: repeat;
}
#theBottom p {
float: right;
display: block;
margin-top: 22px;
margin-right: 15px;
}
#boutonA {
height: 55px;
float: left;
}
a.btMenu { /* definition de la classe "image" de la balise */
font-family: 'AllerRegular';
font-size: 18px;
text-decoration: none;
display: block;
height: 38px;
padding-right: 15px;
padding-left: 15px;
font-weight: normal;
padding-top: 17px;
text-transform: none;
color: #FFF;
letter-spacing: .5px;
}
a.btMenu:hover { /* definition de la classe "image" de la balise au survol */
font-family: AllerRegular;
text-decoration: none;
font-size: 18px;
color: #333;
font-weight: normal;
background-repeat: repeat;
background-image: url(../images/menu_over.png);
}
.btMenuSelected {
font-family: 'AllerRegular';
font-size: 18px;
text-decoration: none;
color: #FFF;
display: block;
height: 38px;
padding-right: 15px;
padding-left: 15px;
font-weight: normal;
padding-top: 17px;
text-transform: none;
background-image: url(../images/menu_sel.png);
background-repeat: repeat;
}
.logosBottom {
display: block;
margin-top: 7px;
margin-left: 15px;
float: left;
}
.logoFacebook {
float: right;
margin-top: 12px;
margin-right: 15px;
display: block;
}
a {
outline: none;
}
#menu {
height: 49px;
width: 668px;
background-image: url(../images/fond_menu.jpg);
background-repeat: repeat;
padding-top: 57px;
overflow: hidden;
padding-left: 20px;
}
#menuInt {
height: 49px;
width: 668px;
background-image: url(../images/fond_menu.jpg);
background-repeat: repeat;
padding-top: 57px;
overflow: hidden;
padding-left: 20px;
margin-bottom: 57px;
}
#contenuAlpha {
background-image: url(../images/fond_blanc_30.png);
min-height: 232px;
float: left;
overflow: hidden;
background-repeat: repeat;
margin-top: 33px;
margin-bottom: 33px;
}
#contenuMiddle {
width: 618px;
min-height: 187px;
margin-left: 10px;
overflow: hidden;
margin-top: 10px;
padding-top: 15px;
padding-right: 25px;
padding-bottom: 20px;
padding-left: 25px;
background-color: #FFF;
margin-bottom: 10px;
}
#contenuMiddle h1 {
font-family: AllerRegular;
font-size: 42px;
font-weight: normal;
color: #c49639;
display: block;
float: left;
margin-top: 60px;
margin-left: 40px;
}
#contenuMiddle h2 {
font-family: AllerRegular;
font-size: 15px;
font-weight: normal;
color: #1b1c1f;
margin-bottom: 12px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #C49638;
margin-top: 10px;
}
#contenuMiddle h3 {
font-family: 'AllerRegular';
font-size: 32px;
font-weight: normal;
color: #728a06;
margin-bottom: 3px;
}
h4 {
font-family: 'AllerRegular';
font-size: 32px;
font-weight: normal;
color: #C49638;
margin-bottom: 3px;
}
#contenuMiddle ol {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: 30px;
}
#contenuMiddle ul {
font-family: Arial, Helvetica, sans-serif;
color: #363737;
margin-top: 5px;
}
#contenuMiddle li {
margin-bottom: 4px;
line-height: 14px;
color: #363737;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
list-style-position: inside;
list-style-type: circle;
}
#contenuMiddle p {
font-family: Arial, Helvetica, sans-serif;
color: #363737;
font-size: 12px;
line-height: 18px;
}
#contenuMiddle a {
font-family: Arial, Helvetica, sans-serif;
color: #6E5925;
font-weight: bold;
font-size: 12px;
}
#contenuMiddle a:hover {
color: #FFF;
background-color: #6B5623;
text-decoration: none;
}
img {
border: none;
margin: 0px;
}
#Promotion {
float: right;
width: 285px;
background-image: url(../images/separateur_promotion.jpg);
background-repeat: no-repeat;
background-position: left top;
min-height: 200px;
padding-left: 35px;
}
#Promotion h3 {
font-family: AllerRegular;
font-size: 18px;
font-weight: normal;
color: #8d0101;
margin-bottom: 12px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #C49638;
margin-top: 25px;
}
#Promotion h4 {
font-family: AllerRegular;
font-size: 18px;
font-weight: normal;
color: #1b1c1f;
margin-bottom: 12px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #C49638;
margin-top: 25px;
}
#Promotion h5 {
font-family: AllerRegular;
font-size: 24px;
font-weight: normal;
color: #8d0101;
margin-bottom: 12px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #C49638;
margin-top: 25px;
}
#Promotion h6 {
font-family: AllerRegular;
font-size: 24px;
font-weight: normal;
color: #1b1c1f;
margin-bottom: 12px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #C49638;
margin-top: 25px;
}
#contenuAlpha2 {
overflow: hidden;
background-repeat: repeat;
margin-top: 18px;
margin-bottom: 18px;
}
#Equipe {
text-align: center;
overflow: hidden;
padding-top: 35px;
padding-right: 35px;
padding-bottom: 10px;
padding-left: 35px;
background-color: #FFF;
margin: 10px;
}
#Equipe h1 {
font-family: AllerRegular;
font-size: 24px;
font-weight: normal;
color: #c49639;
margin-bottom: 5px;
}
#Equipe h2 {
font-family: AllerRegular;
font-size: 15px;
font-weight: normal;
color: #c49639;
margin-bottom: 12px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #333;
margin-top: 12px;
}
#Equipe h3 {
font-family: AllerRegular;
font-size: 20px;
font-weight: normal;
color: #c49639;
margin-bottom: 5px;
}
#Equipe ol {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: 30px;
}
#Equipe ul {
font-family: Arial, Helvetica, sans-serif;
color: #363737;
margin-top: 5px;
}
#Equipe li {
margin-bottom: 16px;
line-height: 16px;
color: #363737;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
list-style-position: outside;
list-style-type: circle;
margin-left: 10px;
}
#Equipe p {
font-family: Arial, Helvetica, sans-serif;
color: #363737;
font-size: 12px;
line-height: 18px;
margin-bottom: 30px;
}
#Equipe a {
font-family: Arial, Helvetica, sans-serif;
color: #6E5925;
font-weight: bold;
font-size: 12px;
}
#Equipex a:hover {
color: #FFF;
background-color: #6B5623;
text-decoration: none;
}
#titreSection {
font-family: 'AllerRegular';
font-size: 36px;
font-weight: normal;
color: #fff;
float: right;
height: 50px;
position: relative;
display: block;
z-index: 999;
margin-top: 250px;
margin-right: 20px;
text-align: right;
}
#contactHeure {
margin-left: 10px;
margin-top: -10px;
display: block;
padding-bottom: 20px;
background-repeat: no-repeat;
background-position: left 32px;
}
#contactForm {
float: right;
width: 255px;
margin-left: 10px;
margin-top: -10px;
display: block;
padding-bottom: 20px;
padding-left: 40px;
background-image: url(../images/separateur_promotion.jpg);
background-repeat: no-repeat;
background-position: left 32px;
height: 230px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
}
.inputText {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333;
background-color: #ede0c5;
}
#enum {
float: right;
width: 380px;
margin-top: -6px;
}
#contenuAlpha3 {
width: 960px;
background-image: url(../images/fond_blanc_30.png);
float: left;
overflow: hidden;
background-repeat: repeat;
margin-top: 18px;
margin-bottom: 18px;
}
#contenuMiddle3 {
width: 940px;
overflow: hidden;
background-color: #FFF;
margin: 10px;
}
#contenuMiddle3 img
{
border: 0;
float: left;
}
#contenuMiddle3 img:hover
{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
background-color: #666;
}