@charset "utf-8";
@import url(styles_icomenus.css);
/* CSS Document */

/* ---- COULEURS INDIGO --------
VIOLET	  		: B80E80
VIOLET FONCE 	: 552373
AZUR			: 60bad2
ROUGE FONCEE 	: A90034
ROUGE FONCEE 	: BE2239
NOIR 			: 424143
GRIS moyen 		: 808285
GRIS tiede		: CAC4BE
GRIS clair 		: E6E7E7
GRIS foncé		: 3b3b3b
*/

/* ---- COULEURS AUTRE ---------
ROSE 			: CB0044 
MAUVE 			: 6E267B
BLEU 			: 0088CE
GRIS clair		: 444444
GRIS fonce		: 675C53
*/

/* ---- POLICES INDIGO --------------------------------------------------------------- */
@font-face {
	font-family: 'IndigoSans';
	src: url('fonts/IndigoSans-Regular.eot');
	src: url('fonts/indigosans-regular.woff') format('woff'),
		 url('fonts/IndigoSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html *
{
	font: Arial !important;
}

* {
	font-family: IndigoSans;
	font-size:12px;
	color: #675C53;
}

/*----- MENUS -------------------------*/
#menu {
	width: 100%;
	background-color: #E8E8E8;
	height: 24px;
	text-align:left;
	border:none;
}

.index-browser{
	background-color:#552373;
	height:30px;
}

.index-browser DIV{
	color: white;
	padding-top:10px;
}

/* le reste du parametrage menu est dans customdyna.css  */

/*----- PAGE DE LOGIN -------------------------*/
body
{
	background-color: white;
	height:100%;"
}

#bandeautop{
	background-color: #FFFFFF;
	color: #424143;	
	font-size:10px;
	height: 64px;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
}

#bandeautop-logo{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;	
	width:200px;
	padding-left:4px;
}

#bandeautop-logo img{
	vertical-align:bottom;
}

#bandeautop-users {
	color:#808285;
	width:200px;
	vertical-align:top;
	padding-top:10px;
}

/*------------------------------------------------------ BANDEAU / MENU - PANIER */
#bandeautop-users-logout
{
	background : url('logout.png');
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: center;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;	
	cursor: pointer;
}

#bandeautop-users-custombasket
{
	background : url('basket.png');
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: center;
	padding-top:0px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;	
	cursor: pointer;
	
}

#bandeautop-panier-container 
{
	position:relative;
	width:50px;
	height:30px;
	left:1px;
	top:1px;
	padding: 2px;
}

.bandeautop-panier-bubble-one {
	position:absolute;
	top: 6px;
	right: 8px;
	padding:1px 2px 1px 2px;
	color:white;
	font-weight:bold;
	font-size:9px;
	border-radius:30px;
}

.bandeautop-panier-bubble-one-ie{
	position:absolute;
	top: 4px;
	right: -1px;
	padding:1px 2px 1px 2px;
	color:white;
	font-weight:bold;
	font-size:9px;
	border-radius:30px;
}

.bandeautop-panier-bubble-two {
	position:absolute;
	top: 4px;
	right: 8px;
	right: 6px;
	padding:3px 2px 1px 2px;
	color:white;
	font-weight:bold;
	font-size:9px;
	border-radius:30px;
}

.bandeautop-panier-bubble-two-ie {
	position:absolute;
	top: 4px;
	right: 0px;
	padding:3px 2px 1px 2px;
	color:white;
	font-weight:bold;
	font-size:9px;
	border-radius:30px;
}

.bandeautop-panier-cde {
	font-size: 9px;	
	padding: 0px;
	color: #808285;	
}

.bandeautop-panier-pts {
	font-size: 9px;	
	padding: 0px;
	color: #808285;	
}
.bandeautop-panier-pts-hover {
	font-size: 9px;	
	padding-top: 0px;
	padding-left: 2px;
	padding-bottom: 0px;
	color: #808285;
}

#conteneurElementMenu {
	width: 100%;
	text-align: left;
	height: 50px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align:middle;
}

/* FIN ----------------------------------------------------------------------------*/

#conteneurIndex{
	background-color: #E2E2E2;
	border:none;
	height:100%;
	position:!important;
    width: 60%;
    margin: auto auto auto auto;
	margin-top:10px;
	display: table;
}

#msgbox{
	padding: 12px;
	margin-left: 0px;
	margin-right: 20px;
	padding-top:20px;
	width: 300px;
	height:170px;
	border: 4px solid #552373;
	background-color: #F4F4F4;
	position:absolute; 
	z-index:20; 
	text-align:left; 
	left: 640px;
	top: 10px;
}

#msgbox TD{
	color: #515151;
	font-weight:normal;
	font-size:11px;
}

#msgbox TD A{
	color: #515151;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
}

#LoginTitre_1{
	font-size:18px;
	color:#414042;
	font-weight:bold;
	float : left;
	margin-left:90px;
}

