* { margin: 0; padding: 0; }
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

body {
    font-family: Lucida,"Trebuchet MS", Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #4b575f;
    background: #fff;}

a {color: #4b575f; text-decoration: none;}

#supContent {
margin: 0;
padding: 0;
width: 100%;}

#allContent {
width: 980px;
margin: 0 auto;}

#mainContent {
width: 980px;}

#content {
width: 980px;}

#contentHome {
display: block;
margin: 0 auto;
position: relative;
width: 980px;}

#zoneNeutre a#lienBackground {
margin: 0;
padding: 0;
position: relative;
height: 450px;
display: block;
width: 100%;}

input, textarea, select {
margin: 0 2px 0 0;
float: left;
padding: 1px;
border: 1px #4b575f solid;
background: #fff;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 11px;
color: #333333;}

.small {
width: 50px;}

.medium {
width: 140px;}

.large {
width: 300px;}

.noBorder {
margin: 0 10px 0 0;
border: 0;}

.zoneText ul li,
.zoneText ol li {
padding: 0 !important;
list-style-position: inside;}

.validation-advice {
clear: both;
width: 500px;
color: #cc0000;
font-weight: bold;
text-align: left;
padding-top: 3px;
font-size: 11px;
float: left;}

#errMsg {
color: #cc0000; font-weight: bold;
text-align: left; padding-top: 3px;
font-size: 11px; display: block;}

h1
{font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 18px;
font-weight: normal;
margin: 0 0 10px 0;
text-transform: uppercase;}

h2, h3, h4
{font-family: "Arial", Trebuchet MS, Verdana, sans-serif;}

/******************************************************************************/
/*                                                            Navigation
/******************************************************************************/

#rowNavigation {
z-index: 5;
background: transparent url(../../images/bkgRowNavigation.png) repeat-x;
display: block;
text-align: center;
width: 100%;
margin: 0 auto;}

#navigation {
z-index: 1;
margin: 0 auto;
height: 165px;
position: relative;
display: block;
width: 980px;}


#navigation #menuContact {
z-index: 1000;
border: 1px #333 solid;
position: absolute;
top: 30px;
right: 0;
text-align: left !important;
display: block;
float: left !important;
width: 280px;
margin: 0 !important;
padding: 5px 0 10px 0;
display: block;
background: #fff;}

#navigation #menuContact li.choixContact a {
margin: 0 !important;
padding: 5px 0 0 0 !important;
text-align: left;
font-size: 12px;
display: block;
float: left;}

#navigation #menuContact li.choixContact a:hover {
text-decoration: underline;}

#navigation #menuContact li.choixContact fieldset#jsChoixPays,
#navigation #menuContact li.choixContact fieldset#jsChoixDpt,
#navigation #menuContact li.choixContact fieldset#jsChoixMagasin {
font-size: 12px;
float: left !important;
padding: 5px;
text-align: left !important;
border: 1px #333 solid;
width: 220px;
display: block;}

#navigation #menuContact li.choixContact fieldset#jsChoixPays legend,
#navigation #menuContact li.choixContact fieldset#jsChoixDpt legend,
#navigation #menuContact li.choixContact fieldset#jsChoixMagasin legend {
font-weight: bold;
display: block;
background: #ffffff;
padding: 5px 5px 0 5px;
font-size: 14px;}

#navigation #menuContact li.choixContact fieldset#jsChoixPays .btnAction,
#navigation #menuContact li.choixContact fieldset#jsChoixDpt .btnAction,
#navigation #menuContact li.choixContact fieldset#jsChoixMagasin .btnAction {
cursor: pointer;
border: 1px #4b575f solid;
padding: 4px 8px 4px 8px;
margin: 0 10px 10px 0;
font-weight: bold;
display: block;
float: right;
border: 1px #4b575f solid;
background: #4b575f;
color: #ffffff;}

#navigation #menuContact li.choixContact fieldset#jsChoixPays .btnActionHover,
#navigation #menuContact li.choixContact fieldset#jsChoixDpt .btnActionHover,
#navigation #menuContact li.choixContact fieldset#jsChoixMagasin .btnActionHover {
cursor: pointer;
padding: 4px 8px 4px 8px;
margin: 0 10px 10px 0;
font-weight: bold;
display: block;
float: right;
border: 1px #999999 solid;
background: #ffffff;
color: #4b575f;}

#navigation #menuContact li.choixContact fieldset#jsChoixPays select {width: 150px;}
#navigation #menuContact li.choixContact fieldset#jsChoixMagasin select {margin-bottom: 10px;}


/******************************************************************************/
/*                                                       Navigation supérieure*/
/******************************************************************************/
#supNavigation {
width: 980px;}

