html{
	background-color: #b9ecfe;
	}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	background:url(img/bgTop.jpg) top left repeat-x #ffffff;
	margin:0;
	}
ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
h1{
	margin:0;
	padding:0;
	font-size:150%;
	font-weight:normal;
	color:#2f97e7;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica;
	}
h2{
	margin:0;
	padding:0;
	font-size:110%;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica;
	color:#76ba72;
	}
h3{
	margin:0;
	padding:0;
	font-size:100%;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica;
	color:#a2d9a0;
	}
a{
	color:#5b7ebc;
	}

form{
	margin:0;
	}
table{
	border:1px solid #c0d1df;
	margin:5px 0;
}
td{
	vertical-align:top;
	}
th,thead td{
	background:url(img/th_bg.jpg) bottom left repeat-x #f7f8fa;
	color:#2c92e6;
	padding:2px;
	vertical-align:top;	
	font-weight:bold; 
	border:1px solid #dcdfe5;
	} 
th.type2{
	background-image:none;
	}
th a{
	color:#2c92e6;
	}
img{
	border:none;
	}
input[type=button]:hover,input[type=submit]:hover{
	cursor:pointer;
	}
#logoAbb{
	background:url(img/logo-ABB.jpg) 0 10px no-repeat;
	width:198px;
	height:95px;
	margin:0 0 0 2%;
	padding:0;
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	}
#logoNbb{
	background:url(img/logo-NBB.jpg) 0 10px no-repeat;
	width:60px;
	height:95px;
	margin:0 0 0 2%;
	padding:0;
	z-index:11;
	position:absolute;
	top:0;
	left:198px;
	}
#logoAbb a,#logoNbb a{
	height:100%;
	width:100%;
	display:block;
	}
#menu1{
	margin:0 0 0 2%;
	padding:0 0 0 0;
	height:213px;
	list-style-type:none;
	min-width:950px;
	}
.AdminMagasin #menu1{
	background:url(img/visu.jpg) top right no-repeat;
}
#menu1 li{
	height:34px;
	float:left;
	margin:91px 0 0 0;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica;
	white-space:nowrap;
	_width:100px;
	}
#menu1 li.itemOn,#menu1 li:hover{
	background:url(img/nav1-li-bg-L.jpg) top left no-repeat;
}
#menu1 li.itemOn a,#menu1 li:hover a{
	background:url(img/nav1-li-bg-R.jpg) top right no-repeat;
}
#menu1 li a{
	display:block;
	height:100%;
	padding:5px 20px 0 20px;
	color:#FFFFFF;
	font-size:120%;
	text-align:center;
	text-decoration:none;	
}
#menu1 li a:hover{
	text-decoration:underline;
	}	
#menu2 {
	margin:-83px 0 27px 2%;
	padding:0;
	list-style-type:none;
	font-weight:bold;
	font-size:90%;
	clear:both;
	}
#menu2 li{
	float:left;
	margin:0 5px 0 0;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica;
	border-right:1px solid #3c9de7;
	_width:100px;
	white-space:nowrap;
	}
#menu2 li a{
	display:block;
	height:100%;
	padding:0 7px 0 5px;
	color:#3c9de7;
	font-size:110%;
	text-align:center;
	text-decoration:none;	
}
#menu2 li a:hover,#menu2 li.itemOn a{
	text-decoration:underline;
	}	
	
	/*Menu3*/
#menu3{
	margin:0 0 0 2%;
	padding:0 0 0 0;
	list-style-type:none;
	min-width:950px;
	}
#menu3 li{
	height:25px;
	float:left;
	margin:0 0 0 0;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica;
	white-space:nowrap;
	_width:100px;
	background:url(img/nav3-li-bg-L.jpg) top left no-repeat;
	}
#menu3 li a{
	background:url(img/nav3-li-bg-R.jpg) top right no-repeat;
	display:block;
	height:20px;
	padding:5px 20px 0 20px;
	color:#FFFFFF;
	font-size:120%;
	text-align:center;
	text-decoration:none;	
}
#menu3 li a:hover,#menu3 li.itemOn a{
	text-decoration:underline;
	}	
