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

body {
background-color: #e2e3e3;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 12px;
color: #707070;}

a {color: #000;}

#allContent {
position: relative;
margin: 0 auto;
width: 961px;
background-color: #fff;}

#mainContent {
background-color: #fff;
padding: 0 6px 20px 6px; 
width: 949px;}

blockquote {margin-left: 30px;}

strong {color: #585858;}

/******************************************************************************/
/*                                                                 Entete Home*/
/******************************************************************************/
#enTeteHome {
position: relative;
width: 961px;
height: 114px;
background: url(../../images/bkg_EnteteHome.gif) no-repeat;}

#enTete {
position: relative;
width: 961px;
height: 114px;
background: url(../../images/bkg_EnteteHome.gif) no-repeat;}

#logo {position: absolute;
left: 57px;
top: 19px;}

#pictoMagazine a {
display: block;
width: 343px;
height: 63px;
position: absolute;
right: 10px;
top: 45px;
background: url(../../images/pictoMagazine.gif) no-repeat;}

#pictoMagazine a span {
display: none;}

#pictoMagazineBoulangerie a {
display: block;
width: 343px;
height: 63px;
position: absolute;
right: 240px;
top: 45px;
background: url(../../images/pictoMagazine_boulangerie.gif) no-repeat;}

#pictoMagazineBoulangerie a span {
display: none;}

#frenchFlag a {
margin: 5px 20px 0 0;
display: block;
width: 24px;
height: 23px;
float: right;
}

#englishFlag a {
margin: 5px 10px 0 0;
display: block;
width: 24px;
height: 23px;
float: right;
}

#btnExtranet a {
position: absolute;
left: 823px;
top: 73px;
display: block;
width: 131px;
height: 34px;
background: url(../../images/btn_AccesExtranet.gif) no-repeat;}

#btnExtranet span {
display: none;}

/******************************************************************************/
/*                                                                  Navigation*/
/******************************************************************************/
#navigation {

list-style: none; 
height: 30px; 
background:  url(../../images/bkg_Nav.gif) repeat-x;}
#navigation li {float: left; position: relative; z-index: 100;}
#navigation li a {display: block; height: 30px;}
#navigation li a span {display: none;}

#navigation li#btn01 a {
background:  url(../../images/btn_Accueil.gif) no-repeat;
width: 85px;}

#navigation li#btn02 a {
background:  url(../../images/btn_Vmi.gif) no-repeat;
width: 109px;}

#navigation li#btn03 a {
background: transparent url(../../images/btn_Technologie.gif) no-repeat;
width: 192px;}

#navigation li#btn04 a {
background: transparent url(../../images/btn_Produits.gif) no-repeat;
width: 82px;}

#navigation li#btn05 a {
background: transparent url(../../images/btn_Services.gif) no-repeat;
width: 84px;}

#navigation li#btn06 a {
background: transparent url(../../images/btn_Contacts.gif) no-repeat;
width: 89px;}

#navigation li#btn07 a {
background: transparent url(../../images/btn_Actualites.gif) no-repeat;
width: 66px;}

#navigation li#btn08 a {
background: transparent url(../../images/btn_Faq.gif) no-repeat;
width: 59px;}

#navigation li#btn09 a {
background: transparent url(../../images/btn_Sucess.gif) no-repeat;
width: 111px;}

#navigation li span{
display: none;}

#navigation li#btn01 a:hover,
#navigation li#btn02 a:hover,
#navigation li#btn03 a:hover,
#navigation li#btn04 a:hover,
#navigation li#btn05 a:hover,
#navigation li#btn06 a:hover,
#navigation li#btn07 a:hover,
#navigation li#btn08 a:hover,
#navigation li#btn09 a:hover
{background-position: 0 -30px;}

/******************************************************************************/
/*                                                             Sous navigation*/
/******************************************************************************/
#navigation li .sousNav {
background-color: #666666;
position: absolute; 
left: 0; 
top: 30px;
list-style: none;
z-index: 15;}