#supNavigation ul {
float: right;
list-style: none;
text-align: right;
display: block;}

#supNavigation ul li {
margin: 10px 0 0 10px;
font-size: 12px;
display: block;
float: left;}

#supNavigation ul li a {
color: #4b575f;}

#supNavigation ul li a:hover {
color: #999999;
text-decoration: underline;}

/******************************************************************************/
/*                                                      Navigation principale */
/******************************************************************************/

#logo {
z-index : 1000;
width: 234px;
height: 54px;
display: block;
position: absolute;
left: 0;
top: 47px;
background: transparent url(../../images/Logo_Complicite.gif) no-repeat;}

#logo a {
display: block;
width: 234px;
height: 84px;
}

#logo a span {
display: none;}

.baseLine {
font-size: 13px;
font-weight: bold;
text-align: center;
width: 234px;
display: block;
position: absolute;
left: 0;
top: 110px;}

.et {font-family: "Arial", Trebuchet MS, Verdana, sans-serif;}

#horNavigation {
width: 980px;
display: block;
position: absolute;
top: 65px;
left: 0;
border-bottom: 1px #4b575f solid;}

#horNavigation ul {
list-style: none;
float: right;
text-align: right;
list-style: none;}

#horNavigation ul li{
margin: 0 0 0 22px;
font-size: 14px;
display: block;
float: left;}

#horNavigation ul li a {
color: #4b575f;
margin: 0;
display: block; }

#horNavigation ul li a:hover {
color: #999999;}

#btnSelection {
position: absolute;
right: 0;
top: 125px;
text-align: right;
width: 300px;}

#btnSelection a {
color: #4b575f;
text-decoration: underline;}

#btnSelection a:hover {
color: #999999;}

/******************************************************************************/
/*                                             Navigation createurs et marques*/
/******************************************************************************/

#navCreateurs {
z-index: 5;
display: block;
position: absolute;
top: 95px;
left: 256px;}

#navCreateurs ul {
list-style: none;}

#navCreateurs ul li
{font-size: 10px;
float: left;
margin: 0 5px 0 0;}

#navCreateurs li a {
text-decoration: none;
margin: 0 0 0 0;
display: block;}

#navCreateurs li a:hover {
text-decoration: underline;
margin: 0 0 0 0;
display: block;}

#navCreateurs li a.selected
{text-decoration: underline;}

#navCreateurs li a span {
display: none;}

#navCreateurs li#btn197 a
#navCreateurs li#btn191 a,
#navCreateurs li#btn190 a,
#navCreateurs li#btn188 a,
#navCreateurs li#btn195 a,
#navCreateurs li#btn192 a,
#navCreateurs li#btn193 a,
#navCreateurs li#btn189 a,
#navCreateurs li#btn196 a,
#navCreateurs li#btn198 a,
#navCreateurs li#btn194 a {
text-decoration: underline;}


#navCreateurs li#btn197 a.selected
#navCreateurs li#btn191 a.selected,
#navCreateurs li#btn190 a.selected,
#navCreateurs li#btn188 a.selected,
#navCreateurs li#btn195 a.selected,
#navCreateurs li#btn192 a.selected,
#navCreateurs li#btn193 a.selected,
#navCreateurs li#btn189 a.selected,
#navCreateurs li#btn196 a.selected,
#navCreateurs li#btn198 a.selected,
#navCreateurs li#btn194 a.selected
{text-decoration: underline;}


/******************************************************************************/
/*                                                       Formulaires de contact/
/******************************************************************************/
.formulaire fieldset {
margin: 10px 0 10px 0;
border: 1px #e6e6e6 solid;
padding: 10px 20px 0 20px;
float: left;
display: block;
width: 590px;}

.formulaire legend {
font-size: 16px;
background: #fff;
padding: 2px 2px 5px 2px;
display: block;}

.formulaire fieldset .lineForm
{width: 600px;
display: block; margin-bottom: 5px; float: left; }

.formulaire fieldset .lineForm label
{width: 140px;
display: block; margin-bottom: 5px; float: left; }

.formulaire fieldset .lineForm textarea
{width: 400px;
display: block;
margin-bottom: 5px; float: left; }