#LoginTitre_2{
	font-size:18px;
	color:#DB001E;
	font-weight:bold;
	float : left;
	margin-left:150px;	
}

#ClientBandeau{
	color:#2F3349;
	font-size:10px;
}

#ClientBandeau strong{
	color:#2F3349;
	font-size:10px;	
}

#ClientBandeau a{
	font-size:10px;	
}

#logoClient{

}

#mariniere{
	height:30px;
	width:164px;
	background : url('../../images/logos/armor22.png') top no-repeat;
	float : right;
	margin-top:10px;
}

#tenuesPar{
	color:#DB001E;
	font-weight:normal;
	margin-left:55px;
	font-size:10px;
}

#logosIndex {
	text-align: center;
}
#logosIndex img {
	background-color:transparent;
}

#Logintexte{
	text-align: center;
	font-weight: normal;
	font-size:12px;
	color: #515151;
	padding-top:10px;
}

#Logintexte A{
	font-weight: normal;
	color: #515151;
	font-size:12px;	
}

#Logintexte A:hover{
	color: #CC090F;
}

#loginwelcome{
	font-weight: normal;
	color: white;
}

#loginout{
	font-weight: normal;
	color: white;
}

#loginidko{
	font-weight: normal;
	color: red;
	font-weight:bold;
}

.loginsubmit-cotainer{
	text-align:left;
}

.loginsubmit{
	background-color: #B80E80;
	border: solid 0px #CCC;
	height:30px;
	width:100%;
	vertical-align:top;
	font-size:11px;
	color: #FFFFFF;
	text-transform: uppercase ;
}

.loginsubmit:hover {
	color: #FFFFFF;
}

.forget-pwd{
	height:20px; 
	vertical-align:bottom; 
	text-align:center;
	padding-top:10px;
font-size:36px;	
}

.forget-pwd A{
	color:red;
	
}

#logoArmorBandeau {
	background-color:transparent;
	text-align: center;
	color: white;
	font-size:9px;
	vertical-align:top; 
	text-align:left;
}

#login {
	margin-top:-8px;
	top:-8px; 
	padding-left:5px;
}

#login TD{
	font-size:14px;
}

.loginput
{
	background-color: #e6e7e7;
	border: none;	
	display:block;	
	font-size:14px;	
	height:30px;
	line-height:18px;
	opacity:1;	
	padding:0 0 0 4px;	
	width:150px;	
}

.errorMsg {
	color: #CC090F;
	font-size:13px;
	text-align:center;
	height:30px;;
	margin:0 0 0 0px;
	padding-top:5px;	
	vertical-align:central;
}
	
#page {
	top: 110px;
	overflow:auto;
	background-color:transparent;
} 

.LANGBOX
{
	width:150px;
	border:1px solid #6E267B;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	padding:2px;
}
/*----- /PAGE DE LOGIN -------------------------*/




/* ----------------------- menu ------------------ */
/*#menu {
	background-color: #ffffff;
	color: #000000;
}
.elementMenu {
	background-color:#cccccc;
	
	color: black;
}
#ssmenu {
	background-color:#DB001E;
}

*/
.elementMenu_actif,
.elementMenu:hover,
#conteneurMenu dd {
	border-bottom: 1px #DB001E solid;
	background-color:red;
}
#conteneurMenu dd {
}

.titre {
	background-color:#BE2239 ;
	
}
td.col_titre { 
	background-color:#B80E80;
	color:white;
}

h2, .titre, .titrePage {
	color: #FFFFFF;
}

.titrePage {
	margin-top:4px;
	vertical-align:middle;
	background: url('') repeat-x; 
	background-color:#552373;
	height:38px;
}

.lienAide, #caseCreation {
	color: #FFF;
	
}

.contenuTitre {
	color: white;
	font-weight:bold;
	font-size:15px; 
}

.erreur {
	color: #B80E80;
	font-size: 14px;
	border: 1px solid #B80E80;
	background-color: #E6E7E7;
	margin-left: auto;
    margin-right: auto;
	padding: 20px 20px 20px 80px;
	width: 500px;
	background: #E6E7E7 url(../../images/boutons/alerte.png) center left no-repeat;
}
.panierFlottant  {
	width: 350px;
	/*background:#66CC99 url("fonds/fond3.png") repeat-x top;*/
	background-position: 0px bottom;
	background-repeat:repeat-x;
	background-attachment:fixed;
	border: 1px solid black;
	margin: 3px auto;
	-moz-border-radius: 20px;
	padding: 5px;
}
td.col_titre_panier { 
	background-color:#DFDFDF;
	
}

/*------------------ PANIER BANDEAU ---------------------------------------------------- */
.PanierAccueil {
	width: 90%;
	background-color:transparent;
	opacity: 0.9;
	border: none;
	-moz-border-radius: 15px;
	height:40px;
	padding-left:3px;	
	padding-top:0px;
	padding-bottom:4px;
	cursor: pointer;
	font-size:9px;	
	font-weight:bold;	
	color:#2F3349;	
}

