@import url('https://fonts.googleapis.com/css?family=Droid+Sans');
@charset "utf-8";
/* CSS Document */
/**********************************************CSS Reset - START**********************************************/
/* Cette partie sert à réinitialiser le CSS pour éviter certains comportements par défaut*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
#header,
#header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video
/*table, a, ol, ul et li supprimés de la liste*/

{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /*  vertical-align: baseline;*/
    /*nécessité de commenter pour les anciens tableaux */
}
/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
#header,
#header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    /*  list-style: none;*/
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table
/*nécessité de commenter pour les anciens tableaux */

{
    /*  border-collapse: collapse;
  border-spacing: 0;*/
}
/**********************************************CSS Reset - STOP**********************************************/
/**********************************************Apparence du texte - START**********************************************/
/* Tests Marie-Luce */
/** {
  border: solid 1px #f00;
}*/

body,
table,
span {
    color: #3A383F;
    /*couleur du texte*/
    
    font-size: 13px;
    /*taille du texte */
    
    font-family: Arial, Helvetica, sans-serif;
    line-height: 130%;
}
p {
    text-align: justify;
    margin: 10px 0;
}
.centre
/*remplace align="center"*/

{
    text-align: center;
}
.centre table,
.centre form {
    margin-left: auto;
    margin-right: auto;
}
.aDroite
/*remplace align="right"*/

{
    text-align: right;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
.serif
/*Pour le texte et guillemets avec sérif */

{
    font-family: Georgia, "Times New Roman", Times, serif;
}
.small
/* ancien font style=font-size:10.0pt* et font-size=1*/

{
    font-size: 10pt;
}
.verysmall
/* ancien font style=font-size:10.0pt* et font-size=1*/

{
    font-size: 8pt;
}
.sdcom10
/* specifique a page sdcom*/

{
    font-size: 10pt;
    font-family: Calibri;
}
.sdcom9
/* specifique a page sdcom*/

{
    font-size: 9pt;
    font-family: Calibri;
}
.cpapropos
/* couleur de fond du bloc à propos dans les CP*/

{
    text-align: justify;
    margin: 10px 0;
    background-color: F2F2F2;
    padding: 8px;
}

.grandcentre
/* texte en grand format centré*/

{
    text-align: center;
    font-size: 12pt;
    line-height: 150%;
}
.grand
/* texte en grand format*/

{
    font-size: 12pt;
    line-height: 135%;
}
.tresgrand
/* texte en très grand format*/

{
    font-size: 18pt;
    line-height: 150%;
}
q {
    color: #6600CC;
    font-weight: bold;
}
.bigger
/*ancien font-size=3*/

{
    font-size: 16px;
}
.blanc {
    color: #fff;
}
h3.blanc {
    font-family: Georgia, "Times New Roman", Times, serif;
}
.separateur
/*présent seulement dans le menu de certaines pages */

{
    color: #CCCCFF;
}
.rose {
    color: #FF8080;
}
.gris {
    color: #666;
}
.grisPlusClair {
    color: #333;
}
.bleu {
    color: #06F;
}
.bleuVif {
    color: #00f;
}
.purple {
    color: #6600CC;
}
.rouge {
    color: #F00;
}
.bleuPastel {
    color: #CCCCFF;
}
#main .column .quote
/*Pour les guillemets encadrant les citations */

{
    font-family: "Times New Roman", Times, serif;
}
#main .column .quote.purple {
    font-size: 30px;
    font-weight: bold;
}
#main .column .citation
/* pour les citations*/

{
    font-size: 25px;
    line-height: 80%;
    line-height: 130%;
}
.espace {
    padding: 20px 0;
}
.espacetable {
    /* pour mettre des expaces dans les tableaux. Par exemple dans encadré menu dossiers*/
    
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
}
/*------------------------------------------- Balises d'en-tête */

h1,
.big1
/*ancien font-size=7*/

{
    text-align: justify;
	display: inline;
	margin: 10px 0;
}
h1.titre {
    display: inline;
	font-size: 25px;
    line-height: 25px;
}
h1.auMilieu
/* Quelques titres h1 doivent être centrés*/

{
    margin: 30px auto 20px auto;
    text-align: center;
	display: inline;
}
h1.souligneMauve
/*Pour les pages où le h1 a une grosse bordure mauve en-dessous*/

{
    border-bottom: solid 6px #CCF;
    padding-bottom: 20px;
	display: inline;
}
h2,
.big2
/*ancien font-size=6*/