#navigation li .sousNav li{
border: 1px #000 solid;
float: none;
line-height: 24px;}

#navigation li .sousNav li a {
padding: 0 10px 0 10px;
text-decoration: none;
margin-top: -1px;
height: 24px;
color: #fff;
background: #666666 !important; }

#navigation li .sousNav li a:hover {background: #000 !important;}

#navigation li #sousNav1 li a {width: 90px;}

#navigation li #sousNav3 li a {width: 240px;}

#navigation li #sousNav4 li a {width: 100px;}

#navigation li #sousNav5 li a {width: 130px;}

#navigation li #sousNav6 li a {width: 130px;}

/******************************************************************************/
/*                                                                Fil d'ariane*/
/******************************************************************************/
#ariane {
padding: 8px 4px 4px 40px;
display: block;
width: 800px;
text-align: left;}

#ariane a {
text-decoration: none;}

/******************************************************************************/
/*                                                                  Zone flash*/
/******************************************************************************/
#zoneFlash {
display: block;
width: 949px;
height: 180px;}

/******************************************************************************/
/*                                                                     Accueil*/
/******************************************************************************/

#content {
position: relative;
width: 949px;}

#petrins,
#melangeurs
{float: left;
display: block;
width: 468px;
height: 180px; }

#petrins 
{position: absolute;
left: 0;
top: 25px;
background: transparent url(../../images/imgPetrinsHome.jpg) no-repeat;}

#melangeurs 
{position: absolute;
left: 480px;
top: 25px;
background: transparent url(../../images/imgMelangeursHome.jpg) no-repeat;}

#petrins span,
#melangeurs span
{display: none}

#rubriquesPetrins {
padding: 25px 12px 0 0;
float: left;
list-style: none; width: 468px;
}
#rubriquesPetrins li {float: left; width: 468px;}
#rubriquesPetrins li a {display: block; height: 45px;}
#rubriquesPetrins li a span {display: none;}

#rubriquesPetrins li#btn001 a {
background:  url(../../images/imgArtisansHome.gif) no-repeat;}
#rubriquesPetrins li#btn002 a {
background:  url(../../images/imgBVPHome.gif) no-repeat;}
#rubriquesPetrins li#btn003 a {
background:  url(../../images/imgAutresHome.gif) no-repeat;}
#rubriquesPetrins li#btn004 a {
background:  url(../../images/imgCollectivitesHome.gif) no-repeat;}

#rubriquesPetrins li#btn001 a:hover,
#rubriquesPetrins li#btn002 a:hover,
#rubriquesPetrins li#btn003 a:hover,
#rubriquesPetrins li#btn004 a:hover
{background-position: -468px 0;}


#rubriquesMelangeurs {
padding: 25px 0 0 0;
float: left;
list-style: none; width: 468px;
}



#rubriquesMelangeurs li {float: left; width: 468px;}
#rubriquesMelangeurs li a {display: block; height: 90px;}
#rubriquesMelangeurs li a span {display: none;}

#rubriquesMelangeurs li#btn005 a {
background:  url(../../images/imgCosmetiqueHome.gif) no-repeat -468px 0;}
#rubriquesMelangeurs li#btn006 a {
background:  url(../../images/imgChimiqueHome.gif) no-repeat -468px 0;}

#rubriquesMelangeurs li#btn005 a:hover,
#rubriquesMelangeurs li#btn006 a:hover
{background-position: 0 0;}


.filet {
width: 949px;
float: left;
display: block;
height: 5px;
border-bottom: 1px #b5b5b5 solid;
margin: 0 0 5px 0;
}

.blocPiedHome {
padding: 0 0 50px 0;
float: left;
width: 238px;
display: block;
background: transparent url(../../images/bkgBlocPiedHome.jpg) no-repeat;}

.blocPiedHome .zoneTxt {
display: block;
width: 190px;
padding: 0 20px 0 20px;
}

.blocPiedHome .zoneTxt a {
color: #707070;
text-decoration: none;}


