/* Fichier CSS pour BAMO Mesures v2018
   Écrit par Marc MOINET - CARIMEDIA  */

@charset "UTF-8";

/* Police FreeSans */

@font-face {
     font-family:FreeSans;
     src:url('https://www.bamo.eu/polices/eot/freeSans.eot') format('eot'),
         url('https://www.bamo.eu/polices/woff2/freeSans.woff2') format('woff2'),
         url('https://www.bamo.eu/polices/woff/freeSans.woff') format('woff'),
         url('https://www.bamo.eu/polices/otf/freeSans.otf') format('opentype'),
         url('https://www.bamo.eu/polices/ttf/freeSans.ttf') format('truetype');
}

@font-face {
     font-family:FreeSans;
     src:url('https://www.bamo.eu/polices/eot/freeSansBold.eot') format('eot'),
         url('https://www.bamo.eu/polices/woff2/freeSansBold.woff2') format('woff2'),
         url('https://www.bamo.eu/polices/woff/freeSansBold.woff') format('woff'),
         url('https://www.bamo.eu/polices/otf/freeSansBold.otf') format('opentype'),
         url('https://www.bamo.eu/polices/ttf/freeSansBold.ttf') format('truetype');
     font-weight:bold;
}

@font-face {
     font-family:FreeSans;
     src:url('https://www.bamo.eu/polices/eot/freeSansOblique.eot') format('eot'),
         url('https://www.bamo.eu/polices/woff2/freeSansOblique.woff2') format('woff2'),
         url('https://www.bamo.eu/polices/woff/freeSansOblique.woff') format('woff'),
         url('https://www.bamo.eu/polices/otf/freeSansOblique.otf') format('opentype'),
         url('https://www.bamo.eu/polices/ttf/freeSansOblique.ttf') format('truetype');
     font-style:italic;
}

/* CSS par défaut */

body,header,input,option,select,table,td,tr,textarea {
     font-size:18px;
     color:#000000;
     font-family:FreeSans,Arial,Verdana,Helvetica,Times;
}

img {
     border:none;
     max-width:100%;
     height:auto;
}

input,option,select,textarea {
     margin:3px;
     padding:3px;
     background-color:#EBEBEB;
     border-style:solid;
     border-width:1px;
     border-color:#B0B0B0;
     border-radius:4px;
     -moz-border-radius:4px;
     -webkit-border-radius:4px;
}

input[type="text"],textarea {
     width:98%;
     box-sizing:border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
}

input[type="text"] {
     font-weight:bold;
     height:35px;
}

textarea {resize:none}
form {margin:0; padding:0}

body {
     margin:0;
     background-color:#ededed;
     -webkit-text-size-adjust:none;
     -moz-text-size-adjust:none;
     font-size-adjust:none;
}

a {
     color:#001eff;
     font-weight:bold;
     text-decoration:none
}

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

/* Barre du haut */

#barreHaut {
     height:38px;
     background-image:url(int_barre_haut_fond.gif);
     width:100%;
     position:fixed;
     top:0;
     font-size:0;
     z-index:10000;
}

#barreHaut a {
     display:block;
     float:left;
     margin-top:6px;
     padding-left:6px;
     padding-right:6px;
     margin-right:3px;
     height:32px;
     line-height:32px;
     font-size:14px;
     background-image:url(int_barre_haut_onglet_inactif.gif);
     font-weight:bold;
     color:#fffafa;
     border-radius:4px 4px 0 0;
     -moz-border-radius:4px 4px 0 0;
     -webkit-border-radius:4px 4px 0 0;
}

#barreHaut a:hover {text-decoration:none; cursor:pointer}
#barreHaut a.actif {
     background-image:none;
     background-color:#ffffff;
     color:#323232;
}

/* Barre de Navigation */

#barreNavigation {
     padding-top:10px;
     padding-bottom:10px;
}

/* Barre de l’enseigne */