.PanierAccueil TD{
	font-size:9px;	
	padding-top:0px;
	padding-bottom:0px;	
	color:#2F3349;	
}

.PanierAccueil TABLE{
	font-size:9px;	
	padding-top:0px;
	padding-bottom:0px;	
}
.PanierAccueilhover {
	width: 90%;
	background-color:transparent;
	opacity: 0.9;
	border: 1px solid #000000;
	-moz-border-radius: 15px;
	height:38px;	
	padding-left:3px; 
	padding-top:0px;
	padding-bottom:2px;
	cursor: pointer;
	font-size:9px;	
	font-weight:bold;	
	color:#BE2239;	
}

.PanierAccueilhover TD{
	font-size:9px;	
	color: #BE2239;	
	padding-top:0px;
	padding-bottom:0px;	
}
.PointsAccueil {
	font-size: 2.50em;	
	padding-top:0px;
	padding-left: 14px;
	padding-bottom:0px;
	color:#2F3349;	
}
.PointsAccueilhover {
	font-size: 2.50em;	
	padding-top:0px;
	padding-left: 14px;
	padding-bottom:0px;
	color:#BE2239;
}	
.cdeAccueil {
	font-size:9px;	
	padding-left: 15px;
	padding-top:0px;
	padding-bottom:0px;
	color:#2F3349;	
}

.panier_Container{
	background:none;
	background-color:transparent;
}
/* ---------------BARRE DE PROGRESSION, PANIER ET CDE NX VERSION--------------------- */
.progressbar
{
	width:990px; 
	float:left; 
	height:44px;
	text-align:left;
	padding-top:5px;
	border-top: solid 1px #919191;
	border-bottom-color: #B80E80;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	background-color:white;			
}
.etape{
	font-size:10px;
	padding-left:20px;
	padding-right:10px;
}

.etape A{
	font-size:10px;
	text-decoration:none;
}

.progress 
{
	background-image:url('../../images/tunnel_on.png');
	background-repeat:no-repeat;
	background-position:left;
	color: #B80E80;
	font-weight:bold;
}

.progress H3
{
	color: #B80E80;
}

.afaire
{
	background-image:url('../../images/tunnel_off.png');
	background-repeat:no-repeat;
	background-position:left;			
	color: #A0A39C;
	font-weight:bold;			
}
.ptsprix
{
	color: #BE2239;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

.cmd_left
{
	font-weight:bold;
	text-align:right; 
	width:160px; 
	color:#676767; 
	padding-right:8px;
	height:22px;
}

.cmd_right
{
	font-weight:bold; 
	text-align:left;  
	color:#2F3349;
	padding-left:8px;
}

.act_O
{
	text-align:left;  
	padding: 0px 0px 0px 0px;
}	
.act_N
{
	text-align:left; 
	font-weight:bold;  
	padding: 0px 0px 0px 10px;
	color: #F00;
	background-color: #000;
}

/* ---------------------------------------------------------------------------------------- */	
/* ---------------------------------------------------------------------------------------- */
.bandeauFamilles {
	border: 0px solid #FB7;
	overflow-x: auto;
	overflow-y: hidden;
	height: 70px;
	position: relative;
	padding-bottom: 20px;
	float:left;
}
.famille {
	position: absolute;
	border: 1px outset #000000;
	-moz-border-radius: 5px;
	height: 70px;
	top: 0px;
	cursor: pointer;
	text-align: center;
	padding: 5px;
	background-color: #C2C4CD;
	overflow:hidden;
}

.famille:hover {
	 border: 1px solid #ff0000;
}

/* --- PANIER POP UP COMMANDE --------------------------------------------------------------- */

.erreurqte {
	background-color:#dddddd;
	border: 2px dashed #ff0000;
	text-align: left;
	margin: auto;
	padding: 2px 2x 2px 2px;
	font-size:10px;
}	

.formulairePanier
{
	background-color:#E6E7E7; 
	border: 1px solid black;
	color:#585858;
	cursor:pointer;				
	display: inline-block;
	height:470px; 
	left:300px;
	margin: 0;				
	margin: 3px auto;	
	margin-top:8%;
	outline:none;
	overflow: auto; 
	padding:3px;
	position: absolute; 	
	text-align: left; 	
	top: 80px;
	width: 600px; 	
	z-index: 987;
}
		
#panier {
	position: relative;
	border: 2px inset #000000;
	overflow: auto;
	margin-bottom: 10px;
	padding: 5px;
}

#contenuPanier img {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}
#contenuPanier dt {
	clear: left;
	font-weight: bold;
	margin-top: 10px;
}

#contenuPanier dd {
	font-style: italic;
}

