html{
	font-family: Tahoma, Arial, Verdana, "Trebuchet MS", sans-serif;
	font-size: 11px;}

body{
	background: #FFF url(Gx/bg_main.gif) repeat-x top center;
	margin: 0;
	padding: 0;
	text-align: center;
}



h1, h2, h3, h4, h5, h6, p, form, div, form, ul, li, a{ margin: 0 0 0 0; padding: 0 0 0 0; }

h4{
	font-size: 12px;
}

h6{
	font-size: 10px 
}

a, a:link, a:visited{
	color: #6A9CCD;
}
a:hover, a:visited:hover{
	color: Black;
}


a.actif, a.actif:link, a.actif:visited,a.actif:hover, a.actif:visited:hover{
	color: #FF0000;
}




.both{
	clear: both;
}


#container{
	width: 1004px;
	margin: 0 auto 0 auto;
	text-align: justify;
	
}

#leftcolumn{
	width: 226px;
	float: left;
	text-align: left;
}

#leftcolumninner{
	padding: 0 0 0 5px;
}

#rightcolumn{
	width: 213px;
	float: right;
	text-align: left;
	
}

#content{
	
	float: left;
	width: 550px;
}

#contentlarge{
	
	float: left;
	width: 768px;
}


#innercontent{
	padding: 0 0 0 15px;
	text-align: left;
}



/* header */
#headers{
	background: Transparent url(Gx/bg_headers.gif) no-repeat top right;
	height: 128px;
	padding: 0 0 0 15px;
}

#innerheaders{
	width: 487px;
	float: right;
	height: 126px;
}

#logo{
	float: left;
	display: block;
	margin: 43px 0 0 0;
	border: none;
}

/* Menu */
#menutop{
	background: transparent url(Gx/bg_menu.gif) no-repeat top center;
	width: 487px;
	height: 45px;
	float: right;
	margin: 0px;
	padding: 0px;
	display: block;}
#menutop ul{
	display: block;
	/*height: 32px;*/
	margin: 0px 0 0 15px;
	padding: 0px;
	list-style-type: none;}
#menutop li{
	display: inline;
	padding: 0px;
	margin: 0 0 1px 0; 	}
#menutop a, #menutop a:link, #menutop a:visited{
	height: 32px;
	display: block;
	float: left;
	line-height: 32px;
	font-size:  11px;
	color: #FDF6E5;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 17px;
	margin: 13px 0 0 0;	}
#menutop a.last, #menutop a.last:link, #menutop a.last:visited{
	padding: 0px 22px 0px 21px;}
#menutop a.actif, #menutop a.actif:link, #menutop a.actif:visited, #menutop a.actif:hover{
	background: #81915D;}
#menutop a:hover{
	background: #A1AF81;}

/* sous Menu */
#sousMenu{
	border-bottom: 1px solid #395D81;
	margin: 0 47px 10px 29px;
	list-style: none;
	height: 19px;
	font-size: 11px;
}
#sousMenu li{
	float: left;
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
	background: url(gx/m/sep_sousMenu.gif) no-repeat right center;
}
#sousMenu li.last{
	background: none;
	padding: 0 0 0 0;
}
#sousMenu li a{
	text-decoration: none;
	color: #5A5A5A;
	padding: 0 0 5px 0;
}
#sousMenu li a:hover{
	color: #6A9CCD;
}
#sousMenu li a.actif{
	font-weight: bold;
	color: #6A9CCD;
	background: url(gx/m/a_bgSousMenu_actif.gif) no-repeat center bottom;
}