.formulaire .btnAction {
cursor: pointer;
border: 1px #4b575f solid;
padding: 4px 8px 4px 8px;
margin: 0 10px 10px 0;
font-weight: bold;
display: block;
float: right;
border: 1px #4b575f solid;
background: #4b575f;
color: #ffffff;}

.formulaire .btnActionHover {
cursor: pointer;
padding: 4px 8px 4px 8px;
margin: 0 10px 10px 0;
font-weight: bold;
display: block;
float: right;
border: 1px #999999 solid;
background: #ffffff;
color: #4b575f;}

.mentions {
text-align: justify;
font-size: 10px;}

.filet {
margin: 0 0 15px 0;
padding: 10px;
border: 1px #666666 solid;}

/******************************************************************************/
/*                                                                   Home page*/
/******************************************************************************/
#pageAccueil #navCreateurs {
display: none !important;}


.blocActuHome {
right: 0;
bottom: 140px;
position: absolute;
float: right;
z-index: 10;
width: 230px;
display: block;}

.blocActuHome img {
width: 230px;
float: right !important;
display: block;}

.blocActuHome a img {
border: 0;}

.borderActu {
clear: both;
background: transparent url(../../images/borderActu.png) no-repeat;
width: 230px;
height: 10px;
display: block;}


#blocFacebook a {
background: transparent url(../../images/bloc_facebook.png) no-repeat;
overflow: hidden;
text-indent: -7000px;
position: absolute;
right: 0;
bottom: 70px;
height: 70px;
float: right;
z-index: 10;
width: 230px;
display: block;}

#blocAvis {
position: absolute;
right: 0;
bottom: 0;
background: green;
height: 70px;
float: right;
z-index: 10;
width: 230px;
display: block;}

/******************************************************************************/
/*                                                                Page Concept*/
/******************************************************************************/

#pageConcept p {
margin: 0 0 10px 0;}

#pageConcept #colGauche {
float: left;
width: 420px;
margin: 0 10px 10px 0;}

#pageConcept #colDroite {
float: left;
width: 300px;
margin: 0 0 10px 0;}


#pageConcept p a:hover {
text-decoration: underline;
color: #999999;}

#pageConcept #colDroiteMentions {
float: right;
width: 725px;}

#pageConcept #colDroiteMentions h2 {
margin: 0 0 20px 0;}

/******************************************************************************/
/*                                                          Ouvrir une boutique/
/******************************************************************************/

#colGauche {
text-align: center;
float: left;
display: block;
width: 285px;
list-style : none;}

#colDroite {
border-left: 1px #e6e6e6 solid;
padding: 0 0 0 10px;
float: left;
display: block;
width: 650px;}

#colDroite h3 {
margin: 10px 0 0 0;}

#colDroite h4 {
margin: 10px 0 0 0;}

#colGauche #navRejoindre ul {
float: right;
width: 210px;
list-style: none;}

#colGauche #navRejoindre li a {
list-style: none;
text-align: left;
padding: 0 0 2px 0;
margin: 5px 0 0 0;
width: 210px;
display: block;
font-size: 12px;
float: left;
border-bottom: 1px #666666 dashed;}

#colDroite ul li {
list-style-position: inside;}

#pageOuvrir .blocTemoignage {
display: block;
border-bottom: 1px #666666 dashed;
padding: 0 0 5px 0;}

#pageOuvrir .blocTemoignage img {
float: right;
padding: 0 5px 0 5px;
margin: 10px 0 0 0;}

/******************************************************************************/
/*                        Confirmation newsletter avec téléchargement catalogue/
/******************************************************************************/
.confNewsletter #colDroite {
width: 650px !important;}

.confNewsletter #colGauche {
padding: 30px 0 0 0;
text-align: center;
float: left;
display: block;
width: 220px;}

.confNewsletter #colGauche p {
text-align: center;
float: left;
display: block;
width: 200px;}

.confNewsletter #colDroite #colA {
margin: 10px 10px 0 0;
display: block;
float: left;
width: 650px;}

.confNewsletter #colDroite #colA ul {
list-style: none;}

.confNewsletter #colDroite #colA ul li a {
padding: 3px;
border: 1px #416e8d solid;
margin: 15px 12px 10px 0;
display: block;
float: left;}

.confNewsletter #colDroite #colA p {
margin: 0 0 5px 0;}

#blocWeddingPlanning { display:none; }

.btnWeddingPlanning {
background: transparent url(../../images/btn_wedding_planning.gif) no-repeat;
display: block;
float: left;
width: 208px;
height: 130px;}

.btnWeddingPlanning span {
display: none;}

/******************************************************************************/
/*                                                                      Presse*/
/******************************************************************************/

#pagePresse .login {
width: 500px;
display: block;
height: 33px;
line-height: 33px;
margin: 0 0 20px 0;}

#pagePresse .login label {
margin: 0 10px 0 0;
display: block;
float: left;}

#pagePresse .login input{
margin: 6px 10px 0 0;}

#pagePresse .login input.btnAction{
cursor: pointer;
margin: 0 0 0 0;}