.blocPiedHome .zoneTxt a:hover {
text-decoration: underline;}





.blocPiedHome h3.actualites
{width: 238px;
height: 29px;
float: left;
display: block;
background: transparent url(../../images/titreActuHome.jpg) no-repeat;
}
.blocPiedHome h3.faq
{width: 238px;
height: 29px;
float: left;
display: block;
background: transparent url(../../images/titreFaqHome.jpg) no-repeat;
margin: 0 0 10px 0;}

.blocPiedHome h3.sucess
{width: 238px;
height: 29px;
float: left;
display: block;
background: transparent url(../../images/titreSuccesHome.jpg) no-repeat;
margin: 0 0 10px 0;}

.blocPiedHomeDistri {
padding: 0 0 50px 0;
float: left;
width: 235px;
display: block;
background: transparent url(../../images/bkgBlocHomeDistri.jpg) no-repeat;}

.blocPiedHomeDistri h3.distri
{width: 235px;
height: 29px;
float: left;
display: block;
background: transparent url(../../images/titreDistriHome.jpg) no-repeat;
margin: 0 0 10px 0;}



.blocPiedHome h3.actualites span,
.blocPiedHome h3.faq span,
.blocPiedHome h3.sucess span
{display: none;}

.blocPiedHomeDistri h3.distri span {display: none;}

.blocPiedHomeDistri .zoneTxt {
width: 190px;
padding: 0 20px 0 20px;}

.dateHome {
display: block;
margin: 40px 0 0 0;
padding: 0 0 0 20px;
color: #f71b1b; font-size: 11px;}

.title {
width: 190px;
padding: 0 20px 0 20px; font-size: 14px;}

.subTitle {
width: 190px;
padding: 0 20px 0 20px; 
font-size: 12px;}

.lire a {
display: block;
float: left;
padding: 5px 0 20px 20px;
text-decoration: none;
color: #015d98; }
/******************************************************************************/
/*                                               Page references et actualites*/
/******************************************************************************/

.pageTemoignages #content,
.pageDetailTemoignages #content,
.pageActualites #content,
.pageDetailActualite #content {
margin: 0 0 0 250px;
width: 669px;}
 
.pageTemoignages .ref,
.pageDetailTemoignages .ref,
.pageActualites .actu,
.pageDetailActualite .actu {
margin: 0 0 6px 0;
padding: 0 0 5px 0;
border-bottom: 1px #9f9e9e dashed;
width: 620px;}

.pageActualites h1,
.pageTemoignages h1,
.pageDetailActualite h1,
.pageDetailTemoignages h1 {
font-style: normal;
font-size: 18px; 
color: #454545;
margin: 5px 0 5px 0;}

.pageTemoignages .ref h2,
.pageDetailTemoignages .ref h2,
.pageActualites .actu h2,
.pageDetailActualite .actu h2 {
font-style: normal;
font-size: 15px; 
color: #454545;
padding: 0 0 8px 0;}

.pageTemoignages .ref img,
.pageDetailTemoignages .ref img,
.pageActualites .actu img,
.pageDetailActualite .actu img {
float: left;
margin: 0 10px 0 0;}

.btnSuite{
display: block;
float: right;
padding: 5px 0 5px 0;}

.btnSuite a {
text-decoration: none;
color: #015d98;}

.pageDetailTemoignages .btnRetour,
.pageDetailActualite .btnRetour{
color: #015d98;
text-decoration: none;
display: block;
padding: 10px 0 10px 0;}

.pageTemoignages .actu .date,
.pageDetailTemoignages .actu .date,
.pageActualites .actu .date,
.pageDetailActualite .actu .date
{color: #ff0000;}

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

.pageDetailActualite .zoneText ul ul,
.pageDetailTemoignages .zoneText ul ul{
padding: 0 0 0 15px;}




/******************************************************************************/
/*                                                                  Page Categ*/
/******************************************************************************/
.pageCateg #content {
margin: 0 0 0 40px;
width: 881px;}

.pageCateg #content h1 {
height: 45px;
line-height: 45px;
font-style: normal;
font-size: 19px; 
color: #454545;
padding: 0 0 2px 75px;
border-bottom: 1px #9f9e9e solid;}

.pageCateg #content .artisans {
background: transparent url(../../images/picto_Artisans.gif) left bottom no-repeat;}

.pageCateg #content .bvp {
background: transparent url(../../images/picto_BVP.gif) left bottom no-repeat;}