/* -------      boxes      ---------  */
.frameBox{
	padding: 9px 15px 10px 15px;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0 0 10px 0;
	line-height: 18px;
	color: #094480; }
.frameBox h2{
	background: transparent url(Gx/bg_frameBox_h2.gif) repeat-x bottom left;
	color: #F4F3E8;
	color: #496786;
	color: #094480;
	display: block;
	padding: 0 0 4px 0;
	margin: 0 0 5px 0;
	font-size: 18px;
	font-weight: bold;}
.frameBox h2 a, .frameBox h2 a:link, .frameBox h2 a:visited{
	color: #F4F3E8;
	font-size: 18px;
	text-decoration: none;
	border: none;
	}
.frameBox h2 a:hover{
	color: #DEDCC8;
	color: #C4C3B7;}

h2.derniere{
	background: transparent url(Gx/DernierePublication.gif) no-repeat top left;
	border-bottom: 1px solid #CCCBBA;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
	}

h2.asignaler{
	background: transparent url(Gx/A_signaler.gif) no-repeat top left;
	border-bottom: 1px solid #D0D7DE;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
}	

h2.ItemDetail{
	background: transparent url(Gx/ItemDetail.gif) no-repeat top left;
	border-bottom: 1px solid #D0D7DE;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
}	

h2.paraitreBientot{
	background: transparent url(Gx/A_paraitreBientot.gif) no-repeat top left;
	border-bottom: 1px solid #D0D7DE;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
}	

h2.AbonnementGratuit{
	background: transparent url(Gx/AbonnementGratuit.gif) no-repeat top left;
	border-bottom: 1px solid #D0D7DE;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
}	

h2.SiteWeb10ans{
	background: transparent url(Gx/SiteWeb10ans.gif) no-repeat top left;
	border-bottom: 1px solid #D0D7DE;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
}	

h2.SiteWeb10ansV2{
	background: transparent url(Gx/SiteWeb10ansV2.gif) no-repeat top left;
	border-bottom: 1px solid #D0D7DE;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
}	

h2.facturation{
	border-bottom: 1px solid #D0D7DE;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
}	

h2.confirmation{
	border-bottom: 1px solid #D0D7DE;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
}	

h2.faq{
	background: transparent url(Gx/faq.gif) no-repeat top left;
	border-bottom: 1px solid #D0D7DE;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
}	

h2.compteclient_full{
	background: transparent url(Gx/compteclient_full.gif) no-repeat top left;
	border-bottom: 1px solid #D0D7DE;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
}	

h2.historique{
	background: transparent url(Gx/historique.gif) no-repeat top left;
	border-bottom: 1px solid #D0D7DE;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
}	

h2.contact{
	background: transparent url(Gx/contact.gif) no-repeat top left;
	border-bottom: 1px solid #D0D7DE;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
}	

h2.panier_achat_full{
	background: transparent url(Gx/panier_achat_full.gif) no-repeat top left;
	border-bottom: 1px solid #D0D7DE;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
}	

h2.rechercheavance{
	font-size: 12px;
	color: #496786;
	color: #094480;
	line-height: 30px;
	border-bottom: 1px solid #094480;
	padding: 0 0 0 4px;
}

h2.triage{
	font-size: 12px;
	color: #496786;
	color: #094480;
	line-height: 20px;
	border-bottom: 1px solid #CCC;
	padding: 0 5px;
}

div.full{
	min-height: 500px;
}
*html div.full{
	height: 500px;
}
div.frameBox img.thumbBig{ /**/
	border: 1px solid #3A5C82;
}
.frameBox a.lien, .frameBox a.lien:link, .frameBox a.lien:visited{
	/*font-family: Tahoma;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #FFF;
}
.frameBox a.lien:hover{
	text-decoration: none;
	color: #C7C7C7;
}

.lightBox{
	background: transparent url(Gx/bg_lightBox.gif) repeat-x bottom left;
	color: #496786; /* old font */
	color: #094480; /* new font */
	line-height: 16px;
	text-align: justify;
}

.lightBox img{
	
}

.lightBox .thumbleft{
	border: 1px solid #3A5C82;
	float: left;
	margin: 6px 15px 10px 0;
}

.lightBox .thumbright{
	border: 1px solid #3A5C82;
	float: right;
	margin: 6px 0 10px 15px;
}


.lightBox a, .lightBox a:link, .lightBox a:visited{
	color: #323232;
	color: #094480;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

.lightBox a:hover{
	color: #496786;
	color: #012952;
	text-decoration: underline;
}


.acier{
	background: #496786;
	color: #CBDDEF;}
.bleu{
	background: #CB6F1E;
	color: #F6E7D3;}

.vert{
	background: #93A36E;
	color: #E4ECD0;}
.orange{
	background: #B3B19A;
	color: #EBEADD;}
	
.gris{
	background: #B3B19A;
	color: #EBEADD;}
.azur{
	background: #A8BACC;
	color: #FFFFFF;}
.kaki{
}

.acier h2, .bleu h2, .vert h2, .orange h2, .gris h2, .azur h2, .kaki h2{
	color: #F4F3E8;
}


div.paraitre{
	/*width: 214px;*/
	/*width: 286px;*/
	/*border-color: #600001;*/
	/*background-color: #F2F0F1;*/
	color: #AE312F;
	padding: 8px 0 10px 0;

	margin: 0 0 5px 0;
}
div.paraitre table.ligne{
	/*background-color: #000;*/
	/*margin-bottom: 2px;*/
	font-size: 10px;
	font-weight: bold;
}
div.paraitre table.ligne td{
	background: #FAFAFA;
	padding: 1px 3px 1px 6px;
}

.ligne a, .ligne a:link, .ligne a:visited{
	color: #AE312F;
	text-decoration: none;
	font-weight: normal;	
	line-height: 14px;
}

.ligne a:hover{
	text-decoration: underline;	
}



.frameBox2{
	padding: 10px 0 0 4px;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0 0 10px 0;
	line-height: 18px;}


/* --------   formulaire   ---------  */
form{
	/*width: 532px;*/
}
form fieldset{
	padding: 10px 10px 10px 10px;
	border: 2px solid #E0E8EF;
	margin: 0 0 15px 0;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
}
* html form fieldset{
	padding: 0 10px 10px 10px;
}
form legend{
	font-weight: bold;
	font-size: 10px;
	line-height: 100%;
	padding: 5px 7px 5px 7px;
	border: 1px solid #D3DDE5;
	background: #E8EEF4;
	border-bottom: 1px solid #A8B9C3;
	border-right: 1px solid #A8B9C3;
	margin: 0 2px 0 2px;
}
form select{
	display: block;
	margin: 0 0 4px 0;
	font-size: 100%;
	width: 150px;
}
form label{
	display: block;
	font-weight: bold;
	color: #DE2229;
	cursor: pointer;
	font-size: 10px;
	margin: 0px 0 5px 3px;
}
* html form label{
	margin: 5px 0 5px 10px;
}
form input, form textarea, form select{
	/*border: 1px solid #000;*/
	font-size: 11px;
	/*width: 200px;*/
	padding: 0 0 0 0;
	margin: 2px 0 4px 0px;
	/*border: 1px solid #D3DDE5;*/
	/*background: #FFFFFF;*/
	/*border-bottom: 1px solid #A8B9C3;*/
	/*border-right: 1px solid #A8B9C3;*/
}
* html form input, * html form textarea, * form select{
	margin: 2px 0 4px 0px;
}
form textarea{
	width: 250px;
	height: 150px;
	font-size: 10px;
}
form input.submit{
	border: none;
	height: inherit;
	padding: 0 0 0 0;
	height: 27px;
	width: 254px;
	color: #DE2229;
	font-weight: bold;
	clear: both;
	margin: 0 0 0 3px;
}
form input.radio{
	border: none;
	background: none;
	width: 25px;
	margin-bottom: 0;
}
* html form input.submit{
	margin: 0 0 0 10px;
}
form textarea{
	font-family: sans-serif;
	font-size: 100%;
}
form div.label{
	font-family: sans-serif;
	font-weight: bold;
	float:left;
	width: 120px;
}




/* -------     item    ---------  */
#resultListe a, #resultListe a:visited{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #094480;
}
#resultListe a:hover{
	text-decoration: underline;
	color: #012952;
	
	
}

#resultListe .itemSmall{
	border-bottom: 1px solid #CCCBBA;
	display: block;
	padding: 16px 0 0 5px;
	color: #496786;
	color: #094480;	

	
}
#resultListe .itemSmall img.thumb{
	width:60px;
	border: 1px solid #3A5C82;
	margin: -2px 0 0 20px;
	float: right;
}

#resultListe div.itemLarge{
	/*width:95%;*/
	/*padding: 0 0 10px 7px;
	margin: 5px 0 10px 0;
	padding-right: 10px;*/
	width: 530px;
	
	display: in-line;
	border-bottom: 1px solid #DEDDC8;
	clear:both;
}

#resultListe div.itemLarge table{
	clear: both;
}

#resultListe div.itemLarge img.thumb{
	width:55px;
	border: 1px solid #3A5C82;
	margin-right: 6px;
	margin-top: -2px;
	float: left;
}

#resultListe .itemThumb{
	width:330px;
	height:10px;
	padding: 0 0 10px 7px;
	margin: 5px 0 10px 0;
	display: in-line;
	float: left;
	border-bottom: 1px solid #DEDDC8;
}
#resultListe .itemThumb img.thumb{
	width:55px;
	border: 1px solid #3A5C82;
	margin-right: 3px;
	margin-top: 2px;
	float: left;
}

