/* reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ======================================================= */
/* SOIREES BUS
   Author : Victor Coulon                                  */
/* ======================================================= */

/* ======================================================= */
/* Body */
/* ======================================================= */

body {
        background:#888;
        color:#0d0d0d;
        font:12px times, serif;
}

#englob {background:#FFF;width:1020px;margin:0 auto;position:relative;}

h1 {font-size:26px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
p {font-size:12px;}

a,
a:hover,
a:link,
a:active,
a:visited {
        color:#0d0d0d;
        text-decoration:underline;
}

a.lien-alt,
a.lien-alt:hover, 
a.lien-alt:active,
a.lien-alt:visited {
    color:#999999;
}
/* ======================================================= */
/* classes réutilisable */
/* ======================================================= */

.wrapper {
        width:940px;
        margin:0 auto;
}
.clear {clear:both;}
.spacer {height:1em;}
.floatLeft {float:left;}
.floatRight {float:right;}
.alignCenter {text-align:center;}
.alignRight {text-align: right;}
.bold {font-weight: bold;}
.italic {font-style:italic;}
.small {font-size: 10px;}
.width50 {width: 50%;}
.placeholder {color:#CCC;}


.infosgroupe {
        border-bottom-style:solid;
        border-bottom-width: 3px;
        color:#000;
}



.groupeheader {
        position:absolute;
        left:0px;
        background:#D9D9D9;
        margin-top:42px;
        width:660px;
        text-align: center;
        font-style: italic;
        font-weight: bold;
		font-size:13px;
		z-index:101;
}

.ie7 .groupeheader {margin-top:35px;}

.leftSide, .rightSide {
        width:320px;
        margin-right:10px;
        background:#FFF;
        float:left;
}

/* formualires */ 

::-webkit-input-placeholder {color:#CCC;}

.inputtext {
        background:#D9D9D9;
        border:0px;
        width:170px;
        font-style:italic;
        color:#4C4C4C;
        font-size:13px;
        font-family: sans-serif;
        padding:2px 4px;
        margin:8px 4px 0px 0px;
        
}

.inputtextwhite {
        background:#FFF;
        border:0px;
        width:170px;
        font-style:normal;
        color:#4C4C4C;
        font-size:13px;
        font-family: sans-serif;
        padding:1px 6px;
        margin:8px 4px 0px 0px;
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border-radius:8px;
}

.inputsubmit {
        background:#D9D9D9;
        border:0px;
        font-style:italic;
        color:#4C4C4C;
        font-size:13px;
        font-family: sans-serif;
        padding:2px 4px;
        margin:8px 0px 0px 0px;
}

label {display: block;}

select {
        background:#B3B3B3;
        font-family: sans-serif;
        font-size:12px;
        padding:1px 2px 1px 5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		border:0px;
}

select:focus {outline:none;}


/* hacks */
.ie7 body {
     overflow-x:hidden;
}

/* FANCYBOX CUSTOM */
#tip7-title { text-align: left; }
#tip7-title b { display: block; margin-right: 80px; }
#tip7-title span { float: right; }

.popuptxt_inside {width:400px;font-family:sans-serif;}
.popuptxt_inside p {padding:5px 0;}

/* TIPSY */
.tipsy { font-family:sans-serif; padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


/* color */

.greybackground {background:#D9D9D9;}
.whiteBackground {background: #FFF;}

.blue {color:#009EE0;}
.pink {color:#E10079;}
.orange {color:#FF5D00;}
.violet {color:#88005E;}

h2.pink {background:transparent url('../images/h2pink_background.png') 0 50% repeat-x;}
h2.blue {background:transparent url('../images/h2blue_background.png') 0 50% repeat-x;}
h2.orange {background:transparent url('../images/h2orange_background.png') 0 50% repeat-x;}
h2.pink span, h2.blue span, h2.orange span {background:#FFF;padding:0 5px;}

.blueBorder {border-color:#009EE0;}
.pinkBorder {border-color:#E10079;}
.orangeBorder {border-color:#FF5D00;}
.violetBorder {border-color:#88005E;}

.blueBackground {background-color:#009EE0;color:#FFF;}
.pinkBackground {background-color:#E10079;color:#FFF;}
.orangeBackground {background-color: #FF5D00;color:#FFF;}

a.pinkButton,
a.pinkButton:visited {
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
        color:#FFF;
        background-color:#E10079;
        -webkit-border-radius:12px;
        -moz-border-radius:12px;
        -o-border-radius:12px;
        border-radius:12px;
        padding:0px 12px;
        text-decoration: none;
}

a.violetButton {background-color:#88005E;}

.timeline li {
        font-style:italic;
        font-weight: bold;
        color:#000;
        width:159px;
        height:22px;
        line-height: 22px;
        display:block;
        float:left;
        margin-left:5px;
        background:#D9D9D9;
        text-align: center;
        font-size:13px;
}

.breadcrumb {z-index:999;position: absolute;right:0;color:#666666;font-family: sans-serif;font-size:10px;}
.breadcrumb a {color:#666666;}



/* ======================================================= */
/* containers */
/* ======================================================= */

#header {
        height:84px;
        position:relative;
        background:#191919;
        z-index:999;
}

#header #reservationenligne {
        float:right;
        color:#D8D8D8;
        width:240px;
        margin:27px 0 0 0;
        font-family: sans-serif;
}

#header #reservationenligne ul {border-left:1px solid #9C9C9C;display:block;padding-left:5px;height:20px;}
#header #reservationenligne ul li {display:block;float:left;color:#D8D8D8;line-height: 20px;margin-right:6px;} 

#header #reservationenligne #langue {display:block;float:right;text-align:right;color:#999999;font-style: italic;margin:5px 10px 0 0;text-decoration:none;}

#header #logo {
        background:transparent url('../images/logo.png') 0% 40% no-repeat;
        height:84px;
}

#header #logo h1 {
        font-size:12px;
        color:#FFF;
        font-family: sans-serif;
        line-height:81px;
        padding-left:310px;
        text-transform: uppercase;
}

#header #menutop {
        position:absolute;
        top:67px;
}

#header #menutop ul li {
        display:inline;
}

#header #menutop ul li a {
        color:#FFF;
        float:left;
        display:block;
        margin-right:10px;
        width:170px;
        height:35px;
        background:#191919 url('../images/topmenu_accueil.png') bottom left no-repeat;
        text-align: center;
        text-decoration: none;
        line-height: 25px;
        font-size:17px;
        font-weight: bold;
}

#header #menutop ul li a#menuaccueil {width:110px;}
#header #menutop ul li a#menugroupes {background-image: url('../images/topmenu_groupes.png');}
#header #menutop ul li a#menupro {background-image: url('../images/topmenu_pro.png');}
#header #menutop ul li a#menuconvaincu {background-image: url('../images/topmenu_convaincu.png');margin-right:0px;}

#header #menutop ul li a.selected {margin-top:10px;}

#header #menutop ul li a#menuaccueil.selected {background-color:#c14814;}
#header #menutop ul li a#menugroupes.selected {background-color:#e1535d;}
#header #menutop ul li a#menupro.selected {background-color:#e2004e;}
#header #menutop ul li a#menuconvaincu.selected {background-color:#88005e;}

/* ======================================================= */

#content {
        background:#D9D9D9;
}

#content #contentbackgroud {
        text-align: center;
		background:transparent url('../images/background_content.png') top center no-repeat;
        z-index:100;
        height:80px;
		width:1020px;margin:0 auto;
        position:absolute;
        right:0px;
        left:0px;
}

.ie7 #content #contentbackgroud {width:auto;margin:0;}

#content #slideshow {
        text-align: center;
        position: absolute;
        left:0px;
        right:0px;
        z-index:1;
        height:530px;
        overflow:hidden;
}
#content #slideshow .slides {position:relative;left:0;right:0;width:1020px;margin:0 auto;}
#slidecontrol {margin-bottom:288px;}
#slidecontrol span {cursor:pointer;margin-right:5px;}
/* ======================================================= */

#sidebar {
        width:240px;
        float:right;
        z-index:999;
        position:relative;
}

#sidebar #espaceclient {
        background:transparent url('../images/espaceclient_background.png') top left no-repeat;
        height:106px; 
        font-family:sans-serif;
        width:280px;
        padding-top:10px;
        
}
#sidebar #espaceclient form {margin:0px;padding:0px;}
#sidebar #espaceclient div {border-top:2px solid #A2A2A2;width:230px;margin-left:10px;}
#sidebar #espaceclient input[type="submit"] {width:40px;}
#sidebar #espaceclient h2 {color:#0C0C0C;font-size:13px;margin:5px 0px 0px 0px;padding:0px;}
#sidebar #espaceclient h2 span {color:#999;}

#sidebar #zoomsur {
        background:transparent url('../images/zoomsur_background.png') top left no-repeat;
        height:191px;
        color:#FFF;
        padding:14px 0px 0px 0px;
        margin-bottom:14px;
        position: relative;
}

#sidebar #zoomsur h2 {font-size:19px;font-weight: bold;font-style: italic;text-transform: uppercase;padding-left:14px;margin-bottom:12px;}
#sidebar #zoomsur .floatRight {border-left:1px solid #FFF;width:111px;padding-left:14px;font-weight:bold;font-style:italic;line-height: 15px;}
#sidebar #zoomsur .floatRight span {font-size:19px;}
#sidebar a {text-decoration:none;}

#sidebar #zoomsur p {display:block;padding:0px 4px 0px 8px;color:#000;margin-bottom:5px;font-style: italic;font-weight: bold;}
#sidebar #zoomsur p span{background:#FFF;padding:0px 4px 0px 8px;}

#sidebar #zoomsur img {position:absolute;bottom:2px;left:0;right:0;}
.ie7 #sidebar #zoomsur p {display:table;float:none;}

#sidebar #nosclients {
        background:transparent url('../images/nosclients_background.png') top left no-repeat;
        height:129px;
        color:#FFF;
        padding:13px 9px 0 9px;
}

#sidebar #nosclients h2 {font-size:19px;font-weight: bold;font-style: italic;color:#FFF;text-transform: uppercase;padding-bottom:8px;border-bottom: 2px solid #939393;}
#sidebar #nosclients img {margin:10px 0;}

#sidebar #sidemenu {
        margin:38px 0 50px 0;
}

#sidebar #sidemenu ul {border-bottom:1px solid #3E3E3E;}
#sidebar #sidemenu ul li a {
        border-top:1px solid #3E3E3E;
        display:block;
        line-height: 44px;
        font-size:19px;
        font-style: italic;
        text-decoration: none;
        color:#0C0C0C;
        text-transform:uppercase;
}

#sidebar #sidemenu ul li a.selected {
        color:#913B5F;
        border-top-color:#913B5F;
		font-weight:bold;
}

#sidebar #sidemenu .social ul {
	border:0px;
    list-style-type:none;
    display:block;
    height:60px;
    margin:15px 0 0 40px;
}

#sidebar #sidemenu .social ul li { float:left;margin:0px;padding:0px;}

#sidebar #sidemenu .social ul li a {
    float:left;
    position:relative;
    text-indent:-9999px;
    width:40px;
    height:40px;
    background:transparent url('../images/social.png') top left;
    margin-right:5px;
    border: none;
    opacity: .15;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: alpha(opacity = 50); 
    -webkit-transition: opacity, top .1s linear;
    -moz-transition: opacity, top .1s linear;
    -o-transition: opacity, top .1s linear;
    -ms-transition: opacity, top .1s linear;
    transition: opacity, top .1s linear;    
}
#sidebar #sidemenu .social ul li.fbk {margin-top:10px;}
#sidebar #sidemenu .social ul li a:hover {
    opacity: .9;
    top:-4px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
    filter: alpha(opacity = 90);
}

#sidebar #sidemenu .social ul li a.twitter {background-position:0px -40px;}
#sidebar #sidemenu .social ul li a.facebook {background-position:0px -80px;}
#sidebar #sidemenu .social ul li a.twitter:hover {background-position:-40px -40px;}
#sidebar #sidemenu .social ul li a.facebook:hover {background-position:-40px -80px;}
#sidebar #sidemenu .social div { text-align:center;}




#sidebar #sidemenu #csad {
		height:175px;
        margin:10px 0 0 0;
        text-align: center;
}