{
    text-align: justify;
    display: inline;
    font-size: 13px;
    line-height: 17px;
    font-weight: normal;
    text-align: justify;
}
h2 {
    margin-top: 5px;
}
h3,
.big3,
h3 a
/*ancien font size=5 */

{
    /*retrait du code font-size: 18px; qui mettait les liens dans les h3 trops grands*/
    
    line-height: 25px;
    display: inline;
}
h3
/*ancien font size=5 */

{
    font-weight: bold;
}
h4,
.big4
/*ancien font-size=4*/

{
    font-size: 15px;
    /*padding: 2px;*/
    
    display: inline;
    line-height: 18px;
}
/* Styles spécifiques au modèle Dossiers Thématiques */

nav.businessCases {
    margin: 0 auto 50px;
    text-align: center;
}
nav.businessCases ul li {
    list-style-type: none;
    display: inline;
    margin-right: 25px;
}
nav.businessCases ul li a {
    font-family: 'Raleway', "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    font-weight: lighter;
}
nav.businessCases ul li a:hover,
nav.businessCases ul li a.active {
    font-family: 'Raleway', "Helvetica Neue", Arial, sans-serif;
    color: #90C;
    text-decoration: underline;
    font-weight: lighter;
}
.bcase {
    margin-bottom: 0;
}
.bcase h2 {
    font-size: 30px;
    font-weight: 300;
    text-align: left;
}
.bcase h3 {
    text-align: center;
    font-size: 16px;
}
.bcase .aCentrer {
    text-align: center;
}
.bcase .thumbnail {
    display: inline-block;
    width: 140px;
    margin: 20px 5px;
}
.bcase .thumbnail235 {
    display: inline-block;
    width: 235px;
    margin: 10px 5px;
}
.bcase .thumbnail500 {
    display: inline-block;
    width: 500px;
    margin: 10px 5px;
}
.bcase .thumbnail img {
    width: 100%;
}
.bcase .thumbnail235 img {
    width: 100%;
}
.bcase .thumbnail500 img {
    width: 100%;
}
.bcase .thumbnail figure {
    position: relative;
}
.bcase .thumbnail235 figure {
    position: relative;
}
.bcase .thumbnail500 figure {
    position: relative;
}
.bcase .thumbnail figure figcaption {
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 20px 5px 5px 0px;
    top: 0;
    display: none;
    color: #fff;
}
.bcase .thumbnail235 figure figcaption {
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 20px 5px 5px 0px;
    top: 0;
    display: none;
    color: #fff;
}
.bcase .thumbnail500 figure figcaption {
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 100px 5px 5px 0px;
    top: 0;
    display: none;
    color: #fff;
}
.bcase .thumbnail figure:hover {
    background-color: #BC57DE;
}
.bcase .thumbnail235 figure:hover {
    background-color: #BC57DE;
}
.bcase .thumbnail500 figure:hover {
    background-color: #BC57DE;
}
.bcase .thumbnail figure:hover img {
    opacity: 0.2;
}
.bcase .thumbnail235 figure:hover img {
    opacity: 0.2;
}
.bcase .thumbnail500 figure:hover img {
    opacity: 0.2;
}
.bcase .thumbnail figure:hover figcaption {
    display: block;
}
.bcase .thumbnail235 figure:hover figcaption {
    display: block;
}
.bcase .thumbnail500 figure:hover figcaption {
    display: block;
}


.BlocAnnuaire {
	color: #fff;
	width: 120px;
	height: 30px;
}

.BlocAnnuaire:hover {
	opacity: 0.5;	
}

.BlocAnnuaire h2 {
	font-family: 'Raleway', "Helvetica Neue", Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	line-height:30px; /* centrage vertical */
	font-size: 24px;
	text-transform: uppercase;
}

.BlocAnnuaire h2 span {
	display: block;
	text-align: center;
	line-height:30px; /* centrage vertical */
	color: white;
	text-transform: none;
	font-size: 13px;
}

.BlocAnnuaire span {
	display: block;
	text-align: center;
	line-height:30px; /* centrage vertical */
	color: white;
	text-transform: none;
	font-size: 13px;
}

div#Editeur.BlocAnnuaire {
	background: url("/Annuaire-Editeurs-01.jpg") no-repeat;

}

div#Conseil.BlocAnnuaire {
	background: url("/Annuaire-Conseil-01.jpg") no-repeat;

}

