html { font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ }
* { margin: 0; padding: 0; }
.break { clear: both; line-height: 1px; font-size: 1px; height: 1px; }

body {
background: #e6e5e5 url(../images/bkgSite.jpg) repeat-x;
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: .80em;
line-height: 1.4;
color: #333333;}

a { color: #333333; }
a:hover {color: #003399; }

#allContent {
display: block;
width: 981px;
margin: 0 auto;}

#mainContent {
display: block;
width: 981px;}

#content {
padding: 0 15px 0 15px;
display: block;
border-left: 1px #fb7630 solid;
border-right: 1px #fb7630 solid;
background-color: #ffffff;
width: 949px;}

#entete {
height: 163px;
position: relative;
display: block;
width: 981px;}

#entete .logo a {
text-indent: -5000px;
overflow: hidden;
display: block;
position: absolute;
width: 125px;
height: 65px;
left: 15px;
top: 22px;
background: transparent url(../images/logo_seris.jpg) no-repeat;}

#entete .accroche a {
text-indent: -5000px;
overflow: hidden;
display: block;
position: absolute;
width: 348px;
height: 97px;
right: 0;
top: 3px;
background: transparent url(../images/accroche_seris.jpg) no-repeat;}

/* Listes */
ul, li {
list-style-position: inside;}

.zoneTxt {
text-align: left;}

.zoneTxt p {
line-height: 1.3;
margin: 0 0 10px 0;}

.zoneTxt ul,
.zoneTxt ol {
margin-bottom: 10px;
list-style-position: inside;}

.zoneTxt ul li {
display: block;
float: left;
list-style-position: inside;}

.zoneTxt h1 {font-size: 26px;}
.zoneTxt h2 {font-size: 22px;}
.zoneTxt h3 {font-size: 18px;}
.zoneTxt h4 {font-size: 14px;}
.zoneTxt h5 {font-size: 12px;}
.zoneTxt h6 {font-size: 10px;}

.zoneTxt table {border-collapse: collapse; margin-bottom: 10px;}
.zoneTxt table th,
.zoneTxt table td {border: 1px #000 solid; padding: 2px 4px; text-align: left; font-size: 11px;}
.zoneTxt table td p,
.zoneTxt table th p {margin-bottom: 0 !important;}

/******* *******************************************************************************/
/*                                                              Navigation Horizontale*/
/**************************************************************************************/
#navHorizontale {
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 981px;
height: 57px;
background: transparent url(../images/bkgNavHaute.jpg) repeat-x;}

#navHorizontale ul li {
height: 57px;
display: block;
float: left;}

#navHorizontale ul {
margin: 0 0 0 30px;
list-style: none; height: 57px;}
#navHorizontale li {float: left; position: relative;}
#navHorizontale li a {
text-indent: -5000px;
overflow: hidden;
display: block; height: 57px;}

#navHorizontale li#btnNavA a {background: url(../images/imgnav/btnA.gif) no-repeat 0 0; width: 89px;}
#navHorizontale li#btnNavB a {background: url(../images/imgnav/btnB.gif) no-repeat; width: 134px;}
#navHorizontale li#btnNavC a {background: url(../images/imgnav/btnC.gif) no-repeat; width: 132px;}
#navHorizontale li#btnNavD a {background: url(../images/imgnav/btnD.gif) no-repeat; width: 108px;}
#navHorizontale li#btnNavE a {background: url(../images/imgnav/btnE.gif) no-repeat; width: 94px;}
#navHorizontale li#btnNavF a {background: url(../images/imgnav/btnF.gif) no-repeat; width: 154px;}

#navHorizontale li a:hover {background-position: 0 -56px !important;}

/******* *******************************************************************************/
/*                                                                           Home page*/
/**************************************************************************************/

.pageAccueil #colGauche {
display: block;
float: left;
width: 234px;
padding: 0 14px 0 0;
border-right: 1px #fb7630 solid;
}

.pageAccueil #colGauche img{
margin: 15px 0 5px 0;}


.pageAccueil #colGauche .titreEdito {
margin: 10px 0 5px 0;
font-weight: bold;
display: block;
float: left;
font-size: 14px;}

.pageAccueil #colGauche .textEdito {
width: 234px;
text-align: justify;
display: block;
float: left;
font-size: 12px;}


.pageAccueil #colDroite {
padding: 15px 15px 0 15px ;

display: block;
float: left;
width: 665px;
}