.pageCateg #content .autres {
background: transparent url(../../images/picto_Autres.gif) left bottom no-repeat;}

.pageCateg #content .collectivites {
background: transparent url(../../images/picto_Collectivites.gif) left bottom no-repeat;}

.pageCateg #content .cosmetiques {
background: transparent url(../../images/picto_Cosmetiques.gif) left bottom no-repeat;}

.pageCateg #content .chimiques {
background: transparent url(../../images/picto_Chimiques.gif) left bottom no-repeat;}

.pageCateg #content .edito {
font-size: 12px; 
color: #343434;
padding: 15px 0 20px 0;}

.pageCateg #content .blocGamme {
height: 340px;
padding: 0 5px 5px 5px;
margin: 0 6px 5px 0;
float: left;
width: 155px;
border: 1px #9f9e9e solid;}

.pageCateg #content .blocGamme img {
border: 0}

.pageCateg #content .blocGamme h2 {
height: 35px;
font-size: 15px; 
color: #9f9e9e;
padding: 0 0 5px 0;}

.pageCateg #content .blocGamme h2 a {
color: #454545;
text-decoration: none;}

.pageCateg #content .blocGamme h2 a:hover {
color: #9f9e9e;}

.pageCateg #content .blocGamme .description {
font-size: 11px; 
color: #454545;}

.pageCateg #content .blocGamme .pictoGramme {
margin: 5px 0 5px 0;
height: 20px;}

.pageCateg #content .blocGamme .pictoGramme img {
float: left;
margin: 0 3px 0 0;}


/******************************************************************************/
/*                                                                  Page Gamme*/
/******************************************************************************/
.pageGamme #content {
margin: 0 0 0 40px;
width: 881px;}

#acces {
border-bottom: 1px #9f9e9e solid;
height: 30px;
line-height: 30px;}

#acces a {
text-decoration: none;
font-weight: bold;
color: #015d98;}

#accesDirect {
line-height: 15px;
float: right;
width: 300px;
}

#accesDirect input {
padding: 2px;
width: 130px;
height: 15px;
border: 1px red solid;}

.pageGamme #colGauche{
border-right: 1px #9f9e9e solid;
padding: 10px 0 0 0;
float: left;
width: 430px;}

#blocImg
{padding: 10px;
width: 400px;
display: block;
background: transparent url(../../images/bkgBlocImg.gif) no-repeat;}

#piedBlocImg {
background: transparent url(../../images/piedBlocImg.gif) no-repeat;
width: 400px;
height: 27px;
display: block;}

.pageGamme #colGauche h1 {
font-style: normal;
font-size: 16px; 
color: #fe0000;
padding: 0 0 2px 0;}

.pageGamme #colGauche h2 {
font-style: normal;
font-size: 20px; 
color: #454545;
padding: 0 0 10px 0;}

.pageGamme #legende {
font-style: italic;
font-size: 11px;
width: 400px;
padding: 5px 0 5px 0;}

.pageGamme .imgVignette a {
float: left;
display: block;
width: 50px;
margin: 0 10px 0 0;}

.pageGamme #colDroite{
padding: 10px 0 0 30px;
width: 420px;
float: left;
}

.pageGamme #colDroite .retour {
display: block;
float: right;
}

.pageGamme #colDroite h4{
padding: 0 0 5px 0;
margin: 10px 0 10px 0;
border-bottom: 1px #999999 dashed;
font-size: 14px;
}

.pageGamme #colDroite .logo 
{height: 45px;
float: left;
margin: 0 10px 5px 0;}