#barreEnseigne {
     margin-top:38px;
     background-color:#ffffff;
     border-bottom:solid;
     border-bottom-width:1px;
     border-bottom-color:#dadada;
}

#barreEnseigne #pays {
     position:absolute;
     bottom:0;
     padding-bottom:5px;
     padding-left:5px;
}

#barreEnseigne #slogan {
     position:absolute;
     bottom:0;
     right:0;
     text-align:right;
     padding-bottom:5px;
     padding-right:5px;
}

/* Masques et Classes INTER */

#masqueInter1menu, #masqueInter2menus, .inter1menu, .inter2menus {
     width:1255px;
     margin-right:0px;
     margin-left:245px;
     margin-bottom:10px;
     min-height:2000px; /*1800*/
}

#masqueInter2menus, .inter2menus {
     width:1010px;
     margin-right:245px;
}

.inter1menu,.inter2menus {min-height:0}

/* Classes importantes */

.blocCentral {
     width:1500px;
     position:relative;
     left:50%;
     margin-left:-750px;
}

.blocInterieur {
     min-height:2000px; /*1800*/
     position:relative;
     overflow:hidden;
     background-color:#ffffff;
     padding:0;
     padding-bottom:30px;
}

/* 4 Blocs du bas */

#blocBas1, #blocBas2, #blocBas3, #blocBas4 {
     position:absolute;
     margin-bottom:10px;
     background-color:#ffffff;
}

#blocBas1 {position:relative}
#blocBas1, #blocBas4 { width:235px}
#blocBas2 {left:245px; width:500px}
#blocBas3 {left:755px; width:500px}
#blocBas4 {left:1265px}

#blocBas2 img, #blocBas3 img {display:block}

/* barreBas */

#barreBas {
     background-image:url(int_barre_bas.png);
     background-color:#dc1414;
     background-repeat:repeat-x;
     width:100%;
     padding-top:10px;
     padding-bottom:5px;
     color:#ffffff;
     z-index:1000;
}

#barreBas a {
     font-weight:bold;
     color:#ffffff
}

#barreBas .bloc {
     float:left;
     width:25%;
     padding-bottom:5px;
     margin-bottom:5px;
     border-bottom-style:solid;
     border-bottom-color:#7a0000;
     border-bottom-width:1px;
}

/* Menus Volants */

.menuVolant {
     position:fixed;
     top:0;
     width:1500px;
     overflow:auto;
     color:#ffffff;
     font-weight:bold;
     background-color:#d61212;
     display:none;
     opacity:0;
     filter:alpha(opacity=0);
     z-index:9000;
}

.menuVolant .titre, .menuVolant .fermer {padding-top:25px}

.menuVolant .titre, .menuVolant .sousTitre {
     font-size:24px;
     padding-left:3px;
     padding-right:3px;
}

.menuVolant .fermer {
     float:right;
     padding-right:3px;
}

.menuVolant .sousTitre {
     font-size:18px;
     padding-top:15px;
     padding-bottom:5px;
     border-bottom-color:#ffffff;
     border-bottom-style:dotted;
     border-bottom-width:1px;
}

.menuVolant .fin {
     height:25px;
     border-bottom-style:solid;
     border-bottom-color:#000000;
     border-bottom-width:10px;
}

.menuVolant a {
     display:block;
     color:#ffffff;
     padding:3px;
     height:20px;
     line-height:20px;
}

.menuVolant a:hover {
     background-color:#ffffff;
     color:#000000;
     text-decoration:none;
}

.menuVolant span.ref {float:right; padding-right:50px}
.menuVolant span.lien {padding-left:50px}

.menuVolant .navi {
     margin-top:15px;
     margin-bottom:5px;
     padding:3px;
     line-height:20px;
     background-color:#FF3900;
}

.menuVolant .navi a {display:inline-block}

/* Liens dans menu de gauche */

.menuLien {
     background-color:#ffffff;
     margin-bottom:10px;
}