#resultListe .itemThumb b{
	width:25px;
	float: left;
}

#resultListe{
	
}



div.item{
	background: transparent url(Gx/bg_lightBox.gif) repeat-x bottom left;
	color: #496786;
	color: #094480;
	line-height: 16px;
	text-align: justify;
	padding: 0 4px;
}
div.item h3{
	font-size:14px;
}
div.item img{
	float: right;
	margin: 0 0 5px 5px;
	background: #FFF;
	padding: 3px;
	border: 1px solid #758594;
}
div.item em{
	font-size: 120%;
	line-height: 250%;
	color: #01325A;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}



div.alphabet{
	width: 14px;
	height: 16px;
	font-size: 10px;
	display: block;
	float: left;
	font-family: Tahoma;
	font-weight: bold;
	color: #8A8A8A;
}
div.alphabet a.lettre{
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}





a.lienPetit, a.lienPetit:link, a.lienPetit:visited{
	font-family: Tahoma;
	color: #898989;
	font-weight: normal;
	font-size: 9px;
}
a.lienPetit:hover, a.lienPetit:visited:hover{
	font-family:  Tahoma;
	color: Black;
	font-weight: normal;
	font-size: 9px;
}



ul#categorie{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	line-height: 16px;
}
ul#categorie li{
	margin: 0px;
	padding: 0;
	background: url(gx/puce1.gif) 0 6px no-repeat;
	
}
ul#categorie li.actif{
	background: url(gx/puce1_on.gif) 0 6px no-repeat;
}

