/***************************
/ Couleurs : violet #8479b4, orange #f7931e, rose #f15e6d, bleu-vert #00b5ad, bleu-gris #799ab4 
/////////////////////////////*/
* { padding:0; margin:0}
body { font-size:12px; font-family:Arial, sans-serif; background-color:#000; color:#595959}
a img { border:0}
h2, h2 a { font-size:18px!important; margin-bottom:5px!important;}
h3, h3 a { text-decoration:none; color:#8479b4; font-size:16px;}
.txtJusif { text-align:justify;}
h4, h4 a { text-decoration:none; color:#333333; font-size:13px}
h4 a:hover { color:#666; font-size:13px}

#content { width:990px!important; width:990px; margin:auto; background-color:#fff; padding-bottom:20px; position:relative}

.clear { clear:both}
.fl { float:left; display:block}
.fr { float:right; display:block}
img.thumb { min-width:140px; min-height:80px; padding:14px; background:url(img/thumbs-bg.jpg) 3px 5px no-repeat; position:relative!important; z-index:1!important; top:-10px!important; position:static}
img.thumbref { padding:10px; background:url(img/thumbs-bg.jpg) 3px 4px no-repeat; position:relative; top:16px;}


/* Header + menu */
#header {width:990px; height:89px; margin:auto; position:relative}
#logo {height:89px; float:left; display:block;}
#logo a {background: url(img/logo.gif) no-repeat 0 -1px; display:block; text-indent:-9000px; width:396px; height:89px; outline:none}
#logo a:hover { background: url(img/logo.gif) no-repeat 0 -93px; }
#menu { background:url(img/menu-bg.jpg) top right no-repeat; width:612px; display:block; position:absolute; top:0; right:0; padding-left:28px; padding-right:7px; padding-top:38px; height:54px}
#menu li { list-style-type:none; float:left}

#menu li a {  display:block; height:32px; text-indent:-9000px; outline:none}
#menu li a:hover { background-position: 0 -32px ;}
#menu li a:focus { background-position: 0 -32px ;}
#menu li a.active {background-position: 0 -64px ;}

.menuPresentation { background-image:url(img/menu-presentation.gif); width:90px}
.menuEvenements {background-image:url(img/menu-evenements.gif); width:96px}
.menuIdeaVisuel {background-image:url(img/menu-ideavisuel.gif); width:82px}
.menuTravel {background-image:url(img/menu-travel.gif); width:53px}
.menuEvenementCulturel {background-image:url(img/menu-evenement-culturel.gif); width:133px}
.menuReferences {background-image:url(img/menu-references.gif); width:88px}
.menuContact {background-image:url(img/menu-contact.gif); width:70px}

a#btLogin { position:absolute; top:0; right:0; display:block; background-image:url(img/btAccesClient.gif); height:26px; width:91px;; text-indent:-9000px; outline:none}
a#btLogin:hover { background:url(img/btAccesClient.gif) 0 -26px no-repeat; }

/* Styles des titres */
h2 { font-size:24px; position:relative; z-index:2}
h3 { font-size:18px}
h4 { font-size: 14px; position:relative!important; z-index:2; position:static}
h2 a { text-decoration:none;}
h2.violet, h2.violet a { color:#8479b4}
h2.orange ,h2.orange a { color:#f7931e}
h2.rose ,h2.rose a { color:#f15e6d}
h2.bleuVert ,h2.bleuVert a { color:#00b5ad}
h2.bleuGris ,h2.bleuGris a { color:#799ab4}


/* Styles des pages */
.cheminDeFer { padding:10px 10px 0  10px;}
.cheminDeFer a { color:#6C60A8; font-weight:bold; text-decoration:none}
.cheminDeFer a:hover { color:#f7931e; font-weight:bold; text-decoration:underline}
.shadowCorner { background:url(img/shadow-corner-bg.jpg) no-repeat; padding:20px;}
.shadowCornerSmall { background:url(img/shadow-corner-small-bg.jpg) no-repeat; background-position:-6px 0; padding:20px;}

.shadowCornerSmall ul {}
.shadowCornerSmall ul li { margin-bottom:5px;  list-style-image:url(img/puce-roller.gif)}

.shadowCornerSmall ul.violet li a:link { color:#8479b4}
.shadowCornerSmall ul.violet li.actif { margin-bottom:5px;  list-style-image:url(img/puce-roller.gif)}
.shadowCornerSmall ul.violet li.actif a { color:#8479b4; }

.shadowCornerSmall ul.orange li a:link { color:#8479b4}
.shadowCornerSmall ul.orange li.actif { margin-bottom:5px;  list-style-image:url(img/puce-roller-orange.gif)}
.shadowCornerSmall ul.orange li.actif a { color:#f7931e; }

.shadowCornerSmall ul.rose li a:link { color:#8479b4}
.shadowCornerSmall ul.rose li.actif { margin-bottom:5px;  list-style-image:url(img/puce-roller-rose.gif)}
.shadowCornerSmall ul.rose li.actif a { color:#f15e6d; }

.shadowCornerSmall ul.bleuVert li a:link { color:#8479b4}
.shadowCornerSmall ul.bleuVert li.actif { margin-bottom:5px;  list-style-image:url(img/puce-roller-bleuVert.gif)}
.shadowCornerSmall ul.bleuVert li.actif a { color:#00b5ad}


.col675 { width:669px!important;  width:657px; margin:0 16px}
.col695 { width:689px!important; width:674px; margin:0 13px!important; margin:0 0 0 3px}
.col275 { width:245px; margin:0 20px 0 10px!important; margin:0}
.col296 { width:266px; margin:30px 0 0 16px!important; margin:0}
.col665 { width:650px; margin:30px 0 0 50px!important; margin:0}
.col320 { width:320px; margin-top:20px}
.col640 { width:640px; margin-top:20px}
.coldemi { width:48%; margin-left:12px}

.col695 p.txtJusif { padding-right:20px!important; padding:0}

ul.prix { background:url(img/prix-bg.gif) no-repeat; height:370px; width:217px; display:block; padding:40px 10px 10px 10px}
ul.prix li { list-style-type:none; color:#fff; padding:5px 0; font-size:0.9em }
ul.prix li a { color:#fff; font-size:14px; text-decoration:none  }
ul.prix li a:hover { color:#fff; text-decoration:underline }


.thumbList {}
.thumbList li { float:left; width:50%; list-style-type:none; height:180px}
.thumbList li h4 { padding-left:10px}
.thumbList li p { font-size:0.9em; padding-right:10px}

ul.references { width:257px; display:block; list-style-position:outside; font-size:0.95em; line-height:1.5em; margin:0 0 40px 6px; padding:7px 0 0 25px}
.reforange { background-image: url(img/fond-orange.gif); background-repeat:no-repeat}
.refbleuVert { background-image:url(img/fond-bleuVert.gif); background-repeat:no-repeat}
.refrose { background-image:url(img/fond-rose.gif); background-repeat:no-repeat}
.refbleuGris { background-image:url(img/fond-bleuGris.gif); background-repeat:no-repeat}

.flashPlayerFl { min-height:254px; min-width:323px; float:left; margin-right:10px; background-image:url(img/player-bg.jpg); padding:28px 35px ; position:relative; left:-25px; margin-right:-25px; top:-10px; margin-bottom:-10px; z-index:1 } 
.logoClient {}
li.categoriesList { padding:0 0 15px 0; list-style-image:url(img/puce-roller.gif)}

a.dotted { color:#8479b4; text-decoration:none; font-weight:bold;}
a.dotted:hover { color:#8479b4; text-decoration:none; border-bottom:0 dashed #8479b4; font-weight:bold;}


/*Page contact*/
.formContact { font-size:1.1em; font-weight:bold}
.formContact input, .formContact textarea { border:solid 1px #8479b4; font-size:13px; color:#595959; background:url(img/fond-contact.gif) no-repeat; padding:2px 0 0 3px}
.formContact label { width:160px; display:block; float:left; margin:20px 15px 0 0; text-align:right}
.formContact span { color:red; padding:0 3px; }
.formContact input  { display:block; float:left; margin-top:16px; width:210px; height:20px }
.formContact select { display:block; float:left; margin-top:16px; width:215px; height:24px; border: solid 1px #8479b4; font-family:Arial, Helvetica, sans-serif; color:#595959; font-size:0.9em; background-image:none; padding-top:2px}
.formContact select option { padding-left:3px}
.formContact input.champsSaisie { width:432px; height:177px}
.formContact textarea { display:block; float:left; margin-top:16px; font-family:Arial, Helvetica, sans-serif}
/*.erreur { font-size:13px; font-weight:bold; background-color:#F15E6D; color:#fff; text-align:center; padding:3px;}*/
input.error, textarea.error { border:red 2px solid; color:red}
label.error { color:red; padding:4px; font-weight:bold; display:block; clear:both; margin:-5px 0 -10px 170px}

/* Boutons */
.btSavoirPlus { background-image:url(img/BTensavoirplus.gif); display:block; width:86px; height:20px; text-indent:-9000px; outline:none}
.btSavoirPlus:hover { background-position: 0 20px; outline:none}
.btSpOrange { background-position: 0 140px; outline:none}
.btSpRose { background-position: 0 120px; outline:none}
.btSpBleuVert { background-position: 0 100px; outline:none}

/* footer */
#footer { position:relative; top:-10px; background:url(img/footer-bg.gif) no-repeat top left; margin:auto; width:990px; height:57px; text-align:center; font-size:0.85em; padding:70px 0 10px 0; margin-bottom:20px; background-position:top left}
#footer a { color:#666666}
#footer .revoir { position:absolute; right:0; top:0; width:80px; height:110px; display:block; text-indent:-9000px; outline:none}
#footer .lbb { display:none}
#footer .derReals { position:absolute; left:10px; bottom:40px; width:186px; height:20px; display:block; text-indent:-9000px; outline:none; background-image:url(img/BTDernieresRas.gif)}