.pageGamme .zoneTxt 
{padding: 0 0 10px 0;}

.pageGamme .zoneTxt ul 
{margin: 5px 0 0 0;
list-style: none;}

.pageGamme .zoneTxt ul li 
{padding: 0 0 0 20px;
background: transparent url(../../images/puceRed.gif) no-repeat 3px 4px;}

.pageGamme .zoneTxt ul li a
{text-decoration: none;}

.pageGamme .zoneTxt ul li a:hover
{color: #0065ff;}

.pageGamme #colDroite h3{
color: #000;
font-size: 18px;
padding: 0 0 10px 0;}

.pageGamme .blocPicto {
line-height: 20px;
width: 420px;
height: 20px;
color: #fe0000;
display: block;
float: left;
margin: 0 0 5px 0;}

.pageGamme .blocPicto img {
margin-right: 5px;
float: left;}

.pageGamme td {
text-align: top;
font-style: normal;
font-size: 11px;
border-right: 1px #999999 solid;}

table {
border: 1px #9f9e9e solid;
border-collapse: collapse; 
width: 100%; 
margin: 10px 0 10px 0;}

th {
color: #fff;
background-color: #9f9e9e;
padding: 3px;
text-align: left;}

tr {
border-bottom: 1px #9f9e9e solid;}

td {
border-left: 1px #9f9e9e solid;
border-bottom: 1px #9f9e9e solid;
color: #000;
padding: 3px;
text-align: left;}

th.filetGauche {
border-left: 1px #9f9e9e solid;}

td ul {
list-style-position: inside !important;}

td ul li {
list-style-type: disc;}

.btnDemInfos a {
float: right;
display: block;
width: 178px;
height: 28px;
background: transparent url(../../images/btnDemInfos.gif) no-repeat;}

.btnDemInfos a span {
display: none;}

.btnFermer span {display: none;}

.legendePicto {
float: right;
margin: 5px 0 0 0;}



/******************************************************************************/
/*                                                             Mentions légales*/
/******************************************************************************/

.pageMentions #content{
text-align: justify;
margin: 10px 0 0 190px;
width: 730px;}

.pageMentions #content p{
padding: 0 0 8px 0;}

/******************************************************************************/
/*                                                             Pages Corporate*/
/******************************************************************************/

.pageCorporate #content{
text-align: justify;
padding: 10px 0 0 190px;
width: 730px;}


.pageCorporate #content h3 {
font-style: normal;
font-size: 16px;
padding: 5px 0 5px 0; }

.pageCorporate #content p{
padding: 0 0 8px 0;}

.pageCorporate #content li{
padding: 0 0 3px 15px;
background:  url(../../images/puceRed.gif) no-repeat 0 3px;
list-style: none;}

.pageCorporate #content #colGaucheHistoire h4,
.pageCorporate #content #colDroiteHistoire h4 {
font-style: normal;
font-size: 14px;
padding: 5px 0 5px 0;}

.pageCorporate #content #colGaucheHistoire {
border-right: 1px #999999 solid;
margin: 20px 0 0 0;
padding: 0 15px 0 0;
float: left;
width: 350px;}

.pageCorporate #content #colGaucheHistoire .event dt,
.pageCorporate #content #colDroiteHistoire .event dt 
{font-weight: bold;
padding: 0 0 0 5px;}

.pageCorporate #content #colGaucheHistoire .filetred,
.pageCorporate #content #colDroiteHistoire .filetred {
border-left: 1px red solid;
border-bottom: 1px red solid;
color: #CC0000;}

.pageCorporate #content #colGaucheHistoire .filetblue,
.pageCorporate #content #colDroiteHistoire .filetblue {
border-left: 1px #0065ff solid;
border-bottom: 1px #0065ff solid;
color: #0065ff;}