div#Prestataire.BlocAnnuaire {
	background: url("/Annuaire-Prestataires-01.jpg") no-repeat;

}

div#Equipementier.BlocAnnuaire {
	background: url("/Annuaire-Equipementiers-01.jpg") no-repeat;

}

div#Immobilier.BlocAnnuaire {
	background: url("/Annuaire-Immobilier-01.jpg") no-repeat;

}

div#Association.BlocAnnuaire {
	background: url("/Annuaire-Associations-01.jpg") no-repeat;

}

div#Recrutement.BlocAnnuaire {
	background: url("/Annuaire-Recrutement-01.jpg") no-repeat;

}

h4.sous-titre {
    margin: 50px 0 30px;
    font-style: italic;
    font-weight: normal;
    line-height: 1.5;
}
aside {
    margin-top: 30px;
}
aside h4,
aside ul li {
    color: #bc57de;
    text-transform: uppercase;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}
aside ul {
    padding-left: 0;
}
aside ul li {
    list-style-type: none;
    margin: 15px 0;
}
aside ul li span {
    color: #535353;
    text-transform: none;
}
aside h5 {
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 200;
    line-height: 1.5;
}
aside blockquote {
    quotes: "\201C""\201D";
    font-style: italic;
}
aside blockquote:before {
    content: open-quote;
    color: #BC57DE;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    font-family: Georgia, Times, serif;
}
aside blockquote footer {
    margin-top: 10px;
}
caption {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.thumbnail .caption {
    padding: 9px;
    color: #333;
}
.thumbnail235 .caption {
    padding: 9px;
    color: #333;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
    text-shadow: none;
}
.thumbnail {
    display: block;
    padding: 2px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.thumbnail235 {
    display: block;
    padding: 2px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
    margin-right: auto;
    margin-left: auto;
}
.thumbnail235 > img,
.thumbnail235 a > img {
    margin-right: auto;
    margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #337ab7;
}
a.thumbnail235:hover,
a.thumbnail235:focus,
a.thumbnail235.active {
    border-color: #337ab7;
}
.thumbnail .caption {
    padding: 9px;
    color: #333;
}
.thumbnail235 .caption {
    padding: 9px;
    color: #333;
}


/*----------------------------------------- Les liens */

a {
    color: #094477;
    /*couleur des liens par défaut AVANT : #0033FF; */
}
a:link {
    color: #094477;
    font-size: 100%;
    font-weight: bold;
    /*Met tous les liens en gras */
    
    text-decoration: none;
    /*permet de retirer le soulignement des liens */
}
a:hover {
    color: #0695EF;
    /*AVANT : n'existait pas */
}
a:active {
    color: #094477;
    /*AVANT : #0033FF; */
}
h2 a,
h4 a {
    /*color: #000;*/
}
a span {
    color: #094477;
    /*AVANT : #0033FF; */
}
/**********************************************Apparence du texte - STOP**********************************************/
/**********************************************Apparence des images ancien style - START**********************************************/

.imageflottante {
    float: left;
    margin: 0 10px 2px 0;
}
.imageflottantedroite {
    float: right;
    margin: 0 0 2px 10px;
}
/**********************************************-Structure principale - START********************************************/

#conteneur
/*remplace l'ancien tableau principal de 990 pixels de large*/

{
    width: 1000px;
    margin: 5px auto;
    /*avant 10px; */
    
    border: solid 2px
    /*avant #CCCCFF; */
    
    padding: 5px 2px;
}
#conteneur.largeurTotale
/*Pour les pages où le corps prend toute la largeur*/

{
    width: 98%;
    padding-bottom: 20px;
}
#conteneur.grandeLargeur
/* Pour les pages où le corps prend 80% de la largeur totale */

{
    width: 80%;
}
#conteneur.pasDeColumnDroite
/*Pour les pages ne comportant que deux colonnes*/

{
    padding: 0 10px;
}
#conteneur.pasDeColumnDroite.largeurTotale,
#conteneur.pasDeColumnDroite.pasDePadding {
    padding: 0;
}
#conteneur.pasDeColumnDroite table.avecBordure td {
    border: solid 1px #99F;
}
#conteneur.pasDeColumnDroite table.avecBordure td table td {
    border: none;
}
#conteneur.enMauve {
    background-color: #ccf;
}
#conteneur.socialMedia
/*Pour les pages ayant un encadré media sociaux (le conteneur est plus large) */

