/* @override http://neves.lux.mediacd.fr/global/styles/commun.css */


/* FEUILLE DE STYLE CSS */

/* = Import de la css reset-fonts */

@import "reset-fonts.css";

/* = GLOBAL */

body {
font-family: "Trebuchet MS"; 
line-height: 1.5em; 
color: #808080; 
/*background: transparent url(../images/bgPage.gif)repeat-x top left;*/
}

a {
text-decoration: none;
}

#mainContent a {
color: #a8253e;
}

a:hover {
text-decoration: underline;
}

strong, b {
font-weight: bold;
}

em, i {
text-transform: italic;
}

.clearfix {

}

.break {clear: both}

/* = LAYOUT, MISE EN PAGE */

body#accueil {
background: transparent url(../images/bgPage-home.gif) repeat-x top left;
}

body#interieure {
background: transparent url(../images/bgPage-int.gif) repeat-x top left;
}

#page {
width: 956px; 
margin: 0 auto; 
padding: 0 10px;
}

#action {
width: 305px;
float: left;
position: absolute;
top:  270px;
right: 13px ;
}

#action p.btAction a {
width: 304px; 
height: 101px; 
margin: 0px 0 0 0; 
float: left; 
background: url(/global/images/btAction.gif) no-repeat top left; 
text-indent: -5000em; 
}

#page:after {
content: "."; 
display: block; 
clear: both; 
visibility: hidden; 
height: 0; 
font-size: 0;
}

#accueil #header {
	height: 422px;
}

#header {
position: relative;
}

#pageContent {
float: left; 
clear: both;
}

#footer {
width:  100%;
float:  left;
border-top: 1px solid #ebebeb;
margin:  10px 0 0 0;
padding: 5px 0 0 0;
text-align: center;
font-size: 93%;
}

/* = LAYOUT PAGE INTÉRIEURE */

#interieure .colA {
width: 155px; 
position: absolute;
}

#interieure .colB {
width: 495px; 
margin: 0 0 0 155px;
}

#interieure .colC {
width: 310px; 
float: right;
border-left: 1px solid #666;
}

/* = CORPORATE */

#interieure.corporate .colA {
width: 155px; 
position: relative;
}

#interieure.corporate .colB {
width: 495px; 
margin: 0 0 0 205px;
}

#interieure.corporate .flashaction {
width:  692px;
overflow: hidden;
position: absolute;

}

#interieure.corporate #accroche {
width: 495px;
margin: 30px 0 0 0px;
padding: 0 0 0 0px;
position: relative;
float: left;
}

#diaporama p {
margin: 0.3em;
}

#interieure.corporate h1 {
margin: 0 0 20px 20px; 
}

/* = HEADER */

#accueil #flashContent {
width: 896px; 
height: 415px;
margin: 0 auto;
position: absolute;
top: 45px;
}

/* = header page interieure */

#diaporama {
width: 315px; 
height: 280px; 
position: absolute; 
top: 100px; 
right: 0;
}

div.visuel {
width:  85px;
height: 58px;
float: left;
margin: 5px 10px;
}

/* = stepcarousel */

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 300px;
height: 160px; /*Height should enough to fit largest content's height*/
top: 60px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
text-align: center;
color: white;
margin: 3px 15px;
float: leftf;
}

p.samplebuttons{
width: 320px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}

/* = NAV CORPO */

ul#navCorpo {
height: 45px; 
margin-left: 20px;
}

ul#navCorpo li {
display: inline; 
color: #666; 
font-size: 93%; 
margin: 0 5px 0 0; 
float: left;
}

ul#navCorpo li a {
color: #666; 
text-decoration: none; 
margin: 0 5px 0 0;
}

/* = NAV LANGUE */

ul#langue {
float: right; 
position: relative; 
top: -42px;
}

ul#langue li a {
color: #666; 
text-decoration: none; 
margin: 0 5px 0 0;
}

/* = NAV PRINCIPALE */

#zoneNavigation,
#zoneFlash {
float: left;
}

#zoneNavigation {
width: 205px; 
min-height: 380px; 
background: url(/global/images/bgNavPrincipale.gif) no-repeat top left;
}

#logo {
width: 110px; 
height: 67px; 
margin-left: 28px; 
text-indent: -500em; 
background: url(/global/images/logoNeves.gif) no-repeat top left;
}

#logo a {
width: 110px; 
height: 67px;
display:block;
}

div.group {
position: absolute; top:  0; left: 0;
}

#zoneFlash {
width: 433px; 
float: left;
}


#navPrincipale {
width: 175px; 
float: right;
}