#pagePresse .presseDemande input.btnAction {
cursor: pointer;
float: right;
margin: 0 135px 20px 0;}


#pagePresse h2 {
font-size: 14px;
margin: 0 0 5px 0;}

#pagePresse ul,
#s07p04 ul,
#s09p01 ul
{list-style : none;}

#pagePresse ul li,
#s07p04 ul li,
#s09p01 ul li
{padding: 0 0 3px 0;}

#pagePresse h3 {
margin: 10px 0 10px 0;
font-size: 14px;}

#pagePresse .signature {
margin: 8px 0 0 0;}

#pagePresse #blocFichier {
display: block;
border-left: 1px #666666 solid;
padding: 0 0 0 10px;
margin: 0 0 0 50px;}

#pagePresse #blocFichier p {
margin: 10px 0 0 0;}

#pagePresse #blocFichier a {
text-decoration: underline;}

#pagePresse #blocVignette {
padding: 3px;
border: 1px #999999 solid;
width: 100px;
height:185px;
display: block;
float: left;
margin: 5px 5px 0 0;}

#pagePresse #blocVignette img {
text-align: center;}

#pagePresse #blocVignette p {
text-align: center;
font-size: 11px;}

#pagePresse a.underline {
text-decoration: underline;}

/******************************************************************************/
/*                                                                  Actualités*/
/******************************************************************************/

#pageActualites #colGauche img {
margin: 30px 0 0 0;
border: 0;}

#pageActualites .retour a
{font-size: 11px;
color: #333333;
text-decoration: underline;
font-weight: bold;
float: right;}

#pageActualites .blockActu
{width: 610px;
padding: 5px 0 3px 0;
border-bottom: 1px #999999 dashed;}

#pageActualites .blockActu .dateActu
{color: #333333;}

#pageActualites .blockActu .vignetteActu
{float: right;
margin: 0 0 10px 10px;}

#pageActualites .blockActu .img
{float: right;
margin: 0 0 10px 10px;}

#pageActualites .blockActu a.suite
{float: left;
display: block;
font-size: 11px;
margin: 5px 0 5px 0;
text-decoration: underline;}


/******************************************************************************/
/*                                                                  Recrutement*/
/******************************************************************************/

#pageRecrutement #colGauche {
text-align: left;
margin: 30px 0 0 0;
border: 0;}


#pageRecrutement #candidature {
display: block;
float: left;
width: 230px;
padding: 5px;
font-size: 14px;
text-align: left;
margin: 30px 0 200px 0;
border: 0;}

.btnCliquezIci {
float: right;
margin: 15px 10px 0 0;
text-indent: -7000px;
overflow: hidden;
background: transparent url(../../images/btnCliquezIci.gif) no-repeat;
display: block;
border: 0;
width: 106px;
height: 22px; }

#pageRecrutement .retour a
{font-size: 11px;
color: #333333;
text-decoration: underline;
font-weight: bold;
float: right;}

#pageRecrutement .blockActu
{width: 610px;
padding: 5px 0 3px 0;
border-bottom: 1px #999999 dashed;}

#pageRecrutement .blockActu h1 {
font-size: 16px;
margin: 0 0 3px 0;
padding: 0;
}

#pageRecrutement .blockActu h3 {
margin: 5px 0 5px 0;
padding: 0;
font-size: 14px;
font-weight: normal;
}

#pageRecrutement .blockActu h4 {
margin: 5px 0 5px 0;
padding: 0;
font-size: 12px;
font-weight: normal;
font-style: italic;
}

#pageRecrutement .blockActu .dateActu
{color: #333333;}

#pageRecrutement .blockActu .vignetteActu
{float: right;
margin: 0 0 10px 10px;}

#pageRecrutement .blockActu .img
{float: right;
margin: 0 0 10px 10px;}

#pageRecrutement .blockActu a.suite
{float: left;
display: block;
font-size: 11px;
margin: 5px 0 5px 0;
text-decoration: underline;}


/******************************************************************************/
/*                                     Page de choix du formulaire de contact */
/******************************************************************************/
#pageChoixContact #colInfos {
width: 600px;
position: relative;}

#pageChoixContact #colInfos .filetBlock {
display:  block;
float: left;
width: 250px !important;
height: 120px;
margin: 10px 10px 0 0;
padding: 8px;
border: 1px #999999 solid;
background: transparent url(../../images/flecheBackgroundFiletBlock.gif) no-repeat right top;
}

#pageChoixContact #colInfos .filetBlock h4 {
margin: 0 0 10px 0;
}

#pageChoixContact #colInfos .filetBlock a:hover {
text-decoration: underline;
}

#zoneMessages fieldset {
display: block;
z-index: 1000;
background-color: #fff;}