{
    width: 1050px;
}
#conteneur.socialMedia.plusGrand {
    /*Pour les pages ayant un encadré media sociaux ET une largeur à 80%*/
    
    width: 80%;
}
#conteneur.socialMedia.grandMenu
/*Cela concerne les pages ayant originellement une largeur à 80% auxquelles j'ai finalement donné une largeur fixe pour meilleur rendu*/

{
    width: 1260px;
    padding: 0;
}
/**********************************************-Structure principale - STOP********************************************/
/**********************************************-Haut de la page - START********************************************/

#header
/*bandeau du haut*/

{
    height: 90px;
    /*Avant 129*/
    
    line-height: 90px;
    /*Avant 129*/
    
    padding-bottom: 15px;
    /*Avant 20px*/
    
    text-align: center;
}
#header img,
#header iframe {
    display: inline;
    vertical-align: middle;
}
.lalo-blanc {
    margin-bottom: 15px;
    margin-top: 10px;
    text-align: center;
}
/**********************************************-Haut de la page - STOP********************************************/
/**********************************************-Encadré media sociaux - START********************************************/

#social {
    width: 160px;
    float: left;
}
/**********************************************-Encadre media sociaux - STOP********************************************/
/**********************************************-Fil d'Ariane - START********************************************/

.breadcrumbs {
    margin-bottom: 10px;
}
.pasDeColumnDroite .breadcrumbs
/*fil d'Ariane des pages sur lesquelles il n'y a que deux colonnes*/

{
    padding-top: 10px;
}
.breadcrumbs.fondMauve {
    background-color: #CCCCFF;
    padding: 3px 0;
    margin-top: 10px;
}
.breadcrumbs.aDroite {
    padding-right: 20px;
}
.breadcrumbs.aDroite p.breadcrumbs {
    text-align: right;
}
/**********************************************-Fil d'Ariane - STOP********************************************/
/**********************************************-Menu du haut - START********************************************/

#topMenu
/*menu du haut*/

{
    height: 22px;
    /*avant : 32px*/
    
    margin: 0;
    /* Marie-Luce nouveau menu padding-left: 10px; */
    /*Marie-Luce nouveau menu*/
    
    margin-bottom: 20px;
}
/* CSS du menu horizontal, HAUT bieler batiste (ce qui était dans l'ancien fichier menu.css) */

.menu {
    position: relative;
    z-index: 99;
    display: block;
    margin: 0;
    padding: 0;
    /*Marie-Luce nouveau menu*/
    
    margin-right: 10px;
    text-align: left;
    /* Marie-Luce nouveau menu */ 
    background-color: #5F5F5F;
    /*27/06/2013 Idée = background-image : url(background.gif); avant : #660099*/
}
.menu li {
    list-style: none;
    /*width:140px; 
    float:left;  Marie-Luce nouveau menu */
    height: auto;
    display: inline-block;
    /* Marie-Luce nouveau menu */
    margin: 0;
    /*  Marie-Luce nouveau menu */
    background-color: #5F5F5F;
}
/*Le sous-menu*/

.menu > li ul {
    /*visibility:hidden;*/
    position: absolute;
    /*left: -999em; rajouté par Marie-Luce*/
    /*  Marie-Luce nouveau menu */
    background-color: #fff;
    /*  Marie-Luce nouveau menu */
    max-height: 0;
    overflow: hidden;
    -webkit-box-shadow: 3px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -webkit-transition: max-height 0.7s ease-in-out 0.2s;
    transition: max-height 0.7s ease-in-out 0.2s;
    /*Marie-Luce nouveau menu*/
    padding: 0;
    /*Marie-Luce nouveau menu*/
    min-width: 200px;
}
/*Marie-Luce nouveau menu */


.menu > li:active,
.menu > li:focus,
.menu > li:hover {
    background-color: #5D4899;
}
.menu li:active ul,
.menu li:focus ul,
.menu li:hover ul {
    max-height: 100em;
}
.menu li ul li {
    display: block;
    /*  Marie-Luce nouveau menu */
    background-color: #fff;
    /*  Marie-Luce nouveau menu */
    padding: 10px 0;
    /*  Marie-Luce nouveau menu */
    border-bottom: 1px solid #e7e7e7;
    margin: 0;
}

