@charset "utf-8";
/* CSS Feuilles de style communes pour le site mobile du Ciemi */

@media screen and (max-width: 360px), (min-width: 360px) and (max-aspect-ratio: 1/1){
/* Classes */

.Ecrans-Plein /* Div conteneurs généraux */
{
	background-color:#999999;
	position:absolute;
	left:0%;
	top:15%;
	width:100%;
	height:auto;
	z-index:-6;
}

.Ecrans-LatGauche, .Ecrans-LatDroit, Socles-Mentions
{
	display:none;
}

.Ecrans-Principal /* Ecran principal, mobile */
{
	background-color:#FFFFFF;
	position:relative;
	min-height:89.9%;
	width:100%;
	max-width:100%;
	top:15%;
	left:0%;
	border-top-width:thin;
	border-top-style:solid;
	border-top-color:#333333;
	z-index:-2;
	overflow-y: scroll;
	overflow-style:auto;
	-webkit-overflow-scrolling: touch;
	height:auto;
}

.GeneralMenuBar /* Barre générale de tous les menus */
{
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	max-width:100%;
	min-height:15%;
	height:15%;
	overflow-x:hidden;
	z-index:10;
	overflow-y:hidden;
}

.Barres-Langues /* Barre supérieure des langues */
{
	background-color:#F30;
	position:absolute;
	width:100%;
	height:15%;
	top:0%;
	left:0%;
	border-bottom-color:#666666;
	border-bottom-style:solid; /* Propriété importante et cachée pour déclancher les scripts pour smartphone*/
	border-bottom-width:thin;
	/*padding-left:70%;*/
}

.LanguePage, .LanguePageGrayed /* Langues de la page */
{
	position:relative;
	display:inline;
	float:right; /*Ajouté dernièrement*/
	right:1%;
	left:auto;
	top:0.2%;
	bottom:auto;
	font-family:"MigSoc Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	font-weight:bold;
	border-left-color:#CCCCCC;
	border-left-style:solid;
	border-left-width:thin;
	padding-left:2%;
	padding-right:2%;
	width:auto;
	height:auto;
	vertical-align:middle;
	text-align:right;
	cursor:pointer;
	color:#FFFFFF;
}

.LanguePage:lang(en) /* Langue désactivée */
{
	color:#666;
	text-shadow: -0.1px -0.1px #555555;
}

.Banners /* Conteneur de la Bannière du CIEMI */
{
	position:absolute;
	background-color:#999;
	top:15%;
	left:0%;
	width:100%;
	height:40%;
	border-top-color:#666666;
	border-top-style:inset;
	border-top-width:thin;
}

.Logos-Ciemi /* Case du Logo Ciemi */
{
	position:relative;
	left:0%;
	top:0%;
	height:100%;
	width:10%;
}

.Logos-Ciemi img /* Image du Logo */
{
	position:relative;
	height:90%;
	width:auto;
	vertical-align:middle;
	margin-left:5%;
	margin-right: auto;
	margin-top:auto;
}

.Bannieres-Ciemi /* Ecriteau du Ciemi */
{
	position:absolute;
	display:inline-block;
	top:0%;
	right:0%;
	width:84%;
	font-family:"MigSoc Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	color:#FF6600;
	color:#FFF;
	text-align:center;
	text-shadow: -0.1px -0.1px, 2px, black;
	line-height:100%;
	height:100%;
}

.Boutonnieres-Menu /* Barre des boutons du menu */
{
	background-color:#CCCCDD;
	position:absolute;
	top:55%;
	min-height:45%;
	height:45%;
	width:100%;
	left:0%;
	text-align:center;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	font-style:italic;
}

.SmartMenuButton
{
	position:relative;
	left:2%;
	top:12%;
	height:76%;
	width:10%;
	overflow:hidden;
}

.SmartMenuButton img
{
	width:100%;
	height:100%;
}

.Boutonnieres-Menu p
{
	display:block;
	position:absolute;
	right:5%;
	top:5%;
	margin-bottom:10%;
	width:80%;
	height:80%;
	z-index:100;
	vertical-align:middle;
	font-weight:bold;
	color:#333;
}

.SmartMenuButton:hover
{
	background-color:#333;
}

.CascadeUn, .CascadeDeux
{
	display:none;
}

.CascadeUn
{
	position:absolute;
	left:0%;
	top:12%;
	width:33%;
}

.CascadeDeux
{
	position:absolute;
	left:98%;
	width:100%;
}

.CascadeUn li, .CascadeDeux li
{
	width:100%;
	position:relative;
	font-family:'MigSoc Pro', Verdana, Geneva, sans-serif;
	font-size:9pt;
    padding:6px;
    border-radius:6px;
	border-color:#333;
	border-style:solid;
	border-width:thin;
	background-color:#CCC;
	height:auto;
	list-style-type:none;
	display:block;
	margin-left:-33%;
	margin-bottom:1%;
}

.CascadeUn li
{
	background-color:#F93;
	font-weight:bold;
}

.CascadeUn li a, .CascadeDeux li a
{
	text-decoration:none;
	color:#000;
}

.CascadeDeux li
{
	background-color:#CCC;
}

.CascadeDeux li a
{
	color:#333;
	font-weight:normal;
}

.BoutonMenuPrinc, .BoutonMenuPrinc ul /* Boutons du menu principal */
{
	display:none;
}

/* Fin des barres */

.Ecrans-Grand, .Ecrans-Petit /* Ecrans d'articles */
{
	position:relative;
	overflow:auto;
	width:100%;
	max-width:100%;
	height:auto;
	margin-bottom:20px;
	overflow-y: scroll;
	overflow-style:auto;
	-webkit-overflow-scrolling: touch;
}

.ImageConteneurs-Fix2, .ImageConteneurs-Fix /* Conteneur d'images */
{
	background-color:#BBBBBB;
	position:relative;
	width:100%;
	height:auto;
	left:0%;
	box-shadow:0px 6px 5px grey;
	top:0px;
}

.ImageConteneurs-Fix2 img, .ImageConteneurs-Fix img
{
	top:0%;
	left:0%;
	width:100%;
	height:auto;
}

/* Légendes des photos */
.ImageConteneurs-Fix-Legende
{
	position:relative;
	background-color:#FFFFFF;
	height:auto;
	width:100%;
	margin-top:6px;
	top:auto;
	text-align:center;
}

.Legendes, .ImageConteneurs-Fix-Legende p
{
	color:#333333;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:8pt;
	font-style:italic;
	margin-top:4px;
	margin-left:3%;
	margin-right:3%;
	display:inline-block;
}

.ImageConteneurs-Fix3
{
	position:relative;
	width:100%;
	height:auto;
	box-shadow:3px 3px 4px #CCCCCC;
}

.ImageConteneurs-Fix3 img
{
	top:0px;
	width:100%;
	height:100%;
}

/* Textes principaux */
.TxtContainers-Grand, .TxtContainers-Petit /* Conteneur de texte */
{
	position:relative;
	width:90%;
	left:5%;
	right:5%;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

.TxtContainers-Grand .Normal, .TxtContainers-Grand p, .TxtContainers-Grand .Lettrine, .TxtContainers-Petit .Normal, .TxtContainers-Petit p, .TxtContainers-Petit .Lettrine, .TxtContainers-Grand li, .TxtContainers-Petit li /* Texte Normal */
{
	color:#333333;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	text-align:justify;
	text-indent:20px;
	font-size:10pt;
}

.TxtContainers-Grand a, .TxtContainers-Petit a
{
	color:#333333;
	text-decoration-color:#FF3300;
}

.TxtContainers-Grand a:hover, .TxtContainers-Petit a:hover
{
	color:#FF3300;
}

.TxtContainers-Grand .NormalNoEspacement, .TxtContainers-Petit .NormalNoEspacement
{
	margin-bottom:-9px;
}

.TxtContainers-Grand li, .TxtContainers-Petit li /* Listes */
{
	text-indent:0px;
	margin-bottom:6pt;
}

.TxtContainers-Grand .Lettrine, .TxtContainers-Petit .Lettrine
{
	text-indent:0px;	
}

.TxtContainers-Grand .Lettrine::first-letter, .TxtContainers-Petit .Lettrine::first-letter, .TxtContainers-Petit .Lettrine::first-letter
{
	color:#FF6600;
	font-size:20pt;
	margin-top:-0.5%;
	text-shadow:1px 1px 10px #999999;
	float:left;
}

.TxtContainers-Grand .Titre1, .TxtContainers-Petit .Titre1 /* Titre 1 */
{
	font-family:'MigSoc Pro',Verdana, Arial, Helvetica, sans-serif;
	font-size:18pt;
	text-align:center;
	font-weight:bold;
	color:#FF6600;
	text-shadow: 1px 1px 10px #999999;
}

.TxtContainers-Grand .Titre2, .TxtContainers-Petit .Titre2 /* Titre 2 */
{
	font-family:'MigSoc Pro',Verdana, Arial, Helvetica, sans-serif;
	font-size:14pt;
	text-align:left;
	font-weight:bold;
	color:#333333;
	list-style:disc;
	display:list-item;
	margin-top:20px;
	margin-bottom:-6px;
	text-indent:-3px;
	margin-left:16px;
}

.TxtContainers-Grand .Soutitre, .TxtContainers-Petit .Soutitre, .TxtContainers-Petit .Soutitre /* Soutitres */
{
	font-family:'MigSoc Pro',Verdana, Arial, Helvetica, sans-serif;
	font-size:14pt;
	text-align:center;
	font-weight:bold;
	color:#333333;
}

.TxtContainers-Grand .Citation, .TxtContainers-Grand .SignatureCitation, .TxtContainers-Petit .Citation, .TxtContainers-Petit .SignatureCitation /* Citations editos */
{
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	text-align:right;
	margin-bottom:-3px;
	color:#333333;
	font-style:italic;
}

.TxtContainers-Grand sup a, .TxtContainers-Petit sup a, .TxtContainers-Petit sup a /* Appels de note */
{
	text-decoration:none;
	color:#FF3300;
	font-size:7pt;
}

.TxtContainers-Grand .Signature, .TxtContainers-Petit .Signature /* Signature */
{
	font-style:italic;
	text-align:right;
	text-indent:0px;
}

/* Tooltips des notes de bas de page */
/* Tooltip container */
sup a
{
    position: relative;
    display: inline;
}

/* Tooltip text */
sup ~ .NotesBasDePage
{
	display:none;
    background-color:#FFCC99;
    color:#333333;
	position:absolute;
	max-width:60%;
	min-width:20%;
	height:auto;
	padding:8px;
	border-radius: 6px;
	text-indent:0px;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	overflow:visible;
	width:auto;
	margin-top:25px;
	margin-left:-34px;
	margin-right:80px;
	box-shadow: 7px 7px 8px #888888;
}

/* Tooltip arrow */
sup ~ .NotesBasDePage::after
{
    content: "";
    position: absolute;
    top: 0%;
    left:40px;
    margin-left: -10px;
	margin-top:-10px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #FFCC99 transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */

sup:hover ~ .NotesBasDePage
{
 	display:inline;
}

/* Socle */
.Socles
{
	position:relative;
	width:auto;
	left:0%;
	padding-left:5%;
	padding-right:5%;
	background-color:#333;
	color:#FFF;
	font-family:'MigSoc pro', Verdana, Geneva, sans-serif;
	font-size:9pt;
	text-align:center;
	overflow-x:hidden;
}

.Socles-Contacts
{
	margin-bottom:20px;
}

.Socles-Contacts p
{
	margin-bottom:-10pt;
}

.Socles-Dons img
{
	width:40%;
	height:auto;
}

.Socles-Mentions a
{
	text-decoration:none;
	border-bottom-color:#FF9933;
	border-bottom-width:thin;
	border-bottom-style:dotted;
	color:#FF9900;
}

/* Anglais */
div[id^="Eng_"]
{
	display:none;
}

/* Diaphorama photos */
.Photoshows
{
	position:relative;
	width:100%;
	height:auto;
	left:0%;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	font-style:italic;
	text-align:center;
	margin-bottom:8px;
}

.Photoshows ul
{
	display:none;
}

.Photoshows .Photoshows-Photos
{
	width:100%;
	top:0px;
	left:0px;
}

.Photoshows .Photoshows-Photos .Photoshows-Images
{
	width:100%;
	height:100%;
}

.Photoshows .Photoshows-Photos .Photoshows-Images img
{
	width:100%;
	height:100%;
}

.Photoshows-FlecheGauche, .Photoshows-FlecheDroite
{
	background-color:#FF6633;
	position:absolute;
	height:8%;
	width:8%;
	top:46%;
	font-weight:bold;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:14pt;
	border-radius: 10px;
	color:#FFFFFF;
	vertical-align:middle;
	opacity:0.8;
	cursor:pointer;
}

.Photoshows-FlecheGauche p, .Photoshows-FlecheDroite p
{
	margin-top:-25%;
}

.Photoshows-FlecheGauche
{
	left:0%;
}

.Photoshows-FlecheDroite
{
	right:0%;
}

.Photoshows .Photoshows-Legendes
{
	position:relative;
	width:90%;
	left:5%;
	right:5%;
	margin-top:8px;
	margin-bottom:8px;
}

.Photoshows .Photoshows-Enlarge
{
	position:relative;
	margin-top:-20px;
	margin-left:92%;
	width:15px;
	height:15px;
}

.Photoshows .Photoshows-Enlarge img
{
	height:100%;
	width:100%;
	opacity:0.8;
	cursor:pointer;
}

.Photoshows-FlecheGauche:hover, .Photoshows-FlecheDroite:hover, .Photoshows-Enlarge img:hover
{
	box-shadow:0px 0px 10px #FFFFCC;
	opacity:1;
}

.Photoshows-MaxiDiv
{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background-color:#010101;
	opacity:0.9;
	overflow:hidden;
}

.Photoshows-MaxiDiv2
{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	overflow:hidden;
	text-align:center;
}

.Photoshows-MaxiDivImageDiv
{
	width:auto;
	height:80%;
	left:auto;
	right:auto;
	display:inline-block;
	opacity:1;
	border:thin #FFFFFF dashed;
	z-index:20;
}

.Photoshows-MaxiDivImage, .Photoshows-MaxiDivImageDiv img
{
	width:100%;
	height:100%;
}

.Photoshows-MaxiDivBords1 /* Angle Bas-Droite */
{
	position:relative;
	margin-top:0%;
	left:0%;
	width:100%;
	height:14.8%;
	border-top:thin #FFFFFF dashed;
	border-collapse:collapse;
	text-align:center;
}

.Photoshows-MaxiDivBords2 /* Angle Haut Gauche */
{
	position:relative;
	margin-top:0%;
	width:100%;
	left:0%;
	height:5%;
	border-right:thin #FFFFFF dashed;
	border-bottom:thin #FFFFFF dashed;
	border-collapse:collapse;
	text-align:center;
}

.Photoshows-MaxiDivBords3 /* Angle Haut-Droit */
{
	position:relative;
	top:0%;
	width:auto;
	left:auto;
	right:auto;
	height:100%;
	border-left:thin #FFFFFF dashed;
	border-right:thin #FFFFFF dashed;
	display:inline-block;
}

.Photoshows-MaxiDivBords3 img
{
	height:100%;
	width:100%;
	opacity:0;
}

.Photoshows-MaxiDivBords4 /* Agle Bas-Gauche */
{
	position:relative;
	top:0%;
	width:auto;
	left:auto;
	right:auto;
	height:100%;
	border-left:thin #FFFFFF dashed;
	border-right:thin #FFFFFF dashed;
	display:inline-block;
}

.Photoshows-MaxiDivBords4 img
{
	height:33.78%;
	width:33.78%;
	opacity:0;
}

.Photoshows-MaxiDivLegend
{
	position:absolute;
	height:8%;
	left:25%;
	width:50%;
	top:90%;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	text-align:center;
	color:#FF9900;
	text-shadow: 2px 2px 8px #FFFFCC;
}

.Photoshows-MaxiDivClose
{
	position:relative;
	margin-top:-24px;
	width:18px;
	height:18px;
	left:95%;
	cursor:pointer;
}

.Photoshows-MaxiDivClose:hover
{
	box-shadow:2px 2px 8px #FFFFFF;
}

.Photoshows-MaxiDivClose img
{
	width:100%;
	height:100%;
}

/* Téléchargements */
hr
{
	border:thin solid #FF6600;
	width:90%;
	left:10%;
}

body li[value=pdf]
{
	background-image:url("../Images/Communes/AcrobatIcon.png");
	background-repeat:no-repeat;
	list-style:none;
	padding-left:55px;
	padding-top:15px;
	padding-bottom:15px;
	vertical-align:middle;
	margin-left:-35px;
}

body li[value=pdf] a
{
	color:#333333;
	text-decoration:none;
}

/* Pages entières */
/* Images à droite et à gauche */
.ImageBlockContainer-Droit, .ImageBlockContainer-Gauche
{
	position:relative;
	width:35%;
	height:auto;
	margin-top:2px;
	margin-bottom:2px;
}

#Vertical
{
	width:22%;
}

.ImagesBlock
{
	position:relative;
	border-color:#FF6600;
	border-style:solid;
	border-width:thin;
	width:100%;
	height:auto;
}

.ImageBlockContainer-Droit
{
	float:right;
	margin-left:6px;
}

.ImageBlockContainer-Gauche
{
	float:left;
	margin-right:6px;
}

.LegendesBlock
{
	position:relative;
	margin-left:3px;
	margin-right:3px;
	margin-top:2px;
	text-align:center;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-style:italic;
	color:#666666;
	width:100%;
	height:auto;
}

/* Logos Réseau CES */
.TxtContainers-Petit .AdresseReseau
{
	text-indent:0px;
	font-weight:bold;
	margin-bottom:-9px;
}

.LogosReseauOld
{
	width:100%;
	position:relative;
	height:auto;
	text-align:center;
	margin-top:6px;
	margin-bottom:6px;
}

.Fed-Logos
{
	position:relative;
	display:inline-block;
	height:60px;
}

.LogosReseauOld div:nth-child(1){width:16%}
.LogosReseauOld div:nth-child(2){width:30%}
.LogosReseauOld div:nth-child(3){width:19%}
.LogosReseauOld div:nth-child(4){width:29%}

.Fed-Logos img
{
	-webkit-filter: drop-shadow(2px 2px 5px #777777);
    filter: drop-shadow(2px 2px 5px #777777); 
	background-color:transparent;
	width:100%;
	height:100%;
}

.Fed-Legend
{
	padding:3px;
	color:#666666;
	font-size:9pt;
	font-style:italic;
	text-align:center:
}

.LogoCentre
{
	text-align:center;
}

.LogoCentre img
{
	height:50px;
	width:auto;
	-webkit-filter: drop-shadow(2px 2px 5px #777777);
    filter: drop-shadow(2px 2px 5px #777777); 
}

.ResMap
{
	position:relative;
	width:100%;
	height:auto;
	margin-top:46px;
	margin-bottom:6px;
	text-align:center;
	border-bottom-style:none;
}

.ResMap img
{
	width:100%;
	height:100%;
	border-bottom-style:none;
}

/* Listes historique migratoire */
.LogIsolContainers
{
	position:relative;
	margin-bottom:20px;
	width:100%;
	left:0%;
	height:auto;
	text-align:center;
}

.LogosIsoles
{
	width:20%;
	display:inline-block;
	height:auto;
}

.LogosIsoles img
{
	width:100%;
	height:auto;
}

.LatMenuList li
{
	font-family:'MigSoc Pro', Verdana, Geneva, sans-serif;
	font-size:1vw;
	list-style-type:square;
	text-align:center;
	list-style-position:inside;
}

.LatMenuList li a
{
	color:#333333;
	text-decoration:none;
}

.LatMenuList li a:hover
{
	color:#FF6600;
}

/* Ajouts actuels*/
/* Bibliothèque en ligne */
.TxtContainers-Biblio /* Conteneur de texte biblio */
{
	position:relative;
	width:100%;
	left:0%;
	right:0%;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	display:inline-block;
}

.TxtContainers-Biblio:first-child
{
	background-color:#EEEEEE;
}

.TxtContainers-Biblio .Titre1 /* Titre 1 */
{
	font-family:'MigSoc Pro',Verdana, Arial, Helvetica, sans-serif;
	font-size:20pt;
	text-align:center;
	font-weight:bold;
	color:#FF6600;
	text-shadow: 1px 1px 10px #999999;
}

.GroupeVolets:before, .GroupeVolets:after /* Ajout d'éléments après les UL */
{
	/*content:"";
	display:table;*/
}

.GroupeVolets:after /* Ne permet pas d'éléments flottants dans les éléments après les UL*/
{
	clear: both;
}

.GroupeVolets
{
	width:90%;
}

.Tabs
{
	list-style: none;
	margin: 10px auto 0px; /* top, right, bottom */
	width: 90%;
}

.Tabs li
{
	/* Crée une file horizontale */
	float: left;
	/* de manière à placer les pseudo-éléments à l'intérieur */
	position: relative;
	list-style:none;
	display:block;
	white-space:normal;
	width:33%;
	text-align:center;
	margin-left:-10px;
}

.Tabs li:nth-child(1)
{
	letter-spacing:-1px; /* Premier tab avec un texte plus long*/
}

.Blanko /* Corrige le Padding reconnu uniquement par FF */
{
	width:2%;
	margin-left:0px;
	display:inline;
	position:relative;
}

.Tabs a
{
	/* En faire un bloc et seulement aussi large que nécessaire */
	float: left;
	padding: 10px; /* top du volet */
	text-decoration: none;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	font-variant:small-caps;
	/* Couleurs par défaut */
	color:#EEEEEE;
	background-color:#AAAAAA;
	/* Arrondir uniquement les angles supérieurs */
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	text-align:center;
}

.Tabs a:hover
{
	text-shadow:4px 4px 6px #888888;
	color:#FF3300;
}

.Tabs .CurrentTab
{
	/* Le volet actif doit être devant */
	z-index: 3;
}

.Tabs .CurrentTab a
{
	/* Couleur du volet actif */
	background-color:#FFFFFF;
	font-weight:900;
	color:#FF3300;
}

.Tabs li:before, .Tabs li:after, .Tabs li a:before, .Tabs li a:after
{
	/* Tous les peudo-éléments sont placés en mode absolu derrière */
	position: absolute;
	bottom: 0px;
	z-index:-1;
}


/* Seuls les éléments premier, dernier et actif ont besoin de pseudo-éléments */

.Tabs li:last-child:after, .Tabs li:last-child a:after, .Tabs li:first-child:before, .Tabs li:first-child a:before, .Tabs .CurrentTab:after, .Tabs .CurrentTab:before, .Tabs .CurrentTab a:after, .Tabs .CurrentTab a:before
{
	content: "";
}

.Tabs .CurrentTab:before, .Tabs .CurrentTab:after
{
	background-color:#FFFFFF;
	/* Carrés sous les cercles */
	z-index: 1;
	display:none;
}

.Tabs li:before, .Tabs li:after /* Carrés */
{
	background-color:#AAAAAA;
	width: 10px;
	height: 10px;
	display:none;
}

.Tabs li:before
{
	left: -10px;
}

.Tabs li:after
{
	right: -10px;
}

.Tabs li a:after, .Tabs li a:before /* Cercles */
{
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color:#EEEEEE;
	/* Cercles devant les carrés */
	z-index: 2;
	display:none;
}

.Tabs .CurrentTab a:after, .Tabs .CurrentTab a:before
{
	background-color:#AAAAAA;
}

/* Le premier et le dernier volets ont d'autres exigences de couleur */

.Tabs li:first-child.CurrentTab a:before, .Tabs li:last-child.CurrentTab a:after
{
	background-color:#EEEEEE;
}

.Tabs li a:before
{
	left: -20px;
}

.Tabs li a:after
{
	right: -20px;
}

.RechercheMC
{
	position:relative;
	width:90%;
	left:5%;
	min-height:600px;
}

.TexteToggle
{
	position:relative;
	width:100%;
	display:none;
}

.RechercheMC .Normal, .TexteToggle Normal
{
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	color:#333333;
	text-align:justify;
	text-indent:25px;
	margin-bottom:6px;
}

.RechercheMC .Titre2
{
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:15pt;
	color:#FF3300;
	text-align:center;
}

.RechercheMC .HR-Onglets
{
	border-color:transparent;
	border-top-color:#666666;	
	width:100%;
	border-top-style:solid;
	border-top-width:thin;
	margin-top:-20px;
	margin-bottom:-7px;
	cursor:pointer;
}

.RechercheMC .HR-Fleche
{
	font-family:Ciemicon;
	font-size:14pt;
	text-align:center;
	color:#FF3300;
	cursor:pointer;
	margin-top:0px;
}

.FormuleRecherche
{
	background-color:#F0F0F0;
	position:relative;
	width:98%;
	padding: 5px 10px 5px 10px;
	height:auto;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	min-height:calc(5px + 10pt);
	color:#333333;
	left:0%;
	margin-top:-20px;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}

.BoutonsRecherche
{
	background-color:#FF9933;
	border-radius: 8px 8px 8px 8px;
	padding:6px 5px 6px 5px;
	width:auto;
	height:auto;
	font-family:'MigSoc Pro'; Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
}

.BoutonsRecherche:hover
{
	background-color:#FFCC66;
}

#EffaceTout1, #EffaceElement1
{
	position:relative;
	float:right;
	display:inline-block;
	margin-top:3px;
	margin-left:3px;
	right:0%;
}

.SaisieFormules
{
	position:relative;
	border-color:#666688;
	border-style:solid;
	border-width:thin;
	width:50%;
	height:auto;
	padding:4px 3px 4px 3px;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:11pt;
	color:#333333;
	z-index:502;
}

#SaisieFormule2, #SaisieContainer
{
	position:relative;
	width:90%;
	left:5%;
}

#SaisieContainer
{
	height:20px;
	border-style:none;
}

#SaisieFormule3
{
	position:absolute;
	top:0%;
	left:0%;
	height:auto;
	min-height:20px;
	width:100%;
}

#SaisieFormule3:after
{
	content:"";
	color:#FF0000;
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#SaisieF3Bis
{
	position:absolute;
	background-color:transparent;
	top:0%;
	left:0%;
	height:auto;
	min-height:20px;
	width:100%;
	color:transparent;
	caret-color:black;
}

.MotOK
{
	color:#006600;
	font-style:italic;
}

.OperateurMC, .OperateurBool
{
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	font-variant:small-caps;
}

.OperateurBool
{
	color:#FF3300;
}

.SaisieFormules:hover
{
	border-color:#FF3300;
	box-shadow: 2px 2px 4px #CCCCCC;
}

#SaisieContainer:hover
{
	box-shadow: none;
}

#ULContainer
{
	position:relative;
	margin-top:-20px;
	z-index:501;
	display:none;
}

.Suggestions
{
	position:absolute;
	border-color:#666688;
	border-style:solid;
	border-width:thin;
	border-top-style:none;
	background-color:#FFFFFF;
	width:76%;
	height:auto;
	padding:4px 3px 4px 3px;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:11pt;
	color:#333333;
	cursor:pointer;
	box-shadow: 2px 2px 4px #CCCCCC;
	z-index:501;
}

.Suggestions li
{
	position:relative;
	display:inline-block;
	width:100%;
}

.Suggestions li:hover
{
	background-color:#EEEEEE;
}

.Suggestions li a
{
	text-decoration:none;
	color:#333333;
}

.Suggestions li a:focus
{
	color:#FF3300;
	display:inline-block;
	background-color:#EEEEEE;
	width:100%;
}

.FauxMotCle
{
	color:#003300;
}

.LegendesFormules
{
	position:absolute;
	display:inline;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:7pt;
	font-style:italic;
	margin-top:2px;
	color:#999999;
	left:0px;
	height:auto;
}

.TypeRecherche
{
	position:relative;
	width:auto;
	height:auto;
	padding:3px 30px 3px 30px;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	display:inline-table;
	float:left;
	border-radius: 10px 10px 0px 0px;
	border-style:solid;
	border-color:#CCCCCC;
	border-width:thin;
	cursor:pointer;
	margin-top:40px;
	font-variant:small-caps;
	letter-spacing:4px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Sfri7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.TypeRecherche:hover
{
	color:#FF3300;
	text-shadow:2px 1px 3px #888888;
}

.TypeRechercheActive
{
	color:#FF3300;
	border-color:#FF3300;
}

.ListeAnnees
{
	position:relative;
	width:auto;
}

.TextLabels
{
	display:inline;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333333;
	margin-right:60px;
}

.BoutonsRecherche2, .BoutonsRecherche3
{
	background-color:#FF9933;
	border-radius: 8px 8px 8px 8px;
	padding:8px 8px 8px 8px;
	width:auto;
	height:auto;
	font-family:'MigSoc Pro'; Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
	display:inline-block;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}

.BoutonsRecherche2:hover, .BoutonsRecherche3:hover
{
	background-color:#FFCC66;
}

.BoutonsGoCherche
{
	position:relative;
	background-color:#FF3300;
	color:#FFFFFF;
	width:auto;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:10px;
	padding-top:0px;
	border-radius: 20px 20px 20px 20px;
	cursor:pointer;
	margin: auto;
	margin-top:20px;
	margin-bottom:30px;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10pt;
	border-radius:5px;
	display:list-item;
	display:inline-block;
	list-style-position:outside;
	text-align:left;
	box-shadow:3px 3px 4px #999999;
	list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAMAAADK8RQqAAABdFBMVEUAAAAuLi6kpKTJyckiIiJTU1NbW1t1dXV0dHS3t7f6+vpeXl5xcXFaWloyMjJVVVVcXFxxcXF3d3eUlJSysrLd3d3z8/P+/v5+fn5TU1MrKytZWVk5OTlZWVk/Pz9MTExSUlJERERMTExNTU1jY2N6enp+fn58fHyNjY2Hh4egoKCpqam1tbWurq6/v7/FxcXMzMzU1NT9/f1EREQHBwcmJiYUFBRHR0c4ODhVVVUgICBNTU02NjZHR0c1NTU3NzdPT09JSUlVVVVERERcXFxTU1NgYGBfX19tbW1wcHBtbW1sbGyCgoKCgoKUlJSYmJijo6Pk5OTs7Oz///8hISH5+fmQkJASEhL9/f3Nzc0bGxv7+/v29vbm5ubg4OAtLS0eHh4NDQ3y8vLu7u7Y2NjJycmfn5+cnJybm5uYmJiSkpJ2dnZpaWkyMjIrKyvw8PDn5+fj4+PS0tLQ0NDAwMCpqamCgoJtbW1aWlpTU1M4ODgqKir61AD8AAAAU3RSTlMA8Gg7/sa/n5hSBvz69evprqOceVkmDQH+9/Pq4+LdzcvLw7yzlpGMgH5lY1VUSkM1LwL+/vr49vXz8u3n5eTj4tzY0bm4t7afnpyciYNwZ2McFPEjc9AAAAErSURBVBjTXc9VVwJRAATg6/bS3d0lZXd3e++yuzSCgCDY/eddPS56nMfvYc4M+M75MaVVrzM4+I3FbFbga+2ywEFRGVWMnCSm/Nrbi4LaqbqEhf2Rj6Hi8E6sNXat5oM+tCVk92C6XnkpYaBB3hLsNn1yk2ZlrNqd9mgcJpZl3gVVTu4p1rhrHiEUSWHGeuVq/J87QlgS0/zxer3aaSC07cVMxlVBdWKR9/C98oAnDCEjq+s0iQn30dnPzo/qw6DBRLaCNtjn70tPTib75cT8QkX6Nfci/Zp8hhAKj6+HkiPv6bB9U+I4Uanzv7WgFE4LXGEDmd6IUjPu2UA8RQc2CyUIxR2wSPrIjIta3gNhOoOzyXzc3oJKHGB6vUkR09M4yKWtViAlS9lj4BM0hD6BP3wi+gAAAABJRU5ErkJggg==");
}

.BoutonsGoCherche li
{
	margin-bottom:-3px;
	margin-top:-3px;
}

.BoutonsGoCherche:hover
{
	background-color:#FF8800;
}

.LoadMess
{
	position:absolute;
	top:40%;
	left:40%;
	width:20%;
	height:auto;
	font-family:"MigSoc Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-align:center;
	background-color:#FFFFFF;
	border-radius:6px;
	border: thin solid #333333;
	box-shadow: 6px 5px 8px #CCCCCC;
	display:none;
}

.Loader
{
	display:inline-block;
	text-align:center;
	border: 4px solid #f3f3f3;
	border-radius: 50%;
	border-top: 4px solid #FF3300;
	width: 30px;
	height: 30px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	margin-top:6px;
}

.LoadWrit
{
	margin-bottom:6px;
}

/* Safari */
@-webkit-keyframes spin
{
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Résultats de la biblio en ligne */

#TxtContainerGrandResults
{
	min-height:80%;
	background-color:#EEEEEE;
	width:100%;
	left:0%;
}

.EcransResultats
{
	position:relative;
	min-height:600px;
	left:2.5%;
	height:auto;
	width:95%;
	background-color:#FFFFFF;
	border-radius: 10px 10px;
	margin-bottom:20px;
	bottom:2%;
	overflow:auto;
	display:block;
}

#RBoard
{
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	color:#666666;
	width:100%;
	height:auto;
}

.ResultBarres
{
	position:relative;
	margin-top:4px;
	width:94%;
	left:3%;
	height:auto;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333333;
	text-align:center;
	border-bottom:thin solid #666666;
	padding-bottom:4px;
	margin-bottom:10px;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}

.ResultBarres div
{
	display:inline-block;
}

.ResultatsParPage
{
	left:0px;
	width:auto;
	position:absolute;
}

.ResultRecords
{
	right:0px;
	text-align:right;
	position:absolute;
}

.ResultPages
{
	position:relative;
	padding-left:10px;
	padding-right:10px;
	letter-spacing:6px;
}

.ResultIcons
{
	font-family:Ciemicon;
	color:#FF3300;
	font-size:10pt;
}

#BarreNavig2
{
	border-top:thin solid #666666;
	border-bottom-style:none;
	padding-top:6px;
	bottom:4px;
}

.TextesResultats
{
	min-height:300px;
	position:relative;
}

.Pags, .ResultPages a
{
	font-weight:bold;
	text-decoration:none;
	color:#FF3300;
}

.Pags:hover, .ResultIcons:hover
{
	text-shadow: 1px 1px 3px #777777;
}

.ResultIcons
{
	cursor:pointer;
}

.ResultPages .PagsActive
{
	color:#FFFFFF;
	outline-style:groove;
	outline-width:thin;
	outline-color:#CC9900;
	letter-spacing:0px;
	padding-right:3px;
	padding-left:3px;
	margin-left:-3px;
	margin-right:3px;
	background-color:#FF3300;
}

.ResultPages .PagsActive:hover
{
	color:#FFFFFF;
}

#OutilLine
{
	position:relative;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-style:italic;
	left:2%;
	padding-left:10px;
	padding-right:10px;
	margin-top:-10px;
	width:96%;
	display:table;
	color:#777777;
}

#OutilBoard
{
	display:list-item;
	position:absolute;
	width:40%;
	text-align:left;
	list-style-position:inside;
	list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAB2lBMVEUAAAAoOEFTVlg8REiVlZX7+/sfOkYfNkEkMjkyP0dESkxrbGx1dXW5ubnX19fc3NwNNUgGKj8POk4RKToVNEQaOkgdOkchND8lOkYuPUYxP0Y3QUhCSUtLUFJeYWFycnJ8fHx/f3+Li4uenp6pqamsrKzf39/z8/MKjdIbktEBe8X///////z5+Pjm7/SFweHq4Nvf3Nk0ntYfmtUIhs4Fg8wVisoPh8gShMQEdr79/Pno5+ckqucorOabyOJluOKJw+DE1d7d3d1vtNwhotzV2duBuNtWotJNotBOoNA2l88Ois09k8sRi8gAfsgJe74Sh70BbLMLbJ4IR2cAK0ny9vj09fUrs/Dz8e+73u/38O3c5+3N4u3C3u242O3r6+vd5uqw0unw6+iczeipz+YfpeZ5vuVMtOXE2OTo5eLl4+KSxeLi4uE2q+EmqOAXnODh396qzN7Z3N3N19y+0tx4utxstNsqpNt9ttoRldp5tNmQvtg0o9iNvddXptd8t9ZMptYsnta1ydWoxNRjq9QXldQPkdNPn9A/mdAplNAZj88Ui84ZjMwBgMwojMoQgscFgMcRicMSfcMLeboQgLkNc64ceaIaeKEZcZYOYo8IWoEOWX8OTm4NRF+vNQYnAAAAKHRSTlMA2a3FagTl5d3Ou5SKRigj/Pz47+7t6+Hd09DJvrWijYOAdGFWUyAMgfb7/QAAAQ5JREFUGNMVwQOWwwAUAMCf1F7bTFIjqm23a9u2bdt33dcZAGgUFiIcVFLPbZLJeQA8aTbFJl7e0l8/v3954haozZhIgoiT2NbCmNX6jkJpZLxrROvZv7xniDObrQQEdL9SqVSp1G0aP+udLwaEHtL0adTtarPKHD338qGCHu291nrC9u3NngBm5AMnZu80rFOP/ufoYADDy6AqNjNgwCO34YfJ7guMQqD6yWk5wg6v4qfDlpCJKQc0qZ3eNS7hN66p2ZApIYKapEO3srp8sLPodgdJthLqPjucLp9Pp9Pr9cG7lBgUwg/jxtyEY23v5NhAZLkACglHUJD5Tr9SOJPfADm8VrmMK0VFRUgzwD93Fj/wvUJp0QAAAABJRU5ErkJggg==");
}

#OutilBoard span:hover
{
	cursor:pointer;
	color:#000000;
	text-shadow:1px 1px #CCCCCC;
}

#BaseVersion
{
	position:absolute;
	display:inline;
	float:right;
	left:auto;
	width:auto;
	right:3%;
	text-align:right;
}


.ListeBiblio
{
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	text-align:justify;
	text-indent:-50px !important;
	margin-left:60px !important;
	margin-right:10px !important;
	margin-bottom:5px !important;
}

.ListeBiblio::before
{
	content:"™ ";
	font-family:Ciemicon;
	color:#FF3300;
}

.ListeBiblio:hover
{
	cursor:pointer;
	color:#FF2200;
}

.ComplListeBiblio
{
	display:none;
	background-color:#DCDCDC;
	padding:1px 15px 20px 15px !important;
	border-bottom:thin solid #FF3300;
}

.ComplListeBiblio p
{
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin-bottom:-8px !important;
	text-align:justify;
	text-indent:0px !important;
}

.Closer
{
	text-align:center;
	font-family:Ciemicon !important;
	position:relative;
	width:100%;
	height:auto;
	color:#FF3300;
	margin-top:10px !important;
	margin-bottom:-23px !important;
	cursor:pointer;
	text-decoration:underline;
}

/* Fin des styles de la bibliothèque en ligne */

/* Section Livres */

.CenterDivImages
{
	position:relative;
	width:60%;
	left:20%;
	height:auto;
	margin-bottom:20px;
}

.CenterDivImages img
{
	-webkit-filter: drop-shadow(2px 2px 5px #777777);
    filter: drop-shadow(2px 2px 5px #777777); 
	width:100%;
	height:auto;
}

.Intros
{
	position:relative;
	width:90%;
	left:5%;
}

.LivreContainers
{
	margin-top:12px;
	position:relative;
	width:98%;
	left:1%;
	height:110px;
	margin-bottom:6px;
}

.LivreIcons, .LivresQuotes, .LivBoutons
{
	position:absolute;
	top:0%;
}

.LivreIcons
{
	height:100%;
	width:8%;
	left:0%;
	border:#666666 thin solid;
	box-shadow: 3px 3px 6px #444444;
	cursor:pointer;
}

.LivreIcons img
{
	width:100%;
	height:100%;
	transition: 0.3s;
}

.LivreIcons img:hover
{
	opacity: 0.7;
}

.LivresQuotes
{
	left:9%;
	width:78%;
	height:100%;
	cursor:pointer;
}

.LivresQuotes p:hover
{
	color:#FF3300;
}

.LivTitres
{
	font-weight:bold;
	color:#000000;
}


.LivresQuotes p
{
	font-family:Ciemiweb, Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	color:#222222;
	text-indent:0px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:-4px;
	text-align:justify;
}

.LivBoutons
{
	left:88%;
	width:12%;
	height:100%;
}

.LivPDF, .LivAcheter
{
	position:absolute;
	width:100%;
	height:30%;
	text-align: center;
	font-family:"MigSoc Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	border-radius:30px;
	background-color:#EEEEEE;
	border:thin solid #FF3300;
}

.LivIndispoPDF, .LivIndispoAcheter
{
	position:absolute;
	width:100%;
	height:30%;
	text-align: center;
	font-family:"MigSoc Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	border-radius:30px;
	background-color:#555555;
	color:#CCCCCC;
	border:thin solid #666666;
}

.LivPDF div, .LivAcheter div
{
	line-height:35px;
	cursor:pointer;
}

.LivIndispoPDF, .LivIndispoAcheter
{
	line-height:35px;
	cursor:not-allowed;
}

.LivPDF:hover, .LivAcheter:hover
{
	box-shadow:4px 4px 6px #777777;
	background-color:#FFFFFF;
}

.LivPDF, .LivIndispoPDF
{
	top:10%;
}

.LivPDF div
{
	display:list-item;
	list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAMAAAAs2N9uAAABxVBMVEUAAAD//f39+/vtz9D78/PowcP25+f36er89vbbn6LdpKfgqqzjuLnw2Nn8c3rAPEG/QkfEVFnceX7LdXnRfIDZjZDz4OH57/D6cXbpPET5XGLMNTvPQEbwVVu+QEbrXGLvWV/xb3XJT1W9Sk/tanHTV1y/T1TdWF7bbXLkbHLjf4THbnPQc3fggofLe3/iiY3Vk5binqHir7Hsycrx3N3z3d60AAb/XGP/ZGz/QUrKAQnHAQmqAAT/jZP/iY//g4r9gIf4aXDuUFj/SVL5P0f/OUPEKC7lHijwGCPaGSK5ExrCBAzRAAm9AAndAAfBAAe6AAXWAAP/uLv6srb5p6v/pKn2mJ39i5H3i5Huhor1fYT8eoH/eoDxd33/dHvycXf/cHfvbHLwZWvBZ2r5X2a2X2P+WWHpWF/qVl3HT1T0SlPaS1H7RE35QkvqP0f9PEX1O0TtOUK3Oj/0ND39Mz2tNDjXMTjxLzj/KzToKjSyLTL1KTLkKDC5KS/fJi/aIyz4ISvSICe6HSTFHCPsFiG2GR/fFB7vERzOEhrEEhrsDxjjDhizEBapDROwCxLWBxHfBRDmBQ6sBg3NAAivAAfEAASmAAAfowVIAAAANnRSTlMAAgQwDD4YFglkXVdHJ/rw4smWlo14HxD39/Xz7Ovp4eHe2tnWy8rBpZ+dm5qMiYJvaFI4IyLA7pNZAAABFElEQVQY02MAA0Y2ZlZmdkYgC8pnYtZVkeDjU9QyhomwcCvYB4Xa2tnHSOlzgIU4jGRt7cKDHSwszM0tNUFiTLzqcdEJFg4h5s6WriUVokAhFi5JxxTzNOewCMd8l/gkeVMGBnaRGqesXEvXqByX2MgMdw9DBgYxHc+6wvLqhsSCYicPv8AuIaCQSKO1p3tLe3pe5UQ/H59uDSYGNgNp7wCr/gnZZYGTrayt2oSYGFh4BJvNzLynZrr5+/v6WtdzMgIdIcrvZTOlJ7nJzMwsoEOVlxHoClZh/tZppam9NjZmnTJcLCAPsbPqKdcWVU3q83JT4mRnAntSnJlTW01ATkBQmIeNCepxDjZmHm4ublYTcZAIAOE0N6+NmQdNAAAAAElFTkSuQmCC");
}

.LivPDF div img
{
	vertical-align:text-top;
}

.LivAcheter, .LivIndispoAcheter
{
	top:50%;
}

.Closer2
{
	text-align:center;
	font-family:Ciemicon !important;
	position:relative;
	width:100%;
	height:auto;
	color:#FF3300;
	margin-top:10px !important;
	margin-bottom:-23px !important;
	cursor:pointer;
	text-decoration:underline;
}

.LivBigImage
{
	display:none;
	position:fixed;
	z-index:2001;
	padding-top:5%;
	left:0%;
	top:0px;
	width:100%;
	height:90%;
	overflow:scroll;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.9);
}

/* Contenu modal (image) */
.LivBigImage-content
{
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
}

/* Animation de l'image grande */
.LivBigImage-content, #caption
{  
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

@-webkit-keyframes zoom
{
	from
{-webkit-transform:scale(0)} 
	to
{-webkit-transform:scale(1)}
}

@keyframes zoom
{
	from
{transform:scale(0)} 
	to
{transform:scale(1)}
}

/* Bouton de fermeture de l'image grande livre */
.LivBigImgClose
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	top:3%;
	right:20%;
	color:#f1f1f1;
	font-size:40px;
	font-weight:bold;
	transition:0.3s;
	z-index:2000;
}

.LivBigImgClose:hover,
.LivBigImgClose:focus
{
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
.LivBigImage-content
{
	  width: 100%;
	}
}

.LivBigImagePartic
{
	display:none;
}

.TitreCollection
{
	font-family:"MigSoc Pro", Verdana, Arial, Helvetica, sans-serif !important;
	font-size:18pt !important;
	font-weight:bold !important;
	color:#FF3300 !important;
	text-align:center !important;
	margin-top:72px !important;
	margin-bottom:36px !important;
}

/* Styles de la page de NOE */
#NoeContainer
{
	position:relative;
	margin-top:20px;
	left:0%;
	width:100%;
	height:400px;
}

.TableauxGeneraux
{
	border-radius:6px;
	border-style:solid;
	border-width:thin;
	width:100%;
	height:auto;
	border-color:#333333;
	vertical-align:center;
	border-collapse:collapse;
	outline:#FF6600 solid thin;
}

.TableauxGeneraux th, td
{
	border-color:#CCCCCC;
	border-style:solid;
	border-width:thin;
}

.TableauxGeneraux p
{
	font-family:'MigSocPro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin-top:0px;
	margin-bottom:0px;
}

.TableauxGeneraux tr td:nth-child(1)
{
	width:33%;
}

.TableauxGeneraux tr td:nth-child(2)
{
	width:33%;
}

.TableauxGeneraux tr td:nth-child(2) p
{
	text-align:center;
}

.TabLigneTitres p
{
	text-align:center;
	font-weight:bold;
}

.TbCellPrix p
{
	text-align:right;
	margin-right:40%;
}

.AboNoes
{
	position:relative;
	width:100%;
	/*border-color:#666666;
	border-width:thin;
	border-style:solid;*/
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333333;
	margin-bottom:8px;
	height:20pt;
	display:table;
}

.LignesAbonnement, .PrixAbonnements, .BoutonsAcheteAbonnement
{
	position:absolute;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
	top:0%;
}

.LignesAbonnement
{
	left:4%;
	width:60%;
}

.PrixAbonnements
{
	left:64%;
	width:8%;
}

.BoutonsAcheteAbonnement
{
	/*left:72.5%;*/
	right:0%;
	width:22.5%;
	border-style:solid;
	border-width:thin;
	border-color:#666666;
	background-color:#FF6600;
	height:100%;
	margin-top:0px;
	border-radius:5px;
	text-align:center;
	vertical-align:bottom;
	display:table;
	vertical-align: middle;
}

.BoutonsAcheteAbonnement div
{
	font-weight:bold;
	/*position:absolute;*/
	margin-top:4px;
	margin-bottom:4px;
	color:#FFFFFF;
	width:auto;
	height:auto;
	left:0%;
	text-shadow:#333333 3px 3px 4px;
	cursor:pointer;
}

.BoutonsAcheteAbonnement:hover
{
	box-shadow: 0px 0px 9px #777777;
}

/* Conseil scientifique */
.MSCSPerson
{
	margin-bottom:-10px;
	margin-left:-15px;!important
	display:inline;
	font-weight:bold;
}

.MSCSPerson::before
{
	content:"° ";
	font-family:Ciemicon;
	color:#FF3300;
	font-weight:normal;
}

.MSCSNom
{
	font-variant:small-caps;
}

#TxtContainerGrand .MSCSDetails
{
	font-style:italic;
	font-size:9.5pt;
	color:#666666;
	margin-left:40px;
	text-indent:0px;
}

.MSCSFunction
{
	font-weight:normal;
}

/* MS numéros parus */
.MSZonesTitres
{
	position:relative;
	left:0%;
	width:100%;
	font-family:'MigSoc Pro', Verdana, Geneva, sans-serif;
	height:auto;
	margin-bottom:35px;
}

.MSZonesTitres .MSNum
{
	font-size:20pt;
	color:#111111;
	font-weight:bold;
	text-align:center;
	margin-bottom:-20px;
	text-shadow:1px 1px 3px #999999;
}

.MSZonesTitres .MSBimTrim
{
	font-size:15pt;
	color:#333333;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}

.MSZonesTitres .MSDoss
{
	font-size:11pt;
	color:#333333;
	text-align:center;
	padding-left:2%;
	padding-right:2%;
}

.MSZonesTitres .MSCouvsDN
{
	display:block;
	margin-top:10px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	width:135px;
}

.MSZonesTitres .MSCouvsDN img
{
	height:auto;
	width:100%;
	border:thin solid #F30;
	border-bottom-color:#333;
	border-left-color:#666;
	border-right-color:#999;
	border-top-color:#CCC;
	box-shadow:-5px 5px 6px #CCC;
}

.ButtMSContainers
{
	left:auto;
	right:auto;
	width:auto;
	text-align:center;
}

.ButtMSContainers .MSButtonsPDF
{
	display:inline-block;
}

.MSButtonsPDF
{
	right:0%;
	width:25%;
	border-style:solid;
	border-width:thin;
	border-color:#666666;
	background-color:#FF6600;
	height:auto;
	margin-top:6px;
	border-radius:5px;
	text-align:center;
	vertical-align:bottom;
	display:table;
	vertical-align: middle;
}

.MSButtonsPDF div
{
	font-weight:bold;
	margin-top:4px;
	margin-bottom:4px;
	color:#FFFFFF;
	width:auto;
	height:auto;
	left:0%;
	text-shadow:#333333 3px 3px 4px;
	cursor:pointer;
}

.MSButtonsPDF:hover
{
	box-shadow: 0px 0px 9px #777777;
}

.MSHr
{
	width:50%;
	border:0px solid;
	border-top-width:thin;!important
	border-top-style:solid;
	border-top-color:#333;
	margin-bottom:20px;
	margin-top:10px;
}

.SommairesMS
{
	position:relative;
	width:100%;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:10pt;
}

.SommairesMS .MSSommRubriques, .MSSommRubriquesDoss
{
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:30px;
	font-family:'MigSoc Pro', Verdana, Geneva, sans-serif;
}

.SommairesMS .MSTr
{
	display:table-row;
	width:100%;
	color:#333;
	cursor:pointer;
}

.SommairesMS .MSTr:hover
{
	text-shadow:#333333 0.5px 0.5px 1px;
	color:#000;
}

.SommairesMS .MSSommArticles, .MSSommArticlesDoss
{
	position:relative;
	font-weight:normal;
	text-align:left;
	display:block;
	list-style:disc;
	width:100%;
	margin-bottom:2px;
	padding-bottom:1px;
	padding-left:20px;
	padding-right:20px;
	text-indent:-20px;
	vertical-align:top;
}

.SommairesMS .MSSommArticles::before
{
	content:"ü ";
	font-family:Ciemicon;
	color:#FF3300;
	font-weight:normal;
}

.SommairesMS .MSSommArticlesDoss
{
	font-weight:bold;
	color:#F30;
}

.SommairesMS .MSSommArticlesDoss:hover, .MSSommAuteursDoss:hover
{
	text-shadow:none;
}

.SommairesMS .MSSommAuteurs, .MSSommAuteursDoss
{
	position:relative;
	text-align:right;
	font-style:italic;
	font-size:9.5pt;
	display:block;
	width:100%;
	margin-bottom:8px;
	right:0px;
}

.SommairesMS .MSSommRubriquesNouv
{
	text-align:left;
	margin-top:30px;
	font-weight:bold;
	font-family:'MigSoc Pro', Verdana, Geneva, sans-serif;
	display:block;
	width:100%;
	margin-bottom:-5px;
}

.SommairesMS .MSSommAuteursNouv
{
	text-align:right;
	margin-top:6px;
	font-style:italic;
	font-size:9.5pt;
	display:block;
	width:100%;
	margin-bottom:0px;
}

.MSSomDetails
{
	background-color:#DCDCDC;
	padding:1px 15px 20px 15px !important;
	margin-bottom:5px;
	margin-left:30px;
}

.MSSomDetails p
{
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin-bottom:-8px !important;
	text-align:justify;
	text-indent:0px !important;
}

.BandeauxParus
{
	position:relative;
	width:100%;
	background-color:#FF6600;
	border-radius:5px;
	height:18pt;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	display:table;
	vertical-align:middle;
}

.BandeauxParus div
{
	display:table-cell;
	vertical-align:middle;
}

#BandeauMSBottom
{
	margin-bottom:10px;
}

#BandeauMSTop
{
	margin-top:-20px;
}

.ParusAnnees
{
	width:100%;
	position:relative;
	min-height:360px; /* L'écran de recherche étant désigné par 400px minimum */
}

.BandeauxParus .ParusRew, .BandeauxParus .ParusFwd
{
	position:relative;
	text-align:center;
	font-family:Ciemicon;
	font-size:12pt;
	color:#FFFFFF;
	font-size:12pt;
	letter-spacing:6px;
	width:80px;
}

.BandeauxParus .ParusRew a, .BandeauxParus .ParusFwd a
{
	text-decoration:none;
	color:#FFFFFF;
}

.BandeauxParus .ParusRew a:hover, .BandeauxParus .ParusFwd a:hover
{
	color:#FF3300;
}

.BandeauxParus .ParusSk
{
	text-align:center;
}

.BandeauxParus .ParusSk div
{
	display:inline;
}

.BandeauxParus .ParusYears
{
	color:#FFFFFF;
	font-size:12pt;
	font-weight:bold;
	text-shadow:1px 1px 1.5px #BBBBBB;
	width:120px;
}

#WhichYear1, #WhichYear3
{
	text-align:left;
}

#WhichYear2, #WhichYear4
{
	text-align:right;
}

.BandeauxParus .ParusSk
{
	width:auto;
}

.BandeauxParus .ParusSk .ParusLook
{
	position:relative;
	background-color:#EEEEEE;
	border:thin solid #AAAAAA;
	width:180px;
	display:inline-block;
	height:14pt;
}

.BandeauxParus .ParusSk .ParusLook .ParusAnneeLoupe
{
	position:absolute;
	right:0%;
	text-align:right;
	font-family:Ciemicon;
	color:#FF3300;
	width:10%;
	height:100%;
	font-size:14pt;
	cursor:pointer;
}

.BandeauxParus .ParusSk .ParusLook .ParusAnneeLoupe:hover
{
	text-shadow:#333333 2px 2px 2px;
}

.BandeauxParus .ParusSk .ParusLook .ParusAnneeTextes
{
	position:absolute;
	font-family:Ciemiweb, Georgia, "Times New Roman", Times, serif;
	font-size:12pt;
	color:#333333;
	width:90%;
	left:0%;
	height:100%;
	text-align:center;
	display:inline-block;
}

.ParusAnneesTitres
{
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:20pt;
	font-weight:bold;
	text-shadow:#BBBBBB 2px 2px 3px;
	position:relative;
	width:100%;
	text-align:center;
	color:#FF6600;
	margin-top:12px;
}

.HR-Onglets2
{
	border-bottom:#666666 thin solid;
	border-top:none;
	width:98%;
	left:1%;
}

.ParusAnnees .HR-Fleche2Conts
{
	text-align:center;
	margin-top:-16px;
	cursor:pointer;
}

.ParusAnnees .HR-Fleche2
{
	position:relative;
	display: inline-block;
	padding-left:10px;
	padding-right:10px;
	background-color:#999999;
	color:#FFFFFF;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:10pt;
	width:auto;
	border-radius:3px;
	border:thin solid #333333;
}

/* Parus Années */
.ParusAnnees
{
	position:relative;
	width:100%;
	margin-top:20px;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:10pt;
	padding-bottom:30px;
}

.ParusAnnees .MSSommRubriques, .MSSommRubriquesDoss
{
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:30px;
	font-family:'MigSoc Pro', Verdana, Geneva, sans-serif;
}

.ParusAnnees .MSTr
{
	display:table;
	width:100%;
	height:auto;
	color:#333;
	cursor:pointer;
	margin-bottom:10px;
	position:relative;
}

.ParusAnnees .MSTr::after
{
	content:"";
	margin-bottom:10px;
}

.ParusAnnees .MSTr:hover
{
	text-shadow:#333333 0.5px 0.5px 1px;
	color:#000;
}

.ParusAnnees .MSSommArticles, .MSSommArticlesDoss
{
	position:relative;
	float:left;
	left:0%;
	height:auto;
	font-weight:normal;
	text-align:left;
	display:table-cell;
	list-style:disc;
	width:65%;
	/*margin-bottom:8px;
	padding-bottom:10px;*/
	padding-left:20px;
	text-indent:-20px;
	vertical-align:top;
}

.ParusAnnees .MSSommArticles::before
{
	content:"ü ";
	font-family:Ciemicon;
	color:#FF3300;
	font-weight:normal;
}

.ParusAnnees .MSSommArticlesDoss
{
	font-weight:bold;
	color:#F30;
}

.ParusAnnees .MSSommArticlesDoss:hover, .MSSommAuteursDoss:hover
{
	text-shadow:none;
}

.ParusAnnees .MSSommAuteurs, .MSSommAuteursDoss
{
	position:relative;
	height:auto;
	text-align:right;
	padding-right:20px;
	font-style:italic;
	font-size:9.5pt;
	display:block;
	width:100%;
	/*float:right;
	margin-bottom:8px;*/
}

.ParusAnnees .MSSommRubriquesNouv
{
	text-align:left;
	margin-top:30px;
	font-weight:bold;
	font-family:'MigSoc Pro', Verdana, Geneva, sans-serif;
	display:inline-table;
	width:65%;
	margin-bottom:-5px;
}

.ParusAnnees .MSSommAuteursNouv
{
	text-align:right;
	margin-top:30px;
	font-style:italic;
	font-size:9.5pt;
	display:table-cell;
	width:34%;
	float:right;
	margin-bottom:-5px;
}

/* Fin de Parus Années */

.ParusSommaires
{
	background-color:#EEEEEE;
	margin-bottom:30px;
	width:100%;
	border-bottom:thin solid #FF9933;
	padding:6px;
	padding-bottom:18px;
	display:none;
}

#ResultatsRechercheMS
{
	position:relative;
	width:100%;
	padding:8px;
	background-color:#ffebe6;
}

.TexteToggle .MSSomDetails p
{
	font-size:9pt;
	font-style:italic;
}

/*Boite de dialogue MS PDF*/
#MaxDialContainer, #MaxDialContainer2
{
	position:fixed;
	width:100%;
	height:100%;
	left:0%;
	top:0%;
	text-align:center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	display:none;
}

#MaxDialContainer2
{
	background-color:#CCCCCC;
	opacity:0.3;
}

#DialogBound
{
	position:fixed;
	left:5%;
	top:35%;
	width:90%;
	height:35%;
	background-color:#FFFF66;
	border-radius:10px;
	border:thin solid #666666;
	box-shadow: 4px 4px 6px #BBBBBB;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
}

#DialogTitleZone
{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:15%;
	text-align:center;
	font-size:12pt;
	font-weight:bold;
	vertical-align:middle;
	background-color:#FF6600;
	color:#FFFFFF;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-top:3px;
}

#DialogBodyZone
{
	position:absolute;
	font-size:10pt;
	top:15%;
	width:100%;
	height:85%;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color:#FFFFFF;
	text-align:center;
}

#DialogButtonZone
{
	position:absolute;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	bottom:10%;
	width:70%;
	height:20%;
	left:15%;
}

.BtDial
{
	position:absolute;
	display:inline-block;
	width:30%;
	height:auto;
	border-radius:6px;
	padding:1%;
	text-align:center;
	background-color:#FF6600;
	color:#FFFFFF;
	cursor:pointer;
}

.BtDial:hover
{
	background-color:#FF6600;
	box-shadow: 3px 3px 3px #AAAAAA;
}

#DialogCode
{
	text-align:center;
	width:70%;
}

#DialogButtonQuit
{
	left:0%;
}

#DialogButtonOK
{
	right:0%;
}

#BuyMSPDFNum
{
	text-align:center;
	font-size:10pt;
}

/*Fin de la boite de dialogue MS PDF*/

/*Article MS*/
.EnteteArticles
{
	position:absolute;
	top:0%;
	width:75%;
	height:14%;
	left:12.5%;
	background-color:#FF9933;
	border-left:thin solid #333333;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

.EnteteArticles .EntetesMS
{
	position:relative;
	left:5%;
	width:90%;
	font-size:15pt;
	font-weight:bold;
	color:#333333;
}

.EnteteArticles .EntetesMSAuteurs
{
	position:relative;
	width:90%;
	left:5%;
	height:auto;
	font-size:10pt;
	font-weight:bold;
	color:#333333;
	margin-top:-10px;
}

.EnteteArticles .EntetesMSAuteurs span
{
	color:#FFFFFF;
}

/* Formations - Connaitre */
.Connaitres
{
	position:relative;
	width:100%;
	height:auto;
	padding-top:6px;
	padding-bottom:6px;
	/*border-top:thin solid #666666;*/
	border-bottom:thin solid #666666;
	margin-top:10px;
}

.Connaitres .ConnAnnee
{
	text-align:center;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:13pt;
	font-weight:bold;
	color:#FF4400;
	margin-bottom:2px;
}

.Connaitres .ConnaitreTitres
{
	text-align:center;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:13pt;
	font-weight:bold;
	color:#333333;
	margin-bottom:3px;
}

.Connaitres .ImgConnContainer
{
	position:relative;
	width:18%;
	height:auto;
	margin-right:3px;
	float:left;
}

.Connaitres .ImgConnContainer img
{
	position:relative;
	width:100%;
	height:auto;
}

.Connaitres .ConnDescription
{
	text-align:justify;
	font-family:Ciemiweb, Georgia, "Times New Roman", Times, serif;
	font-size:11pt;
}

.Connaitres .ConnDescription a
{
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
}

/* Styles de la page Achats */
.Ecrans-PrincipalAchats /* Ecran principal, taille 4:3 */
{
	background-color:#FFFFFF;
	position:relative;
	top:0%;
	min-height:100%;
	border-left-width:thin;
	border-left-style:solid;
	border-left-color:#333333;
	border-right-width:thin;
	border-right-style:solid;
	border-right-color:#333333;
	z-index:1;
	overflow:auto;
	overflow-x:hidden;
	height:100%;
}

.Ecrans-PrincipalAchats
{
	left:0%;
	width:100%;
	max-width:100%;
}	

.Ecrans-PrincipalAchats .BarresHautes
{
	position:relative;
	top:0%;
	left:0%;
	width:100%;
	height:9%;
	background-color:#EFEFEF;
	border-top:medium solid #FF6600;
	border-bottom:medium solid #FF6600;
	z-index:5;
	margin-bottom:8px;
}


.Ecrans-PrincipalAchats .BarresHautes .TitresPaniers
{
	position:absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	font-family:'MigSoc Pro', Verdana, Geneva, sans-serif;
	text-align:center;
	font-size:20pt;
	font-weight:bold;
	color:#FF6600;
	text-shadow:#999 2px 2px 4px;
	text-transform:uppercase;
	padding:3px;
	height:auto;
	margin:auto;
	width:auto;
}

.BarresHautes .BarreIcons
{
	position:absolute;
	right:1%;
	top:5%;
	height:90%;
	width:auto;
}

.BarresHautes .BarreIcons img
{
	width:90%;
	height:90%;
}

.AchatProgressionBars
{
	position:relative;
	width:80%;
	left:10%;
	height:auto;
	font-family:Ciemiweb, Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:10pt;
	color:#333333;
	z-index:6;
}

.AchatProgressionBars .AchatPhases
{
	position:relative;
	height:auto;
	width:33%;
	display:inline-block;
	padding-top:4px;
	padding-bottom:4px;
}

.AchatPhaseTexts
{
	display:list-item;
	text-indent:6px;
	margin-left:16px;
	position:relative;
}

.AchatPhaseLeds
{
	position:relative;
	display:block;
	width:100%;
	height:10px;
	background-color:#AAA;
	border-radius:0px 8px 8px 0px;
}

.TxtContainers-Achats2
{
	position:relative;
	width:96%;
	left:2%;
	height:auto;
}

.AchatsToWhere
{
	position:relative;
	right:0px;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#111111;
	/*float:right;*/
	margin-bottom:20px;
	text-align:right;
	width:auto;
}

.AchatsToWhere input, .AchatsToWhere label
{
	margin-left:4px;
	/*float:right;*/
	display:inline-block;
	right:5%;
}

.AchatPhaseLedsActive
{
	background-color:#FF3300;
	box-shadow:#555 2px 2px 3px;
}

.Ecrans-PrincipalAchats .TxtContainers-Achats
{
	position:relative;
	width:96%;
	left:2%;
	/*min-height:400px;*/
	height:auto;
}

.TxtContainers-Achats table
{
	border:none;
	color:#333333;
}

.TxtContainers-Achats table th
{
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	border-bottom:solid thin #999999;
}

.TxtContainers-Achats table tr td
{
	padding-top:10px;
	padding-bottom:5px;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	border:none;
}

.TxtContainers-Achats table tr td:nth-child(1), .TxtContainers-Achats table tr th:nth-child(1)
{
	width:12%;
	text-align:left;
}

.TxtContainers-Achats table tr td:nth-child(2), .TxtContainers-Achats table tr th:nth-child(2)
{
	width:5%;
	text-align:center;
}

.TxtContainers-Achats table tr td:nth-child(3), .TxtContainers-Achats table tr th:nth-child(3)
{
	width:35%;
}

.TxtContainers-Achats table tr td:nth-child(3)
{
	font-style:italic;
	padding-right:3px;
}

.TxtContainers-Achats table tr td:nth-child(4), .TxtContainers-Achats table tr th:nth-child(4)
{
	width:11%;
	text-align:left;
}

.TxtContainers-Achats table tr td:nth-child(5), .TxtContainers-Achats table tr th:nth-child(5)
{
	width:13%;
	text-align:left;
}

.TxtContainers-Achats table tr td:nth-child(6), .TxtContainers-Achats table tr th:nth-child(6)
{
	width:11%;
	text-align:left;
}

.TxtContainers-Achats table tr td:nth-child(7), .TxtContainers-Achats table tr th:nth-child(7)
{
	width:8%;
	text-align:center;
}

.TxtContainers-Achats table tr td:nth-child(7) span
{
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#FF3300;
	font-weight:bold;
	background-color:#CCC;
	padding-left:3px;
	padding-right:3px;
	border-radius:7px;
	cursor:pointer;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

.TxtContainers-Achats table tr td:nth-child(7) .QMoins
{
	margin-right:2px;
}

.TxtContainers-Achats table tr td:nth-child(7) .QPlus
{
	margin-left:2px;
}

.TxtContainers-Achats table tr td:nth-child(7) .Qtes
{
	display:inline;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

.TxtContainers-Achats table tr td:nth-child(8), .TxtContainers-Achats table tr th:nth-child(8)
{
	width:5%;
	text-align:center;
}

.TxtContainers-Achats table tr td:nth-child(8)
{
	cursor:pointer;
}

.TxtContainers-Achats table tr td:nth-child(8) img:hover
{
    -webkit-filter: drop-shadow(3px 3px 4px #999999);
    filter:         drop-shadow(3px 3px 4px #999999); 
}

.TxtContainers-Achats .TotsAchats, .TxtContainers-Achats .TotsTVA
{
	position:relative;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
	text-align:right;
	margin-top:10px;
}

.TxtContainers-Achats .TotsAchats
{
	font-size:20pt;
}

.TxtContainers-Achats .TotsTVA
{
	margin-top:-20px;
	font-size:10pt;
}

.TxtContainers-Achats .Titre2
{
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	color:#FF3300;
	font-size:15pt;
	margin-bottom:10px;
}

.TxtContainers-Achats li
{
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	color:#333333;
	font-size:10pt;
	text-align:justify;
	margin-bottom:3px;
}

.TxtContainers-Achats .AchatsBoutons
{
	color:#FFFFFF;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	text-transform:uppercase;
	display:table-cell;
	text-align:center;
	width:auto;
	height:auto;
	float:left;
	margin-bottom:50px;
}

.TxtContainers-Achats .AchatsBoutContainers
{
	vertical-align:middle;
}

.TxtContainers-Achats .AchatsBoutonsIn
{
	background-color:#FF3300;
	display:inline-block;
	padding:8px;
	padding-left:26px;
	padding-right:26px;
	border-radius: 16px 16px 16px 16px;
	cursor:pointer;
}

.TxtContainers-Achats .AchatsBoutonsIn:hover
{
	background-color:#FF6600;
	box-shadow:3px 3px 4px #999999;
}

.TxtContainers-Achats .ABDroit
{
	float:right;
	display:inline;
}

.TxtContainers-Achats .ABUnactive
{
	background-color:#999999;
	cursor:not-allowed;
}

.AchatFormulairesTitres
{
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	color:#FF3300;
	text-transform:uppercase;
	display:none;
}

.TxtContainers-Achats label
{
	display:block;
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	font-style:italic;
	color:#666666;
	margin-top:5px;
}

.TxtContainers-Achats .BlockNames
{
	position:relative;
	vertical-align:middle;
}

.TxtContainers-Achats .BlockNames .BlockField
{
	display:inline-block;
}

.TxtContainers-Achats #AchatAdresseLivraison input, .TxtContainers-Achats #AchatAdresseLivraison select
{
	width:100%;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}

.TxtContainers-Achats #AchatAdresseLivraison input:focus, .TxtContainers-Achats #AchatAdresseLivraison select:focus, .TxtContainers-Achats #AchatAdresseFacturation input:focus, .TxtContainers-Achats #AchatAdresseFacturation select:focus
{
	border:#FF3300 thin solid;
}

.TxtContainers-Achats #AchatAdresseLivraison input:focus, .TxtContainers-Achats #AchatAdresseFacturation input:focus
{
	padding-top:2px;
	padding-bottom:2px;
}

.TxtContainers-Achats #AchatAdresseLivraison .BlockNames:nth-child(1) .BlockField:nth-child(1)
{
	width:9%;
}

.TxtContainers-Achats #AchatAdresseLivraison .BlockNames:nth-child(1) .BlockField:nth-child(2)
{
	width:44.5%;
}

.TxtContainers-Achats #AchatAdresseLivraison .BlockNames:nth-child(1) .BlockField:nth-child(3)
{
	width:44.5%;
	float:right;
}

.TxtContainers-Achats #AchatAdresseLivraison .BlockVille .BlockField:nth-child(1)
{
	width:9%;
	margin-right:6px;
}

.TxtContainers-Achats #AchatAdresseLivraison .BlockVille .BlockField:nth-child(2)
{
	width:45%;
	margin-right:6px;
}

.TxtContainers-Achats #AchatAdresseLivraison .BlockVille .BlockField:nth-child(3)
{
	width:44%;
	float:right;
}

.TxtContainers-Achats #AchatAdresseLivraison .BlockTel .BlockField:nth-child(1)
{
	width:49%;
	margin-right:6px;
}

.TxtContainers-Achats #AchatAdresseLivraison .BlockTel .BlockField:nth-child(2)
{
	width:49%;
	float:right;
}

.TxtContainers-Achats #AchatAdresseLivraison
{
	margin-bottom:10px;
}

.TxtContainers-Achats .LabCheck
{
	display:inline;
	margin-left:3px;
}

#AchatAdresseFacturation
{
	display:none;
}

.TxtContainers-Achats #AchatAdresseFacturation input, .TxtContainers-Achats #AchatAdresseFacturation select
{
	width:100%;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}

.TxtContainers-Achats #AchatAdresseFacturation .BlockNames:nth-child(1) .BlockField:nth-child(1)
{
	width:9%;
}

.TxtContainers-Achats #AchatAdresseFacturation .BlockNames:nth-child(1) .BlockField:nth-child(2)
{
	width:44.5%;
}

.TxtContainers-Achats #AchatAdresseFacturation .BlockNames:nth-child(1) .BlockField:nth-child(3)
{
	width:44.5%;
	float:right;
}

.TxtContainers-Achats #AchatAdresseFacturation .BlockVille .BlockField:nth-child(1)
{
	width:9%;
	margin-right:6px;
}

.TxtContainers-Achats #AchatAdresseFacturation .BlockVille .BlockField:nth-child(2)
{
	width:45%;
	margin-right:6px;
}

.TxtContainers-Achats #AchatAdresseFacturation .BlockVille .BlockField:nth-child(3)
{
	width:44%;
	float:right;
}

.TxtContainers-Achats #AchatAdresseFacturation .BlockTel .BlockField:nth-child(1)
{
	width:49%;
	margin-right:6px;
}

.TxtContainers-Achats #AchatAdresseFacturation .BlockTel .BlockField:nth-child(2)
{
	width:49%;
	float:right;
}

.TxtContainers-Achats #AchatAdresseFacturation
{
	margin-bottom:10px;
}

.TxtContainers-Achats .Paiement
{
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	text-align:justify;
	color:#333333;
	margin-top:-10px;
	margin-left:20px;
}

.TxtContainers-Achats .PaiementTot
{
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:15pt;
	font-weight:bold;
	color:#441100;
	margin-bottom:-10px;
}

.TxtContainers-Achats .TitrePay
{
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:13pt;
	font-weight:bold;
	color:#FF3300;
	margin-top:30px;
	margin-left:15px;
	font-style:normal;
	margin-bottom:20px;
}

.TxtContainers-Achats .AchatsPasserCommandes
{
	margin:auto;
	background-color:#33CC00;
	color:#FFFFFF;
	text-align:center;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2;
	padding:4px;
	text-transform:uppercase;
	width:20%;
	border-radius:9px 9px 9px 9px;
	cursor:pointer;
}

.TxtContainers-Achats .Kommand:hover .AchatsPasserCommandes
{
	background-color:#FF3300;
	box-shadow:3px 3px 4px #999999;
}

.TxtContainers-Achats .Kommand:hover p
{
	color:#33CC00;
}

#PanierVideContainer, #MerciContainer
{
	position:relative;
	margin-top:30px;
	width:auto;
	height:auto;
	text-align:center;
	display:block;
}

#ChariotContainer, #MerciImageContainer
{
	height:auto;
	display:inline-block;
}

#ChariotContainer
{
	width:30%;
}

#MerciImageContainer
{
	width:70%;
	-webkit-filter: drop-shadow(12px 12px 25px #666);
	filter: drop-shadow(12px 12px 25px #666);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#666')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#666')";
}

#ChariotContainer img, #MerciImageContainer img
{
	width:100%;
	height:auto;
}

#PanierVide
{
	font-family:CiemiWeb, Georgia, "Times New Roman", Times, serif;
	font-size:20pt;
	color:#333333;
	font-weight:bold;
	margin-top:10px;
	text-shadow:0px 0px 10px #999;
}

.TxtContainers-Achats .AchatRetours
{
	margin:auto;
	margin-top:30px;
	background-color:#FF3300;
	color:#FFFFFF;
	text-align:center;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2;
	font-weight:bold;
	padding:4px;
	text-transform:uppercase;
	width:20%;
	border-radius:9px 9px 9px 9px;
	cursor:pointer;
}

.TxtContainers-Achats .AchatRetours:hover
{
	background-color:#FF9900;
	box-shadow: 3px 3px 4px #AAAAAA;
}

#Page2, #Page3, #Page4, #Page5
{
	display:none;
}

#FondNoirAchats
{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#666666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

#DialContainer
{
	display:none;
	width:90%;
	height:30%;
	background-color:#FFFFFF;
	position: absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;	
	margin:auto;
	border:thin solid #333333;
	box-shadow:4px 4px 6px #666;
}

#DCTitleBar
{
	position:relative;
	vertical-align: middle;
	display:table;
	margin-top:0px;
	background-color:#FF3300;
	height:20%;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-family:"MigSoc Pro", Verdana, Arial, Helvetica, sans-serif;
	font-size:13pt;
	font-weight:bold;
	text-transform:uppercase;
}

#DCTitleBar p
{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#DCBody
{
	position:relative;
	display:table;
	height:80%;
	width:100%;
	color:#333333;
	background-color:#FFFFFF;
	text-align:center;
}

#DCBody p
{
	position:relative;
	text-align:center;
	vertical-align:middle;
	margin-top:25px;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
}

#DCBody div
{
	position:relative;
	display:inline-block;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-top:2px;
	padding-bottom:2px;
	width:auto;
	background-color:#FF3300;
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	border-radius:6px 6px 6px 6px;
	cursor:pointer;
}

#DCBody div:hover
{
	background-color:#FF6600;
	box-shadow:3px 3px 3px #666;
}

#Patientez
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	margin: auto;
	width: 30%;
	min-width:30%;
	height: auto;
	padding:6px;
	background-color: #fff;
	border-radius: 3px;
	border:solid thin #000000;
	box-shadow:5px 5px 6px #CCC;
	text-align:center;
}

#Patientez p
{
	position:relative;
	font-family:Ciemiweb, Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:10pt;
	color:#333333;
	margin-bottom:6px;
}

#Patientez #ThermosPatientez
{
	position:relative;
	margin:auto;
	width:90%;
	height:10px;
	margin-bottom:20px;
	border:thin solid #666666;
}

#Patientez #Mercure
{
	position:absolute;
	left:0px;;
	width:30%;
	height:100%;
	box-shadow:2px 2px 2px #CC3300;
	background-color:#FF3300;
}

/* Achats : Chariots pour toutes les pages*/
.PanelBoite
{
	background-color:#F00;
	/*width:30%;
	height:100%;*/
}

.BigPans
{
	height:100px;
	position:absolute;
	background-color:#FC100A;
	z-index:2001;
	border-radius:0px 0px 12px 12px;
	box-shadow:#333 6px 6px 15px;
	cursor:pointer;
}

.BigPans svg
{
	position:absolute;
	width:60%;
	left:20%;
	height:auto;
	bottom:6px;
}

#Chariot
{
	cursor:pointer;
	fill:#FFF !important;
}

#Chariot:hover
{
	fill:#CF3 !important;
}

.BigPans p
{
	position:absolute;
	width:90%;
	left:5%;
	bottom:10%;
	margin-top:0px;
	font-family:"MigSoc Pro", Verdana, Geneva, sans-serif;
	text-align:center;
	font-size:30pt;
	font-weight:bold;
}

#DialogueAchatClique
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	margin: auto;
	width: 90%;
	min-width:30%;
	height: auto;
	padding:6px;
	background-color: #fff;
	border-radius: 3px;
	border:solid thin #000000;
	box-shadow:5px 5px 6px #CCC;
	text-align:center;
}

#DialogueAchatClique p
{
	position:relative;
	font-family:Ciemiweb, Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:10pt;
	color:#333333;
	margin-bottom:6px;
}

#DialogueAchatClique div
{
	position:relative;
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#333333;
	background-color:#FF6600;
	text-align:center;
	padding-left:6px;
	padding-right:6px;
	width:20%;
	margin:auto;
	cursor:pointer;
}
/*Fin des styles Achats */
/* Page Nous contacter */
.TxtContainers-Grand .Coord
{
	font-family:'MigSoc Pro', Verdana, Arial, Helvetica, sans-serif;
	text-indent:0px;
	padding-left:-10px;
	margin-bottom:-3px;
}

}
/* Limite des accolades media*/