#pageChoixContact #colInfos .liste {margin-left: 30px; margin-top: 30px;}

#pageChoixContact #colInfos .liste li {
display: block;
font-size: 14px;
margin: 0 0 20px 0;
background-position: 0 2px;}


#pageChoixContact #colInfos .liste li a strong {display: block;}

#pageChoixContact #colInfos h3 {font-size: 12px; font-weight: normal;}

#pageChoixContact #colInfos h4 {font-size: 15px;}

#pageChoixContact #colInfos p {margin-bottom: 10px;}
#pageChoixContact #colInfos fieldset {
padding: 5px;
border: 1px #666666 solid;
text-align: left;
width: 245px;
position: absolute;
left: 5px;
top: 45px;}

#pageChoixContact #colInfos fieldset legend {
font-weight: bold;
display: block;
background: #ffffff;
padding: 3px;
font-size: 14px;}

#jsChoixPays select {width: 150px;}
#jsChoixMagasin select {margin-bottom: 10px;}

#pageChoixContact .btnAction {
cursor: pointer;
float: left !important;
margin: 0 0 0 10px !important;}


.pageSelectionChoixMagasin #colInfos fieldset {
width: 96% !important;
position: relative !important;
left: 0 !important;
top: 20px !important;}


/******************************************************************************/
/*                                                               Page Catalogue*/
/******************************************************************************/

#accueilCreateur #content ul {
width: 960px;
display: block;
padding: 10px 0 300px 20px;
list-style: none;}

#accueilCreateur #content ul li {
margin: 5px 9px 0 0;
display: block;
float: right;}

#photoCreateur {
margin: 0 30px 0 0;
float: left;
display: block;
width: 450px;}

#colInfos {
position: relative;
text-align: justify;
font-size: 12px;
width: 500px;
float: left;
display: block;}

#colInfos img {
display: block;
text-align: left;
clear: both;
margin: 0 0 20px 0;}

#colInfos p {
margin: 0 0 8px 0;}

.btnDecouvrez {
text-decoration: underline;
text-transform: uppercase;
display: block;
position: absolute;
top: 10px;
right: 0;}

.btnTelechargez {
color: red;
text-decoration: underline;
text-transform: uppercase;
display: block;
position: absolute;
top: 35px;
right: 0;}

.btnDecouvrez a,
.btnTelechargez a {
color: #4b575f;
text-decoration: underline;}

.btnDecouvrez a:hover,
.btnTelechargez a:hover  {
color: #999999;}


.swann #accroche {
background: transparent url(../../images/imgCreateurs/accrocheSwann.gif) no-repeat left top;}
.swann h3 {
background: transparent url(../../images/imgCreateurs/giSwann.jpg) no-repeat;}

.balzamo #accroche {
background: transparent url(../../images/imgCreateurs/accrocheBalzamo.gif) no-repeat left top;}
.balzamo h3 {
background: transparent url(../../images/imgCreateurs/giBalzamo.jpg) no-repeat;}

.ladypearl #accroche {
background: transparent url(../../images/imgCreateurs/accrocheLadyPearl.gif) no-repeat left top;}
.ladypearl h3 {
background: transparent url(../../images/imgCreateurs/giLadyPearl.jpg) no-repeat;}

.edp #accroche {
background: transparent url(../../images/imgCreateurs/accrocheedp.gif) no-repeat left top;}
.edp h3 {
background: transparent url(../../images/imgCreateurs/giedp.jpg) no-repeat;}

.santana #accroche {
background: transparent url(../../images/imgCreateurs/accrocheSantana.gif) no-repeat left top;}
.santana  h3 {
background: transparent url(../../images/imgCreateurs/giSantana.jpg) no-repeat;}

.lorisangel #accroche {
background: transparent url(../../images/imgCreateurs/accrochelorisangel.gif) no-repeat left top;}
.lorisangel h3 {
background: transparent url(../../images/imgCreateurs/gilorisangel.jpg) no-repeat;}

.lsg #accroche {
background: transparent url(../../images/imgCreateurs/accrochelsg.gif) no-repeat left top;}
.lsg h3 {
background: transparent url(../../images/imgCreateurs/gilsg.jpg) no-repeat;}

.illitulle #accroche {
background: transparent url(../../images/imgCreateurs/accrocheillitulle.gif) no-repeat left top;}
.illitulle h3 {
background: transparent url(../../images/imgCreateurs/giillitulle.jpg) no-repeat;}

.lutin #accroche {
background: transparent url(../../images/imgCreateurs/accrochelutin.gif) no-repeat left top;}
.lutin h3 {
background: transparent url(../../images/imgCreateurs/gilutin.jpg) no-repeat;}