.titrePanier {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.textePanier {
	color:#FFFFFF;
	font-weight:normal;
	text-align: left;
}

/*---- OBJETS MHAD -----------------------------------------------------------*/ 
.mhad-select{
	background-color: white;			
	border: 0;
	color: #B80E80;
	font-size: inherit;
	margin: 0px;			
	padding: 4px;
	width:160px;
	height:25px;
}

.mhad-select option{
	color: #B80E80;
}

.mhad-select-container {
	color: #B80E80;			
	display: inline-block;
	margin: 10px;			
	position: relative;			
	vertical-align: middle;
}       

.mhad-select-container::before,
.mhad-select-container::after {
	content: "";
	pointer-events: none;			
	position: absolute;
}

.mhad-select-container::after { 
	color:#B80E80;		
	content: "\FE40"; /* char unicode pour la fleche vers le bas */
	height: 20px;
	font-size: 12px;
	margin-top: -5px;			
	right: 10px;
	top: 40%; 
}

.mhad-select-container::before {
	background-color: white;
	bottom: 0;
	right: 0;
	top: 0; 
	width:26px;
}

/*---- TRENDY SELECT BOX -----------------------------------------------------*/
.RondSelect 
{
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow: 0px 0px 0px #ccc, 0px 0px #fff inset;
	-moz-box-shadow: 0px 0px 0px #ccc, 0px 0px #fff inset;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background: #E0E1DD;
	border-radius:4px;				
	border: solid 1px white;
	box-shadow: 0px 0px 0px #ccc, 0px 0px #fff inset;
	color:#0088ce;
	cursor:pointer;
	display: inline-block;
	margin: 0px;
	outline:none;
	padding:5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	.RondSelect {padding-right:18px}
}

label {position:relative}
label:after 
{
	content:' ';
	font:10px "Consolas", monospace;
	color:#585858;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	right:8px; 
	top:2px;
	padding:0px 0px 2px 2px;
	border-bottom:1px solid #ddd;
	position:absolute;
	pointer-events:none;
}

label:before 
{
	content:'';
	right:6px; 
	top:0px;
	width:20px; 
	height:20px;
	background:##f8f8f8;
	position:absolute;
	pointer-events:none;
	display:block;
}		
/*---- MESSAGE POP UP COMMANDE -----------------------------------------------*/
.message {
	background-color:#ffffff;
	border: 2px solid #0000ff;
	-moz-border-radius: 20px;
	text-align: center;
	margin: 20px;
	padding: 10px;
}
.messageVert {
	background-color:#ffffff;
	border: 2px solid green;
	-moz-border-radius: 20px;
	text-align: center;
	color : green;
	margin: 3px;
	padding: 5px;
	font-weight:bold;
}
.messageRouge {
	background-color:#ffffff;
	border: 2px solid red;
	-moz-border-radius: 20px;
	text-align: center;
	color : red;
	margin: 3px;
	padding: 5px;
	font-weight:bold;
}
.msgPage{
	background-image: url(../images/transparence.png);	
	position:absolute;
	width:100%;
	height:100%;
	z-index:5000;
	vertical-align:middle;
	text-align:center;
}
.msgTitre{
	-moz-border-radius-topright:20px;	
	-moz-border-radius-topleft:20px;
	background:#415A8A url(../images/boutons/info.png) top left no-repeat;
	color:white;
	font-weight:bold;
	font-size:12px;
	height:30px;
	margin-left:20px;	
	text-align:center; 
	vertical-align:middle;
	width:100%;	
}

.msgTitreOK{
	-moz-border-radius-topright:20px;	
	-moz-border-radius-topleft:20px;
	background:#415A8A url(../images/boutons/apply32.png) top left no-repeat;
	color:white;
	font-weight:bold;
	font-size:12px;
	height:30px;
	margin-left:20px;	
	text-align:center; 
	vertical-align:middle;
	width:100%;	
}

.msgTitreKO{
	-moz-border-radius-topright:20px;	
	-moz-border-radius-topleft:20px;
	background: red url(../images/boutons/urgence.png) top left no-repeat;
	color:white;
	font-weight:bold;
	font-size:12px;
	height:30px;
	margin-left:20px;	
	text-align:center; 
	vertical-align:middle;
	width:100%;	
}

.messageOk {
	-moz-border-radius: 20px;
	border: 2px solid black;				
	text-align: center;
	font-size:14px;
	color:black;
	margin-top:15%;
	margin-left:25%;
	background: white;	
	cursor:pointer;
	width:50%;
	height:50%;
	vertical-align:middle;
}

.messageCde {
	-moz-border-radius: 20px;
	border: 2px solid black;				
	text-align: center;
	font-size:14px;
	color:black;
	margin-top:15%;
	margin-left:25%;
	background: white;	
	cursor:pointer;
	width:60%;
	height:40%;
	vertical-align:middle;
}

.pleinePage{
	background-image: url(../images/transparence.png);
	position:absolute;
	width:100%;
	height:100%;
	z-index:5000;
	vertical-align:middle;
}
.messagePleinePageOk {
	border: 2px dashed green;
	text-align: center;
	font-size:25px;
	color:green;
	margin: 20px;
	padding: 15px 5px 15px 5px;
	background: #000000 url(../../images/boutons/apply48.png) top left no-repeat;
	cursor:pointer;
}
.messagePleinePageNok {
	border: 2px dashed red;
	text-align: center;
	font-size:25px;
	color:red;
	margin: 20px;
	padding: 15px 5px 15px 5px;
	background: #000000 url(../../images/boutons/alerte.png) top left no-repeat;
	cursor:pointer;
}

/* BOUTON  */
.BTAjoutArt{
	background-color: #B80E80;
	border: solid 0px  #CCC;
	height:22px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight:bold; */
	width:80px;
	vertical-align:top;
	text-transform: uppercase;
	font-size:12px;
	color: #ffffff;
}

.BTAjoutArt:hover {
	/*background-image: -moz-linear-gradient(top, #C0C0C0 70% , rgba(11,11,11,0.2) 50%); */	
	background-color: #C0C0C0; 
	border: solid 0px  #CCC;
	color:#B80E80;
}

/* --- mise en forme dans les pages d information --------------------------------------------------------------- */

.sectionpage{
	/*border-bottom: solid 20px #444444; */
	height:40px;
	width:800px;
	padding-left: 0px;
	padding-top: 15px;
	/*font-weight:bold; */
	margin-top:15px;
	text-align: bottom;
	font-size:30px;
	/*text-transform: uppercase ; */
	color: #B80E80;
	/*font: Avenir LT Com 55 Roman; */
}

.texteinfopage{
	height:18px;
	margin-top:5px;
	font-size:14px;
	color: #424143;
}

.texteinfopage TD{
	height:18px;
	margin-top:5px;
	font-size:14px;
	color: #424143;
}

.texteinfopage INPUT{
	height:18px;
	margin-top:5px;
	font-size:14px;
	color: #424143;
}
.texteinfopage SELECT{
	height:22px;
	margin-top:0px;
	font-size:14px;
	color: #424143;
}
.texteinfopage STRONG{
	font-size:16px;
	color: #B80E80;
}

.sstitre,
.titreListe {
	color:#BE2239;
	font-size:14px;
	font-weight:bold;
	text-align: left;
}
.titremet
{
	font-weight:bold; 
	background-color:#BE2239; 
	color:white; 
	height:30px; 
	vertical-align:middle;			
}	


h3,
.sstitre,
.titreListe {
	color:#E3002A;
	font-size:13px;
	font-weight:bold;
	text-align: left;
}
h3 {
	margin: 0px;	
}

/* CADRE zone donnees */
.boxdata1
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #808285;
	padding:4px 4px 4px 4px;
	margin-top:6px;
	background-color: white;
	width: 95%;
	margin-left: 15px;
}  