li#decouvrez {
width: 174px; 
height: 28px; 
background: url(/global/images/titnavGammes.gif) no-repeat 0px 5px; 
text-indent: -500em; 
overflow: hidden;
}

#navPrincipale p {
font-family: Verdana, Arial, sans-serif;
font-size: 73%;
padding: 8px 10px 0px 0px;
}

#navPrincipale li {
font-family: Verdana, Arial, sans-serif; 
font-size: 93%;
}

#navPrincipale li a {
width: 174px; 
float: left; 
padding: 4px 0; 
color: #a8253e;
}

#navPrincipale li#ambiances a.boutonNav,
#navPrincipale li#gammes a.boutonNav {
width: 174px; 
height: 25px; 
text-indent: -500em; 
padding: 0px 0;
}

#navPrincipale li#ambiances a.boutonNav {
background: url(/global/images/bt_nosAmbiances.gif) no-repeat top left;
}

#navPrincipale li#gammes a.boutonNav {
background: url(/global/images/bt_nosGammes.gif) no-repeat top left;
}

#navPrincipale li font {
padding: 0 10px 0 0;
font-size: 77%;
display:  block;
font-weight: normal;
}

#navPrincipale li#ambiances a.boutonNav:hover,
#navPrincipale li#ambiances.active a.boutonNav {
background: url(/global/images/bt_nosAmbiances.gif) no-repeat 0px -26px;
}

#navPrincipale li#gammes a.boutonNav:hover,
#navPrincipale li#gammes.active a.boutonNav {
background: url(/global/images/bt_nosGammes.gif) no-repeat 0px  -26px;
}

#navPrincipale ul li a.active {
background: url(/global/images/puceLiActive.gif) no-repeat center right;
}

#navPrincipale span.intro {
	padding-right: 10px;
}
/* = NAV SECONDAIRE */
#navSecondaire {
width: 220px;
float: right;
margin: 40px 0 0 0;
}

#navSecondaire ul {
padding: 5px 0;
background-color: #fff;
border: 1px solid #b1b1b1;
}
#navSecondaire ul ul {
border: none;
padding: 0 0 0 10px;
}

#navSecondaire li a {
color: #a8253e; 
padding: 0 0 0 30px;
background: url(../images/puceMenuSecondaire.png) no-repeat top left;
}

#navSecondaire ul ul li a {
color: #666; 
padding: 0 0 0 30px;
background: url(../images/puceMenuSecondaire-n2.png) no-repeat top left !important;
}
/* = PAGE CONTENT */

#pageContent {
padding: 0;
}

#accueil #pageContent {
width: 916px; 
padding: 40px 20px;
}

#interieure #pageContent {
width: 980px;
}

#mainContent {
width: 450px; 
float: left; 
margin: 0 15px 0 50px;
}

#interieure #mainContent {
width: 650px !important; 
float: left; 
margin: 0 15px 0 0;
}

#altContent {
width: 380px; 
float: left;
}

.blocContent {
padding: 10px;
}

/* = bloc principal : niveaux de titrage et contenu */

/* = Formatage global */

#mainContent p, #pageContent p {
font-family: Verdana, Arial, sans-serif; 
font-size: 93%; 
margin-bottom: 10px;
}

#mainContent address {
margin: 25px 0 0 0; 
font-size: 85%;
}

#mainContent address strong {
font-size: 108%; 
color: #a51b35;
}

/* = Contenu des pages intérieures */

.blocGauche {
width: 136px; 
float: left; 
background: url(/global/images/bgColA.gif) no-repeat bottom left; 
padding: 0px 0px 70px 0px; 
position: absolute;
top: 0px;
}

.blocGauche h3 {
background: url(/global/images/bgColA.gif) no-repeat top left; 
padding: 30px 5px 0 10px !important; 
font-family: Verdana, Arial, sans-serif; 
font-size: 93% !important;
margin: 0 !important;
}

.blocGauche .blocContent {
font-size: 11px;
}

.blocGauche .blocContent img {
margin: 5px 15px;
}

a.pdf {
color: #414141;
}


p#ariane {
font-size: 71%; 
font-family: Verdana, Arial, sans-serif; 
font-weight: bold; 
margin: 0 0 10px 155px;
}

#interieure.corporate p#ariane {
margin: 0 0 10px 0;
}

p#ariane a {
color: #8d8d8d; 
font-weight: normal; 
text-decoration: underline;
}

p#ariane span.selected {
color: #a8253e; 
font-weight: bold;
}

#interieure h1 {
font-size: 189%; 
padding: 2px 0 2px 50px; 
margin: 0 0 20px 0; 
color: #a51b35; 
background: url(/global/images/puceH1.gif) no-repeat top left;
}