/*Marie-Luce nouveau menu */
.menu li ul li:hover {
    background-color: #f0f0f0;
}
.menu li:hover ul,
.menu li:focus ul {
    left: auto;
}
.menu a {
    /* Marie-Luce nouveau menu */
        font-weight: normal;
    /*20/10/2016 avant font-weight: bold; */
    /* Marie-Luce nouveau menu text-align:center;*/
    /*20/10/2016 avant text-align:center; */
    border: 0px #FF6600 solid;
    color: #FFFFFF;
    display: block;
    height: 15px;
    /*13/06/2013 avant = 22px*/
    /*  /height: 30px; /*13/06/2013 avant = 30*/
    /* Marie-Luce nouveau menu width:138px;  /*13/06/2013 avant = 139*/
    text-decoration: none;
    /* Marie-Luce nouveau menu  padding:10px 0; 13/06/2013 avant = 5px 0*/
    padding: 0;
    padding-right: 10px;
    /*  Marie-Luce nouveau menu */
    margin: 10px 25px;
    font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
    background: url('https://www.faq-logistique.com/fleche.png') no-repeat right center;
    line-height: 15px;
}
.menu a:last-child {
    background: transparent;
}
.menu li ul li a
/*Marie-Luce nouveau menu */
{
    color: #5F5F5F;
    /*Marie-Luce nouveau menutext-align: left; */
    
    margin-top: 5px;
    /*Marie-Luce nouveau*/
    
    margin-bottom: 5px;
    background: transparent;
}
/*Lorsque la souris survole les cellules*/
/* Marie-Luce nouveau menu .menu a:hover{
  text-align:center;
    background-color: #FF6600; /*Avant 6666CC
    border:0px #FF6600 solid;
    }*/
/* for a mozilla better display with key nav */

.menu a:focus {
    background-color: #aaf;
}
/* Couleur de la première case une fois que la souris survolent les cellules situées au-dessous */

.menu a.linkOver {
    background-color: #660099;
}
#bottomMenu li a
/*juste pour la case Logistique de A à Z qui fait deux lignes */

{
    padding-top: 5px;
    height: 30px;
}
.menu li.fournitures a
/*Pour le lien fournitures parfois situé à droite de tous les autres */

{
    background: transparent;
    color: #00F;
    text-align: left;
    margin-left: 10px;
    text-decoration: underline;
}
/**********************************************-Menu du haut - STOP********************************************/
/**********************************************-Menu du BAS - START********************************************/

#basMenu
/*menu du haut*/

{
    height: 22px;
    /*avant : 32px*/
    
    margin: 0 auto;
    padding-left: 10px;
}
/* CSS du menu horizontal, BAS bieler batiste (ce qui était dans l'ancien fichier menu.css) */

.menubas {
    position: relative;
    z-index: 99;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menubas ul {
    position: absolute;
    display: block;
    width: 0;
    /*margin:0;*/
    
    padding: 0;
}
.menubas li {
    list-style: none;
    width: 140px;
    height: auto;
    display: inline;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
/*Le sous-menu*/

.menubas li ul {
    /*visibility:hidden;*/
    
    position: absolute;
    left: -999em;
    /*rajouté par Marie-Luce*/
}
.menubas li:hover ul,
.menu li:focus ul {
    left: auto;
}
.menubas a {
    font-weight: bold;
    text-align: center;
    background-color: #5F5F5F;
    /*27/06/2013 Idée = background-image : url(background.gif); avant : #660099*/
    
    border: 0px #FF6600 solid;
    color: #FFFFFF;
    display: block;
    height: 15px;
    /*13/06/2013 avant = 22px*/
    /*  /height: 30px; /*13/06/2013 avant = 30*/
    
    width: 138px;
    /*13/06/2013 avant = 139*/
    
    text-decoration: none;
    padding: 10px 0;
    /*13/06/2013 avant = 5px 0*/
    
    margin: 0px;
}
/*Lorsque la souris survole les cellules*/

.menubas a:hover {
    text-align: center;
    background-color: #FF6600;
    /*Avant 6666CC*/
    
    border: 0px #FF6600 solid;
}
/* for a mozilla better display with key nav */

.menubas a:focus {
    background-color: #aaf;
}
/* Couleur de la première case une fois que la souris survolent les cellules situées au-dessous */

.menubas a.linkOver {
    background-color: #660099;
}
#bottomMenu li a
/*juste pour la case Logistique de A à Z qui fait deux lignes */

{
    padding-top: 5px;
    height: 30px;
}
.menubas li.fournitures a
/*Pour le lien fournitures parfois situé à droite de tous les autres */

{
    background: transparent;
    color: #00F;
    text-align: left;
    margin-left: 10px;
    text-decoration: underline;
}
/**********************************************-Menu du BAS - STOP********************************************/
/**********************************************-Les trois colonnes - START********************************************/

#main
/* élément contenant les trois colonnes principales : colonne de gauche, colonne du milieu, colonne de droite */

{
    padding-top: 10px;
    width: 100%;
    overflow: hidden;
}
#conteneur.largeurTotale #main {
    width: 95%;
    margin: 0 auto;
    min-width: 990px;
}
#main .column
/*les trois colonnes flottent à gauche */

{
    float: left;
}
.bordMauve
/*pour les tableaux ayant une bordure mauve*/

{
    border: solid 3px #ccf;
    padding: 0 5px;
}
table.bordure,
table.bordure td,
#conteneur.pasDeColumnDroite table.avecBordure table.bordure td
/*Pour certains tableaux ayant des bordures autour de toutes les cellules (vieux fichiers) */

{
    border: solid 1px #ccf;
}
#main .milieu
/*colonne centrale*/

{
    text-align: justify;
    width: 510px;
    margin-right: 10px;
}
#main .milieu img
/*Pour que les images ne dépassent pas des colonnes au milieu */

{
    max-width: 500px;
}
#conteneur.largeurTotale #main .milieu
/*ajustement pour les pages qui prennent toute la largeur */

{
    width: 80%;
}
#conteneur.grandeLargeur #main .milieu {
    width: 60%;
}
#main .gauche
/*colonne de gauche */