/* applat pour affichage titre */
.titre2page{
	/*border-bottom: solid 20px #444444; */
	height:34px;
	width:95%;
	margin-left: 15px;
	padding-left: 10px;
	padding-top: 17px;
	/*font-weight:bold; */
	margin-top: 7px;
	text-align: left;
	font-size:24px;
	/*text-transform: uppercase ; */
	color: #B80E80;
	/* font: Avenir LT Com 55 Roman; */
	background-color:#CAC4BE;
	background-image:url('../../images/arrow_gray_bottom.png');
    background-repeat:no-repeat;
    background-position: 95%;
	margin-right: 15px;
}
.titre2pageF{
	/*border-bottom: solid 20px #444444; */
	height:34px;
	width:95%;
	margin-left: 15px;
	padding-left: 10px;
	padding-top: 7px;
	/*font-weight:bold; */
	margin-top:7px;
	text-align: left;
	font-size:24px;
	text-transform: uppercase ;
	color: #B80E80;
	/*font: Avenir LT Com 55 Roman; */
	background-color:#CAC4BE;
}
/* boite pour affichage indicateur     */ 
.boiteindic 
{
	width: 240px;
	height: 135px;
	float:left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	background-color: #000;
	text-align:left; 
}
.boiteindic:hover 
{
	width: 240px;
	height: 135px;
	float:left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	background-color: ##3E3D40 ;
	opacity: 0.3;
	text-align:left; 
}
/* nouvelles boites geopost  */
.boiteindic1 
{
	width: 450px;
	height: 445px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: #B80E80;
	text-align:left; 
	margin-left: 8px;
}
.boiteindic1:hover 
{
	width: 450px;
	height: 445px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: ##E6E7E7 ;
	opacity: 0.5;
	text-align:left; 
	cursor: pointer;
}
.valeurindic1
{ font-size:72px;
font-weight:bold;
color: #ffffff;
margin-left: 15px;
margin-top: 250px;
padding-top: 10px;
padding-right: 10px;
text-align:right;
}
.texteindic1
{ font-size:36px;
color: white;
margin-left: 15px;
padding-top: 15px;
text-align:left;
}

