@charset "iso-8859-1";	
/* font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;  3 */
.Libel  { font-family: Arial; font-size: 10pt; text-align:right }
.Legend      { font-family: Arial; font-size: 10pt; color: #003C77; font-weight: bold }
.obligatoire  { font-family: Arial; font-size: 10pt; color: #800000 }

.LegendConfirmation { font-family: Arial; font-size: 10pt; color: #006600; font-weight: bold }
.LegendErreur { font-family: Arial; font-size: 10pt; color: #CC0000; font-weight: bold }

.TxtConfirmation { font-family: Arial; font-size: 10pt; color: #006600; text-align:left; margin-top:10px; margin-bottom:5px }
.TxtConfirmationErreur { font-family: Arial; font-size: 10pt; color: #CC0000; text-align:left; margin-top:10px; margin-bottom:5px }

.fieldset { text-align: center; width: 500px; margin-top: 15px; margin-bottom: 15px; padding: 10px }
.TxtAmi { font-family: Arial; font-size: 10pt; color: #800000; text-align: justify; margin-left: 10px; margin-right: 10px; margin-top: 3px; margin-bottom: 10px } 
.Champ  { font-family: Arial; font-size: 10pt; color: #800000 }
.Titre  { font-family: Arial; font-size: 10pt; color: #006699; text-align:left; margin-top:10px; margin-bottom:15px; margin-left:100px }
.Messages { font-family: Arial; font-size: 10pt; color: #CC0000; text-align:left; margin-top:2px; margin-bottom:5px }
.Champs  { font-family: Arial; font-size: 10pt; color: #800000 }

.LibelInscriptions { font-family: Arial; font-size: 10pt; color: #001B35; text-align:right; padding:0px; margin-top:2px; margin-bottom:2px; }
.LibelInscriptionsErreur { font-family: Arial; font-size: 10pt; color: #de0029; text-align:right; padding:0px; margin-top:2px; margin-bottom:2px; }

.Label  { font-family: Arial; font-size: 10pt; }

.ChampsInscriptions  { font-family: Arial; font-size: 9pt; color: #001B35;  }
.ChampsInscriptionsErreur  { font-family: Arial; font-size: 9pt; color: #800000; }

.Bleu  { color: #006fb9;}
.Erreur {color: #de0029;} 
.BleuFonce {color: #001B35;}
.Noir {color: #000000;}


.ChampsDejaClient  { font-family: Arial; font-size: 9pt; color: #001B35; background-color: #D7EBFF; }
/*
#001428 = Bleu foncé
#006fb9 = bleu fac
#D7EBFF = bleu clair
*/




/* ***************************************************************************************************************************************** */
/* **************************************  Menu Frame ************************************************************************************** */
/* ***************************************************************************************************************************************** */
#MenuFrame {margin:0px; padding:0px; width:285px; }
#MenuFrame FIELDSET { margin:0px 2px 2px 0px; padding:0px 2px 2px 0px; background-color:#FFFFFF;}
#MenuFrame LEGEND { font-size: 10pt; font-family: Arial; color: #001428; font-weight: bold ; margin:0px 0px 10px 0px; padding:0px 5px 0px 5px;}
#MenuFrame ul {padding:0px 0px 5px 0px; }
#MenuFrame li {padding:0px 0px 5px 0px; margin:0px;  }
/* ***************************************************************************************************************************************** */
/* **************************************  Menu Frame ************************************************************************************** */
/* ***************************************************************************************************************************************** */

/*-------------------------------------  Plan.php   -------------------------------------------------------------------------------------------*/


#plansite { padding:10px 0px 10px 200px; }
#plansite h2{ margin-left: 150px; text-align: left; list-style-type:none; font-family: Verdana; font-size: 10pt; color: #006fb9; }
#plansite ul { margin-left: 150px; text-align: left; list-style-type:none; }
#plansite li { font-family: Arial; font-size: 10pt; color: #001428; line-height: 150%}

#planlistefamille { padding:3px 0px 5px 30px; }
#planlistefamille ul {text-align: left; list-style-type:none; }
#planlistefamille li { font-family: Arial; font-size: 10pt; color: #001428; line-height: 150%}


/*-------------------------------------- Liste Famille -------------------------------------------------------------------------*/
#catalogues { padding:5px 0px 15px 0px; margin:0px;}
#catalogues p{ padding:0px; margin:0px; text-align:center;}

#famille h2{ margin-left: 150px; text-align: left; list-style-type:none; font-family: Verdana; font-size: 10pt; color: #006fb9; }
#famille ul { margin-left: 150px; text-align: left; list-style-type:none; }
#famille li { font-family: Arial; font-size: 10pt; color: #001428; }
#famille hr { margin-left: 150px; text-align: left; color: #006fb9; width:150px }


#familleAll h2{ margin: 0px 10px 3px 10px; text-align: left; font-weight: normal; font-family: Verdana; font-size: 9pt; color: #006fb9; }
#familleAll ul { margin: 0px 10px 10px 10px; text-align: left; list-style-type:none; }
#familleAll li { margin: 0px 10px 3px 0px; font-family: Arial; font-size: 10pt; color: #001428; }
#familleAll hr { margin: 0px 10px 3px 10px; text-align: left; color: #006fb9; width:88% }

a:active.LienFamille { font-size: 10pt; font-family: Arial; color: #001428; text-decoration: none; }
a:link.LienFamille       { font-size: 10pt; font-family: Arial; color: #001428; text-decoration: none; }
a:visited.LienFamille    { font-size: 10pt; font-family: Arial; color: #001428; text-decoration: none; }
a:hover.LienFamille  { font-size: 10pt; font-family: Arial; color: #006fb9; text-decoration: none; }

a:active.LienFamille9 { font-size: 9pt; font-family: Arial; color: #001428; text-decoration: none; font-style: italic}
a:link.LienFamille9       { font-size: 9pt; font-family: Arial; color: #001428; text-decoration: none; font-style: italic}
a:visited.LienFamille9    { font-size: 9pt; font-family: Arial; color: #001428; text-decoration: none; font-style: italic}
a:hover.LienFamille9  { font-size: 9pt; font-family: Arial; color: #006fb9; text-decoration: none; font-style: italic}


#ListeArticles { margin-left: 5px;  margin-top: 5px; text-align: left;  }
#ListeArticles table { margin-left: 5px;  margin-top: 10px; width:650px; }
#ListeArticles td { font-size: 9pt; font-family: Arial; color: #001428; text-decoration: none; margin:0px; padding:0px}
#ListeArticles h2{ text-align: center; font-family: Verdana; font-weight: normal; font-size: 9pt; color: #006fb9; }
.NomFamille { margin-left: 50px; text-align: left; font-family: Verdana; font-size: 10pt; color: #013972;}
.NomSousFamille { font-family: Verdana; font-size: 10pt; color: #0053a8;}

a:active.LienListeArticles { font-size: 9pt; font-family: Arial; color: #323233; text-decoration: none;  }
a:link.LienListeArticles        { font-size: 9pt; font-family: Arial; color: #323233; text-decoration: none; }
a:visited.LienListeArticles     { font-size: 9pt; font-family: Arial; color: #323233; text-decoration: none; }
a:hover.LienListeArticles   { font-size: 9pt; font-family: Arial; color: #00258D;text-decoration: none;  }

a:active.Next { font-size: 9pt; font-family: Arial; color: #696969; text-decoration: none; font-style: italic}
a:link.Next       { font-size: 9pt; font-family: Arial; color: #696969; text-decoration: none; font-style: italic}
a:visited.Next    { font-size: 9pt; font-family: Arial; color: #696969; text-decoration: none; font-style: italic}
a:hover.Next { font-size: 9pt; font-family: Arial; color: #cc3300; text-decoration: none; font-style: italic}


/*-------------------------------------- Page recherche  -------------------------------------------------------------------------*/
#ResultatsSearch { margin-left: 5px;  margin-top: 5px; text-align: left;  }
#ResultatsSearch  table { margin-left: 5px;  margin-top: 10px; width:650px; }
#ResultatsSearch  td  { font-size: 9pt; font-family: Arial; color: #001428; text-decoration: none; margin:0px; padding:0px}
#ResultatsSearch  h2 { margin-left: 30px; text-align: left; font-family: Verdana; font-weight: normal; font-size: 9pt; color: #000000; }
.FamilleSearch { margin-left: 50px; text-align: left; }
.niveaux {font-size: 10pt; font-family: Arial; color: #000000;}




/* ---------------------------  Page articles.php ----------------------------- */
#Deco{ padding-bottom:0px; padding-top:0px;}

#FicheProduit { margin: 0px; padding:50px 5px 10px 5px; }
#FicheProduit h2 {text-align: left; font-size: 10pt; font-family: Arial; color: #003366}
#FicheProduit p {text-align: left; font-size: 9pt; font-family: Arial; margin: 0px; padding:2px 0px 5px 0px;}

.descriptif {font-size: 10pt; font-family: Arial; color: #000000;}
.note {font-size: 10pt; font-family: Arial; color: #000000; font-style: italic; }
.reference {font-size: 10pt; font-family: Arial; color: #003366 ; }
.EnStock {font-size: 10pt; font-family: Arial; color: #075423 ; }
.NoStock {font-size: 10pt; font-family: Arial; color: #540707 ; }

#tarifs { margin: 0px; padding:0px 5px 5px 0px; text-align: left;}
#tarifs li { margin: 0px; padding:2px 0px 3px 0px; list-style-type: none;}


#Transport { margin: 0px; padding:0px 5px 10px 0px; text-align: left; }
#Transport h2 {text-align: left; font-size: 10pt; font-family: Arial; color: #515251}
#Transport ul { font-family: Arial; font-size: 10pt;}
#Transport li { margin: 0px; padding:2px 0px 3px 0px; list-style-type: none; color: #515251;}

.prix {font-size: 10pt; font-family: Arial; color: #003366;}
.prixpref {font-size: 10pt; font-family: Arial; color: #004d9a; }
.tva {font-size: 10pt; font-family: Arial; color: #560000; } 
.ttc {font-size: 10pt; font-family: Arial; color: #003366; }

#commander { margin: 0px; padding:0px 5px 0px 0px; text-align: left;}
#commander li { margin: 0px; padding:3px 0px 3px 0px; list-style-type: none;}
.bt_commander { padding:20px 5px 0px 60px;}

/* Videos et images */
#cadre { margin:60px 0px 10px 0px; padding:0px; text-align: center; }
#cadre FIELDSET { background-color:#FFFFFF;}
#cadre LEGEND { font-size: 10pt; font-family: Arial; color: #001428; font-style: italic ; margin:0px 0px 10px 0px; padding:0px 5px 0px 5px;}

#images { margin:0px 0px 10px 0px; padding:0px; text-align: center; }
#images li { margin:0px; padding:2px 5px 2px 5px; text-align: center; list-style-type: none; }

#video { margin:5px 0px 5px 0px; padding:0px; text-align: left; }
#video li { margin:0px; padding:0px 0px 0px 45px; text-align: left; list-style-type: none; font-family: Arial; font-size: 10pt;}



/* ---------------------------  Page Contacts-avec-la-ventilation-Francielienne.php --------------------- */
/* **************  ContactBloc1 ************* */
#ContactBloc1 { margin: 2px; padding:5px; }
#ContactBloc1 p {text-align: left; font-size: 9pt; font-family: Arial; padding-top:2px; padding-bottom:2px; line-height: 130%}
#ContactBloc1 h1 {font-family: Verdana; color: #006699; text-align:center; font-weight: bold ; margin-top:2px; margin-bottom:5px; }
#ContactBloc1 h2 {text-align: left; font-size: 10pt; font-family: Arial; color: #003366; margin:0; padding:10px 0 5px 24px;}
#ContactBloc1 ol, ul { padding:0;}
#ContactBloc1 li {text-align: left; font-size: 10pt; font-family: Arial; margin:0; padding:2px 0 5px 0; list-style-type: none;}


#ContactForm { margin: 0; padding:1px 5px 1px 5px; text-align: left; }
#ContactForm li { margin:0; padding:2px 0 2px 0; list-style-type: none;}
#ContactForm h2 {text-align: left; font-size: 10pt; font-family: Arial; color: #003366; margin: 0; padding:0;}
#ContactForm p {text-align: left; font-size: 10pt; font-family: Arial; color: #601B00; margin: 0; padding:3px 7px 5px 0;}



/* ---------------------------  Page Fiche-de-Renseigenments.php --------------------- */
/* **************  ContactBloc1 ************* */
#FicheRenseigenments { margin:2px; padding:0; text-align: center; font-family: Arial;}
#FicheRenseigenments h2 {font-size: 10pt;  color: #003366; margin:0; padding:5px 0 5px 0;}
#FicheRenseigenments p { font-size: 9pt; font-family: Arial; line-height:1.5em; margin:2px; padding:0;}



#ContactForm { margin: 0; padding:1px 5px 1px 5px; text-align: left; }
#ContactForm li { margin:0; padding:2px 0 2px 0; list-style-type: none;}
#ContactForm h2 {text-align: left; font-size: 10pt; font-family: Arial; color: #003366; margin: 0; padding:0;}
#ContactForm p {text-align: left; font-size: 10pt; font-family: Arial; color: #601B00; margin: 0; padding:3px 7px 5px 0;}



/* *********************************************** Page Inscriptions *********************************************** */ 
#TxtInscriptions { color: #001428; padding:0; margin-top:0; margin-bottom:1px; }
#TxtInscriptions p { text-align:justify; line-height: 100%}

#TxtDejaClient { margin:0; padding:10px 30px 10px 50px; }
#TxtDejaClient h2 { color: #005179;  margin-bottom:5px; }
#TxtDejaClient p { text-align: justify; font-family: Arial; font-size: 10pt; line-height: 120%}

#FormDejaClient { margin:0; padding:10px 0 10px 100px; }
#FormDejaClient p { text-align: left; font-family: Arial; font-size: 9pt; margin: 0; padding-top:5px; padding-bottom:10px; padding-left:10px; padding-right:10px; }
#SubmitFormDejaClient { text-align: center; margin: 0; padding-top:0; }

#FormNoMail { margin:0; padding:10px 0 10px 100px; }
#FormNoMail p { text-align: left; font-family: Arial; font-size: 9pt; margin: 0; padding-top:2px; padding-bottom:3px; padding-left:10px; padding-right:10px; }


#BlocEnregistrement { margin:0px; padding:0px 60px 10px 0px; }
#BlocEnregistrement h2 { color: #003366} 
#BlocEnregistrement ol, ul { padding-top:0px;}
#BlocEnregistrement li { margin-left:0px; font-family: Verdana; font-size: 10pt; text-align: justify; color: #001428; padding-top:5px; padding-bottom:3px; }




/* ------------------------------------------------- ScriptInscriptions.php -----------------------------------------------------------------*/
#ScriptInscriptions { margin:5px 0px 5px 10px; padding:5px;}
#ScriptInscriptions h3 { color: #790101; text-align:center; font-weight: bold ;} 
#ScriptInscriptions h2 { color: #003366; } 
#ScriptInscriptions p { font-family: Verdana; font-size: 10pt; text-align: justify;  margin:20px 30px 5px 0px; padding:0px; line-height: 150%; color: #003366; }
#ScriptInscriptions ul { padding:0px;}
#ScriptInscriptions  li { margin:0px; padding:2px 0px 2px 0px; font-family: arial; font-size: 10pt; text-align: left; color: #001428; list-style-type: none;}

#SousMenuValidation { margin:10px 0px 0px 0px; padding:5px;text-align: center; }
#SousMenuValidation li { margin:0px; padding:2px 60px 2px 60px; font-family: arial; font-size: 10pt; text-align: left; list-style-type: none; display: inline;}



/* ------------------------------------------------- ScriptNoMail.php -----------------------------------------------------------------*/
#ScriptNoMail { margin:100px 200px 300px 300px; padding:0px;}
#ScriptNoMail h2 { color: #003366; margin:0px 0px 5px 0px;  padding:0px;} 
#ScriptNoMail p { font-family: Verdana; font-size: 10pt; text-align: left; margin:0px 0px 5px 0px;  padding:0px; line-height: 150%; text-align: justify;}

#SousMenuNoMail { margin:10px 0px 0px 0px; padding:5px;text-align: center; }
#SousMenuNoMail li { margin:0px; padding:2px 60px 2px 60px; font-family: arial; font-size: 10pt; text-align: left; list-style-type: none; display: inline;}



/* *******************************************  ValideInscriptions.php *************************************************************************/
#ValideInscriptions { margin:5px 0px 5px 0px; padding:5px;} 
#ValideInscriptions h2 { color: #003366; padding:5px 0px 5px 25px;} 
#ValideInscriptions ul { padding:0px;}
#ValideInscriptions  li { margin:0px; padding:5px 0px 5px 0px; font-family: Verdana; font-size: 10pt; 
text-align: left; color: #001428; list-style-type: none; line-height: 150%}
.RougeFonce {color: #790101;}

/* --------------------------------------------- Page identification.php ---------------------------------------------------------------- */
#identifcation { margin:5px; padding:5px;}
#identifcation  h2 { color: #003366} 
#identifcation  ol, ul { padding-top:0px;}
#identifcation  p { margin:0px; padding:5px 10px 3px 0px; text-align: justify;line-height: 130%; font-family: Verdana; font-size: 10pt; }
#identifcation  li { margin:0px; padding:5px 10px 3px 0px; font-family: Verdana; font-size: 10pt; text-align: justify; color: #001428; line-height: 130%;}

#FormIdentifcation { padding:50px 0px 5px 0px;}
#FormIdentifcation   td { text-align: left; padding:0px 0px 0px 50px; }
#FormIdentifcation   h2 { color: #de0029} 
#FormIdentifcation   p { font-family: Arial; font-size: 9pt; margin: 0px; padding:7px 0px 7px 0px; line-height: 150%}
#SubmitFormIdentifcation   { text-align: center; margin: 0px; padding-top:8px; }

a:active.LienIdentifcation{ font-family: Verdana; font-size: 10pt;  color: #006fb9; text-decoration: none; font-weight: bold ;  }
a:link.LienIdentifcation        { font-family: Verdana; font-size: 10pt;  color: #006fb9; text-decoration: none;font-weight: bold ;  }
a:visited.LienIdentifcation     { font-family: Verdana; font-size: 10pt; color: #006fb9; text-decoration: none; font-weight: bold ; }
a:hover.LienIdentifcation  { font-family: Verdana; font-size: 10pt;  color: #c23821;text-decoration: none; font-weight: bold ;  }

/*-------------------------------------------- MonCompte.php -----------------------------------------------------------------------*/


#CadreMonCompte { padding :0px; padding:0px;}
#CadreMonCompte { background-image: url('../images/Fond.png'); background-repeat: repeat-y ; }

#VosDevis { margin:0px; padding:0px;}
#VosDevis    h2 { color: #003366; margin:0px; padding:10px 0px 7px 0px;} 
#VosDevis   ul { margin:0px; padding:0px 0px 10px 0px;}
#VosDevis    li { margin:0px; padding:0px 0px 5px 0px; font-family: arial; font-size: 9pt; text-align: left; color: #001428;  list-style-type: none;}

a:active.Devis { font-family: arial; font-size: 9pt; color: #651314; text-decoration: none;  font-weight: bold ; }
a:link.Devis        { font-family: arial; font-size: 9pt;  color: #651314; text-decoration: none;  font-weight: bold ;}
a:visited.Devis     { font-family: arial; font-size: 9pt; color: #651314; text-decoration: none; font-weight: bold ; }
a:hover.Devis { font-family: arial; font-size: 9pt;  color: #d40204;text-decoration: none;  font-weight: bold ; }


#VosInfos { margin:0px; padding:0px;}
#VosInfos   h2 { color: #003366; margin:0px; padding:10px 0px 7px 0px;} 
#VosInfos  ul { margin:0px; padding:0px 0px 10px 0px;}
#VosInfos   li { margin:0px; padding:0px 0px 5px 0px; font-family: Verdana; font-size: 10pt; text-align: left; color: #001428;  list-style-type: none;}

#SousMenuMonCompte { margin:10px 0px 350px 0px; padding:0px;text-align: left; }
#SousMenuMonCompte li { margin:0px; padding:2px 0px 3px 0px; font-family: arial; font-size: 10pt; text-align: left; list-style-type: none; }
#SousMenuMonCompte FIELDSET { background-color:#FFFFFF;}
#SousMenuMonCompte LEGEND { font-size: 10pt; font-family: Arial; color: #001428; font-style: italic ; margin:0px 0px 10px 0px; padding:0px 5px 0px 5px;}

a:active.SousMenuMonCompte { font-family: Verdana; font-size: 10pt;  color: #006fb9; text-decoration: none;   }
a:link.SousMenuMonCompte        { font-family: Verdana; font-size: 10pt;  color: #006fb9; text-decoration: none;  }
a:visited.SousMenuMonCompte     { font-family: Verdana; font-size: 10pt; color: #006fb9; text-decoration: none;  }
a:hover.SousMenuMonCompte { font-family: Verdana; font-size: 10pt;  color: #c23821;text-decoration: none;   }

a:active.Deconnection { font-family: Verdana; font-size: 10pt;  color: #790101; text-decoration: none;   }
a:link.Deconnection        { font-family: Verdana; font-size: 10pt;  color: #790101; text-decoration: none;  }
a:visited.Deconnection     { font-family: Verdana; font-size: 10pt; color: #790101; text-decoration: none;  }
a:hover.Deconnection { font-family: Verdana; font-size: 10pt;  color: #006fb9;text-decoration: none;   }

.Marron  { color: #560000;}






/*-------------------------------------------- ChangePass.php -----------------------------------------------------------------------*/
#ChangePass { margin:15px 0px 250px 300px; padding:5px;}
#ChangePass h2 { color: #003366} 
#ChangePass p { font-family: Verdana; font-size: 10pt; text-align: left; padding-top:5px; padding-bottom:3px; line-height: 200%;}
#ChangePass   ul { padding:0px;}
#ChangePass   li { margin:0px; padding:10px 0px 10px 0px; font-family: arial; font-size: 10pt; text-align: left; color: #001428; line-height: 150%; list-style-type: none;}

.NewPass  { font-family: Arial; font-size: 9pt; color: #001B35; background-color: #FFFFFF; }







/*---------------------------------------------------------- caddie.php ---------------------------------------------------------------- */
#caddie { margin:10px 0px 10px 0px; padding:0px;} 
#caddie h2 { color: #790101; padding:0px 0px 5px 25px; margin:0px; font-family: Verdana; font-size: 9pt; text-align: left;}
#caddie   ul { padding:0px; padding:5px 0px 5px 0px; text-align: center;}
#caddie   li { margin:0px; padding:5px 20px 5px 20px; text-align: center; display: inline; list-style-type: none;}

#Recapcaddie { margin:10px 0px 10px 0px; padding:0px;} 
#Recapcaddie  h2 { color: #790101; padding:0px 0px 5px 25px; margin:0px; font-family: Verdana; font-size: 9pt; text-align: left;}
#Recapcaddie  ul { padding:0px; padding:10px 0px 10px 0px; text-align: center; font-family: arial; font-size: 10pt; color: #022861;}
#Recapcaddie  li { color: #022861; margin:0px; padding:5px 10px 5px 10px; display: inline; list-style-type: none;}

.nom { font-family: arial; font-size: 8pt; color: #003abd;}



/*---------------------------------------------------------- ChoixReglement.php ---------------------------------------------------------------- */
#reglement { margin:10px 20px 10px 20px; padding:0px;} 
#reglement h2 { color: #790101; padding:5px 10px 3px 20px; margin:0px; font-family: Verdana; font-size: 9pt; text-align: left;}
#reglement p { font-family: arial; font-size: 10pt; text-align: left; padding:5px 20px 5px 20px; margin:0px; line-height: 130%;}
#reglement  ul { padding:5px 20px 3px 20px;}
#reglement  li { margin:0px; padding:5px 20px 3px 50px; font-family: arial; font-size: 10pt; text-align: left; color: #001428; list-style-type: none; }
#reglement BLOCKQUOTE { margin:5px 20px 3px 50px; padding:5px 5px 5px 5px; font-family: Arial; font-size: 10pt; color: #790101; background-color: #FFFFFF; }