* {
margin:0;
padding:0;
}
#wrapper {
text-align:center;
}



/* ---Blocs structure--- */
#topcontent {
position:relative;
width:980px;
height:215px;
margin:0 auto;
}
#menu {
position:relative;
width:980px;
height:124px;
margin:0 auto;
z-index:100;
}
#maincontent {
position:relative;
width:980px;
margin:0 auto;
z-index:50;
}
/* ---Fin des blocs structure--- */



/* ---Sous-Bloc  #topcontent--- */
#logo {
position:absolute;
top:58px;
left:5px;
width:242px;
height:147px;
}
#logo a img {
border:0;
}
#screenlogo {
display:block;
}
#printlogo {
position:absolute;
top:0;
left:0;
width:242px;
height:147px;
display:none;
}
#baseline {
position:absolute;
top:5px;
left:260px;
width:220px;
height:125px;
}
screenbaseline {
display:block;
}
#printbaseline {
position:absolute;
top:0;
left:0;
width:220px;
height:125px;
display:none;
}
#fr {
position:absolute;
top:30px;
right:100px;
width:38px;
height:29px;
}
#fr a img {
border:0;
}
#en {
position:absolute;
top:30px;
right:30px;
width:38px;
height:29px;
}
#en a img {
border:0;
}
#acheter-img {
position:absolute;
top:70px;
right:8px;
width:160px;
height:38px;
z-index:10;
}
#acheter-img a img {
border:0;
}
#acheter-txt {
position:absolute;
top:75px;
right:8px;
width:160px;
height:38px;
z-index:20;
}
#acheter-txt a {
text-decoration:none;
color:#FFF;
font:12px Eurostile, Helvetica, "Arial Narrow", sans-serif;
}
/* ---Fin du sous-Bloc  #topcontent--- */



/* ---Sous-Bloc  #menu--- */
#m1 {
position:absolute;
top:0;
left:18px;
width:75px;
}
#m2 {
position:absolute;
top:0;
left:135px;
width:190px;
}
#m3 {
position:absolute;
top:0;
left:323px;
width:190px;
}
#m4 {
position:absolute;
top:0;
left:513px;
width:193px;
}
#m5 {
position:absolute;
top:0;
left:730px;
width:170px;
}
#m6 {
position:absolute;
top:0;
left:880px;
width:80px;
}
#menu dt {
height:18px;
text-align:left;
padding-left:25px;
font:17px Eurostile, Helvetica, "Arial Narrow", sans-serif;
}
#menu1 {
width:75px;
background:url(../../assets/images/carres/menu-absinthe.png) no-repeat;
}
#menu1 a:hover{
color:#5bac26;
}
#menu2 {
width:165px;
background:url(../../assets/images/carres/menu-prune.png) no-repeat;
}
#menu2 a:hover{
color:#93107e;
}
#menu3 {
width:165px;
background:url(../../assets/images/carres/menu-mirabelle.png) no-repeat;
}
#menu3 a:hover{
color:#ee7d10;
}
#menu4 {
width:168px;
background:url(../../assets/images/carres/menu-cerise.png) no-repeat;
}
#menu4 a:hover{
color:#db002e;
}
#menu5 {
width:145px;
background:url(../../assets/images/carres/menu-poire.png) no-repeat;
}
#menu5 a:hover{
color:#F1e400;
}
#menu6 {
width:80px;
background:url(../../assets/images/carres/menu-framboise.png) no-repeat;
}
#menu6 a:hover{
color:#e43689;
}
#menu dt a {
text-decoration:none;
color:#FFF;
}
#menu dd {
visibility:hidden;
}
#menu ul {
margin-left:25px;
padding-left:10px;
padding-top:5px;
list-style-type:none;
text-align:left;
color:#FFF;
}
#submenu2 li a:hover{
color:#93107e;
}
#submenu3 li a:hover{
color:#ee7d10;
}
#submenu4 li a:hover{
color:#db002e;
}
#submenu5 li a:hover{
color:#F1e400;
}
#menu li a {
text-decoration:none;
color:#FFF;
font:13px Eurostile, Helvetica, "Arial Narrow", sans-serif;
}
#menu li a:hover {
margin-left:4px;
}
/* ---Fin du sous-Bloc  #menu--- */



/* ---Sous-blocs #maincontent--- */

/* Code pour un seul bloc central */
#singleblock {
position:relative;
width:900px;
margin:0 0 0 40px;
}
#mbmid {
position:relative;
width:900px;
}
#singleblock > #mbmid {
background:url(../../assets/images/blocs/bloc-milieu-mid.png) repeat-y;
}
#textcontent {
position:absolute;
top:50px;
left:0;
width:800px;
padding:20px 0;
margin:0 40px 0 60px;
text-align:left;
}
#textcontent h1 {
padding:0 0 50px 0;
font:28px Eurostile, Helvetica, "Arial Narrow", sans-serif;
}
#textcontent p{
padding:0 0 26px 0;
color:#fff;
font:15px Eurostile, Helvetica, "Arial Narrow", sans-serif;
}
#textcontent img {
text-align:center;
}
/* Code pour le formulaire dans le bloc central */
#textcontent form {
width:600px;
margin:0 auto;
}
#textcontent legend{
margin-left:6px;
padding:30px 16px;
font:15px Eurostile, Helvetica, "Arial Narrow", sans-serif;
color:#fff;
font-weight:bold;
}
#textcontent label{
padding:10px 10px 10px 30px;
}
#textcontent textarea {
margin:10px 0 0 100px;
}
#boutonenvoyer {
margin-left:240px;
}
/* Fin du code pour le formulaire dans le bloc central */
/* Fin du code pour un seul bloc central */