.boiteindic2 
{
	width: 330px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: #E6E7E7;
	text-align:left; 
}
.boiteindic2:hover 
{
	width: 330px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: ##E6E7E7 ;
	opacity: 0.5;
	text-align:left; 
	cursor: pointer;
}
.valeurindic2
{ font-size:72px;
font-weight:bold;
color: #424143;
margin-left: 15px;
margin-top: 57px;
padding-top: 10px;
padding-right: 10px;
text-align:right;
}
.texteindic2
{ font-size:22px;
color: #424143;
margin-left: 15px;
padding-top: 15px;
text-align:left;
}

/*3 */
.boiteindic3 
{
	width: 210px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: #424143;
	text-align:left; 
}
.boiteindic3:hover 
{
	width: 210px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: ##E6E7E7 ;
	opacity: 0.5;
	text-align:left; 
	cursor: pointer;
}
.valeurindic3
{ font-size:72px;
font-weight:bold;
color: #ffffff;
margin-left: 15px;
margin-top: 57px;
padding-top: 10px;
padding-right: 10px;
text-align:right;
}
.texteindic3
{ font-size:22px;
color: white;
margin-left: 15px;
padding-top: 15px;
text-align:left;
}

/* 4 */
.boiteindic4 
{
	width: 210px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: #60bad2;
	text-align:left; 
}
.boiteindic4:hover 
{
	width: 210px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: ##E6E7E7 ;
	opacity: 0.5;
	text-align:left; 
	cursor: pointer;
}
.valeurindic4
{ font-size:72px;
font-weight:bold;
color: #ffffff;
margin-left: 15px;
margin-top: 57px;
padding-top: 10px;
padding-right: 10px;
text-align:right;
}
.texteindic4
{ font-size:22px;
color: white;
margin-left: 15px;
padding-top: 15px;
text-align:left;
}
/* 5 */
.boiteindic5 
{
	width: 330px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: #552373;
	text-align:left; 
}
.boiteindic5:hover 
{
	width: 330px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: ##E6E7E7 ;
	opacity: 0.5;
	text-align:left; 
	cursor: pointer;
}
.valeurindic5
{ font-size:72px;
font-weight:bold;
color: #ffffff;
margin-left: 15px;
margin-top: 57px;
padding-top: 10px;
padding-right: 10px;
text-align:right;
}
.texteindic5
{ font-size:22px;
color: white;
margin-left: 15px;
padding-top: 15px;
text-align:left;
}
/*6 */
.boiteindic6 
{
	width: 210px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: #424143;
	text-align:left; 
}
.boiteindic6:hover 
{
	width: 210px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: ##E6E7E7 ;
	opacity: 0.5;
	text-align:left;
	cursor: pointer;	
}
.valeurindic6
{ font-size:72px;
font-weight:bold;
color: #ffffff;
margin-left: 15px;
margin-top: 57px;
padding-top: 10px;
padding-right: 10px;
text-align:right;
}
.texteindic6
{ font-size:22px;
color: white;
margin-left: 15px;
padding-top: 15px;
text-align:left;
}
/*7 */
.boiteindic7 
{
	width: 330px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: #E6E7E7;
	text-align:left; 
}
.boiteindic7:hover 
{
	width: 330px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: ##E6E7E7 ;
	opacity: 0.5;
	text-align:left; 
	cursor: pointer;
}
.valeurindic7
{ font-size:72px;
font-weight:bold;
color: #424143;
margin-left: 15px;
margin-top: 57px;
padding-top: 10px;
padding-right: 10px;
text-align:right;
}
.texteindic7
{ font-size:22px;
color: #424143;
margin-left: 15px;
padding-top: 15px;
text-align:left;
}
.boiteindic8 
{
	width: 450px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: #B80E80;
	text-align:left; 
	margin-left: 8px;
}
.boiteindic8:hover 
{
	width: 450px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: ##E6E7E7 ;
	opacity: 0.5;
	text-align:left; 
	cursor: pointer;
}
.valeurindic8
{ font-size:72px;
font-weight:bold;
color: #ffffff;
margin-left: 15px;
margin-top: 57px;
padding-top: 10px;
padding-right: 10px;
text-align:right;
}
.texteindic8
{ font-size:22px;
color: white;
margin-left: 15px;
padding-top: 15px;
text-align:left;
}

/* 9 */

.boiteindic9 
{
	width: 330px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: #424143;
	text-align:left; 
}
.boiteindic9:hover 
{
	width: 330px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: ##E6E7E7 ;
	opacity: 0.5;
	text-align:left; 
	cursor: pointer;
}
.valeurindic9
{ font-size:72px;
font-weight:bold;
color: #ffffff;
margin-left: 15px;
margin-top: 57px;
padding-top: 10px;
padding-right: 10px;
text-align:right;
}
.texteindic9
{ font-size:22px;
color: #ffffff;
margin-left: 15px;
padding-top: 15px;
text-align:left;
}
/* 10 */