.prudence #accroche {
background: transparent url(../../images/imgCreateurs/accrocheprudence.gif) no-repeat left top;}
.prudence h3 {
background: transparent url(../../images/imgCreateurs/giprudence.jpg) no-repeat;}

#grandeImage {
background: #e6e6e6;
float: left;
margin: 0 10px 20px 0;
padding: 5px;
display: block;
width: 350px;}

.jeu #grandeImage {
background: none !important;
float: left;
margin: 0 10px 20px 0;
padding: 5px;
display: block;
width: 350px;}

#grandeImage img {
margin: 0 0 10px 0;
display: block;}

#pageCreateur h3 {
display: block;
width: 350px;
height: 529px;}

#pageCreateur h3 span {
display: none;}

#accroche {
float: left;
width: 300px;
height: 90px;}

#accroche span {
display: none;}

.btnTelechargerCatalogue a {
margin: 10px 45px 20px 0;
background: transparent url(../../images/imgCreateurs/btnTelechargerCatalogue.gif) no-repeat;
width: 155px;
height: 27px;
display: block;
float: right;}

.btnTelechargerCatalogue a span {
display: none;}

#textePart1,
#textePart2 {
text-align: justify;
float: left;
width: 250px;}

#textePart1 {
margin: 0 14px 0 0;}


/******************************************************************************/
/*                                                               Page boutique*/
/******************************************************************************/

.btnCarteFrance a,
.btnCarteAllemagne a,
.btnCartePortugal a,
.btnCarteRussie a, 
.btnCarteIran a, 
.btnCarteGabon a, 
.btnCarteCongo a, 
.btnCarteBresil a
{border: 1px #ffffff solid;
   margin: 10px 0 0 70px;
   display: block;
   width: 160px;
   height: 124px;}

.btnCarteFrance a {background: transparent url(../../images/btnCarteFrance.gif) no-repeat;}
.btnCarteAllemagne a {background: transparent url(../../images/btnCarteAllemagne.gif) no-repeat;}
.btnCartePortugal a {background: transparent url(../../images/btnCartePortugal.gif) no-repeat;}
.btnCarteRussie a {background: transparent url(../../images/btnCarteRussie.gif) no-repeat;}
.btnCarteIran a {background: transparent url(../../images/btnCarteIran.gif) no-repeat;}
.btnCarteGabon a {background: transparent url(../../images/btnCarteGabon.gif) no-repeat;}
.btnCarteCongo a {background: transparent url(../../images/btnCarteCongo.gif) no-repeat;}
.btnCarteBresil a {background: transparent url(../../images/btnCarteBresil.gif) no-repeat;}

.btnCarteFrance a span,
.btnCarteAllemagne a span,
.btnCartePortugal a span,
.btnCarteRussie a span, 
.btnCarteIran a span, 
.btnCarteGabon a span, 
.btnCarteCongo a span, 
.btnCarteBresil a span
{display: none;}

.btnCarteFrance a:hover,
.btnCarteAllemagne a:hover,
.btnCartePortugal a:hover,
.btnCarteRussie a:hover, 
.btnCarteIran a:hover,  
.btnCarteGabon a:hover,  
.btnCarteCongo a:hover,  
.btnCarteBresil a:hover 
{border: 1px #999999 solid;}

.pageBoutique #colGauche ul li {
   text-align: left;
   width: 200px;
   height: 22px;
   display: block;
   float: left;}

.pageBoutique #colGauche ul li a {
   text-align: left;
   width: 200px; height: 18px;
   padding: 0 0 0 34px;
   display: block;
   border: 0;
   text-decoration: underline;}

.pageBoutique #colGauche ul li a:hover  {color: #999999;}

#etranger {display: block; margin: 20px 0 0 0;}

.pageBoutique #colGauche ul li.franceFlag a {background: transparent url(../../images/france.jpg) no-repeat;}
.pageBoutique #colGauche ul li.germanFlag a {background: transparent url(../../images/germany.jpg) no-repeat;}
.pageBoutique #colGauche ul li.portugalFlag a {background: transparent url(../../images/portugal.jpg) no-repeat;}
.pageBoutique #colGauche ul li.russieFlag a {background: transparent url(../../images/russie.gif) no-repeat;}
.pageBoutique #colGauche ul li.iranFlag a {background: transparent url(../../images/iran.gif) no-repeat;}
.pageBoutique #colGauche ul li.gabonFlag a {background: transparent url(../../images/gabon.gif) no-repeat;}
.pageBoutique #colGauche ul li.congoFlag a {background: transparent url(../../images/congo.gif) no-repeat;}
.pageBoutique #colGauche ul li.bresilFlag a {background: transparent url(../../images/bresil.gif) no-repeat;}


