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

body {
   background-color: #222;
   font-family: "Arial", Verdana, sans-serif;
   font-size: 12px; color: #fff;}
   
#allContent {
   width: 980px;
   margin: auto;
   background-color: #666;}

a {color: #ff9900;}

/********************************************************/
/*                                              En-tete */
/********************************************************/

#enTete {
   width: 980px; height: 130px;
   background: transparent url(../../images/bgEntete.gif) no-repeat right top;}
#enTete h1 {display: none;}
#enTete img {border: 0; margin: 7px 10px;}
#navigation {
   list-style: none; width: 980px; height: 28px;
   background: transparent url(../../images/bgNavigation.gif) repeat-x;}
#navigation li {float: left;}
#navigation li a {
   display: block; height: 28px;
   background-repeat: no-repeat;
   text-indent: -1000px; overflow: hidden;}

#navigation li#btnNavA a {background-image: url(../../images/btnNavA.gif); width: 64px;}
#navigation li#btnNavB a {background-image: url(../../images/btnNavB.gif); width: 89px;}
#navigation li#btnNavC a {background-image: url(../../images/btnNavC.gif); width: 75px;}
#navigation li#btnNavD a {background-image: url(../../images/btnNavD.gif); width: 65px;}
#navigation li#btnNavE a {background-image: url(../../images/btnNavE.gif); width: 99px;}
#navigation li#btnNavF a {background-image: url(../../images/btnNavF.gif); width: 133px;}
#navigation li#btnNavG a {background-image: url(../../images/btnNavG.gif); width: 166px;}
#navigation li#btnNavH a {background-image: url(../../images/btnNavH.gif); width: 146px;}
#navigation li#btnNavI a {background-image: url(../../images/btnNavI.gif); width: 78px;}
#navigation li#btnNavJ a {background-image: url(../../images/btnNavJ.gif); width: 65px;}

#navigation li#btnNavI {display: none;}

#navigation li a:hover,
#pageReceptif #navigation li#btnNavD a,
#pageEvenementiel #navigation li#btnNavE a,
#pageFestival #navigation li#btnNavF a,
#pageSalon #navigation li#btnNavG a,
#pageStockage #navigation li#btnNavH a,
#pageSemaf #navigation li#btnNavB a,
.pageActualites #navigation li#btnNavC a,
.pageCatalogue #navigation li#btnNavI a,
#pageContacts #navigation li#btnNavJ a {background-position: 0 -28px;}

/********************************************************/
/*                                          Maincontent */
/********************************************************/

#pageAccueil #mainContent {width: 980px; padding: 20px 0 0 0;}

#mainContent {width: 920px; padding: 20px 30px 20px 30px; position: relative;}

/************ Ticker en page d'accueil */

#tickerActus {width: 960px; height: 28px; background-color: #888; margin: 0 10px 20px 10px;}
#tickerActus h2 {
   width: 100px; height: 28px; padding-right: 5px;
   background: transparent url(../../images/titreTicker.gif) no-repeat;
   text-indent: -1000px; overflow: hidden;}
#ticker {height: 28px; line-height: 28px; color: #fff;}
#tickerActus h2,
#ticker {float: left;}
#tickerActus a {text-decoration: none;}
/************ Accès catalogue en page d'accueil */

#accesCatalogue,
#btnContact {float: left;}

#accesCatalogue {width: 775px; padding: 20px 20px 0 20px; position: relative;}
#accesCatalogue h3 {
   width: 775px; height: 35px;
   background: transparent url(../../images/titreAccesCatalogue.gif) no-repeat;
   border-bottom: 2px #444 solid; margin-bottom: 20px;
   text-indent: -5000px; overflow: hidden;}
#accesCatalogue ul {list-style: none;}
#accesCatalogue ul li {float: left; margin-bottom: 15px;}
#accesCatalogue ul li a {
   display: block; height: 45px; background-repeat: no-repeat;
   text-indent: -5000px; overflow: hidden;}

#accesCatalogue ul li#btnCataA a,
#accesCatalogue ul li#btnCataE a {width: 197px;}