{
    width: 160px;
    margin-right: 10px;
}
#conteneur.pasDeColumnDroite #main .gauche,
#conteneur.colonneUnique #main .gauche
/*style spécifique pour les pages ne comportant que deux colonnes */

{
    width: auto;
}
#conteneur.colonneUnique #main .milieu {
    width: auto;
}
#main .droite
/*colonne de droite */

{
    width: 300px;
    /* largeur imposée dans l'ancien encadré logistique */
}
#main .droite p {
    margin-bottom: 10px;
}
#main .droite iframe {
    margin-bottom: 5px;
    /*ECARTEMENT ENTRE LES PUBS DE DROITE - AVANT 10px */
}
#main .column .bloc
/*remplace align="justify" */

{
    text-align: justify;
}
#main .column table {
    width: 100%;
}
#main .column table.imageflottantedroite {
    width: auto;
}
#main .column.milieu table td {
    padding: 2px;
}
#main .column table.noPadding td {
    padding: 0;
}
#main .column .centre table {
    margin-left: auto;
    margin-right: auto;
}
#main .column table.bordee {
    border: solid 2px #ccf;
}
table td.mauve,
table tr.mauve
/* cellules et lignes avec un fond mauve*/

{
    background-color: #CCCCFF;
    padding: 2px;
}
table.toutMauve {
    border-collapse: collapse;
}
table.toutMauve td {
    background-color: #CCCCFF;
}
/**********************************************-Les trois colonnes - STOP********************************************/
/**************************************iframe START*********************************************************/

iframe {
    border: none;
    /*overflow: hidden; */
    /*margin: 10px 0;*/
}
iframe.bandeauHaut {
    width: 728px;
    height: 90px;
}
iframe.skyscraper {
    width: 160px;
    height: 600px;
}
iframe.carre {
    width: 160px;
    height: 160px;
}
iframe.bandeau {
    width: 468px;
    height: 60px;
}
iframe.large {
    width: 300px;
    height: 250px;
}
iframe.googleDoc {
    width: 300px;
    height: 1250px;
}
iframe.googleDocContact {
    width: 300px;
    height: 1300px;
}
/**************************************iframe STOP*********************************************************/
/*******************************************Pied de page START*******************************************/

#footer {
    clear: both;
}
#footer #bottomMenu {
    padding-left: 10px;
    margin-top: 20px;
}
#footer p {
    clear: both;
    text-align: left;
    margin-top: 20px;
    padding: 5px;
}
#footer .mentions {
    display: block;
    float: right;
}
#conteneur.grandMenu #footer ul li,
#conteneur.grandMenu #footer ul li a
/*Pour réduire les éléments du menu dans certaines pages où il y en a plus - vieux fichiers */

{
    width: 110px;
}
/*******************************************Pied de page STOP*******************************************/

@media (max-width: 990px) {
    #conteneur.largeurTotale,
    #conteneur.grandeLargeur
    /*Réajustement pour les écrans de moins de 990px de large*/
    
    {
        width: 990px;
    }
}