div#shopformcorrect {}

body {
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding: 0;
text-align: center;

background: #2a2a2a url(../images/backgradient.png) repeat-x right top;

font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #cbcbcb;
}
a {	
text-transform: uppercase;
text-decoration:none;
color:#cbcbcb;
}
a:hover {
color:#fc9fff;
}
.imagesmall {
float:left;
margin-top: 5px;
margin-right: 5px;
}
.filledBox {
float:left;
margin-top:10px;
margin-left:10px;
}
.filledBox .top {
background: url(../images/topLeftClipBoxFilled.png) no-repeat left top;
}
.filledBox .title {
margin: 0;
margin-left: 5px;
background: url(../images/topRightClipBoxFilled.png) no-repeat right top;
}
.filledBox .title span {
display: block;
margin-right: 5px;
padding: 5px 0 0 0;
background: url(../images/topClipBoxFilled.png) repeat-x top;
}
.filledBox .middleBottom {
background: url(../images/bottomLeftClipBoxFilled.png) no-repeat left bottom;
}
.filledBox .principal {
margin-left: 5px;
background: url(../images/bottomRightClipBoxFilled.png) no-repeat right bottom;
}
.filledBox .principal-bis {
margin-right: 5px;
padding: 1px 0 5px 0;
background: url(../images/bottomClipBoxFilled.png) repeat-x bottom;
}


.filledMediaBoxShop {
float:left;
margin: 10px;
}
.filledMediaBoxShop .top {
background: url(../images/topLeftClipBoxFilled.png) no-repeat left top;
}
.filledMediaBoxShop .title {
margin: 0;
margin-left: 5px;
background: url(../images/topRightClipBoxFilled.png) no-repeat right top;
}
.filledMediaBoxShop .title span {
display: block;
margin-right: 5px;
padding: 5px 0 0 0;
background: url(../images/topClipBoxFilled.png) repeat-x top;
}
.filledMediaBoxShop .middleBottom {
background: url(../images/bottomLeftClipBoxFilled.png) no-repeat left bottom;
}
.filledMediaBoxShop .principal {
margin-left: 5px;
background: url(../images/bottomRightClipBoxFilled.png) no-repeat right bottom;
}
.filledMediaBoxShop .principal-bis {
margin-right: 5px;
padding: 1px 0 5px 0;
background: url(../images/bottomClipBoxFilled.png) repeat-x bottom;
}


.filledMediaBox {
margin: 10px auto 20px;
width: 810px;
position: relative; 
}
.filledMediaBox .top {
background: url(../images/topLeftClipBoxFilled.png) no-repeat left top;
}
.filledMediaBox .title {
margin: 0;
margin-left: 5px;
background: url(../images/topRightClipBoxFilled.png) no-repeat right top;
}
.filledMediaBox .title span {
display: block;
margin-right: 5px;
padding: 5px 0 0 0;
background: url(../images/topClipBoxFilled.png) repeat-x top;
}
.filledMediaBox .middleBottom {
background: url(../images/bottomLeftClipBoxFilled.png) no-repeat left bottom;
}
.filledMediaBox .principal {
margin-left: 5px;
background: url(../images/bottomRightClipBoxFilled.png) no-repeat right bottom;
}

.filledMediaBox .principal-bis {
margin-right: 5px;
padding: 1px 0 5px 0;
background: url(../images/bottomClipBoxFilled.png) repeat-x bottom;
}