#newsletter {
    background:transparent url('../images/newsletter_background.png') top left no-repeat;
    height:65px; 
    font-family:sans-serif;
    /* padding:21px 9px 0 10px; */
    padding: 21px 19px 0px 17px;
	position:absolute;
	bottom:30px;
	right:40px;
	z-index:1000;	
}

#newsletter form {margin:0px;padding:0px;}
#newsletter div {border-top:1px solid #656565;padding-top:10px;}
#newsletter input[type="submit"] {width:40px;}
#newsletter h2 {color:#0C0C0C;font-size:13px;}
#newsletter .inputtext {margin:0 5px 0 0px;width:165px;} 
.ie9 #newsletter .inputtext {margin:0 0px 0 0px;} 


/* ======================================================= */

#section {
    width:700px;
    float:left;
    margin-top:30px;
}

/* ======================================================= */


#footer {
        margin-top:5px;
        font-size:11px;
        font-family: sans-serif;
        color:#4C4C4C;
        font-style:italic;
        padding-bottom:5px;
}
#footer p {font-size:11px;}
#footer .floatRight ul li {margin-left:10px;display:inline;font-weight: bold;}
#footer .floatRight ul li a {text-decoration: none;color:#4C4C4C;font-style:normal;}
#footer .floatRight ul li a.selected {text-decoration: none;color:#87005E;}