#interieure h2 {
font-size: 153.9%; 
color: #a51B35; 
padding: 2px 0 2px 30px; 
margin: 0 0 20px 0; 
}

#interieure h3 {
font-size: 138.5%; 
color: #a51B35; 
padding: 2px 0 2px 30px; 
margin: 0 0 20px 0; 
}

#interieure h4 {
font-size: 123.1%; 
color: #a51B35; 
padding: 2px 0 2px 30px; 
margin: 0 0 20px 0; 
}

#pageContent .colB p {
font-size: 93%;
color: #414141;
 
}

#interieure.corporate #accroche p,
#interieure.corporate .colB p {
margin: 0px 0 10px 30px;
color: #414141;
}

#accroche a {
color: #414141;
}
#interieure.corporate #accroche p {
font-weight: bold;
}
/* = Bloc alternatif */

.blocDroite .altContent {
float: left;
}

.blocDroite .altContent h3,
.blocDroite .altContent p {
width: 210px; 
float: right;
}

.blocDroite .altContent h3 a,.blocDroite .altContent h3 {
font-size: 100%; 
color: #a51b35; 
font-weight: bold;
}

.blocDroite .altContent p {
font-size: 87%; 
color: #4a4a4a;
}

.blocDroite .altContent img.visuel.plus {
float: left; 
margin: 10px 10px 10px 0;
}

/* = Spécifique Page d'accueil */

#accueil #mainContent h1 {
font-size: 153.9%; 
color: #a51b35; 
margin-bottom: 15px;
}

#accueil #mainContent h2 {
font-size: 108%; 
font-weight: bold; 
margin-bottom: 15px;
}

.bloc {
border: 1px solid #c4c4c4; 
background: #fff; 
padding: 5px 10px; 
margin: 0 0 12px 0; 
float: left;
}

/* = Bloc Alternatif : Contenu */

#altContent .bloc {
width: 360px;
}

#altContent h2 {
font-size: 153.9%; 
color: #a51B35; 
padding: 2px 0 2px 50px; 
margin: 0 0 20px 0; 
background: url(/global/images/puceH2-alt.gif) no-repeat top left;
}

#altContent h3 {
font-size: 138.5%; 
color: #808080; 
margin: 0 0 12px 0;
}

#altContent h4 {
font-size: 100%; 
font-weight: bold;
}

#altContent h3 a,
#altContent h4 a {
color: #808080; 
text-decoration: none;
}

#altContent .bloc .content p {
font-size: 85%; 
color: #808080;
}

#altContent .bloc .content p a {
color: #808080; 
text-decoration: underline;
}

.bloc .imgRight {
float: right; 
margin: 5px 0 5px 10px;
}

.bloc .imgLeft {
float: left; 
margin: 5px 5px 10px 0;
}

/* = FORMULAIRES */

#mainContent form table {
width: 480px !important;
}
#mainContent form table table {
widht: 340px!important;
border: 0;
margin-bottom: 25px;
}

td.field_title {
width: 100px !important;
float: left;
font-size: 85%;
padding: 0 0.5em 0.5em 0;
}

input.textfield,input.email {
width: 220px;
margin: 0 0 1.0em 0;
padding: 0.1em;
border: 1px solid #666;
}

#mainContent form table tr tr td {
width: 140px !important;
float: left;
}

table table input.textfield {
width: 100px!important;
padding: 0.1em;
border: 1px solid #666;
}

textarea {
width:  305px !important;
margin: 0 0 1.0em 0;
}
.field_radio {
float:  left;
margin: 0 0.5em 0.5em 0em;
}
.radio_label {
float:  left;
margin: 0 0.5em 0 0;
}
input[type=submit] {
margin:  25px 0 25px 155px !important;
}
.fieldline label,
.fieldline input {
margin: 0 0.5em 0 0;
}

.fieldline input.btOK {
width: 33px; 
height: 17px; 
position: relative; 
top: 4px;
}

/* = FORMULAIRE DE LOGIN */

#altContent form input.text {
width: 95px;
}

/* SITEMAP */

ul.siteMap1, ul.siteMap2, ul.siteMap3 {
}

ul.siteMap1 {
padding: 0.2em 3em;
font-size: 100%;
}

ul.siteMap1 li {
margin:  0.2em 0;
}

ul.siteMap1 a {
color: #a8253e !important;
}

ul.siteMap2 {
font-size: 93%;
font-weight: bold;
padding: 0.3em 2em;
}

ul.siteMap2 a {
color: #666 !important;
}

ul.siteMap3 {
font-weight: normal;
padding: 0.3em 2em;
}

ul.siteMap3 a {
color: #8d8d8d !important;
}