.commande1 a {	
text-transform: uppercase;
text-decoration:none;
color:#fc9fff;
}
.commande1 a:hover {
color:#cbcbcb;
}
div#conteneur {
min-width: 980px;
width: 100%;
margin: 0 auto;
text-align: left;
background: #000000;
}
div#header {
height: 100px;
background: url(../images/logo.png) no-repeat right top;
padding-left: 20px;
position:relative;
}
div#header p {
text-transform: uppercase;
font-size: 18px;
position:absolute;
bottom:0;
margin:0;
padding:0;
}
div#logo {
float:right;
height: 0px;
width:0px;
background: url(../images/logo.gif) no-repeat right top;
}
div#hierarchie {
width: 100%;
height: 34px;
margin: 0 auto;
text-align: left;
background: url(../images/topline.png) repeat-x right top;
}
div.hbouton {
text-transform: uppercase;
float:left;
}
div.hbouton a {
color:#cbcbcb;
background: url(../images/arrowWF.png) no-repeat right bottom;
margin-right:5px;
padding-right:10px;
}
div.hbouton a:hover {
color:#fc9fff;
background: url(../images/arrowWFSelected.png) no-repeat right bottom;
}
div.hboutonselect {
float:left;
color:#fc9fff;
margin-right:5px;
padding-right:10px;
}
div#menuback {
width: 100%;
height: 24px;
text-align: center;
background: url(../images/backtab.png) repeat-x right top;
}
div#infoback {
text-align:right;
height: 33px;
background: url(../images/backinfo.png) repeat-x right top;
}
.commande {
position:relative;
top:7px;
float:left;
left:50%; 
top: 7px;
background:url(../images/dashedLine.png) repeat-x right bottom;
}
.commande2 {
float:left;
position: relative; 
margin-top:10px;
background:url(../images/dashedLine.png) repeat-x right top;
}
.smenuinfo {
margin-right:20px;
position: relative; 
top: 7px;
float:right;
background:url(../images/dashedLine.png) repeat-x right bottom;
}
.smenuinfo2 {
float:left;
margin-left:20px;
}
.smenuwhite {
color:#ffffff;
}
div.smenuboutonbuy {
position: relative; 
top: 7px;
text-transform: uppercase;
float:right;
}
div.smenuboutonbuy a {
color:#fc9fff;
background: url(../images/arrowNextOver.png) no-repeat right bottom;
margin-right:5px;
padding-left:5px;
padding-right:10px;
}
div.smenuboutonbuy a:hover {
color:#cbcbcb;
background: url(../images/arrowNext.png) no-repeat right bottom;
}
div.smenusuivant {
text-transform: uppercase;
float:left;
}
div.smenusuivant a {
background: url(../images/arrowNext.png) no-repeat right bottom;
padding-left:10px;
padding-right:10px;
}
div.smenusuivant a:hover {
background: url(../images/arrowNextOver.png) no-repeat right bottom;
}
div.smenuprecedent {
text-transform: uppercase;
float:left;
}
div.smenuprecedent a {
background: url(../images/arrowPrevious.png) no-repeat left bottom;
margin-right:10px;
padding-left:10px;
}
div.smenuprecedent a:hover {
background: url(../images/arrowPreviousOver.png) no-repeat left bottom;
}
div.smenuvignette {
text-transform: uppercase;
float:left;
}
div.smenuvignette a {
background: url(../images/clipBox.png) no-repeat left bottom;
margin-right:30px;
padding-left:15px;
}
div.smenuvignette a:hover {
background: url(../images/clipBoxOver.png) no-repeat left bottom;
}
div.zoomin {
text-transform: uppercase;
}
div.zoomin a {
color:#cbcbcb;
background:url(../images/zoomin.png) no-repeat left;
padding-left:20px;
}
div.zoomin a:hover {
color:#fc9fff;
background: url(../images/zoominOver.png) no-repeat left;
}
div#menu {
width: 100%;
height: 57px;
margin: 0 auto;
text-align: left;
background: url(../images/onglet_fond.gif) repeat-x right top;
}
div#menucontainer {
float: left;
height:24px;
text-transform: uppercase;
}

div#firstmenuleftselected {
float: left;
width:20px;
height:24px;
background: url(../images/menucontentselected.png) repeat-x right top;
}

div#firstmenuleft {
float: left;
width:20px;
height:24px;
background: url(../images/menucontent.png) repeat-x right top;
}

div#menuleftnextselected {
float: left;
width:23px;
height:24px;
background: url(../images/menuleftnextselected.png) no-repeat right top;
}

div#menuleftpreviousselected {
float: left;
width:23px;
height:24px;
background: url(../images/menuleftpreviousselected.png) no-repeat right top;
}

div#menuleft {
float: left;
width:23px;
height:24px;
background: url(../images/menuleft.png) no-repeat right top;
}

a.menucontent {
display:block;
line-height: 28px;
float: left;
min-width: 100px;
height:24px;
background: url(../images/menucontent.png) repeat-x right top;
color: #656565
}

a.menucontent:hover {
color: #fc9fff;
}

div#menucontentselected {
line-height: 28px;
float: left;
min-width: 100px;
height:24px;
background: url(../images/menucontentselected.png) repeat-x right top;
}

div#menufinishselected {
float: left;
width:23px;
height:24px;
background: url(../images/menufinishselected.png) no-repeat right top;
}

div#menufinish {
float: left;
width:23px;
height:24px;
background: url(../images/menufinish.png) no-repeat right top;
}



div#bottom {
width: 100%;
height: 33px;
text-align: left;
background: url(../images/backbottom.png) repeat-x right top;
}

a.copyright {
position: relative;
right: 20px;
font-size: 10px;
float: right;
margin-top: 5px;
color:#cbcbcb;
text-transform: none;
}