#titrePage{
	background:url(img/h1-bg.gif) top left no-repeat;
	height:42px;
	margin:-60px 10px 10px 2%;
	padding:0 0 0 25px;
	color:#76ba72;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica;
	font-size:110%;
	}
#filAriane{
	color:#5b7ebc;
	}
.block{
	float:left;
	width:31%;
	_width:31%;
	padding-top:0;
	margin-top:10px;
	margin-left:2%;
	_margin-left:1%;
	_margin-right:0;
	border:none;
	background:url(img/block-bg-t.gif) top right no-repeat #bfedfc;

	_height:400px;
	min-height:400px;
	}
#bloc{
	padding:1%;
	}
.popup{
	padding:150px auto 100px auto;
	text-align:center;
	background-image:none;
	}
.popup #contenu{
	background:none;
	padding-bottom:200px;
	background:url(img/popup-contenu-bg.jpg) bottom right repeat-x;
	}
.popup #titrePage{
	background:none;
	margin:50px 0 0 0;
	}
.block fieldset{
	border:none;
	margin:0;
	background:url(img/block-bg-b.gif) bottom left repeat-x;
	min-height:400px;
	padding:5px 5px 0 5px;

}
.block table{
	margin:0 0 0 5px;
	}
#RechercheListeNaiss table{
	/*margin:auto;*/
	}
.block td{
	padding:0;
	}
.L100{
	font-size:90%;
	padding-top:3px;
	}
p{
	margin:2px 0;
	}
.aMasquer{
	display:none;
	}
#labelAds{
	background:url(img/label-ads-com.gif) top left no-repeat;
	width:184px;
	height:60px;
	position:relative;
	top:-85px;
	margin-bottom:-75px;
	float:right;
	margin-right:20px;
	}
#labelAds a{
 display:block;
 width:100%;
 height:100%;
 }
#pied,#footer{
	background:url(img/footer-bg.jpg) top left repeat-x;
	height:113px;
	clear:both;
	text-align:center;
	margin:10px 0 0 0;
	}
#footer{
	color:#999999;
	}
input[type=text]{
	width:120px;
	font-size:90%;
	}
input[type=button]:hover{
	cursor:pointer;
}
select, input{
	font-size:90%;
	vertical-align:middle;
	}
	
/*mire de connection*/
#login,#bienvenue,#changeMDP{
	margin-top:30px;
	width:420px;
	height:250px;
	text-align:center;
	}
#login{
	margin:auto;
	}
#login table,#changeMDP table,#changeMDP td{
	border:none;
	}
#login input[type=button]{
	margin:0 0 0 35px;
	}
#login label, #commandes label,#clients label,#preSaisie label,
#familleModifications label, #observatoireModif span,
#newsLetterModification label {
	font-weight:bold;
	color:#5b7ebc;
	}
#preSaisie .flottantDessus{
	width:150px;
	position:relative;
	
	background-color:#f8f2ed;
	border:2px solid #5b7ebc;
	}
#commandes table{
	text-align:left;
	}
#login input{
	float:left;
	width:200px;
	}
#form1 #login input[type=submit]{
	float:none;
	margin-right:64px;
}
#modifFournisseur,
#associationModification,
#campagnes,
#telechargement,
#campagnesModification,
#clients,
#familleModifications,
#SuiviListeNaiss,
#reutilisation,
#preSaisie,
#commandesModification,
#clients,
#newsModification,
#newsLetterModification,
#fraisPort,
#publication,
#projetListeDeNaissance,
#RechercheListeNaiss,
#ArticleModification,
#ProduitModification,
#ThemeModification,
#ClientModification,
#commandes{
	margin:5px 0;
	padding:10px;
}

#observatoireModification
{
	margin:5px 0;
	width:1050px;
	padding:10px;
}
	
#associationRecherche,
#rechercheArticle
{
	margin:5px 0;
	width:95%;
	padding:10px;
}