.pageBoutique #colDroite {
border-left: 1px #e6e6e6 solid;
padding: 0 0 0 10px;
float: left;
display: block;
width: 620px;}

.pageBoutique #colDroite h2 {
margin: 0 0 15px 0;
font-size: 18px;
display: block;
width: 620px;}


.pageBoutique #colDroite fieldset {
margin: 0 0 10px 0;
padding: 10px;
width: 625px;}



.pageBoutique label {float: left;}
.pageBoutique input {margin: 7px 0 0 5px;}

.pageBoutique .searchCodePostal {
width: 500px;
display: block;
height: 33px;
line-height: 33px;
margin: 0 0 20px 0;}

.pageBoutique .btnAction {
cursor: pointer;
margin: 4px 0 0 10px !important;
float: left !important;}

.pageBoutique .blocBoutique {width: 650px;}

.pageBoutique .ongletsBoutique {
list-style: none;
height: 22px;
display: block;
width: 650px;}

.pageBoutique .ongletsBoutique li{
float: right;}

.pageBoutique .ongletsBoutique li a {
background: #4B575F;
border-top: 1px #999999 solid;
border-left: 1px #999999 solid;
border-right: 1px #999999 solid;
list-style: none;
margin: 0 5px 0 0;
display: block;
height: 22px;
color : #fff
}

.ongletsBoutique li.selected a {
   background-color : #FFF;
   color : #4B575F;
}

.pageBoutique .ongletsBoutique li.btnFB a {
height: 18px;
padding: 4px 0 0 15px;
width: 104px;
display: block;}

.pageBoutique .ongletsBoutique li.btnPA a {
height: 18px;
padding: 4px 0 0 20px;
width: 94px;
display: block;}

.pageBoutique .ongletsBoutique li.btnFB a:hover {
color: #fff;
background: #4b575f; }

.pageBoutique .ongletsBoutique li.btnPA a:hover {
color: #fff;
background: #4b575f; }

.pageBoutique .infoBoutique {
margin: 0 0 15px 0;
padding: 5px;
border: 1px #999999 solid;}

.pageBoutique .infoBoutique span {
margin: 0 0 0 10px;}

.pageBoutique .infoBoutique img {
margin : 0 0 5px 5px;
border: 1px #999999 solid;
float: right;}

.pageBoutique .infoBoutique h1 {
font-size: 16px;
margin: 0 0 5px 0;}

.pageBoutique .infoBoutique h2 {
font-size: 18px;
margin: 0 0 5px 0;}

.pageBoutique .infoBoutique h3 {
font-size: 14px;
margin: 10px 0 5px 10px !important;}

.pageBoutique .infoBoutique h4 {
font-size: 14px;
margin: 5px 0 5px 0;}

.pageBoutique .infoBoutiqueSup {
padding: 5px 0 0 0;}



.pageBoutique .btnDemInfosBoutique a {
width: 135px;
color: #fff;
margin: 5px 0 0 0;
display: block;
padding: 1px 0 0 5px;
padding: 4px 6px 4px 6px;
background: #4b575f;}

.pageBoutique .btnDemInfosBoutique a span {
display: none;}

.pageBoutique .blocItineraire {
margin: 10px 0 10px 0;
padding: 5px;
position: relative;
float: left;
display: block;
width: 625px;}

.pageBoutique .blocItineraire .lineForm {
float: left;
display: block;
width: 560px;}

.pageBoutique .blocItineraire .lineForm label {
float: left;
line-height: 25px;
padding: 5px 0 0 0;
display: block;
width: 25px;}

.pageBoutique input.big  {
border: 1px #999999 solid;
display: block;
width: 480px; }


#pageContact .lineForm input.big  {
border: 1px #999999 solid;
display: block;
width: 400px; }

.pageBoutique .blocItineraire input.btnForm {
font-weight: bold;
color: #fff;
background: #4b575f;
width: 30px;
height: 25px;
position: absolute;
display: block;
right: 30px;
top: 47px;
}

.pageCarte #colGauche .searchCodePostalCarte {
text-align: left;
width: 285px;
display: block;
margin: 0 0 20px 0;
height: 33px;
line-height: 33px;}



.pageCarte .btnAction {
width: 60px !important;
cursor: pointer;
margin: 0 10px 10px 0;
padding: 4px 12px 4px 8px;
font-weight: bold;
display: block;
float: right;
border: 0;
color: #fff;
background: #4b575f; }


.pageCarte #colGauche p{text-align: left;}


/******************************************************************************/
/*                                                             Page collection*/
/******************************************************************************/

#pageCollection #filetGallery {
text-align: center;
width: 980px;
display: block;
border: 1px #cccccc solid;}

#pageCollection #zoneGallery {
width: 980px;
height: 900px;
display: block;
border: 1px #000000 solid;}

#posBoutons {
display: block;
text-align: center;
width: 100%;
margin: 10px 0 10px 0;}


#posBoutons .btnDecouvrezCreateur {
text-decoration: underline;
text-transform: uppercase;
display: block;
float: left;
width: 48%;
text-align: right;
margin: 10px 10px 20px 0;}

#posBoutons .btnTelechargezCatalogue {
text-decoration: underline;
text-transform: uppercase;
display: block;
float: left;
width: 48%;
text-align: left;
margin: 10px 0 20px 10px;}