#accesCatalogue ul li#btnCataB a,
#accesCatalogue ul li#btnCataF a {width: 183px;}

#accesCatalogue ul li#btnCataC a,
#accesCatalogue ul li#btnCataG a {width: 205px;}

#accesCatalogue ul li#btnCataD a,
#accesCatalogue ul li#btnCataH a {width: 190px;}

#accesCatalogue ul li#btnCataA a {background-image: url(../../images/btnCataA.gif);}
#accesCatalogue ul li#btnCataB a {background-image: url(../../images/btnCataB.gif);}
#accesCatalogue ul li#btnCataC a {background-image: url(../../images/btnCataC.gif);}
#accesCatalogue ul li#btnCataD a {background-image: url(../../images/btnCataD.gif);}
#accesCatalogue ul li#btnCataE a {background-image: url(../../images/btnCataE.gif);}
#accesCatalogue ul li#btnCataF a {background-image: url(../../images/btnCataF.gif);}
#accesCatalogue ul li#btnCataG a {background-image: url(../../images/btnCataG.gif);}
#accesCatalogue ul li#btnCataH a {background-image: url(../../images/btnCataH.gif);}

#alerteCatalogue {
   position: absolute; right: 20px; top: 30px; width: 600px; text-align: center;
   font-weight: bold; background-color: #e7720c; color: #fff; padding: 1px 5px;}

#btnContact {
   width: 145px; height: 160px; margin-top: 20px;
   background: transparent url(../../images/btnContact.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;}

#ariane {list-style: none; float: right; position: relative; top: 30px;}
#ariane li {float: left; color: #fff; font-size: 10px; padding-right: 3px;}
#ariane li a {color: #fff; text-decoration: none;}

.titreRubrique {
   width: 920px !important; height: 35px; 
   border-bottom: 2px #444 solid;
   margin-bottom: 30px !important; text-indent: -5000px; overflow: hidden;}

.zoneTexte p {margin-bottom: 10px;}

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

.pageActualites .titreRubrique {background: transparent url(../../images/titreActualites.gif) no-repeat;}