a.copyright:hover {
position: relative;
right: 20px;
font-size: 10px;
float: right;
margin-top: 5px;
color:#fc9fff;
text-transform: none;
}

a.powered {
position: relative;
left: 20px;
font-size: 10px;
float: left;
margin-top: 5px;
color:#cbcbcb;
text-transform: none;
}

a.powered:hover {
position: relative;
left: 20px;
font-size: 10px;
float: left;
margin-top: 5px;
color:#fc9fff;
text-transform: none;
}

.infovignette {
margin-top: 2px;
margin-bottom: 0px;
color:#cbcbcb;
text-align: left;
text-transform: none;
max-width: 160px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.titrevignette {
margin-top: 0px;
margin-bottom: 5px;
color: #cbcbcb;
float: middle;
text-align: center;
text-transform: uppercase;
background: url(../images/groupIcon.png) no-repeat right top;
}
ul#langue {
position: relative;
top: 9px;
right: 20px;
float: right;
text-transform: uppercase;
font-size: 12px;
margin: 0;
}
li#langue {
list-style: none; 
display: inline;
}
.niveau {
position: relative;
top: 9px;
left: 20px;
float: left;
text-align: left;
text-transform: uppercase;
}
.select {
text-transform: uppercase;
color:#fc9fff;
}
.spacer {
clear: both;
}
div#link {
position: absolute;
float: left;
width: 230px;
}
div#link:hover {
background:url(../images/vignette_over.gif) top left no-repeat;
position: absolute;
float: left;
width: 230px;
}
div#photo { 
padding-top:0px;
padding-bottom:0px;
}
.relsample {
margin: 10px auto;
width: 810px;
position: relative; 
}
.relsample .top_left, .relsample .top_right, .relsample .bottom_left, .relsample .bottom_right { 
height: 5px; 
width: 5px; 
background-repeat: no-repeat; 
position: absolute; 
background-color: #333333; 
}
.relsample .top_left { 
top: 0px; 
left: 0px; 
background-image: url("../images/hautgauche.gif"); z-index: 0; 
}
.relsample .top_right { 
top: 0px; 
right: 0px; 
background-image: url("../images/hautdroit.gif"); z-index: 1; 
}
.relsample .bottom_left {
bottom: 0px; 
left: 0px; 
background-image: url("../images/basgauche.gif"); z-index: 2; 
}
.relsample .bottom_right { 
bottom: 0px; 
right: 0px; 
background-image: url("../images/basdroit.gif"); z-index: 3; 
}
.relsample .content { 
position: relative; 
padding: 5px; 
z-index: 4; 
}
.relsample2 {
margin: 10px auto;
width: 650px;
position: relative; 
background-color: #333333;
}
.relsample2 .top_left, .relsample2 .top_right, .relsample2 .bottom_left, .relsample2 .bottom_right { 
height: 5px; 
width: 5px; 
background-repeat: no-repeat; 
position: absolute; 
background-color: #333333; 
}
.relsample2 .top_left { 
top: 0px; 
left: 0px; 
background-image: url("../images/hautgauche.gif"); z-index: 0; 
}
.relsample2 .top_right { 
top: 0px; 
right: 0px; 
background-image: url("../images/hautdroit.gif"); z-index: 1; 
}
.relsample2 .bottom_left {
bottom: 0px; 
left: 0px; 
background-image: url("../images/basgauche.gif"); z-index: 2; 
}
.relsample2 .bottom_right { 
bottom: 0px; 
right: 0px; 
background-image: url("../images/basdroit.gif"); z-index: 3; 
}
.relsample2 .content { 
position: relative; 
padding: 5px; 
z-index: 4; 
}
.relsample3 {
margin:10px auto;
margin-bottom:20px;
width: 484px;
position: relative; 
background-color: #333333;
}
.relsample3 .top_left, .relsample3 .top_right, .relsample3 .bottom_left, .relsample3 .bottom_right { 
height: 5px; 
width: 5px; 
background-repeat: no-repeat; 
position: absolute; 
background-color: #333333; 
}
.relsample3 .top_left { 
top: 0px; 
left: 0px; 
background-image: url("../images/hautgauche.gif"); z-index: 0; 
}
.relsample3 .top_right { 
top: 0px; 
right: 0px; 
background-image: url("../images/hautdroit.gif"); z-index: 1; 
}
.relsample3 .bottom_left {
bottom: 0px; 
left: 0px; 
background-image: url("../images/basgauche.gif"); z-index: 2; 
}
.relsample3 .bottom_right { 
bottom: 0px; 
right: 0px; 
background-image: url("../images/basdroit.gif"); z-index: 3; 
}
.relsample3 .content { 
position: relative; 
padding: 5px; 
z-index: 4; 
}