/* ======================================================= */
/*              PAGES */
/* ======================================================= */

/* Groupes et individuels */
#content #groupesetindividuels {
        margin:0 0 55px 0;
        position:relative;
}

#content #groupesetindividuels .individuel,
#content #groupesetindividuels .privatisation,
#content #groupesetindividuels .divers {
        background: #FFF;
        width:210px;
        margin-right:10px;
        padding:59px 0 0 0;
        float:left;
}

#content #groupesetindividuels h2 {
        text-align: center;
        font-family: sans-serif;
        font-size:15px;
        font-weight:normal;
        margin:18px 0px 18px 0px;
        text-transform: uppercase;
}

#content #groupesetindividuels .infosgroupe {
        font-size:12px;
        color:#000;
        padding:15px 5px 15px 5px;
}

#content #groupesetindividuels .infosgroupe h3 {
		font-family:sans-serif;
        font-style: italic;
        font-weight: bold;
        font-size: 16px;
        line-height:12px;
}
#content #groupesetindividuels .infosgroupe h3 span {font-size: 12px;}
#content #groupesetindividuels .infosgroupe h4 {
		font-family:sans-serif;
        font-style: italic;
        font-weight: bold;
        font-size: 12px;
}
#content #groupesetindividuels .infosgroupe .floatRight h3,
#content #groupesetindividuels .infosgroupe .floatRight h4 {text-align:center;}
#content #groupesetindividuels .infosgroupe p {margin:5px 0;font-family: sans-serif;}
#content #groupesetindividuels .infosgroupe a {text-decoration:none;}