#preSaisie fieldset,#familleModifications fieldset{
	width:auto;
	margin-top:10px;
	}
#rechercheArticle .groupeBtn{
	margin-right:10px;
	}
#rechercheArticle label,#reutilisation label{
	color:#5b7ebc;
}	

#rechercheArticle table,#preSaisie table,#tabListe,#campagnes table,.tabResultat{
	border-collapse:collapse;
	width:100%;
	}

.tabResultat table{
	border-collapse:collapse;
	width:100%;
}

#familleModifications table{
	/*margin:auto;*/
	}
.tabResultat
{
	width:97%;
	}
td{
	/*border:1px solid black;*/
	}
	
#rechercheArticle td,#preSaisie td,#fraisPort td,#tabListe td,.tabResultat td, #rechercheMouvemment td{
	border:1px solid #EFF0F1;
	padding:2px 5px 2px 5px;
	}

#publicationArticle, #photoArticle{
	width:47.45%;
	float:left;
	}

#ArticleModification fieldset,#ProduitModification fieldset,#ThemeModification fieldset{
	margin-bottom:0;
	}
#ArticleModification fieldset p,#ProduitModification fieldset p,#ThemeModification fieldset p{
	margin:8px 0;
	}
#fraisPort{
	text-align:center;
	}
#newsModification iframe,#newsLetterModification iframe{
	margin:0 0 0 70px;
	border:1px solid #5b7ebc;
	}
#commandes,#clients,#newsLetterModification,#campagnesModification {
	padding:10px;
	}
#newsLetterModification iframe{
	margin-left:20px;
	}
#campagnesModification iframe{
	}
#modifFournisseur table,#telechargement table,newsModification table,#newsLetterModification table,#fraisPort table{
	width:100%;
	border-collapse:collapse;
	}
.tabCoord{
	/*margin:auto;*/
	}
.flottantDroit{
	float:right;
	width:47%;
	}
.flottantDroit.groupeBtn{
	text-align:right;
}
.flottantGauche{
	float:left;
	width:47%;
	}
#login input[type=submit],#btnNouveauMagasin,.btn,.enregistrer,.btnRouge,.btnOrange, .btnVert, .btnGris,a.btnOrange{	
	background:url(img/btn-vert-bg.jpg) top left repeat-x #cfcecb;
	color:#FFFFFF;
	font-weight:bold;
	border:none;
	padding:1px 5px;
	margin:0 5px 0 0;
	border:1px solid #66CC33;
	font-size:90%;
	vertical-align:middle;
	text-decoration:none;
}
.btnRechercher{	
	background:url(img/btn-vert-bg.jpg) top left repeat-x #cfcecb;
	}
.btnRouge{	
	background:url(img/btn-rouge-bg.jpg) top left repeat-x #cfcecb;
	border-color:#ff2400;
	}
.btnOrange,a.btnOrange{
	background:url(img/btn-orange-bg.jpg) top left repeat-x #f59701;
	border-color:#ffda10;
	}

.annuler, .btnGris{
	background:url(img/btn-gris-bg.jpg) top left repeat-x #cfcecb;
	border-color:#f1f0ed;
	color:#666666;
	font-weight:normal;
	}		
.btnDescendre, .btnMonter,.btnSupprimer,.btnAjouter{
	width:25px;
	height:25px;
	background:top left no-repeat;
	border:none;
	font-size:0;
	color:#FFFFFF;
	vertical-align:middle;
	display:block;
	}
.btnDescendre{
	background-image:url(img/btn-descendre.jpg);
	}
.btnMonter{
	background-image:url(img/btn-monter.jpg);
	}
.btnSupprimer{
	background-image:url(img/btn-supprimer.jpg);
	}
.btnAjouter{
	background-image:url(img/btn-ajouter.jpg);
	}

.precedent,.btnPrecedent,.suivant,.btnSuivant{
	width:35px;
	height:51px;
	font-size:0;
	color:#FFFFFF;
	border:none;
	vertical-align:middle;
}
.precedent,.btnPrecedent{
	background:url(img/btn-precedent.jpg) top left no-repeat;
	}