#posBoutons .btnDecouvrezCreateur a,
#posBoutons .btnTelechargezCatalogue a {
color: #4b575f;
text-decoration: underline;}

#posBoutons .btnDecouvrezCreateur a:hover,
#posBoutons .btnTelechargezCatalogue a:hover  {
text-decoration: none;
color: #999999 !important;}

/******************************************************************************/
/*                                                            Page Espace Perso/
/******************************************************************************/
#pageEspacePerso #colGauche {
padding: 0 20px 0 0;
text-align: left;
display: block;
float: left;
width: 580px;}

#pageEspacePerso #colDroite {
border-left: 1px #e6e6e6 solid;
display: block;
float: left;
width: 360px;}


#pageEspacePerso .inscrit {
display: block;
width: 310px !important;}

#pageEspacePerso .inscrit legend {
font-size: 24px;}

#pageEspacePerso .inscrit label {
display: block;
float: left;}

#pageEspacePerso .inscrit input {
display: block;
float: left;}


#pageEspacePerso .inscrit p {
margin: 0 0 10px 0;}

#pageEspacePerso .lineForm
{width: 310px !important;
display: block;
margin-bottom: 5px; float: left; }

/******************************************************************************/
/*                                                            Page Selection/
/******************************************************************************/

#pageSelection #navigation {
height: 150px !important;
position: relative;
display: block;
width: 980px;}


#pageSelection #colGauche {
padding: 0 10px 0 0;
text-align: left;
display: block;
float: left;
width: 610px;}

#pageSelection #colGauche h1 {
margin: 0 0 15px 0;}

#pageSelection #colGauche #blockImage {
border: 1px #e6e6e6 solid;
text-align: center;
width: 590px;
display: block;
float: left;
position: relative;
padding: 10px;}

#pageSelection #colGauche #blockImage img {
margin: 5px 0 5px 0;}

#pageSelection #colGauche .btnDelete a {
background: transparent url(../../images/bigBoutonDelete.gif) no-repeat;
z-index: 1000;
background-color: red;
position: absolute;
right: 10px;
top: 10px;
width: 20px;
height: 19px;}

#pageSelection #colGauche .btnDelete span {
display: none;}


#pageSelection #colDroite {
border: 0;
margin: 34px 0 0 0;
display: block;
float: left;
width: 340px;}


#pageSelection #colDroite .vignette a {
text-align: center;
padding: 1px;
border: 1px #e6e6e6 solid;
width: 101px;
margin: 0 5px 5px 0;
display: block;
float: left;
}


#pageSelection #colDroite a {
display: block;
float: left;
}

#pagePartageSelection label {
margin: 0 5px 0 0;
text-align: right;
width: 160px;}



/******************************************************************************/
/*                                                                      Footer*/
/******************************************************************************/
#rowFooter {
position: absolute;
bottom: 0;
left: 0;
border-top: 1px #fff solid;
background: transparent url(../../images/bkgRowNavigation.png) repeat-x;
z-index: 5;
display: block;
text-align: center;
width: 100%;
margin: 0 auto;}


#footerHome {
width: 980px;
margin: 10px auto;
display: block;
text-align: center;}

#footerHome ul li {
float: left;
margin: 0 10px 0 0;
list-style: none;}

#footerHome ul li a:hover {
text-decoration: underline !important;}

#footer {
margin: 10px auto 10px auto;
display: block;
text-align: center;
width: 980px;}

#footer ul li {
float: left;
margin: 0 10px 0 0;
list-style: none;}


#footer ul li a:hover  {
color: #666666;
text-decoration: underline;}


#footer p {
display: block;
padding: 0 0 5px 0;}

.infosComplicite {
overflow: hidden;
text-indent: -7000px;
margin: 20px 0 0 0;
font-style: italic;
font-size: 11px;
display: block;
width: 980px;
text-align: center;}

/*************************************** Google Map */
.zoneGoogleMap {
height:520px;}