#content #groupesetindividuels .blackinfo {
        background:#191919;
        color:#FFF;
        padding:0px;
        height: 288px;
        font-family: sans-serif;
        font-size: 14px;
        font-style: normal;
}
#content #groupesetindividuels .blackinfo p {padding:0 5px;}


/* espace pro */
#content #espacepro {
		margin:0 0 55px 0;
        position:relative;
}

#content #espacepro .leftSide,
#content #espacepro .rightSide {
        padding:59px 0 0 0;
}

#content #espacepro h2 {
        font-size:15px;
        font-family: sans-serif;
        text-align:center;
        text-transform: uppercase;
        margin:15px 0 15px;
}

#content #espacepro .infosgroupe {
        font-size:12px;
        color:#000;
        padding:15px 5px 15px 5px;
}

#content #espacepro .infosgroupe h3 {
        font-style: italic;
        font-weight: bold;
        font-size: 13px;
		font-family:sans-serif;
}

#content #espacepro .infosgroupe h4 {
        font-style: italic;
        font-weight: bold;
        font-size: 13px;
		font-family:sans-serif;
}

#content #espacepro .infosgroupe p {margin:5px 0;font-family: sans-serif;}
#content #espacepro .infosgroupe a {text-decoration:none;}

#content #espacepro li {font-family: sans-serif;}