.menuLien a {
     display:block;
     border-top-style:dotted;
     border-top-color:#d9d9d9;
     border-top-width:1px;     
     padding:2px;
     padding-left:5px;
     padding-right:5px;
     font-size:16px;
}

.menuLien a:hover {
     background-color:#006600;
     color:#ffffff;
     text-decoration:none;
}

.menuLien span.ref     {float:right}
.menuLien span.lien     {display:block}

/* À la une */

#une {margin-bottom:7px}

#une,#une1,#une2,#une3,#une4 {
     height:446px;
     width:1010px;
}

#une1,#une2,#une3,#une4 {
     position:absolute;
     display:none;
     background-image: url(int_fond_une.jpg);
     background-position-x:none;
     background-size:100%;
}

#une1 {display:block}

.unes {
     position:absolute;
     right:10px;
     bottom:10px;
}

.unes a {
     padding:2px;
     background-color:#f0f0f0;
}

.unes a:hover {
     background-color:#dc1212;
     color:#ffffff;
     text-decoration:none;
     cursor:pointer;
}

.uneTexte { /* unet à changer en uneTexte dans les statuts CBX */
     position:absolute;
     top:10px;
     left:10px;
     width:431px;
     color:#ffffff;
}

.uneActive { /* una à changer en uneActive dans les statuts CBX */
     padding:2px;
     background-color:#333333;
     color:#ffffff;
     font-weight:bold;
}

/* Classes de textes */