.shoprightdesc {
margin-left:720px;
margin-right:20px;
}

.shopfulldesc {
width: 100%;
float: left;
}

.textshopbig {
float:left;
text-align: justify;
margin-bottom:10px;
}
.formshopbig {
float:left;
text-align: justify;
margin-bottom:10px;
margin:15px; 
}
.formshopbig2 {
float:right;
margin-top:15px; 
}
.formshopbig3 {
position: relative;
}
/* debut form objects */
.blockform {
margin-top:10px;
margin-left: auto;
margin-right: auto;
}
.blockformbig {
width:85%;
}
.blockformbigalign {
float:right;
}
.champ {
text-align:center;
position:left;
width:30px;
background-color : transparent;
font-size: 12px;
color: #cbcbcb;
border : 1px solid #cbcbcb;
}
select {
font-size: 12px;
color: #cbcbcb;
border: 1px solid #cbcbcb;
background-color: transparent;
}
.submit {
margin-top:10px;
float:right;
padding:0;
text-indent:0;
border: none;
background:url(../images/dashedLine.png) repeat-x right bottom;
font-size: 12px;
color: #cbcbcb;
}
.submit:hover {
color: #fc9fff;
background:url(../images/dashedLineOver.png) repeat-x right bottom;
}
form#log {
    margin : 0;
    padding : 0;
    }
.submit2 {
float:right;
vertical-align:30px;
border: 1px solid #cbcbcb;
background-color: transparent;
font-size: 12px;
color: #cbcbcb;
}
.submit2:hover {
border: 1px solid #fc9fff;
color: #fc9fff;
}
div.table {
        display:table;
        border-collapse:collapse;
		width:450px;
}
div.tbody {
        display:table-row-group;
}
div.tr {
        display:table-row;
}
div.td {
        display:table-cell;
}
div.end {
        width:auto;
}
/* fin form objects */
.clipshopbox {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width:80%;
position: relative; 
}
.clipshopbox .top {
background: url(../images/topLeftClipBoxFilled.png) no-repeat left top;
}
.clipshopbox .title {
margin: 0;
margin-left: 5px;
background: url(../images/topRightClipBoxFilled.png) no-repeat right top;
}
.clipshopbox .title span {
display: block;
margin-right: 5px;
padding: 5px 0 0 0;
background: url(../images/topClipBoxFilled.png) repeat-x top;
}
.clipshopbox .middleBottom {
background: url(../images/bottomLeftClipBoxFilled.png) no-repeat left bottom;
}
.clipshopbox .principal {
margin-left: 5px;
background: url(../images/bottomRightClipBoxFilled.png) no-repeat right bottom;
}
.clipshopbox .principal-bis {
margin-right: 5px;
padding: 1px 0 5px 0;
background: url(../images/bottomClipBoxFilled.png) repeat-x bottom;
}