#content #espacepro .blackinfo {
        background:#191919;
        color:#FFF;
        padding:0px;
        height: 228px;
        font-family: sans-serif;
        font-size: 14px;
        font-style: normal;
}
#content #espacepro .blackinfo p {padding:0 5px;}

/* selection produit */
#content #selectionproduit {
        margin:0 0 55px 0;
        position:relative;
}

#content #selectionproduit .infosgroupe {border-bottom-width:3px;font-family: sans-serif;font-size:11px;padding:0 8px;}
#content #selectionproduit .leftSide,
#content #selectionproduit .rightSide {
        padding:59px 0 0 0;
}

#content #selectionproduit .leftSide img {margin-bottom:10px;}

#content #selectionproduit h2 {
        font-size:15px;
        font-family: sans-serif;
        text-align:center;
        text-transform: uppercase;
        margin:15px 0 15px;
}

#content #selectionproduit  h3 {
        display:block;
        font-style:italic;
        font-weight:bold;
		font-family:Times, serif;
        font-size: 13px;
        padding-left:10px;
        padding-right:5px;
        width:180px;
		margin-left: -8px;
}
#content #selectionproduit  h4 {font-weight:bold;font-style:italic;font-size:12px;font-family:serif;margin:0px 0px 15px 0px;padding-left:10px;}
#content #selectionproduit  h4 strong {font-size:16px;}
#content #selectionproduit ul,
#content #selectionproduit  p {
        font-family: sans-serif;
        font-size:11px;
}
#content #selectionproduit ul {padding:4px 10px 15px 10px;}
#content #selectionproduit p {padding:15px 10px 15px 10px;}
#content #selectionproduit .rightSide p {padding:3px 10px 15px 10px;}
#content #selectionproduit .rightSide {position:relative;}
#content #selectionproduit .rightSide a.pinkButton {position:absolute;bottom:-8px;margin-left:90px;font-size:18px}


/* Boissons à bord */
#boissonsabord {
        background:#FFF;
        padding:20px 0 20px 0;
        width: 650px;
        position:relative;
}

#boissonsabord h2 {
        font-size:15px;
        font-family: sans-serif;
        text-align:center;
        text-transform: uppercase;
        margin:20px 0 20px;
}

#boissonsabord p,
#boissonsabord ul {
        font-weight:bold;
        font-size:12px;
        padding:4px 10px 10px 10px;
}

#boissonsabord a.pinkButton {
        position:absolute;
        bottom:-8px;
        left:280px;
}


/* Actualités */

#actualites {
        background:#FFF;
        padding:20px 0 20px 0;
        width: 650px;
        position:relative;
        margin-bottom:40px;
}
#actualites h2 {font-size:26px;font-style: italic;font-weight: bold;color:#801744;margin-left:10px;}
#actualites .article {margin:15px 0 0 0;}
#actualites .article .aside {margin:0 20px 0 10px;width:153px;border-top:1px solid #B9B9B9;padding:5px 0 0 0;}
#actualites .article .aside img {width: 150px;}
#actualites .article .aside .date {display:block;color:#999999;margin-top:5px;} 
#actualites .article .aside .subtitle {display:block;font-style:italic;} 
#actualites .article .txt {border-top:1px solid #B9B9B9;width:460px;padding:5px 0 0 0;}
#actualites .article .txt h3 {font-size:12px;text-transform: uppercase;margin:0 0 10px 0;}


/* HOME */
#home {
        margin-top:170px;
        width: 650px;
        z-index:50;
        position:relative;
}
#home #slidecontrol {margin-bottom:100px;}
#home h2 {color:#FFF;display:block;float:left;font-size:36px;font-weight:bold;font-style: italic;border-top:2px solid #FFF;letter-spacing: 1px;padding-top:5px;line-height:34px;}
#home h3 {margin:80px 0 5px 0;font-size:14px;font-weight:bold;}
#home p {font-size:13px;}

/* convaincu */

#convaincu {
        margin:170px 0 50px 0;
        width: 650px;
        z-index:50;
        position:relative;
}