.suivant,.btnSuivant{
	background:url(img/btn-suivant.jpg) top left no-repeat;
	}
.btnImprimer{
	background:url(img/btn-imprimer.jpg) top left no-repeat;
	font-size:0;
	width:44px; 
	height:66px;
	border:none;
	margin:3px 5px 0 5px;
	vertical-align:middle;
	}
.btnImprimerInterne{
	background:url(img/btn-imprimer-interne.jpg) top left no-repeat;
	font-size:0;
	width:62px; 
	height:66px;
	border:none;
	margin:3px 5px 0 5px;
	vertical-align:middle;
	}
.btnImprimerExterne{
	background:url(img/btn-imprimer-externe.jpg) top left no-repeat;
	font-size:0;
	width:62px; 
	height:66px;
	border:none;
	margin:3px 5px 0 5px;
	vertical-align:middle;
	}

.btnExport{
	background:url(img/btn-export.jpg) top left no-repeat;
	font-size:0;
	width:62px; 
	height:66px;
	border:none;
	margin:3px 5px 0 5px;
	vertical-align:middle;
	}
	
.btnImport{
	background:url(img/btn-import.jpg) top left no-repeat;
	font-size:0;
	width:62px; 
	height:66px;
	border:none;
	margin:3px 5px 0 5px;
	vertical-align:middle;
	}
	
.disabled{   
	filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
	 }
.tabCoord td{
	border:1px solid #5b7ebc;
	}
.groupeBtn {
	/*text-align:center;
	margin:auto;
	*/
	margin:10px 0 0 2%;
	}
.groupeBtn	input.btn{
	display:inline;
	margin:0 3px 0 3px;
	}

#articleFieldset p{
	margin:5px 0;
	}
#contenu{
	padding:0 2%;
	}
.bloc{
	margin:15px;
	}
.bloc table{
	padding:5px;
	border-collapse:collapse;
	clear:both;	
	}
.bloc table.monteDescend{
	border:none;
	clear:none;
	margin:0;
	min-width:200px;
	}
.monteDescend select{
	width:100%;
	height:100px;
	}
.bloc table.monteDescend td{
	border:none;
	width:200px;
	}

.bloc td,#telechargement td{
	border:1px solid #eaeaea;
	padding:2px 5px 2px 5px;
	}
#telechargement th,#RechercheListeNaiss th{
	text-align:left;
	padding:2px 5px 2px 5px;
	}
#telechargement table table{
	margin:2%;
	width:96%;
	}
.bloc .L100{
	font-weight:bold;
	}
.unPost {
	margin:0 0 3px 0;
	border:1px solid #c3cbd3;
	height:25px;
}
.postTitre {
	float:left;
	font-weight:bold;
	background-color:#e9eef3;
	min-width:300px;
	height:100%;
	color:#2f97e7;
	padding-left:5px;
}
.postTitre a{
	color:#2f97e7;

}
.postDate {
	float:right;
	padding:5px 5px 0 2px;
	font-size:0.8em;
	font-style:italic;
	color:#999999;
}
.postReponses {
	float:right;
	padding:5px 5px 0 2px;
	font-size:0.8em;
}
.postAuteur {
	padding:5px 5px 0 2px;
	float:left;
}
.postContenu {
	clear:both;
	float:none;
	margin:10px;
	/*font-weight:bold;
	color:#2f97e7;*/
	display:block;
}
.postSuppr {
	float:right;
	padding:2px 0 0 0;
}
#publication{
	margin-top:25px;
	}
.preInscrit td {
	background-color:#e8f9fe;
	border-bottom:1px solid #EEEEEE;
}
.inscrit td {
	background-color:#ffffff;
	border-bottom:1px solid #EEEEEE;
}
.desinscrit td {
	background-color:#cfcfcf;
	border-bottom:1px solid #EEEEEE;
}
.tabFichier td{
	border:1px solid #9ed6fb;
	padding:2px;
	font-size:100%;
	}