.filetblack {
border-left: 1px #000000 solid;
border-bottom: 1px #000000 solid;
color: #000000;}

.red {
color: #CC0000;}

.blue {
color: #0065ff;}

.black {
color: #000000;}

.pageCorporate #content #colGaucheHistoire .event dd,
.pageCorporate #content #colDroiteHistoire .event dd
{font-size: 11px;
border-left: 1px solid #999999;
margin: 0 0 0 50px;
padding: 0 5px 5px 5px;
}

.pageCorporate #content #colDroiteHistoire {
margin: 20px 0 0 0;
padding: 0 0 0 20px;
float: left; 
width: 330px;}

.pageCorporate .telecharger a{
text-decoration: none;
width: 325px;
border-right: 1px red solid;
border-bottom: 1px red solid;
display: block;
padding: 0 0 0 25px;
background: transparent url(../../images/pictoPDF.gif) no-repeat;
}





.pageCorporate #colA {float: left;
width: 350px;}

.pageCorporate #colB{
margin: 0 0 0 20px;
float: left;
width: 350px;}

.pageCorporate #colA h1,
.pageCorporate #colB h1
{margin: 0 0 10px 0;
padding: 0 0 5px 0;
font-size: 20px;
border-bottom: 1px dashed #999999;}

#imgInnovation {
position: relative;}

#animation {
position: absolute;
top: 0;
left: 200px;}

/******************************************************************************/
/*                                                                      Faq*/
/******************************************************************************/

#faq #content{
margin: 10px 0 0 170px;
width: 750px;}

#faq #content .colCateg,
#faq #content .colContent {
margin: 20px 0 0 0;
float: left;}

#faq #content .colCateg {
width: 180px;
padding: 0 20px 0 0;}

#faq #content .colCateg ul {list-style: none;}

#faq #content .colCateg ul li {
text-align: right;
width: 180px;
border-bottom: 1px #ccc dashed;
padding: 2px 5px 2px 0;}

#faq #content .colCateg ul li a:active,
#faq #content .colCateg ul li a:hover {
color: #0065ff;}

#faq #content .colContent {
width: 520px;}

.categTitle {
font-weight: bold;
color: #0065ff;
font-size: 16px;
margin: 0 0 10px 0;}

.question {border-bottom: 1px #ccc solid; padding-bottom: 5px; margin-bottom: 5px;}
.question h2 {font-size: 12px; font-weight: bold;}

.question h2 a {text-decoration: underline; font-weight: bold;}

.reponse {background-color: #eee; padding: 5px; margin-top: 5px; /*display: none;*/}
.reponse img {float: left; margin: 0 10px 0 0;}

.btnReponse {
text-decoration: none;
color: #015d98; 
text-align: right;
 display: block;}

.btnFermer {
    display: block; 
    width: 15px; 
    height: 15px; 
    float: right;
    background: transparent url(../../images/btnFermer.gif) no-repeat;
    margin-left: 20px;}
.btnFermer span {display: none;}

#faq .reponse ul li,
#faq .reponse ol li{
list-style-position: inside;}

/******************************************************************************/
/*                                                                   Témoignages*/
/******************************************************************************/
#s18p01 #content{
margin: 10px 0 0 170px;
width: 750px;}

#s18p01 #content .colCategTemoi,
#s18p01 #content .colContent {
margin: 20px 0 0 0;
float: left;}


#s18p01 #content .colCategTemoi {
float: left;
width: 180px;
padding: 0 20px 0 0;}

#s18p01 .colContent {
float: left;
width: 520px;}

#s18p01 .colContent .blockTemoignage
{width: 520px;
border-bottom: 1px #ccc dashed;}

#s18p01 #content .colCategTemoi ul {
margin: 2px 0 0 0;
list-style: none;}

#s18p01 #content .colCategTemoi ul li {
text-align: right;
border-bottom: 1px #ccc dashed;
padding: 2px 5px 2px 0;}

#s18p01 #content .colCategTemoi ul li a:active,
#s18p01 #content .colCategTemoi ul li a:hover {
color: #0065ff;}