.pageAccueil #colDroite .aLaUne {
margin: 0 0 10px 0;
text-indent: -5000px;
overflow: hidden;
display: block;
float: left;
width: 115px;
height: 19px; 
background: transparent url(../images/titreAlaUne.gif) no-repeat;
}

.blocActuHome {
display: block;
float: left;
width: 665px;
}

.blocActuHome img {
display: block;
float: left;
margin: 0 10px 10px 0;
}

.blocActuHome img a {
border: 0;
}

.pageAccueil #colDroite .blocActuHome h2 {
color: #003399;
float: left;
width: 550px;
font-weight: bold;
font-size: 14px;}

.pageAccueil #colDroite .blocActuHome p {
width: 550px;
text-align: justify;
display: block;
float: left;
font-size: 12px;}

.pageAccueil #colDroite .blocActuHome p a {
text-decoration: none;}

.pageAccueil #colDroite .blocActuHome p a:hover {
text-decoration: underline;}

.suite {
display: block;
float: right !important;
color: #003399;
margin: 5px 0 0 0 !important;}

.suite a {
color: #003399;}

.pageAccueil #colDroite .gammeProduits {
margin: 0 0 10px 0;
clear: both;
text-indent: -5000px;
overflow: hidden;
display: block;
float: left;
width: 311px;
height: 26px; 
background: transparent url(../images/titreGammeProduits.gif) no-repeat;}


.blocVisuelCateg a {
margin: 0 16px 10px 0;
display: block;
float: left;
width: 150px;
height: 200px;
background: red;}


/******* *******************************************************************************/
/*                                                          Page Gammes et Page Produit*/
/**************************************************************************************/

.pageLstGammes #colGauche,
.pageGamme #colGauche,
.pageProduit #colGauche {
display: block;
float: left;
width: 234px;
margin: 35px 15px 0 0 ;
}

.pageLstGammes #colGauche h3,
.pageGamme #colGauche h3,
.pageProduit #colGauche h3 {
font-size: 16px;
color: #003399;
}

.pageGamme #colGauche li,
.pageProduit #colGauche li {
margin: 0 0 3px 0;
width: 200px;
display: block;
float: left;}


.pageLstGammes #colDroite,
.pageGamme #colDroite,
.pageProduit #colDroite {
padding: 15px 15px 0 15px ;
border-left: 1px #fb7630 solid;
display: block;
float: left;
width: 665px;
}







.pageLstGammes #colDroite .blocGamme {
border: 1px #fb7630 solid;
width: 685px;
margin: 0 0 10px 0;
display: block;
float: left;
}

.pageLstGammes #colDroite .blocGamme .blocVisuelCateg a {
margin: 0 10px 0 0;
display: block;
float: left;
width: 150px;
height: 200px;
background: red;}

.pageLstGammes #colDroite .infoGamme {
text-align: justify;
width: 480px;
display: block;
float: left;
padding: 10px !important;
margin: 10px 0 0 0;}

.voirProduits {
margin: 10px 0 0 0;
padding: 0 0 0 15px;
display: block;
float: right;
background: transparent url(../images/fleche_orange.gif) no-repeat 0 2px;}

.pageGamme #colDroite #colDroiteA,
.pageGamme #colDroite #colDroiteB,
.pageProduit #colDroite #colDroiteA,
.pageProduit #colDroite #colDroiteB {
display: block;
float: left;}

.pageGamme #colDroite #colDroiteB {
width: 490px;
display: block;
float: left;
margin: 10px 0 0 0;}

.pageProduit #colDroite #colDroiteB {
width: 490px;
display: block;
float: left;}


.pageProduit #colDroite #colDroiteB {
position: relative;}

.pageProduit #colDroite #colDroiteB .layerApplication {
border: 1px #d2d2d2 solid;
background: #e6e4e5;
position: absolute;
top: 0;
left: 0;}

.pageProduit #colDroite #colDroiteB .layerApplication h2 {
color: #ffffff;
width: 483px;
height: 25px;
line-height: 25px;
display: block;
float: left;
text-align: left;
font-size: 14px;
padding: 0 0 0 5px;
background: #fb7630;
}

.lienFermer {
color: #ffffff;
margin: 0 10px 0 0;
display: block;
float: right;
font-size: 11px;}


.contentAppli {
display: block;
margin: 20px 0 0 0; 
padding: 10px;}

.contentAppli h3 {
margin: 10px 0 0 0; 
}