.tabFichier .warning,.tabFichier tr.pair td.warning{
	background-color:#cc0000;
	}
.tabFichier a{
	display:block;
	width:100%;
	height:100%;
}
h2.warning{
	color:#cc0000;
	}
.tabFichier td{
	background-color:#daf0ff;
	}
.tabFichier td.type2{
	width:40px;
	text-align:center;
	}
.tabFichier tr.pair td{
	background-color:#FFFFFF;
	}
.obligatoire{
	font-weight:bold;
	color:#FF0000;
	font-size:150%;
	margin:0 2px;
	}
.pagination
{
	margin:10px 2%;
	text-align:right;
	width:80%;
	position:relative;
	float:right;
	}
.clear{
	clear:both;
	}
.tabResultat td.present{
	background:url(img/voir.gif) center center no-repeat;
	text-align:center;
	vertical-align:middle;
	}
.tabResultat  td.warning{
	background-color:#cc0000;
	background-image:none;
	}

#observatoireModif table
{
	border:none;
}

.tabResultatObservatoire 
{
	font-size: 85%;
	background-color:white;
	padding:0px;
	margin-bottom :0px;
}
.tabResultatObservatoire thead th+th
{
	writing-mode: tb-rl;
	-ms-writing-mode: lr-tb;
	filter: flipv fliph;
	-ms-filter: inherit;
	padding: auto;
	color: #76ba72;
}
.tabResultatObservatoire td {
	border:1px solid #EFF0F1;
	padding:2px 5px 2px 5px;
}

.tabResultatObservatoire th 
{
	background:#f7f8fa;
}

@media print 
{
	.noPrint 
	{
		display: none;
	}
}

#accueilMag ul
{
    clear: both;
}

#accueilMag li
{
    height: 150px;
    float: left;
    margin: 25px;
    font-weight: bold;
    width: 125px;
}

#accueilMag li a
{
    display: block;
    /*border: 1px solid #FF0000;*/
    text-align: center;
    margin-top: 10px;
}

.updatePanel, .updatePanel div
{
    display:inline;
}
.chkRememberMe
{
    text-align:right;
}

.chkRememberMe input
{
    float: right !important;
    margin: 0 98px 10px 0;
    padding: 0;
    width: 15px !important;
}

/*.chkRememberMe label
{
    margin-right: 7px;
}*/

#footerAccueilMagasin, #footerLogin
{
    margin:0 auto;
    clear:both;
    width: 420px;
}

#footerAccueilMagasin
{
    padding-top: 20px;
}

#footerLogin
{
}

#footerAccueilMagasin a, #footerLogin a
{
    padding-left:20px;
    margin-right:10px;
}
.help
{
    background:url(img/aide.gif) 0 0 no-repeat;
}
.addToFavorite
{
    background:url(img/favoris.gif) 0 0 no-repeat;
}
.setHomePage
{
    background:url(img/accueil.gif) 0 0 no-repeat;
}

#statsQRCode h2
{
    margin-top:20px;
}

#statsQRCode .tabResultat
{
    width:auto;
}

#statsQRCode .th
{
    color: #2C92E6;
}

#voile
{
    background-color: #DDDDDD;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
    opacity : 0.95; 
    -moz-opacity : 0.95; 
    -ms-filter: "alpha(opacity=95)"; /* IE 8 */ 
    filter : alpha(opacity=95); /* IE < 8 */ 

}
#popUp{
    height: 550px;
    width: 750px;
    position: absolute;
    top:5%;
    left:25%;
}

.fsTypeProduit
{
    width:300px;
    float:left;
    margin-right:20px;
}

.fsTypeProduit p
{
    padding:20px 0 !important;
    clear:both;
}

.fsTypeProduit label
{
    display:block;
    width: 60px;
    float:left;
    text-align:left;
    margin: 0 30px 0 10px;
}

.fsTypeProduit select
{
    display:block;
    float:left;
}

.detail.off
{
    display:none;
}

.detail.on
{
    display:block;
}