/* cadre vignettes shop*/
.vignetteshopbig {

margin-left: auto;
margin-right: auto;
width:474px;
position: relative; 
background-color: #333333;
}
.vignetteshopbig .top_left, .vignetteshopbig .top_right, .vignetteshopbig .bottom_left, .vignetteshopbig .bottom_right { 
height: 5px; 
width: 5px; 
background-repeat: no-repeat; 
position: absolute; 
background-color: #333333; 
}
.vignetteshopbig .top_left { 
top: 0px; 
left: 0px; 
background-image: url("../images/hautgauche.gif"); z-index: 0; 
}
.vignetteshopbig .top_right { 
top: 0px; 
right: 0px; 
background-image: url("../images/hautdroit.gif"); z-index: 1; 
}
.vignetteshopbig .bottom_left {
bottom: 0px; 
left: 0px; 
background-image: url("../images/basgauche.gif"); z-index: 2; 
}
.vignetteshopbig .bottom_right { 
bottom: 0px; 
right: 0px; 
background-image: url("../images/basdroit.gif"); z-index: 3; 
}
.vignetteshopbig .content { 
text-align: left;
position: relative; 
padding: 5px; 
z-index: 4;
}
/* fin cadre vignettes shop*/
/* cadre vignettes shop*/
.vignetteshop {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width:70%;
position: relative; 
background-color: #333333;
}
.vignetteshop .top_left, .vignetteshop .top_right, .vignetteshop .bottom_left, .vignetteshop .bottom_right { 
height: 5px; 
width: 5px; 
background-repeat: no-repeat; 
position: absolute; 
background-color: #333333; 
}
.vignetteshop .top_left { 
top: 0px; 
left: 0px; 
background-image: url("../images/hautgauche.gif"); z-index: 0; 
}
.vignetteshop .top_right { 
top: 0px; 
right: 0px; 
background-image: url("../images/hautdroit.gif"); z-index: 1; 
}
.vignetteshop .bottom_left {
bottom: 0px; 
left: 0px; 
background-image: url("../images/basgauche.gif"); z-index: 2; 
}
.vignetteshop .bottom_right { 
bottom: 0px; 
right: 0px; 
background-image: url("../images/basdroit.gif"); z-index: 3; 
}
.vignetteshop .content { 
text-align: left;
position: relative; 
padding: 5px; 
z-index: 4;
}
.vignetteshop2 {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width:70%;
position: relative; 
background-color: #3d3d3d;
}
.vignetteshop2 .top_left, .vignetteshop2 .top_right, .vignetteshop2 .bottom_left, .vignetteshop2 .bottom_right { 
height: 5px; 
width: 5px; 
background-repeat: no-repeat; 
position: absolute;
background-color: #3d3d3d; 
}
.vignetteshop2 .top_left { 
top: 0px; 
left: 0px; 
background-image: url("../images/hautgauche2.gif"); z-index: 0; 
}
.vignetteshop2 .top_right { 
top: 0px; 
right: 0px; 
background-image: url("../images/hautdroit2.gif"); z-index: 1; 
}
.vignetteshop2 .bottom_left {
bottom: 0px; 
left: 0px; 
background-image: url("../images/basgauche2.gif"); z-index: 2; 
}
.vignetteshop2 .bottom_right { 
bottom: 0px; 
right: 0px; 
background-image: url("../images/basdroit2.gif"); z-index: 3; 
}
.vignetteshop2 .content { 
text-align: left;
position: relative; 
padding: 5px;
z-index: 4;
}
/* fin cadre vignettes shop*/
.infoshop {
margin-left:170px;
text-align: justify;
}

.infoshopfields {
margin-top:10px;	
margin-left:170px;
text-align: justify;
}

.titreinfoshop {
margin-left:170px;
margin-bottom:10px;
text-align: justify;
text-transform: uppercase;
}


.textshop {
text-align: left;
margin-right:20px;
}
.dashedlineshop {
margin-left:170px;
background:url(../images/dashedLine.png) repeat-x right;
height:1px;
margin-top:10px;
}
.imageshop {
float: left;
}

.backannotationsshop5 {
}

.backannotationsshop2 {
position: relative;
text-align: justify;
margin-left:180px;
margin-bottom: 5px;	
}

.backannotationsshop4 {
float: left;
width: 180px;
text-align:justify;
text-transform: uppercase;
}

.backannotationsshop3 {
float: left;
text-align: justify;
width:100%;
}


.backannotations2 {
float: right;
width: 180px;
font-size: 12px;
text-transform: uppercase;
}
.backannotations3 {
float: right;
width: 50%;
text-align: left;
font-size: 12px;
text-transform: none;
}

.backannotations4 {
float: left;
width: 256px;
text-align:justify;
}

.infovignetteshop {
margin-top: 2px;
margin-bottom: 0px;
color:#cbcbcb;
text-align:justify;
text-transform: none;
margin-right:5px;
}

.infovignettelabelfieldshop {
float: left;
font-size: 12px;
text-transform: uppercase;
max-width: 180px;
width: 180px;
}

.infovignettelabelshop {
text-align: left;
font-size: 12px;
text-transform: none;
text-align:justify;
margin-left:180px;
margin-right:5px;
}



.infovignettelabelfield {
float: left;
font-size: 12px;
text-transform: uppercase;
max-width: 100px;
width: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.infovignettelabel {
text-align: left;
font-size: 12px;
text-transform: none;
text-align:justify;
max-width: 60px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 10px;
}

div#dashedMediaLineShop { 
background:url(../images/dashedMediaLine.png);
height:1px;
float:left;
width: 100%;
}

div#dashedMediaLine { 
background:url(../images/dashedMediaLine.png);
width: 100%;
height:1px;
clear: both;
}
div#espace { 
width: 100%;
height:10px;
}
div#espace2 { 
width: 100%;
height:60px;
}
img#gauche {
float: left;
} 
img#droite {
float: right;
}
.espace{
width: 100%;
height:7px;
}
div#infodroite {
float: right;
width: 50%;
text-align: left;
}
div#infogauche {
float: left;
width: 50%;
text-align: right;
}
div#titles {
font-size: 14px;
margin-left: auto;
margin-right: auto;
position:relative;
bottom:2px;
width: 50%;
text-align: center;
}