.pageGamme #colDroite .blocLstProduit {
width: 490px;
padding: 0 0 5px 0;
margin: 5px 0 0 0;
display: block;
float: left;
border-bottom: 1px #fb7630 dashed; 
}

.pageGamme #colDroite .blocLstProduit h2 {
color: #003399;
font-size: 14px;
font-weight: bold;
margin: 0 0 3px 0
}

.pageGamme #colDroite .blocLstProduit h2 a {
color: #003399;
text-decoration: none;
}


.pageGamme #colDroite .blocLstProduit img {
width: 80px;
margin: 0 10px 0 0;
display: block;
float: left;
}

.pageGamme #colDroite .blocLstProduit p a{
text-decoration: none;
}

.pageGamme #colDroite .blocLstProduit p a:hover{
text-decoration: underline;
}

.plusInfos,
.retour {
font-size: 11px;
float: right;
color: #003399;}

.plusInfos a,
.retour a {
font-size: 11px;
float: right;
color: #003399;}

.pageProduit #colDroite .blocProduit {
border: 1px #999999 solid;
padding: 5px;
margin: 10px 0 5px 0;
}

.pageProduit #colDroite .blocProduit h2 {
margin: 0 0 10px 0;
padding: 10px 0 0 0;
color: #003399;
font-size: 16px;
font-weight: bold;
}


.pageProduit #colDroite .blocProduit img {
float: right;
padding: 0 0 10px 10px;
}

#blocApplication {
width: 250px;
display: block;
float: left;
border: 1px #fb7630 solid;}

#blocApplication h3 {
color: #fff;
padding: 3px;
font-size: 12px;
background: #fb7630;}

#blocApplication ul {
width: 244px;
padding: 0 3px 10px 3px;
margin: 3px 0 0 0;
list-style: none;
}

#blocApplication ul li {
margin: 0 0 3px 0;
width: 239px;
padding: 0 0 0 5px;
display: block;
float: left;
border-bottom: 1px #fb7630 dashed;
}

#blocPDF {
clear: both;
font-size: 11px;
padding: 3px;
margin: 3px 0 0 15px;
width: 200px;
display: block;
float: right;
border: 1px #fb7630 solid;}


.btnDemInfo {
text-align: center;
display: block;
float: right;
font-weight: bold;
font-size: 11px;
border: 0; 
width: 190px;
height: 20px; 
padding: 5px 3px 0 3px; color: #fff;
background: #123981;
margin-top: 5px;}

.btnDemInfo a {
color: #ffffff;}

/******* *******************************************************************************/
/*                                                                           Page Corpo*/
/**************************************************************************************/

.pageCorpo #colGauche {
display: block;
float: left;
width: 234px;
margin: 35px 15px 0 0 ;
}

.pageCorpo #colGauche h3 {
font-size: 16px;
color: #003399;
}

.pageCorpo #colGauche ul,
.pageGamme #colGauche ul,
.pageProduit #colGauche ul {
padding: 0 0 0 10px;
margin: 10px 0 0 0;
list-style: none;
}

.pageCorpo #colGauche ul li,
.pageGamme #colGauche ul li,
.pageProduit #colGauche ul li {
font-weight: bold;
padding: 0 0 0 15px;
display: block;
float: left;
background: transparent url(../images/fleche_orange.gif) no-repeat 0 2px;
}

.pageCorpo #colDroite {
padding: 15px 15px 0 15px ;
border-left: 1px #fb7630 solid;
display: block;
float: left;
width: 665px;
}

.pageCorpo #colDroite h2 {
margin: 20px 0 10px 0;
color: #003399;
float: left;
width: 100%;
font-weight: bold;
font-size: 16px;}

.pageCorpo #colDroite p {
margin: 0 0 8px 0;}

.pageCorpo #colDroite img {
float: right;
margin: 0 0 8px 8px;}

.pageCorpo #colDroite img.shema {
display: block;
float: left;
margin: 30px 0 8px 130px;}

/******* *******************************************************************************/
/*                                                                     Page Actualites*/
/**************************************************************************************/
.pageActu #colGauche,
.pageDetailActu #colGauche,
.pageTelechargement #colGauche {
display: block;
float: left;
width: 234px;
margin: 35px 15px 0 0 ;
}

.pageActu #colGauche h3,
.pageDetailActu #colGauche h3,
.pageTelechargement #colGauche h3 {
font-size: 16px;
color: #003399;
}