ul#categorie a, ul#categorie a:link, ul#categorie a:visited{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 8px;
}

ul#categorie a:hover{
	text-decoration: underline;
}


ul#categorie ul.sCategorie{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	
}
ul#categorie ul.sCategorie li{
	padding: 0 0 0 16px;
	background: url(gx/puce2.gif) 8px 4px no-repeat;
}
ul#categorie ul.sCategorie li.actif{
	padding: 0 0 0 16px;
	background: url(gx/puce2_on.gif) 8px 4px no-repeat;
}

ul#categorie ul.sCategorie a, ul#categorie ul.sCategorie a:link, ul#categorie ul.sCategorie a:visited{
	padding: 0 0 3px 0;
	font-weight: normal;
	display: block;
	margin: 0px;
	/*float: left;*/
	/*background: Aqua;*/
	width: 175px;
}



ul#categorie ul.sCategorie a:hover{
	text-decoration: underline;
}


/* --------   footer   ---------  */

#copyrights{
	border-top: 1px solid #E3E2D7;
	padding: 10px 0 30px 19px;
	color: #787878;
}

#copyrights a, #copyrights a:link, #copyrights a:visited{
	font-weight: bold;
	text-decoration: none;
	color: #787878;
}

#copyrights a:hover{
	color: #404040;
}

#socialBookmarker{float:right;width:210px;}

#pubcontainer{
	height: 79px;
	width: 289px;
	text-align: left;
	float: right;
	padding: 0px;
	margin: 0px;
	clear: both;
	display: block;	
}

#innerpub{
	padding: 15px 9px 0 0;	
}

#searchtop{
	background: #84A0C0;
	padding: 0px;
	margin: 0 0 10px 0;
	
	display: block;
	}
	
#searchtop div{
	height: 90px;
	padding: 0 15px;
}

#searchtop label{
	
	
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
	padding: 0 0 0 2px;
	margin: 6px 0 4px 0;}
	
#searchtop label a, #searchtop label a:link, #searchtop label a:visited{
	color: #DFEEFF;
	font-weight: bold;
	text-decoration: none;
}

#searchtop label a:hover{
	text-decoration: underline	
}
	
#searchtop #searchtext{
	float: left;
	width: 132px;
	color: #727272;
	}

#searchtop #btnsearchtop{
display: block;
	width: 21px;
	height: 21px;
	float: left;
	margin: 0 0 0 5px;
}	
	
/*#searchtop a#searchsubmit, #searchtop a:link#searchsubmit, #searchtop a:visited#searchsubmit{
	background: transparent url(Gx/btn_search.gif) no-repeat top center;
	display: block;
	width: 21px;
	height: 21px;
	float: left;
	margin: 0 0 0 5px;}
#searchtop a:hover#searchsubmit{
	background: transparent url(Gx/btn_search_over.gif) no-repeat top center;}*/

#inscrire{
	margin: 0px;
	padding: 0px;
	height: 30px;}
#inscrire #inscrireinput{
	width: 150px;
	float: left;
	padding: 0px;
	margin: 0px;}
#inscrire #inscriresubmit{
	background: transparent url(Gx/btn_inscrire.gif) no-repeat top right;
	border: none;
	float: left;	
	width: 26px;
	height: 20px;
	padding: 0px;
	margin: 0px;}
	
#compteclient{
	margin: 0px;
	padding: 0px;}
#compteclient .compteclienttext{
	width: 150px;
	float: left;
	padding: 0px;
	margin: 0px;}
#compteclient #compteclientsubmit{
	background: transparent url(Gx/btn_compteclient.gif) no-repeat top right;
	border: none;
	float: left;	
	width: 26px;
	height: 20px;
	padding: 0px;
	margin: 0px;}
#compteclient #compteclientcheck{
	float: left;
	margin: 0 5px 0 0;
	padding: 0px;}
	
	
.both{
	clear: both;
}