/* Code pour deux blocs */
/* Code pour le bloc de gauche */
#leftblock {
position:absolute;
top:0;
left:40px;
width:220px;
height:600px;
}
#lefttextcontent {
position:absolute;
top:0;
left:70px;
width:170px;
height:500px;
padding-top:30px;
text-align:left;
z-index:80;
}
#lefttextcontent ul {
margin:0 10px 30px 20px;
list-style-type:square;
color:#fff;
}
#lefttextcontent li {
padding:0 0 10px 0;
font:13px Eurostile, Helvetica, "Arial Narrow", sans-serif;
}
#lefttextcontent li a {
text-decoration:none;
color:#fff;
}
#lefttextcontent img {
margin-top:30px;
}
#lefttextcontent a img {
border:0;
}
#lefttextcontent p {
color:#fff;
}
#lefttextcontent p a{
color:#fff;
}
/* Fin du code pour le bloc de gauche */
/* Code pour le bloc de droite */
#rightblock {
position:relative;
width:650px;
margin:0 0 0 290px;
}
#rbtop {
position:relative;
width:650px;
height:50px;
}
#rightblock > #rbtop {
background:url(../../assets/images/blocs/bloc-droite-top.png) no-repeat;
}
#rbmid {
position:relative;
width:650px;
height:600px;
}
#rightblock > #rbmid {
background:url(../../assets/images/blocs/bloc-droite-mid.png) repeat-y;
}
#rbbottom {
position:relative;
width:650px;
height:50px;
}
#righttextcontent {
position:absolute;
top:0;
left:0;
width:600px;
padding-top:10px;
margin:0 20px 0 30px;
text-align:left;
color:#fff;
}
#righttextcontent h1 {
padding:0 0 50px 0;
font:28px Eurostile, Helvetica, "Arial Narrow", sans-serif;
}
#righttextcontent h2 {
padding:10px 0 35px 0;
font:26px Eurostile, Helvetica, "Arial Narrow", sans-serif;
}
#righttextcontent h3 {
padding:0 0 35px 0;
font:22px Eurostile, Helvetica, "Arial Narrow", sans-serif;
}
#righttextcontent p{
font:15px Eurostile, Helvetica, "Arial Narrow", sans-serif;
}
#righttextcontent p a{
text-decoration:underline;
color:#fff;
}
/* Fin du code pour le bloc de droite */
/* Code pour le bloc de droite avec carrés à cheval */
#rightblock-carres {
position:absolute;
top:0;
left:290px;
width:650px;
height:600px;
margin:0;
}
#maincontent > #rightblock-carres {
background:url(../../assets/images/blocs/bloc-droite-mid.png) repeat-y;
}
#righttextcontent-carres {
position:absolute;
top:-18px;
left:300px;
width:600px;
height:600px;
margin:0;
text-align:left;
color:#fff;
}
#righttextcontent-carres h2 {
padding:10px 0 35px 0;
font:26px Eurostile, Helvetica, "Arial Narrow", sans-serif;
}
#righttextcontent-carres p{
font:15px Eurostile, Helvetica, "Arial Narrow", sans-serif;
}
#righttextcontent-carres p a{
text-decoration:underline;
color:#fff;
}
/* Intérieur du bloc de droite */
#col1 {
position:relative;
width:270px;
height:400px;
}
#col1 p {
line-height:20px;
}
#col2 {
position:absolute;
top:0;
left:300px;
width:300px;
height:400px;
}
#col2 p {
line-height:20px;
}
.previous a {
text-decoration:none !important;
}
.next a {
text-decoration:none !important;
margin-left:530px;
}
.next2 a {
position:relative;
top:-16px;
left:0;
text-decoration:none !important;
margin-left:530px;
}

/* Fin de l'intérieur du bloc de droite */
/* Fin du code pour le bloc de droite avec carrés à cheval */
/* Fin du code pour deux blocs */
/* ---Fin du sous-blocs #maincontent--- */


/* ---Mise en page diverses--- */
.carrekapsi {
margin-bottom:-3px;
}
.minitab {
margin-left:11px;
}
.bigtab {
margin-left:60px;
}
.face {
padding-left:14px;
color:#db002e !important;
}
.details {
padding-left:14px;
}
.middle {
font:17px Eurostile, Helvetica, "Arial Narrow", sans-serif !important;
}
.big {
font:19px Eurostile, Helvetica, "Arial Narrow", sans-serif !important;
}
.suspension {
margin-left:480px;
}
.middle {
text-align:center !important;
}
/* ---Fin de la mise en page diverses--- */



/* ---Sous-bloc Footer--- */
#footer {
position:relative;
width:980px;
height:50px;
margin:0 auto;
padding-top:30px;
}
#footer p {
color:#fff;
font:12px Eurostile, Helvetica, "Arial Narrow", sans-serif;
}
#footer p a {
text-decoration:none;
color:#fff;
padding:0 10px;
}
/* Footer pour carrés */
#footer-carres {
position:relative;
width:980px;
height:50px;
margin:600px auto 0 auto;
padding-top:30px;
text-align:center;
}
#footer-carres p {
color:#fff;
font:12px Eurostile, Helvetica, "Arial Narrow", sans-serif;
}
#footer-carres p a {
text-decoration:none;
color:#fff;
padding:0 10px;
}
/* ---Fin du sous-bloc footer--- */