.uneActu {color: #fff; width: 750px; margin-bottom: 20px;}
.uneActu .date {color: #ff9900; font-size: 10px;}
.uneActu h2 {font-size: 18px; font-weight: normal; margin-bottom: 5px;}
.uneActu h2 a {text-decoration: none;}

.uneActu img,
#pageDetailActualite #mainContent img {border: 0; float: left; margin: 0 15px 0 0;}

.uneActu .btnSuite {
   display: block; border-bottom: 1px #888 solid; height: 17px; margin-top: 10px;
   text-decoration: none; width: 750px; clear: both;}
.uneActu .btnSuite:hover span {color: #111;}

.uneActu .btnSuite span {
   background: transparent url(../../images/bgSuite.gif) repeat-x;
   width: 80px; height: 17px; color: #fff; font-weight: bold; cursor: pointer;
   font-size: 11px; text-align: center; line-height: 17px; float: right;}

#pageDetailActualite .date {color: #ff9900; font-size: 11px;}
#pageDetailActualite #mainContent h2 {font-size: 24px; font-weight: normal; margin-bottom: 10px;}

#pageDetailActualite #mainContent h1 {font-size: 30px; font-weight: normal; margin-bottom: 10px;}

.liste {list-style-position: inside; margin-left: 20px; margin-bottom: 10px;}

#zoneListeActus {width: 750px; float: left; padding-right: 25px;}

/********************************************************/
/*                                            Corporate */
/********************************************************/

#pageSemaf .titreRubrique {background: transparent url(../../images/titreSemaf.gif) no-repeat;}

#btnPlaquette {
   display: block; width: 260px; height: 33px;
   text-indent: -5000px; overflow: hidden;
   background: transparent url(../../images/btnPlaquette.gif) no-repeat;
   float: right; position: relative; top: -10px;}

.controls {width: 388px; height: 24px; position: relative; top: 10px;}
.controls a span {
   background-image: url(../../images/bgControls.gif);
   height: 24px; display: block; float: left;
   background-repeat: no-repeat; text-indent: -1000px; overflow: hidden;}
.controls a#btnCorpoA span {background-position: 0 0; width: 100px;}
.controls a#btnCorpoB span {background-position: -100px 0; width: 91px;}
.controls a#btnCorpoC span {background-position: -191px 0; width: 92px;}
.controls a#btnCorpoD span {background-position: -283px 0; width: 105px;}

.controls a#btnCorpoA:hover span,
.controls a#btnCorpoA span.actif {background-position: 0 -24px;}

.controls a#btnCorpoB:hover span,
.controls a#btnCorpoB span.actif {background-position: -100px -24px;}

.controls a#btnCorpoC:hover span,
.controls a#btnCorpoC span.actif {background-position: -191px -24px;}

.controls a#btnCorpoD:hover span,
.controls a#btnCorpoD span.actif {background-position: -283px -24px;}

.scroller {
	width: 920px;
	overflow: hidden;}
.scroller .content {width: 10000px;}
.scroller .section {
   width: 848px; height: 200px; color: #fff; 
   overflow: hidden;
	float: left; 
   border: 1px #888 solid; padding: 20px 15px 15px 55px;}
.section img {float: right; margin-left: 20px;}

.section h2 {display: none;}

#section1 {background: transparent url(../../images/titreEntreprise.gif) no-repeat 15px 20px;}
#section2 {background: transparent url(../../images/titreMetiers.gif) no-repeat 15px 20px;}
#section3 {background: transparent url(../../images/titreMoyens.gif) no-repeat 15px 20px;}
#section4 {background: transparent url(../../images/titreHommes.gif) no-repeat 15px 20px;}

#pagination {text-align: center; padding-top: 5px;}
#pagination a {color: #fff; text-transform: uppercase; color: #fff; font-size: 10px; text-decoration: none;}

#pageMentions .titreRubrique {background: transparent url(../../images/titreMentions.gif) no-repeat;}

#pageMentions dl {margin-bottom: 15px;}

#pageMentions dl.double dt,
#pageMentions dl.double dd {float: left; width: 25%; border-bottom: 1px #888 solid; }

#pageMentions dl.double dt {width: 20%;}
#pageMentions dl.double dd {width: 30%;}

#pageMentions dl dt {font-weight: bold; text-align: left; width: 20%; float: left; padding: 2px 0; color: #222;}
#pageMentions dl dd {width: 80%; float: left; padding: 2px 0;}

#pageMentions #mainContent h2 {
   font-size: 20px; border-bottom: 1px #fff solid;
   font-weight: normal; margin-bottom: 10px;}

#pageMentions #mainContent .margeHaute {margin-top: 20px;}

/********************************************************/
/*                                      Pages statiques */
/********************************************************/

#pageReceptif #ariane,
#pageEvenementiel #ariane,
#pageFestival #ariane,
#pageSalon #ariane,
#pageStockage #ariane {position: absolute; right: 30px; top: 20px;}

#pageReceptif .titreRubrique,
#pageEvenementiel .titreRubrique,
#pageFestival .titreRubrique,
#pageSalon .titreRubrique,
#pageStockage .titreRubrique {width: 310px !important; padding-bottom: 5px; margin-bottom: 20px !important;}

#pageReceptif .titreRubrique {background: transparent url(../../images/titreReceptif.gif) no-repeat; height: 43px;}
#pageEvenementiel .titreRubrique {background: transparent url(../../images/titreEvenementiel.gif) no-repeat; height: 38px;}
#pageFestival .titreRubrique {background: transparent url(../../images/titreFestival.gif) no-repeat; height: 83px;}
#pageSalon .titreRubrique {background: transparent url(../../images/titreSalon.gif) no-repeat; height: 106px;}
#pageStockage .titreRubrique {background: transparent url(../../images/titreStockage.gif) no-repeat; height: 83px;}

#pageReceptif #btnContact,
#pageEvenementiel #btnContact,
#pageFestival #btnContact,
#pageSalon #btnContact,
#pageStockage #btnContact {
   width: 310px; height: 90px; margin-top: 10px;
   background: transparent url(../../images/btnContact2.gif) no-repeat;}

.pageCorporate #mainContent p {margin-bottom: 10px;}

#zoneTexte,
#blocFlash {float: left;}

#zoneTexte {width: 310px; padding-right: 10px;}
#blocFlash {width: 600px; height: 500px;}

#pageReceptif #zoneTexte {padding-top: 60px;}
#pageFestival #zoneTexte {padding-top: 80px;}
#pageEvenementiel #zoneTexte {padding-top: 30px;}
#pageSalon #zoneTexte {padding-top: 20px;}
#pageStockage #zoneTexte {padding-top: 40px;}

/********************************************************/
/*                                             Contacts */
/********************************************************/

#pageContacts .titreRubrique {background: transparent url(../../images/titreContacts.gif) no-repeat;}

#coordonnes {position: absolute; left: 160px; top: 50px; font-size: 11px;}

fieldset {border: 1px #999 solid; margin-bottom: 15px; padding: 15px;}
fieldset legend {
   font-size: 12px; color: #ff9900; font-weight: bold; 
   padding: 0 10px; text-transform: uppercase; letter-spacing: 1px;}
fieldset label {
   font-weight: bold; display: block; float: left;
   text-align: right; padding-right: 5px; cursor: pointer;}

.lineForm,
.lineCheck,
.lineRadio {margin-bottom: 10px;}

input, textarea, select, option {
   font-family: "Arial", Trebuchet MS, Helevetica, sans-serif; 
   font-size: 11px; color: #555;}

input,
textarea {border: 1px #ddd solid; padding: 0 2px;}

.btnForm {
   background: transparent url(../../images/bgBtnForm.gif) repeat-x; color: #fff; padding: 0 10px;
   font-weight: bold; border: 0; cursor: pointer; text-transform: uppercase; height: 24px;}

#btnSubmit {
   padding: 0 10px 2px 10px; font-weight: bold; border: 0; 
   margin-left: 5px; cursor: pointer;}

/**************** Bloc search mail */

#blocSearchMail p,
#blocSearchMail .lineForm {float: left;}

#blocSearchMail p {width: 550px; padding-right: 20px;}
#blocSearchMail .lineForm {width: 310px; padding: 8px 0 7px 0;}
#blocSearchMail .lineForm label {padding-top: 5px;}
#blocSearchMail #search_email {width: 130px; margin-right: 10px;}
#blocSearchMail #searchSubmitter {width: 100px;}

#emailFound {font-weight: bold; text-align: center; clear: both;}

.lineSubmit {text-align: center;}

.noBorder {border: 0;}
.obligatoire {font-size: 11px; font-weight: bold; margin-bottom: 10px; color: #ff9900;}
.mentions {font-size: 10px;}

.colFormA,
.colFormB {width: 443px; float: left;}

#blocCoord label,
#blocDemande label {width: 150px;}
#blocCoord .colFormB label {width: 100px;}
#blocCoord input {width: 180px;}

#visitor_address2_ {margin-left: 105px;}

#blocDemande textarea {width: 570px; height: 60px;}

#blocTypeContact .lineRadio {width: 300px; float: left; }
#blocTypeContact .lineRadio label {display: inline; float: none; padding-left: 5px;}
#blocTypeContact .lineRadio input {border: 0;}

#blocTypeContact .lineOne {padding-left: 200px;}

.pageConfirmation #mainContent p {margin-bottom: 10px;}

.validation-advice,
#errMsg {
   display: block; background-color: #e97008; margin-top: 5px;
   color: #fff; font-weight: bold; text-align: center;}
#errMsg {width: 280px !important;}

/********************************************************/
/*                                               Footer */
/********************************************************/

#footer {padding: 14px 10px 10px 10px; color: #fff; font-size: 10px; text-align: right;}
#footer a {color: #fff; text-decoration: none;}
#footer span {position: relative; top: -4px;}
#footer img {border: 0;}