#convaincu .article {border-top:1px solid #7F7F7F;}
#convaincu .article h2 {font-style: italic;font-weight: bold;font-size:26px;margin:4px 0 8px 0;cursor:pointer;}
#convaincu .article h3 {font-size: 14px;font-weight:bold;margin:1px 0 3px 0;font-family: sans-serif;}
#convaincu .article p {margin-bottom: 12px;font-family: sans-serif;} 
#convaincu .article span.floatRight {font-style:italic;margin-top:6px;color:#000;font-size:12px;font-weight:normal;}
#convaincu .article span.open {color:#999;}

/* mentions / partenaires / contact */
#mentions {margin:170px 0 50px 0;width: 650px;z-index:50;position:relative;}
#mentions.violetBorder {border-bottom-style: solid;border-bottom-width: 1px;}
#mentions h2 {font-weight: bold;font-style:italic;color:#801744;border-top:1px solid #801744;margin:2px 0 10px 0;padding-top:5px;}
#mentions strong {font-weight:bold;}
#mentions em {font-style:italic;}
#mentions .firstpcontact .back {
        background:transparent url('../images/espaceclient_background.png') top left no-repeat;
        height:116px;
        width:280px;
        font-family: sans-serif;
}
#mentions .firstpcontact .floatLeft h3, #mentions .firstpcontact .floatRight h3 {
        font-weight: bold;font-style:italic;font-size: 13px;color:#FFF;background: #000;padding:1px 5px;font-family: serif;
}
#mentions .firstpcontact .floatLeft form {padding:2px 10px 0px 10px;margin:0px}
#mentions .firstpcontact .floatLeft p {border-top:1px solid #A2A2A2;margin:10px 10px 10px 10px;padding-top:5px;}
#mentions .firstpcontact .floatRight p {padding:12px 10px;}
#mentions .firstpcontact .floatRight a {display:block;background:transparent url('../images/icons/mail.png') top left no-repeat;padding-left: 30px;line-height: 16px;}

#mentions .inputtextwhite, #mentions .width50 select {display:block;width:170px;margin:3px 0 10px 0;background:#FFF;}
#mentions .inputadress {width:245px;}
#mentions .width50 textarea {display: block;width:300px;height:150px;}
#mentions label, #mentions .width50 a {margin:5px 0 0 0;font-family:sans-serif;}
#mentions .small {font-family:sans-serif;}

#mentions a.pinkButton {
        position:absolute;
        bottom:-8px;
        left:280px;
}
#mentions p {font-size:13px;}

/* GALRIE */
#galerie {
        margin:0px 0 50px 0;
        width: 650px;
        z-index:50;
        position:relative;   
}

#galerie .floatLeft {
		background: #FFF;
		width:210px;
		border-bottom-width:3px;
		border-bottom-style: solid;
}

#galerie .floatRight {
        background: #FFF;
        width:430px;
        border-bottom-width:3px;
        border-bottom-style: solid;
}
#galerie .floatRight table {width:100%;}
#galerie .floatRight table .right {
	text-align:right;
}

#galerie h3 {font-weight: bold;font-style:italic;color:#801744;margin:15px 0 0 5px;font-size: 22px;}
#galerie h2 {
        text-align: center;
        font-family: sans-serif;
        font-size:15px;
        font-weight:normal;
        margin:15px 0px 15px 0px;
        text-transform: uppercase;
}

#galerie .floatRight h2 {margin-top: 70px;}
#galerie .floatLeft h2 {margin-top:29px;}




/* RESA - HTML DU DEV */
#panierBE {
       background:#FFF;
        padding:45px 0 0px 0;
        width: 650px;
        position:relative;
}

#panierBE h2 {
        font-size:15px;
        font-family: sans-serif;
        text-align:center;
        text-transform: uppercase;
        margin: 18px 0px 0px 0px;
        padding-bottom:18px;
        background-color:#FFF;
        background-position:0 9px;
}

#onglet-panier td, #cadre1 table th  {
        font-family:Times, serif;
}



#onglet-panier {
        width: 100%;
}

#onglet-panier td {
        font-size: 13px;
        background:#D9D9D9;
        width:160px;
        line-height: 22px;
        height:22px;
        text-align: center;
        font-style: italic;
        font-weight:bold;
        border-left:5px solid #FFF;
}