.pageActu #colDroite,
.pageTelechargement #colDroite {
padding: 15px 15px 0 15px ;
border-left: 1px #fb7630 solid;
display: block;
float: left;
width: 665px;
}

.pageDetailActu #colDroite {
border-left: 1px #fb7630 solid;
display: block;
float: left;
width: 665px;
padding: 15px 15px 15px 15px ;
}


.pageActu #colDroite .blocActu,
.pageDetailActu #colDroite .blocActu,
.pageTelechargement #colDroite .blocActu  {
width: 660px;
padding: 0 0 8px 0;
margin: 10px 0 0 0;
display: block;
float: left;
border-bottom: 1px #fb7630 dashed; 
}

.pageActu #colDroite .blocActu .date,
.pageDetailActu #colDroite .blocActu .date,
.pageTelechargement #colDroite .blocActu .date {
color: #fb7630;
font-size: 11px;
font-weight: bold;
margin: 0 0 3px 0
}

.pageActu #colDroite .blocActu h2,
.pageDetailActu #colDroite .blocActu h2,
.pageTelechargement #colDroite .blocActu h2 {
color: #003399;
font-size: 16px;
font-weight: bold;
}

.pageActu #colDroite .blocActu h4,
.pageDetailActu #colDroite .blocActu h4,
.pageTelechargement #colDroite .blocActu h4 {
margin: 0 0 5px 0;
color: #555555;
font-size: 13px;
font-weight: bold;
}

.pageActu #colDroite .blocActu img {
margin: 0 10px 0 0;
display: block;
float: left;
}

.pageDetailActu #colDroite .blocActu img {
margin: 0 10px 0 10px;
display: block;
float: right;
}

.pageActu #colDroite .blocActu p a,
.pageTelechargement #colDroite .blocActu h4 a {
text-decoration: none;
}

.pageActu #colDroite .blocActu p a:hover,
.pageTelechargement #colDroite .blocActu h4 a  {
text-decoration: underline;
}

.suite {
display: block;
float: right;
font-size: 11px;
color: #003399;
margin: 5px 0 0 0;}

.suite a {
color: #003399;}

.suite a:hover {
text-decoration: underline;
color: #003399;}

.retour {
float: right;}


/******* *******************************************************************************/
/*                                                                         Page Contact*/
/**************************************************************************************/
.pageContact #colGauche {
display: block;
float: left;
width: 234px;
margin: 35px 15px 0 0 ;
}

.pageContact #colGauche h3 {
font-size: 16px;
color: #003399;
}

.pageContact #colDroite {
padding: 15px 15px 0 15px ;
border-left: 1px #fb7630 solid;
display: block;
float: left;
width: 665px;
}

.obligatoire {
color: #fb7630;
font-size: 11px; }

.mentions {
margin: 10px 0 0 0;
font-size: 10px; 
line-height: 12px;}

legend {
width: 125px;
display: block;
background: #ffffff;
padding: 10px; font-size: 16px; color: #fb7630;}

fieldset {
    border: 1px #fb7630 dashed;
    padding: 10px;
    margin: 15px 0 10px 0;}
fieldset label {
    text-align: right; display: block; float: left;
    color: #003b97; padding-right: 3px; width: 150px;}
.lineForm {display: block; margin-bottom: 5px; clear: both;}
.lineForm textarea {width: 400px; height: 60px; border: 1px red solid;}

input.normal{
border: 1px #98c6f7 solid;
width: 180px;
height: 18px;
padding: 2px 0 0 2px;}

input.small{
width: 50px;}

input.medium{
width: 150px;}

input.long{
width: 300px;}

.btn { text-align: right;
padding-right: 50px; }

.noSize { border: 0; width: auto !important; }

.lineSubmit {text-align: center;}


.btnEnvoyer {
display: block;
float: right;
font-weight: bold;
font-size: 12px;
border: 0; width: 100px; padding: 3px; color: #fff;
background: #123981;
margin-top: 10px;}

.pageMerciContact p {margin: 100px 0 0 0;}

/******* *******************************************************************************/
/*                                                                              Footer*/
/**************************************************************************************/
#footer {
font-size: 11px;
padding: 10px 0 0 0;
color: #333333;
text-align: right;
display: block;
width: 981px;
background: transparent url(../images/bkgFooter.jpg) no-repeat;}

#footer a {
color: #333333;
text-decoration: none;}

#footer a:hover {
color: #111111;
text-decoration: underline;}