.textePetit1,.texteUne {font-size:16px}
.textePetit2 {font-size:13px; color:#7f7f98}
.texteMoyen {font-size:24px; font-weight:bold}
.texteGrand {font-size:33px; font-weight:bold}

/* Classes de liens */

.lienCatalogueMes a span {
     font-size:18px;
     font-weight:normal;
     color:#000000;
}

.lienCatalogueMes a {font-size:24px}

.lienCatalogueMes a:hover {
     text-decoration:none;
     color:#ff6600;
}

/* Classes diverses */

.droite {float:right}
.gauche {float:left}
.clear {clear:both}
.mobileOui {display:none}
.menu {width:235px}
.contenuCBX {padding:5px}

.aeration {
     padding:5px;
     margin-top:15px;
     margin-bottom:35px;
}

.bordure {
     border-style:solid;
     border-width:1px;
     border-color:#d9d9d9;
}

.sousTitreCategorie {
     background-color:#e1e1e1;
     padding:5px;
     font-weight:bold;
}

.cssNeutre {
     margin:0;
     padding:0;
     border-radius:0;
     -moz-border-radius:0;
     -webkit-border-radius:0;
     border-style:none;
}

/* Blocs pour listes d’enregistrements */

.blocAvecSeparateurHaut, .blocAvecSeparateurHaut50 {
     clear:both;
     border-top-style:dotted;
     border-top-color:#999999;
     border-top-width:1px;
     padding:5px;
}

.blocAvecSeparateurHaut50 {
     width:48%;
     clear:none;
}

.blocSolide {overflow:hidden}

/* Blocs pour statuts */

.blocLateral {
     background-color:#ffffff;
     margin-bottom:10px;
}
.blocLateral img {display:block}

.blocMilieu {
     padding:3px;
     height:190px
}

/* Onglets Gris (avec Variantes vert et orange) */

.ongletsGris {
     position:relative;
     top:0;
     font-size:0;
     margin-bottom:25px;
}

.ongletGrisGauche,.ongletGrisDroite,.ongletVertGauche,.ongletOrangeGauche {
     line-height:34px;
     height:34px;
     padding-left:5px;
     padding-right:5px;
     margin-right:3px;
     font-size:16px;
     font-weight:bold;
     display:inline-block;
     color:#999999;
     background-color:#dfdfdf;
}

.ongletVertGauche {background-color:#b2ffa5}
.ongletOrangeGauche {background-color: #ffb579; color:#ff9137 }
.ongletGrisDroite {
     margin-left:3px;
     margin-right:0;
}

/* Onglet Rouge */

.ongletRouge {
     height:37px;
     background-image:url(int_onglet_rouge.gif);
     background-color:#d61616;
     background-repeat:repeat-x;
     padding-left:5px;
     padding-right:5px;
     color:#ffffff;
     line-height:37px;
     border-bottom-style:none;
     border-color:#bfbfbf;
     font-weight:bold;
     border-radius:5px 5px 0 0;
     -moz-border-radius:5px 5px 0 0;
     -webkit-border-radius:5px 5px 0 0;
     text-shadow:black 0px 1px 1px
}
.ongletRouge a {color:#ffffff}
.ongletRouge a:hover {color:#ffffff; text-decoration:none}

/* Séparateur */

.sep1,.sep2 {border-top-style:dotted; border-top-color:#999999; border-top-width:1px}
.sep2 {border-right-style:dotted; border-right-color:#999999; border-right-width:1px; margin-left:-1px}

/* Spécial TABLE (pour les listes de docs, mes ou autres) */

table.tup td   {vertical-align:top}
table.tdo td   {vertical-align:bottom}

.vignette, td .tailleVignette {width:110px; text-align:center}

.tx1,.tx2,.tx4 {width:110px; background-color:#dcdcdc; text-align:center}
.tx2           {background-color:#ffffff}
.tx3,.tx4      {background-color:#f0f0fa}

.tal           {width:auto; text-align:left}
.tar           {width:auto; text-align:right}

.lienMes {
     width:110px;
     height:31px;
     line-height:31px;
     background-image:url(int_mes.gif);
     background-position:center;
     background-repeat:no-repeat;
     color:#ffffff
}

/* Encarts */

.encartArchives,.encartPDF,.encartZIP
     {
     margin-top:10px;
     margin-bottom:10px;
     background-repeat:no-repeat;
     padding-top:10px;
     padding-bottom:10px;
     padding-left:115px;
     color:#ffffff;
     font-weight:bold;
     min-height:80px;
     }

.encartArchives     {background-image:url(int_necarc.gif); background-color:#ff0100}
.encartPDF          {background-image:url(int_necpdf.gif); background-color:#363636}
.encartZIP          {background-image:url(int_neczip.gif); background-color:#363636}

/* Couleurs */

.rouge    {color:#ff0000; font-weight:bold}
.orange   {color:#ff6600; font-weight:bold}
.vert     {color:#006600; font-weight:bold}

/* Formulaire de contact */

.boutonVert {border-style:none; background-color: #037600; color: #ffffff; padding: 10px; font-weight: bold;}
.nomChamp150 {width:150px; text-align:right}
.formErreur {padding:2px; background-color:#ffcccc; border-style:dotted; border-width:1px}
.sab {font-size:14px} /* CSS AntiBot Caribase */

/* Docs */

#page1 {overflow:hidden}
#page2 {clear:both}

.titreDoc,.titrePage,#titreFixe {
     border-bottom-style:solid;
     border-bottom-width:1px;
     border-bottom-color:#999999;
     font-weight:bold;
     padding:5px;
}

.titreDoc {
     background-color:#cccccc;
     text-align:center;
}
.titrePage {
     background-color:#ffffff;
     text-align:left;
}
.titreDoc .titre         {font-size:45px}
.titreDoc .sousTitre     {font-size:33px}
.titrePage .titre        {font-size:27px}
.titrePage .sousTitre    {font-size:18px}

#titreFixe {
     display:none;
     opacity:0.9;
     filter:alpha(opacity=0.9);
     position:fixed;
     background-color:#ffffff;
     top:38px;
     left:0;
     width:100%;
     height:43px;
     line-height:43px;
     padding:0;
     padding-left:250px;
     z-index:8000;     
}

.blocTableau {margin:10px; overflow:hidden}
.tableau, .tableau td {border-style:solid; border-color:#999999; border-width:1px}
.tableau {border-top:0; border-left:0}
.tableau td {border-bottom-width:0; border-right:0}

/* Éléments Masque 1 et 2 colonnes */

#masqueInter1menu .titre1,          #masqueInter2menus .titre1             {overflow:hidden; background-color:#dc1414; padding:1px; padding-left:5px; padding-right:5px; color:#ffffff; font-weight:bold; margin-top:20px; margin-bottom:20px}
#masqueInter1menu .enTete,          #masqueInter2menus .enTete             {overflow:hidden; font-weight:bold; padding-left:3px; padding-right:5px}
#masqueInter1menu .txt,             #masqueInter2menus .txt                {overflow:hidden; padding-left:3px; padding-right:3px}
#masqueInter1menu .attributValeur,  #masqueInter2menus .attributValeur     {overflow:auto}
#masqueInter1menu .attribut,        #masqueInter2menus .attribut           {float:left; padding-left:3px; padding-right:3px; border-top-width:1px; border-top-color:#999999}
#masqueInter1menu .valeur,          #masqueInter2menus .valeur             {padding-right:3px}
#masqueInter1menu .imageP,          #masqueInter2menus .imageP             {float:left}

/* Éléments Masque 1 colonne */

#masqueInter1menu .titre1     {font-size:22px}
#masqueInter1menu .enTete     {font-size:33px}
#masqueInter1menu .txt        {font-size:20px}
#masqueInter1menu .tab        {margin-left:18px}
#masqueInter1menu .grandTab   {margin-left:52px}
#masqueInter1menu .attribut   {width:180px; font-size:20px}
#masqueInter1menu .valeur     {padding-left:190px; font-size:20px}
#masqueInter1menu .imageGD    {width:495px}
#masqueInter1menu .imageC     {width:1260px}

#masqueInter1menu .imageGD div, #masqueInter1menu .imageC div {
     margin-top:15px;
     margin-bottom:15px;
     padding-left:15px;
     padding-top:25px;
     padding-bottom:25px;
     padding-right:15px;
     text-align:center;
     font-size:21px
}

/* Éléments Masque 2 colonnes */

#masqueInter2menus .page1     {margin-left:266px}
#masqueInter2menus .titre1    {font-size:20px}
#masqueInter2menus .enTete    {font-size:26px}
#masqueInter2menus .txt       {font-size:18px}
#masqueInter2menus .tab       {margin-left:15px}
#masqueInter2menus .grandTab  {margin-left:42px}
#masqueInter2menus .attribut  {width:146px; font-size:18px}
#masqueInter2menus .valeur    {padding-left:154px; font-size:18px}
#masqueInter2menus .imageGD   {width:399px}
#masqueInter2menus .imageC    {width:1020px}

#masqueInter2menus .imageGD div, #masqueInter2menus.imageC div     {
     padding-left:13px;
     padding-right:13px;
     font-size:18px
}

/* Neutralisation codes CBX */
.imageGD .PUmd {width: 100%}

@media all and (max-width:1500px) {
     body,header,input,option,select,table,td,tr,textarea {
          font-size:16px;
     }
     
     #masqueInter2menus, #masqueInter1menu {width:847px; margin-left:201px; margin-right:201px; margin-bottom:7px}
     #masqueInter1menu {width:1052px}
     
     #une,#une1,#une2,#une3,#une4 {height:373px; width:847px} /*680 facteur 1.2455*/
     .uneTexte {width:361px}

     .blocCentral {
          width:1250px;
          margin-left:-625px;
     }
     
     .lienCatalogueMes a span {font-size:16px}
     .lienCatalogueMes a {font-size:20px} 
     
     .ongletGrisGauche,.ongletGrisDroite,.ongletVertGauche,.ongletOrangeGauche {font-size:15px; height:29px; line-height:29px}
     
     .ongletRouge {
          height:31px;
          line-height:31px;
     }
     
     .menu {width:194px} /* prévoir marge 7 */
     .menuLien {margin-bottom:7px}
     .menuLien a {font-size:13px}
     .menuVolant {width:1250px}
     
     /* 4 Blocs du bas */
     
     #blocBas1, #blocBas2, #blocBas3, #blocBas4 {margin-bottom:7px}
     #blocBas1, #blocBas4 { width:194px}
     #blocBas2 {left:201px; width:420px}
     #blocBas3 {left:628px; width:419px}
     #blocBas4 {left:1054px}
     
/*     .blocAvecSeparateurHaut {padding:7px}     */
     
     .textePetit1,.texteUne {font-size:13px}
     .textePetit2 {font-size:11px}
     .texteMoyen {font-size:20px}
     .texteGrand {font-size:27px}
     
     .titreDoc .titre         {font-size:37px}
     .titreDoc .sousTitre     {font-size:27px}
     .titrePage .titre        {font-size:22px}
     .titrePage .sousTitre    {font-size:16px}
     
     #titreFixe {padding-left:206px}
     
     /* Éléments Masque 1 colonne */
     
     #masqueInter2menus .titre1 {font-size:17px}
     #masqueInter2menus .enTete {font-size:25px}
     #masqueInter2menus .txt,#masqueInter2menus .attribut,#masqueInter2menus .valeur,#masqueInter2menus .imageGD div,#masqueInter2menus .imageC div {font-size:15px}
     #masqueInter2menus .imageGD {width:333px}
     #masqueInter2menus .imageC {width:850px}
     
     /* Éléments Masque 2 colonnes */
     
     #masqueInter1menu .titre1 {font-size:18px}
     #masqueInter1menu .enTete {font-size:27px}
     #masqueInter1menu .txt,#masqueInter1menu .attribut,#masqueInter1menu .valeur,#masqueInter1menu .imageGD div,#masqueInter1menu .imageC div {font-size:16px}
     #masqueInter1menu .imageGD {width:412px}
     #masqueInter1menu .imageC {width:1050px}
     
     .vignette, td .tailleVignette {width:90px}
     .tx1,.tx2,.tx4,.lienMes {width:90px}
     .tal,.tar {width:auto}
}

@media all and (max-width:1250px) {
     body,header,input,option,select,table,td,tr,textarea {
          font-size:13px;
     }
     
     #masqueInter2menus, #masqueInter1menu {width:682px; margin-left:159px; margin-right:159px; margin-bottom:5px}
     #masqueInter1menu {width:841px}
     
     #une,#une1,#une2,#une3,#une4 {height:300px; width:682px}
     .uneTexte {width:290px}
     
     .blocCentral {
          width:1000px;
          margin-left:-500px;
     }
     
     .lienCatalogueMes a span {font-size:13px}
     .lienCatalogueMes a {font-size:16px}
     
     .ongletGrisGauche,.ongletGrisDroite,.ongletVertGauche,.ongletOrangeGauche {font-size: 12px; height:24px; line-height:24px}
     
     .ongletRouge {
          height:25px;
          line-height:25px;
     }
     
     .menu {width:154px} /* prévoir marge 5 */
     .menuLien {margin-bottom:5px}
     .menuVolant a {font-size:14px}
     .menuVolant {width:1000px}
     
     /* 4 Blocs du bas */     
     
     #blocBas1, #blocBas2, #blocBas3, #blocBas4 {margin-bottom:5px}
     #blocBas1, #blocBas4 { width:154px}
     #blocBas2 {left:159px; width:338px}
     #blocBas3 {left:502px; width:339px}
     #blocBas4 {left:846px}
     
/*     .blocAvecSeparateurHaut {padding:5px}     */
     
     .textePetit1,.texteUne {font-size:11px}
     .textePetit2 {font-size:9px}
     .texteMoyen {font-size:16px}
     .texteGrand {font-size:22px}
     
     .titreDoc .titre         {font-size:30px}
     .titreDoc .sousTitre     {font-size:22px}
     .titrePage .titre        {font-size:18px}
     .titrePage .sousTitre    {font-size:13px}
     
     #titreFixe {padding-left:164px}
     
     /* Éléments Masque 1 colonne */
     
     #masqueInter2menus .titre1 {font-size:15px}
     #masqueInter2menus .enTete {font-size:18px}
     #masqueInter2menus .txt,#masqueInter2menus .attribut,#masqueInter2menus .valeur,#masqueInter2menus .imageGD div,#masqueInter2menus .imageC div {font-size:13px}
     #masqueInter2menus .imageGD {width:266px}
     #masqueInter2menus .imageC {width:680px}
     
     /* Éléments Masque 2 colonnes */
     
     #masqueInter1menu .titre1 {font-size:16px}
     #masqueInter1menu .enTete {font-size:22px}
     #masqueInter1menu .txt,#masqueInter1menu .attribut,#masqueInter1menu .valeur,#masqueInter1menu .imageGD div,#masqueInter1menu .imageC div {font-size:14px}
     #masqueInter1menu .imageGD {width:330px}
     #masqueInter1menu .imageC {width:840px}
     
     .vignette, td .tailleVignette {width:70px}
     .tx1,.tx2,.tx4,.lienMes {width:70px}
     .tal,.tar {width:auto}
}

@media all and (max-width:1000px) {
     .blocCentral {
          width:840px;
          margin-left:-420px;
     }
     
     #barreHautPlaquette {display:none}
     #barreHautActualites {display:none}
     
     .partieDroite {display:none}
     #barreBas .bloc {width:50%}
     #masqueInter2menus,#masqueInter1menu {width:681px}
     #masqueInter2menus,#masqueInter1menu {margin-right:0}
     
     #une1,#une2,#une3,#une4 {width:681px}
     
     .ongletGrisGauche,.ongletGrisDroite,.ongletVertGauche,.ongletOrangeGauche {font-size: 11px}
     
     .menuVolant {width:840px}
     .menuVolant .titre {font-size:20px}
     .menuVolant .sousTitre {font-size:15px}
     
     .blocAvecSeparateurHaut50 {width:100%}
     
     td .tableauDoc {font-size:12px}
     
     .titreDoc .titre      {font-size:24px}
     .titreDoc .sousTitre {font-size:18px}
     
     /* Éléments Masque 1 colonne (facteur 0,81) */
     #masqueInter1menu .page1                          {margin-left:266px}
     #masqueInter1menu .titre1                         {font-size:15px}
     #masqueInter1menu .enTete                         {font-size:18px}
     #masqueInter1menu .txt                            {font-size:13px}
     #masqueInter1menu .tab                            {margin-left:15px}
     #masqueInter1menu .grandTab                       {margin-left:42px}
     #masqueInter1menu .attribut                       {width:146px; font-size:13px}
     #masqueInter1menu .valeur                         {padding-left:154px; font-size:13px}
     #masqueInter1menu .imageGD                        {width:266px}
     #masqueInter1menu .imageC                         {width:680px}
     #masqueInter1menu .imageGD div, .imageC div       {padding-left:13px; padding-right:13px; font-size:13px}
}

@media all and (max-width:840px) {
     .blocCentral {
          width:680px;
          margin-left:-340px;
     }
     
     #barreHautInternational {display:none}
     
     .partieGauche {display:none}
     #barreBas .bloc {width:50%}
     #masqueInter2menus,#masqueInter1menu {margin-left:0}
     #masqueInter2menus {width:680px}
     #blocBas2 {left:0; position:relative}
     #blocBas3 {left:343px; top:0}
     
     #une1,#une2,#une3,#une4 {width:680px}
     
     .menuVolant {width:681px}
     .menuVolant .titre {font-size:16px}
     .menuVolant .sousTitre {font-size:14px}
     
     #titreFixe {padding-left:5px}
}

@media all and (max-width:680px) {
     .blocCentral {
          width:100%;
          position:relative;
          left:50%;
          margin-left:-50%;
     }
     
     .blocInterieur {min-height:0}

     #barreEnseigne {display:none}
     #barreNavigation {display:none}
     #barreBas .bloc {width:100%}
     #barreBas .sousBloc {padding-left:3px; padding-right:3px}
     #barreBas .droite {float:none}
     
     #masqueInter2menus,#masqueInter1menu {width:100%; margin-top:38px; margin-bottom:0; min-height:0}
     #blocBas2,#blocBas3 {display:none}
     
     .menuVolant {width:100%}
     .menuVolant span.ref {display:none}
     .menuVolant a {padding-left:3px}
     
     #une {padding-top:15px; padding-bottom:15px}
     #une,#une1,#une2,#une3,#une4 {width:100%}
     .uneTexte {width:43%}

     .texteUne {font-size: 10px}
     
     .mobileNon {display:none}
     .mobileOui {display:block}
     
     .blocTableau {margin:0; margin-top:10px; margin-bottom:10px}
     
     .titreDoc,.titrePage {background-color:#ffffff} /*background-color:#ededed*/
     #titreFixe {
          height:30px;
          line-height:30px;
     }
     
     td .tableauDoc {font-size:12px}
     .nomChamp150 {width:auto}
     
     /* Éléments des masques 1 et 2 colonnes */
     #masqueInter2menus .page1,              #masqueInter1menu .page1                {margin-left:0}
     #masqueInter2menus .enTete,             #masqueInter1menu .enTete               {font-size:17px}
     #masqueInter2menus .imageP,             #masqueInter1menu .imageP               {float:none}
     #masqueInter2menus .imageGD div,        #masqueInter1menu .imageGD div          {display:inline-block; width:300px; margin:0}
     #masqueInter2menus .imageGD,            #masqueInter1menu .imageGD              {width:100%; text-align:center; float:none}
     #masqueInter2menus .imageC,             #masqueInter1menu .imageC               {width:100%}
     #masqueInter2menus .imageC div,         #masqueInter1menu .imageC div           {margin:0; padding:15px}
     #masqueInter2menus .attributValeur,     #masqueInter1menu .attributValeur       {overflow:hidden}
     #masqueInter2menus .attribut,           #masqueInter1menu .attribut             {width:100%; float:none; background-color:#cccccc; border-top-style:solid}
     #masqueInter2menus .valeur,             #masqueInter1menu .valeur               {width:100%; padding-left:3px}
     
     #masqueInter1menu .txt,                 #masqueInter2menus .txt,
     #masqueInter1menu .attribut,            #masqueInter2menus .attribut,
     #masqueInter1menu .valeur,              #masqueInter2menus .valeur,
     #masqueInter1menu .imageGD div,         #masqueInter2menus .imageGD div,
     #masqueInter1menu .imageC div,          #masqueInter2menus .imageC div          {font-size:14px}
     
     .contenuCBX .gauche {float:none}
     .contenuCBX .droite {float:none}
     
     /* Neutralisation codes CBX */
     .contenuCBX .PUfl {float:none}
     .contenuCBX .PUfr {float:none}
     .contenuCBX .PUp5 table {width:100%; padding:0}
     .contenuCBX .PUp5 td {text-align:center}
     
     .vignette, td .tailleVignette {width:60px}
     .tx1,.tx2,.tx4,.lienMes {width:60px}
     .tal,.tar {width:auto}
}

@media all and (max-width:600px) {td .tableauDoc{font-size:11px} #une,#une1,#une2,#une3,#une4{height:250px} }
@media all and (max-width:500px) {td .tableauDoc{font-size:10px} #une,#une1,#une2,#une3,#une4{height:205px} .texteUne{display:none} }
@media all and (max-width:400px) {td .tableauDoc{font-size:9px} #barreHautManuels {display:none} #une,#une1,#une2,#une3,#une4{height:160px}}
@media all and (max-width:330px) {td .tableauDoc{font-size:8px} .imageGD div {width:100%} #une,#une1,#une2,#une3,#une4{height:130px}}
@media all and (max-width:320px) {#barreHautContact {display:none} #une,#une1,#une2,#une3,#une4{height:120px}}