#onglet-panier td:first-child {border-left:0px;width: 159px;}
#onglet-panier a {text-decoration:none;}
#onglet-panier td.onglet-on {background:#E2007A;color:#FFF;}
#onglet-panier td.onglet-on a {color:#FFF;}

#panierBE p {
        color:#E10079;
        display: block;
        font-family: sans-serif;
        font-size: 15px;
        margin: 18px 0px 0px 0px;
        padding-bottom:18px;
        text-align: center;
        text-transform: uppercase;
        background:#FFF;
}

#panierBE input[type="button"],
#panierBE input[type="submit"]{
        font-family:Times, serif;
         font-size: 14px;
        font-weight: bold;
        font-style: italic;
        color:#FFF;
        background-color:#E10079;
        -webkit-border-radius:12px;
        -moz-border-radius:12px;
        -o-border-radius:12px;
        border-radius:12px;
        padding:0px 12px;
        text-decoration: none;
        border:0px;
}

#cadre1,
#cadre2,
#cadre3,
#cadre4 {
        background:#D9D9D9;
}

#cadre1 table,
#cadre2 table,
#cadre3 table {
        width:100%;
        margin-top:5px;
        border-bottom: 1px solid #E10079;
}

#cadre1 table th,
#cadre2 table th,
#cadre3 table th {
        background:#E2007A;
        color:#FFF;
        line-height: 13px;
        font-size:13px;
        text-align: center;
        font-style: italic;
        font-weight:bold;
        border-left:5px solid #D9D9D9;
        padding:1px 0;
}
#cadre1 table td,
#cadre2 table td,
#cadre3 table td {
        font-family: sans-serif;
        padding:2px 0; 
}

#cadre1 table th:first-child,
#cadre2 table th:first-child,
#cadre3 table th:first-child {border-left:0px;}

#panierBE .lien-supprimer {
        display: block;
        width:14px;
        height: 14px;
        background:transparent url('../images/x.png') 50% 50% no-repeat;
        text-indent: -9999px;
}

/* table 1 et 3 */

#cadre1 table td, #cadre3 table td {border-bottom: 1px solid #E10079;border-left:5px solid #D9D9D9;}
#cadre1 table tr:last-child td, #cadre3 table tr:last-child td  {border:0px;}
#cadre1 table tr:last-child select, #cadre3 table tr:last-child select {margin:8px 0;}

/* cadre 2 */ 

#cadre2 .libelle_rubrique_option {
        background:#E2007A;
        color:#FFF;
        line-height: 13px;
        font-size:13px;
        text-align: left;
        font-style: italic;
        font-weight:bold;
        font-family:Times, serif;
        padding: 1px 5px;
        margin-top:5px;
}

/* cadre 3 */
#cadre3 table td {padding:6px 0;}

/* cadre 4 */


#cadre4 .pinkBackground {padding:1px 5px;font-weight: bold;font-style: italic;font-size:13px;margin-top:5px;}

#cadre4 .buttons {border-top:1px solid #E10079;padding:10px 0;margin:10px 0;text-align: center;}
#cadre4 .pinkBackground {padding:1px 5px;font-weight: bold;font-style: italic;font-size:13px;}
#cadre4 .inputtextwhite, #cadre4 .width50 select {display:block;width:170px;margin:3px 0 10px 0;background:#FFF;}
#cadre4 .inputadress {width:245px;}
#cadre4 .width50 textarea {display: block;width:250px;height:50px;}
#cadre4 label, #cadre4 .width50 a {margin:5px 0 0 0;font-family:sans-serif;}
#cadre4 .reglement {border:1px solid #4C4C4C;margin:33px 0 24px 0;}
#cadre4 .reglement h3 {background: #4C4C4C;color:#FFF;font-size: 10px;font-family: sans-serif;text-align: center;padding:5px 0px;} 
#cadre4 .reglement div {padding:8px 0;font-weight: bold;font-style: italic;}
#cadre4 .reglement span {display: block;padding-left:20px;margin:5px 0;}
#cadre4 .small {font-family:sans-serif;}
#cadre4 .width45 {width:45%;}
#cadre4 .width55 {width:55%;}
.ie7 #cadre4 .width55 {width: 53%;}

.rappelProduit td:nth-child(2){text-align:center;}