.categTitle {
font-weight: bold;
color: #0065ff;
font-size: 16px;
margin: 0 0 10px 0;}
/************************************************************************************************/
/*                                                                                      Contact */
/************************************************************************************************/


.pageContact #content{
text-align: justify;
padding: 10px 0 0 190px;
width: 730px;}

legend {
    color: #015d98; background-color: #fff;
    padding: 0 5px; font-weight: bold; font-size: 16px;}

input, textarea, select {font-family: "Arial", sans-serif; font-size: 11px; color: #666;}

.pageContact #mainContent fieldset,
.blocEmailFound {
    border: 1px #015d98 solid; padding: 10px; 
    margin-bottom: 20px;}

.pageContact #mainContent fieldset label { font-weight: bold; font-size: 11px;}

.lineForm {clear: both; padding-bottom: 5px;}

.lineForm label,
.lineText label {
    display: block; 
    float: left; padding-right: 4px;
    text-align: right;}

.colForm {padding: 10px 0 0 0; width: 50%; float: left;}
.colForm .lineForm label {width: 165px;}
.colForm .lineForm input {width: 180px;}

.colFormCheck,
.colFormProduit {float: left;}

.colFormProduit {width: 35%;}
.colFormCheck {width: 65%;}

.colFormProduit label {width: 165px;}

.lineText label {width: 300px;}
.lineText textarea {margin-bottom: 5px; width: 100%; height: 80px;}

.lineCheck {padding: 0 0 5px 30px;}
.lineCheck input {margin-right: 5px;}

.lineSubmit {text-align: center;}
.lineSubmit input,
#searchSubmitter {
    background-color: #015d98; color: #fff;
    border: 0; font-weight: bold; padding: 1px 5px;}

.mentions {font-size: 10px; font-family: "Arial", sans-serif; margin-bottom: 10px;}

.obligatoire {color: #015d98; font-size: 10px; font-family: "Arial", sans-serif; margin-bottom: 10px;}

.validation-advice {
    color: #FF1A12;
    display: block; text-align: center;
    padding-top: 3px;}

.confirmation {padding: 50px;}
.confirmation p {margin-bottom: 10px;}

#blocSearchMail .lineForm {float: left;}

#blocSearchMail p {float: left; width: 650px;}
#blocSearchMail .lineForm {width: 80%; clear: none;}

#blocSearchMail .lineForm label {width: 100px; padding-top: 3px;}
.required {color: #015d98;}


.pageContact #content .zoneTxt {
padding: 0 0 20px 0;}

.pageContact #content li{
padding: 0 0 3px 15px;
background:  url(../../images/puceRed.gif) no-repeat 0 3px;
list-style: none;}

.pageContact .planAcces a {
margin : 0 10px 0 0;
float: right;
display: block;
width: 114px;
height: 92px;
background:  url(../../images/pictoPlanAcces.gif) no-repeat;}

.pageContact .planItineraires a {
margin : 0 10px 0 0;
float: right;
display: block;
width: 114px;
height: 92px;
background:  url(../../images/pictoItineraires.gif) no-repeat;}


.pageContact .planAcces span,
.pageContact .planItineraires span {
display: none;}



/******************************************************************************/
/*                                                                Plan du site*/
/******************************************************************************/

#plan #content h4{
font-size: 15px;
margin: 10px 0 5px 0;
}

#plan #content ul{
margin: 0 0 0 80px;
list-style: none;}

#plan #content li{
padding: 0 0 3px 15px;
background:  url(../../images/puceRed.gif) no-repeat 0 3px;
list-style: none;}



/******************************************************************************/
/*                                                                      Footer*/
/******************************************************************************/
#footer {
font-size: 11px;
display: block;
height: 30px;
width: 961px;
background: url(../../images/bkg_Footer.gif) no-repeat;}

#footer p {
text-align: right;
padding: 10px;
}

#content #blocCentralHome{
   background:red;
}

/******************************************************************************/
/*                                                                 SelectCateg*/
/******************************************************************************/
.selectCateg{
   color: #0065FF;
}