.boiteindic10 
{
	width: 330px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: #B80E80;
	text-align:left; 
}
.boiteindic10:hover 
{
	width: 330px;
	height: 218px;
	float:left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
	background-color: ##E6E7E7 ;
	opacity: 0.5;
	text-align:left; 
	cursor: pointer;
}
/* bleu process */
.grosnb_b
{ font-size:48px;
color: #0088CE;
margin-left: 25px;
padding-top: 10px;
text-align:left;
}
/* rose */
.grosnb_r
{ font-size:48px;
color: #E3002A;
margin-left: 25px;
padding-top: 10px;
text-align:left;
}
/* vert  */
.grosnb_v
{ font-size:48px;
color: #7AB800;
margin-left: 25px;
padding-top: 10px;
text-align:left;
}
/* jaune  */
.grosnb_j
{ font-size:48px;
color: #CCDC00;
margin-left: 25px;
padding-top: 10px;
text-align:left;
}
/* orange  */
.grosnb_o
{ font-size:48px;
color: #E05206;
margin-left: 25px;
padding-top: 10px;
text-align:left;
}
/* rose  */
.grosnb_p
{ font-size:48px;
color: #A1006B;
margin-left: 25px;
padding-top: 10px;
text-align:left;
}
/* blanc  */
.grosnb_w
{ font-size:48px;
color: #FFF;
margin-left: 25px;
padding-top: 10px;
text-align:left;
}
.texteindic
{ font-size:16px;
color: white;
margin-left: 25px;
padding-top: 0px;
text-align:left;
}

/* CADRE PRODUITS */
.boxproduits
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #808285;
	padding:4px 4px 4px 4px;
	margin-top:6px;
	background-color: #F8F6F7; /*  #F8F6F7*/
}  

/* TEXTE BICOLOR */
.bicolorA{
	color : #424143;  /* 4D4F53   */
	font-size:18px; 
	font-weight:bold;	
}

.bicolorB{
	color : #707285;  /* 0088CE */
	font-size:18px; 
	font-weight:bold;	
}

/* POUR DETAIL COMMANDE : NAVIGATION*/
.ZoomNavBT
{
	background-color: white;
	height:22px;
	width:160px;
	font-size:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;	
	font-weight:bold;
}

.ZoomNavBT A{
	font-size:10px;				
	text-decoration:none;
	color: #2F3349;	
}

.ZoomNavBT_left{				
	background-image: url('../../images/arrow_gray_left.png');
	background-repeat:no-repeat;
	background-position:left;				
	text-align:right;
}

.ZoomNavBT_right{				
	background-image: url('../../images/arrow_gray_right.png');
	background-position: right 4px bottom 2px;				
	background-position-x: right;
	background-repeat:no-repeat;
	text-align:left;
}

.ZoomNavClose
{
	background-color: #E3002A;
	font-size:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;	
	font-weight:bold;
	font-size:10px;				
	text-decoration:none;
	color: white;
	padding-top:7px;
	padding-bottom:5px;
}
/* mise en page des pages de texte pur          */
.boitepavetitre 
{
	width: 600px;
	height: 80px;
	float:left;
	background-color: white;
	text-align:left; 
	font-size:30px;
	text-transform: uppercase ;
	color: #0088CE;
	font: Avenir LT Com 55 Roman;
}
.boitepackshottitre 
{
	width: 200px;
	height: 80px;
	float:left;
	background-color: white;
	text-align:left; 
}
.boitetextestatique 
{
	width: 100%;
	height: 440px;
	overflow-y: auto;
	float:left;
	background-color: white;
	text-align:left; 
	
}
.boitetextestatique li
{
	margin-left: 18px;
	padding-left: 14px;
	font-size:12px;	
}
.titrebicolorA{
	color : #424143;	
}

.titrebicolorB{
	color : #B80E80;	
}
/* centrage pour les div */
#centre {
  margin-left: auto;
  margin-right: auto;
  width: 1024; /* largeur obligatoire pour être centré */
}

.BTflag{
	background-color: transparent;
	border:  0px;
	height:15px;
	width:36px;
	vertical-align:bottom;
	text-align:center;
}
.BTflagsel{
	background-color: transparent;
	border:  0px;
	height:25px;
	width:56px;
	vertical-align:bottom;
}

/* --- COMMANDE : DISPLAY FAMILLE --- */
.accordion 
{			
	width: 200px;
	font-size:12px;
	padding: 2px 2px 2px 2px;
	background-color:white;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-color: #552373;
	margin-top: 6px;
}

.accordion h3 
{
	background: url('../../images/arrow_red_right.png') no-repeat;
	background-position: right 8px bottom 10px;
	background-position-x: right;
	background-color:#E0E1DD;				
	padding: 6px 6px;
	margin: 0;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	font-size:12px;
	height:26px;
	color:black;
}

#thisfam 
{
	background: url('../../images/arrow_white_bottom.png') no-repeat;
	background-color: #552373;
	background-position: right 8px bottom 10px;
	background-position-x: right;
	color:white;
}
			
