body{	margin:0;background-color: #7e7e7e; }

html{
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}
h1, h2, p, form, div, ul, li, a, img{ margin: 0; padding: 0; border:0;}
h1{
	font-size: 20px;
	color: #666;
	font-family: Arial;
}


h1{color: #ad8533; font-size:18px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}


h2.boiteFull{
	background: transparent url(gx/popup/boiteFullpopup.gif) no-repeat;
	padding:10px 0px 5px 15px;
}
h2.boiteFull strong, h2.boiteDroite strong,h2.boiteGauche strong{
	padding:10px 0px 5px 15px;
	
	
}
h2 strong{
	position:absolute;
	color:#fff;
	top:-2px;
	left:-2px;
}
h2.boiteFull strong{
	_left:-15px;
	
}

.whiteBg{
	background: #FFF !important;
	margin: 10px;
	padding: 10px;
}

#hautPopUp{
	/*border: 5px solid transparent;
	background: #131313 url(gx/m/bg_PopUpHaut.gif) left top no-repeat; */
	height:71px;
}
#conteneurPopUp{
	z-index: 103;
	background-color: #7e7e7e;

}
#basPopUp{

	/*background: #131313 url(gx/m/bg_PopUpBas.gif) left top no-repeat; 
	height:8px;*/

}
div.boiteBlanchePopUpPetit{
	background: #fff url(gx/popup/bg_boiteBlanchePopUpPetitHaut.gif) left top no-repeat; 
	margin:0 0 0 10px ;
	width: 450px;
}

div.boiteBlanchePopUp{
	background: #fff url(gx/popup/bg_boiteBlanchePopUpHaut.gif) left top no-repeat; 
	margin:0 0 0 10px ;
	width: 739px;
}

div.boiteBlanchePopUpTab{
	background: #fff url(gx/popup/bg_boiteBlanchePopUpHaut2.gif) left top no-repeat; 
	margin:0 0 0 10px ;
	width: 607px;
}

div.boiteBlanchePopUpPetitBas{
	background: #fff url(gx/popup/bg_boiteBlanchePopUpPetitBas.gif) left bottom no-repeat; 
	height:7px;
	width: 450px;
	margin:0 0 0 10px ;
}
div.boiteBlanchePopUpBas{
	background: transparent url(gx/popup/bg_boiteBlanchePopUpBas.gif) left bottom no-repeat; 
	height:5px; 
	 line-height: 5px;
	width: 739px;
	margin:0 0 0 10px ;
}
div.boiteBlanchePopUpTabBas{
	background: transparent url(gx/popup/bg_boiteBlancheBas.gif) left bottom no-repeat; 
	height:7px;line-height: 7px;
	width: 607px;
	margin:0 0 0 10px ;
}
div.boiteBlanchePopUpContenu{
	padding:15px 8px;
	height: 100%;
}
div.boiteContenu{
	background: transparent url(gx/popup/bg_boiteContenu.gif) repeat-y;
	padding:0px 0px 0 12px;
	height: 100%;
}
div.boiteContenuBas{background: transparent url(gx/popup/bg_boiteContenuBas.gif) no-repeat;}
div.boiteContenuHaut{background: red url(gx/popup/bg_boiteContenuHaut.gif) no-repeat;line-height:5px;}

div.boiteBlancheContenu{padding:5px 10px; min-height:60px;}

/*div.boiteBlanche{
	background: transparent url(gx/m/bg_boiteBlanche.gif) repeat-y;
	width: 616px;
	padding:0px 10px;
	height: 100%;
}*/
div.boiteBlancheHaut{background: #fff url(gx/popup/bg_boiteBlancheHaut.gif) no-repeat;	min-height:8px; width: 607px;}
div.boiteBlancheBas{background: transparent url(gx/popup/bg_boiteBlancheBas.gif) no-repeat;	height:10px; width: 607px;}

.droite{
	float:right; display:block;
}

a.btn { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
	 text-decoration:none;
	
}
/*
.btn{
	
	width:95px;
	text-transform:uppercase;
	padding:2px 0;
	border:none;
	background: #fff url(gx/btn-bg.gif ) no-repeat  scroll center top;
	color: #fff;
	font-family: "Trebuchet MS";
	font-size: 11px;
}
.btn:hover{	cursor:pointer;background: #fff url(gx/btn-bg-over.gif ) no-repeat  scroll center top; color:#FFF;}
*/


a.btn span { 
    float:left; 
    padding:0 0 0 4px;        /* Largeur du côté gauche */ 
    vertical-align:middle; 
    background:transparent url(gx/popup/btnGauche1.gif) left top no-repeat; 
}
a.btn span.btnGauche2 { 
	padding:0 0 0 3px;        /* Largeur du côté droit */ 
    background:transparent url(gx/popup/btnGauche2.gif) left top no-repeat; 
}
a.btn span.btnGrosGauche { 
	padding:0 0 0 2px;        /* Largeur du côté droit */ 
    background:transparent url(gx/popup/btnGrosGauche.gif) left top no-repeat; 
}
a.btn span span { 
	padding:0 4px 0 0;        /* Largeur du côté droit */ 
	background:transparent url(gx/popup/btnDroit1.gif) right top no-repeat; 
}
a.btn span span.btnDroit2 { 
	background:transparent url(gx/popup/btnDroit2.gif) right top no-repeat; 
}
a.btn span span.btnGrosDroit { 
	background:transparent url(gx/popup/btnGrosDroit.gif) right top no-repeat; 
}
a.btn span span span { 
    height:22px;        /* Hauteur du bouton */ 
    padding:0 3px; 
    line-height:25px;    /* Alignement vertical du texte */ 
    background: #fff url(gx/btn-bg.gif ) no-repeat  scroll center top;
	 color:#fff;    
	font-size:10px;
	font-weight: bold;
	font-family: arial;
	 position:relative;
}
a.btn span span span.btnMilieu2 { 
    background:transparent url(gx/popup/btn2.gif) left top repeat-x; 
}
a.btn span span span.btnGrosMilieu { 
    background:transparent url(gx/popup/btnGros.gif) left top repeat-x; 
	 height:37px; 
	 padding: 7px 12px 0px 15px;
	 line-height:130%;
}
a.btn span span span.btnGrosMilieu strong{

	padding: 7px 12px 0px 15px;
}
a.btn span span span strong{
	position: absolute; 
	padding:0 5px; 
	top: -2px; 
	left: -2px;
	color: #fff;

	}
a:hover.btn span span span strong{
	color: #ccc;

	}
	
/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 0.8em; line-height: 140%; color: #5f5f5f;}
p strong{color: #5f5f5f;}

p b{font-weight: bold; color: #000;}
p a, p a:link, p a:visited{color: #23248B; text-decoration: none;}
p a:hover, p a:visited:hover{color: #000;text-decoration: underline;}
p ul li{list-style: square;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color: #555;height: 50px;font-family: Tahoma;font-size: 10px;padding: 0;}
#piedPage a{ color: #BD9500; text-decoration: underline;}
#piedPage a:hover{ color: #000; }
#piedPage #copyrights{ float: left; margin: 0; text-align: left;}
#piedPage #copyrights a{ font-weight: bold; }
#piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #555;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #555;}