.accordion h3:hover 
{
	background-color: #e3e2e2;
	font-size:12px;				
}

.accordion h3.active 
{
	background-position: right 5px;
	background-position-x: right;
	font-size:12px;				
}

.accordion p 
{
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	font-size:12px;				
}

/* ---- COMMANDE : RECAPITULATIF --- */
.infotaille {
	background-color:#EFD672;
	border: 2px solid #000000;
	color: black;
	font:Verdana;
	font-size:10px;
	height:44px;
	left:750px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-left:4px;
	position:absolute;
	text-align:left;
	top:36px;
	vertical-align:top;
	visibility:hidden;
	width:200px;
}

.recaptitle
{
	text-align:right;
	font-size:9px;
}

.TRRecap:hover
{
	background-color: #B5D6FD;
	color: white;
	height:12px;
}

/* COMMANDE : ZOOM ARTICLE - ENTRETIEN  et SYNTHESE*/
#tabs{
	width: 100%;
	background-image:none;
	border:none;
}      

#tabs a{
	background-image:none;
	border:none;
	height:24px;
	vertical-align:middle;
} 

a.tab
{
	color: white;
	background-color:#B80E80;
	background-image:none; 
	border:none;
	float: left;			
	font-size:11px;
	font-weight:bold;
	height:24px;
	margin-top: 4px;
	margin-right: 0px;
	text-decoration:none;
	text-align:center;
	width:120px;
	vertical-align:middle;	
}
			
a.tab:hover 
{ 
	background-color: white;
	color: #B80E80;
	background-image:none; 
	border:none;
	height:24px;
	vertical-align:middle;
}

.ArtBox { 
	border-right: 0px;			
	border-top: 0px;
	border-bottom: solid 1px black;
	background-color: white;
	padding: 10px 10px 10px 10px; 
	height: 380px; 
	overflow:hidden;
}
       
.tdbTitre{
	background-color:#2F3349;
	height:20px;
	font-weight:bold;
	font-size:12px;
	color: #FFFFFF;		
}

/* home page  */

	.accesrapide 
	{
		width: 99%;
		height: 30px;
		float:left;
		background-color: #552373;
		text-align:left; 
		margin-left:0px;
		padding-left:10px;
		padding-top:8px;		
		color: #FFFFFF; 
		text-transform:uppercase;
		text-align:left; 
	} 

	.accesrapide a
	{
		color: #FFFFFF; 
	} 
	
	.boutonrapide
	{
	/*	background: -webkit-linear-gradient(#B80E80, #010101); /* For Safari 5.1 to 6.0 */
	/*	background: -o-linear-gradient(#B80E80, #010101); /* For Opera 11.1 to 12.0 */
	/*	background: -moz-linear-gradient(#B80E80, #010101); /* For Firefox 3.6 to 15 */
	/*	background: linear-gradient(#B80E80, #010101); /* Standard syntax */ 
		background: #424143;
		border: solid 0px  #CCC;
		height:22px;
		font-weight: normal;
		width:80px;
		font-size:10px;
		color: #ffffff;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius:0px;
		vertical-align: middle;	
	}
	
	.boutonrapide:hover 
	{
		background-color: #B80E80; 
		border: solid 0px #CCC;
		color: #ffffff;
	}	 

	.boutonrapide:A
	{
		color: #FFF;
	}

/* formulaire recherche  */


.formulaireRecherche {
	width: 90%;
	background-color: #E6E7E7;
	opacity: 0.9;
	color: black;
	border: 1px solid #808285;
	margin: 10px auto;
	-moz-border-radius: 0px;
	padding: 10px;
	overflow-x: auto;
}

/* ie */
*+ html .formulaireRecherche {
	filter:alpha(opacity=90);
}
* html .formulaireRecherche {
	filter:alpha(opacity=90);
}
.formulaireRecherche table{
	margin-left: auto;
	margin-right: auto;
}

.erreur {
	color: #B80E80;
	font-size: 14px;
	border: 1px solid #B80E80;
	background-image: url('../../images/boutons/alerte.png') center left no-repeat;
	background-color: #E6E7E7;
	margin: auto;
	padding: 20px 20px 20px 80px;
	width: 500px;
}

.tableauResultats {
	width: 96%;
	background-color: white;
	opacity: 1;
	border-collapse:collapse;
	margin-right: auto;
	margin-left: auto;
}
*+ html .tableauResultats {
	filter:alpha(opacity=100);
}
* html .tableauResultats {
	filter:alpha(opacity=100);
}
.tableauResultats th,
.tableauResultats td {
	border-left: 1px solid #eeeeee;
	padding: 5px;
}
.tableauResultats th,
td.col_titre { 
	font-weight:bold; 
	background:#B80E80; 
	color:white; 
}
.tableauResultats th,
td.nombre { 
	text-align: right;
}

/* FENETRE JQuery modal */
.ui-dialog-title{
	color:white;
}