/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	/* Garder 3 fontes seulement */
	font-family:Tahoma, Arial, Verdana, Helvetica;
}
h1, h2, p, form, div, ul, li, a, img{ margin: 0; padding: 0; border:0;}


h1{color: #000;font-size: 18px;}
h1 a{
	color:#000;
	text-decoration: none;
}
h2{
	color:#98B2B8;
	font-size: 17px;
}
sup{
	font-size: 10px;
}

.both { clear: both; }

.i_pdf {
	background: url(Gx/icone_pdf.gif) no-repeat;
	display: block;
	line-height: 17px;
	padding-left: 20px;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	width:987px;
	text-align:left;
}
#hautPage_fr{
	background: url(gx/M/header.jpg) center no-repeat;
	display: block;
	height: 228px;
	width: 987px;
}
#hautPage_en{
	background: url(gx/M/header_en.jpg) center no-repeat;
	display: block;
	height: 228px;
	width: 987px;
}
#logo {
	float: right;
	margin: 15px 20px;
}

#contenu{
	background: #FFF;
	margin: 0;
	padding: 20px 6px 10px 6px;
}

#col_contenu {
	float: left;
	margin-left: 20px;
	min-height: 400px;
	width: 786px;
}
.col1 {
	border-right:1px solid #B6D0D6;
	float: left;
	margin-bottom: 30px;
	min-height: 250px;
	width: 362px;
}
.col2 {
	float: left;
	width: 363px;
}

.boite1{
	width:283px;
	background: #B6D0D6 url(gx/01/boite1_haut.gif) top no-repeat;
	margin: 15px 10px 15px 20px;
}
.boite1 A {
	color: #000000;
	display: block;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
}
.boite2{
	width:283px;
	background: #EED8B3 url(gx/01/boite2_haut.gif) top no-repeat;
}
.boite3{
	width:333px;
	
	background: #B6D0D6 url(gx/01/boite3_haut.gif) top no-repeat;
}

.plan {	padding: 0px 60px 30px 60px; }

#box_exposant .plan P {
	float: left;
	padding: 0px 10px;
}
#annonceGauche{
	background: url(gx/01/fond_pourvoirlemonde.jpg) no-repeat;
	width:499px; _width:519px;
	height:263px;
	padding-left:20px;
	float:left;
	position:relative;
}
#annonceGauche h1.titreAnnonce_fr {
	height: 23px;
	width: 350px;
	position: relative;
}
#annonceGauche h1.titreAnnonce_fr SPAN {
	background: url(gx/01/slogan_fr.gif) no-repeat; 
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#annonceGauche h1.titreAnnonce_en {
	height: 30px;
	width: 387px;
	position: relative;
}
#annonceGauche h1.titreAnnonce_en SPAN {
	background: url(gx/01/slogan_en.gif) no-repeat; 
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#annonceGauche p{color:#203b97; font-size:11px; font-weight:bold; line-height:170%; padding: 5px 0px 0px 5px; }
#annonceGauche ul{margin:0; padding:20px 0px 0px 272px; }
#annonceGauche ul li{background:url(gx/01/fleche.gif) 0px 27px no-repeat;list-style-type:none;padding:0 0 10px 10px;}
#annonceGauche ul li.annonceUn h2{color:#489227;font-size:16px;font-weight:bold;margin:0;padding:0;}
#annonceGauche ul li.annonceUn h3{color:#489227;font-size:16px;font-weight:bold;margin:0;padding:0;}
#annonceGauche ul li.annonceUn p{color:#489227; padding: 0px; }
#annonceGauche ul li.annonceDeux h2{color:#314ba0;font-size:16px;font-weight:bold;margin:0;padding:0;}
#annonceGauche ul li.annonceDeux h3{color:#314ba0;font-size:16px;font-weight:bold;margin:0;padding:0;}
#annonceGauche ul li.annonceDeux p{color:#314ba0; padding: 0px;}

#video{float:right;width:445px; height:248px;position:relative;right:-4px; background: url(gx/01/cadrePourVideo.gif) top left;}
#lecteurVideo{position:absolute; top:13px; left:12px;}

.boiteGauche{
	float:left;
	width:475px;
	border-right:1px solid #B6D0D6;
	display:block;
}

.boiteDroite{
	float:right;
	width:350px;
	display:block;
}

.boiteGauche a.lienAchat, .boiteGauche a.lienAchat:link, .boiteGauche a.lienAchat:visited, .boiteDroite a.lienAchat, .boiteDroite a.lienAchat:link, .boiteDroite a.lienAchat:visited{
	font-size:18px;
	color:#ff0000;
}

.boiteGauche a.lienAchat:hover, .boiteGauche a.lienAchat:visited:hover, .boiteDroite a.lienAchat:hover, .boiteDroite a.lienAchat:visited:hover{
	color:#990000;
}

.regles a:link, .regles a:visited, .regles a:hover, .regles a:active
{
	font-size:12px;
	color:#000000;
}
#bigwinner{
	float:left; 
	margin: 0 0 0 20px;
	background: url(gx/06/bigwinner.png) no-repeat;
	width: 497px;
	height: 110px;
}
#winner{
	float: left;
	margin: 17px 0 0 35px;
}
#linkbigwinner{color: #98B2B8; decoration:none;}

#box_partenaire, #box_exposant {
	background-color: #f1f9fb;
	border: 8px solid #acc2c7;
	width: 770px;
}
#box_partenaire H1, #box_exposant H1 {
	background-color: #62b33e;
	color: #d5f9c5;
	font-size: 21px;
	font-weight: normal;
	height: 45px;
	line-height: 45px;
	text-transform: uppercase;
}
#box_partenaire H1 SPAN, #box_exposant H1 SPAN {
	background-color: #3d841e;
	display: block;
	float: left;
	margin-right: 10px;
	height: 45px;
	width: 30px;
}

#box_partenaire UL LI {
	font-size: 10px;
	list-style: none;
	float: left;
	margin: 30px 38px;
}

#box_partenaire #leclerc {
	display: block;
	height: 97px;
	width: 169px;
	position: relative;
}
#box_partenaire #leclerc SPAN {
	background: url(Gx/03/logo_leclerc.gif) no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#box_partenaire #aviva {
	display: block;
	height: 97px;
	width: 115px;
	position: relative;
}
#box_partenaire #aviva SPAN {
	background: url(Gx/03/logo_aviva.gif) no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#box_partenaire #preloc {
	display: block;
	padding-top: 15px;
	height: 69px;
	width: 200px;
	position: relative;
}
#box_partenaire #preloc SPAN {
	background: url(Gx/03/logo_preloc.gif) center center no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#box_partenaire #alliance {
	display: block;
	height: 97px;
	width: 158px;
	position: relative;
}
#box_partenaire #alliance SPAN {
	background: url(Gx/03/logo_indAlliance.gif) no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#box_partenaire #fqcc {
	background: url(Gx/03/logo_fqcc.gif) no-repeat;
	display: block;
	height: 107px;
	width: 158px;
	text-indent:-9999px;
	/*position: relative;
	top: 150px;
	left: -250px;*/
}
/*
#box_partenaire #fqcc SPAN {
	background: url(Gx/03/logo_fqcc.gif) no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;

}
*/
#box_partenaire #rbc {
	background: url(Gx/03/logo_rbc.gif) no-repeat;
	display: block;
	height: 86px;
	width: 362px;
	text-indent:-9999px;
	/*position: relative;
	left:60px;*/
}

/*
#box_partenaire #rbc SPAN {
	background: url(Gx/03/logo_rbc.gif) no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
*/

#box_partenaire #lapresse {
	display: block;
	height: 97px;
	width: 158px;
	position: relative;
}
#box_partenaire #lapresse SPAN {
	background: url(Gx/03/logo_lapressecyber_c.gif) no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#box_partenaire #jdq {
	display: block;
	height: 97px;
	width: 158px;
	position: relative;
}
#box_partenaire #jdq SPAN {
	background: url(Gx/03/LOGO_JDQ_ROUGE_2009.gif) no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#box_partenaire #rogers {
	background: url(Gx/03/logo_rogers.gif) no-repeat;
	display: block;
	height: 40px;
	width: 170px;
	text-indent: -1000px;
	overflow: hidden;
}

#box_partenaire #acces {
	background: url(Gx/03/logo_acces.gif) no-repeat;
	display: block;
	height: 36px;
	width: 165px;
	text-indent: -1000px;
	overflow: hidden;
}

#box_exposant H2 {
	color: #3D841E;
	padding: 15px 0px 0px 15px;
}

#box_exposant P {
	font-size: 14px;
	font-weight: normal;
	line-height: 200%;
	padding: 15px 0px 0px 15px;
}
#box_exposant UL {
	background: #223d99 url(Gx/04/boxListe_haut.gif) no-repeat;
	margin: 10px 15px 0px 15px;
	padding: 10px 0px 0px 0px;
	width: 473px;
	overflow: visible;
}
#box_exposant UL LI {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	list-style-image: url(Gx/04/li_expo.gif);
	margin: 0px 28px;
	padding: 0px;
}
*+ HTML #box_exposant UL LI { margin: 0px 19px; } /* HACK IE7 & 8 */

#box_exposant UL LI.bas {
	background: #223d99 url(Gx/04/boxListe_bas.gif) bottom left no-repeat;
	height: 15px;
	list-style-image: none;
	margin: 0px;
}

#box_exposant .texte {
	float: left;
	width: 500px;
}

#box_exposant .photo {
	float: left;
	margin-top: -30px;
	text-align: center;
	width: 270px;
}
#box_exposant .photo IMG {
	border: 3px solid #FFFFFF;
	margin-bottom: 10px;
}

#box_exposant TABLE {
	margin: 15px;
	padding: 0px;
	width: 460px;
}
#box_exposant TABLE TD {
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
}
#box_exposant TABLE TH {
	background-color: #223d99;
	color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	text-align: center;
	width: 150px
}
#box_exposant .alt1 { background-color: #5B78DB; }
#box_exposant .alt2 { background-color: #223d99; }

#lnk_rodeo {
	background: url(Gx/04/rodeo.gif) no-repeat;
	display: block;
	margin: 15px;
	text-indent: -1000px;
	height: 143px;
	width: 123px;
	outline: none;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	padding: 5px 0 5px 0;
	margin: 0;
	background: url(Gx/M/menu_fond.gif) no-repeat;
	height:49px; _height:59px;
}
#menu ul{
	padding: 0 0 0 9px;
	margin: 0;
}
#menu ul li{
	padding: 0px;
	margin: 0px 0px 0px 1px;
	float:left;
	list-style-type: none;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #fff;
	text-decoration: none;
	float:left;
	text-transform: uppercase;
	font: 0.6em Verdana;
	font-weight:bold;
	padding: 13px 8px 13px 4px;
	outline:none;
}
#menu ul li a:hover, #menu ul li a:visited:hover{
	background: url(gx/M/menu_over.gif) repeat-x;
	color:#000;
}
#menu ul li a.actif, #menu ul li a.actif:visited{
	background: url(gx/M/menu_over.gif) repeat-x;
	color:#000;
} 

#submenu{
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 12px;
	display:block;
	width:702px;
	float:left;
}
#submenu a, #submenu a:link{
	line-height: 12px;
	font-size: 12px;
	color: #281511;
	text-decoration: none;
	font-weight: bold;
	padding: 0;
}

#submenu a:hover, #submenu a.actif, #submenu a.actif:visited{
	text-decoration:underline;
	color:#96BCC5;
}
/*
#submenu a:visited{
	text-decoration:none;
	color:#281511;
}*/

#menuSec {
	background: #d6e6ea url(Gx/M/menuSec_haut.gif) no-repeat top left;
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width: 167px;
}
#menuSec .dernier {
	background: url(Gx/M/menuSec_bas.gif) no-repeat bottom left;
	padding-bottom: 10px;
}
#menuSec LI {
	border-bottom: 1px solid #FFFFFF;
	list-style: none;
}
#menuSec LI A {
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 30px;
	padding: 0px 15px;
	text-decoration: none;
}
#menuSec LI A:hover {
	background-color: #e9f3f6;
}
#menuSec LI A.actif {
	background: #e9f3f6 url(Gx/M/menuSec_fleche.gif) no-repeat 5px 14px;
	color: #7fb30f;
}
*+ HTML #menuSec LI A.actif { background: #e9f3f6 url(Gx/M/menuSec_fleche.gif) no-repeat 5px 15px; } /* HACK IE7 & 8 */

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{
	background: url(Gx/M/bas_vr.gif) top center no-repeat;
	color: #bababa;height: 50px;font-family: Tahoma;font-size: 10px;padding: 60px 7px 0 7px;
}
#piedPage a{ color: #bababa; text-decoration: none;}
#piedPage a:hover{ color: #000; text-decoration: underline;}
#piedPage #copyrights{ float: left; margin: 0; text-align: left;}
#piedPage #copyrights a{ font-weight: bold; }
#piedPage #copyrights #lienCopyrights{ font-weight: normal;color: #bababa;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;color: #000;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 17px;  color: #291612;}
p a, p a:link, p a:visited, ul li a, ul l a:visited{color: #291612; text-decoration:underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover{color: #000;text-decoration: underline;}
ul{padding: 0 0 0 15px;}
ul li{font-size: 17px; list-style: square; color: #1F1F1F;}
ul.manuel li{font-size: 12px; list-style: square; color: #1F1F1F;line-height: 18px;}
ul.manuel li ul
.textePetit{font-size: 10px; line-height: 10px;}


#box_exposant .manuel{
	background: none;
	font-size:12px;
	
}
#box_exposant .manuel LI {
	list-style-image: none;
	color: #000000;
}
#box_exposant .manuel ul, #box_exposant .manuel ul li{
	background: none;
	font-size:12px;
	list-style-image: none;
	margin: 0px 10px;
	width: 390px
}
#box_exposant .manuel ul li A {
	color: #000000;
}
p#commande{font-size:11px;}
p#commande span.prix{float:right;display:block;padding-right:10px;font-size:11px;}

/* p:first-letter{color: green; font-size: 200%; text-transform:uppercase;} */

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin: 0; padding: 0px; border:0;}
fieldset legend{font-size: 14px; font-weight: bold; color: #291612;}
fieldset label{font-size: 13px;color: #291612;}

.formulaire{margin: 0;padding: 0;}
.champTexte{	
	color: #291612;
	border: 1px solid #B7D0D6;
	background: #F2F5F5;
	margin: 0;
	padding: 0;
	font-size: 12px;
	width:163px;
}
.boutonRadio{
	color: #291612;
	background: #EEF3F7;
	margin:0;
	padding: 0;
	font-size: 11px;
}
.listeDeroulante{
	color: #291612;
	border: 1px solid #B7D0D6;
	background: #F2F5F5;
	margin: 0;
	padding: 0;
	font-size: 12px;
	width:163px;
}
.boiteTexte{
	font-family: Tahoma;
	font-size: 12px;
	color: #291612;
	border: 1px solid #B7D0D6;
	background: #F2F5F5;
	margin: 0;
	padding: 0;
}
.bouton{
	background-color: #291612;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	height: 25px;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: 0px;
	background-color: #FFF;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}
#preVente{width:400px}
#preVente fieldset legend{border:1px solid #B7D0D6; padding:5px;margin-bottom:5px;color:#291612;font-size:15px;}
#preVente fieldset{border:1px solid #B7D0D6; padding:5px 20px 5px 23px;}
#preVente fieldset label{display:block;width:150px;float:left;line-height:25px;}
#carteCredit fieldset label{display:block;width:120px;float:left;line-height:25px;}
#preVente div{font-size:12px;}


/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #343537; width: 400px; padding: 10px; color:#fff; margin-top: 10px; }
div#carte div#map{border:1px solid #b7b7b7; height:300px; color: #000;}
div#carte div#formDirection{ margin: 10px 0 0 0; }
div#carte div#formDirection input#fromAddress{ color: #000000; font-size: 12px; border: #CCCCCC 1px solid; background: #FFFFFF; width: 145px; margin: 0 10px 0 0; }
div#carte div#formDirection input#bouton{ color: #000000; text-align: left; background: url(Gx/00/bouton2g_bg.gif) no-repeat top left; border: 0px; width: 168px; height: 27px; padding: 0 0 2px 18px; }
div#carte div#formDirection a, div#cabinet div#carte div#formDirection a:link, div#cabinet div#carte div#formDirection a:visited{ color: #fff; font-size: 11px; text-decoration: none; background: url(Gx/M/sousmenu_bg_on.gif) no-repeat 0px 5px; padding: 0 0 0 14px; } div#cabinet div#carte div#formDirection a:hover{ color: #999999; }
div#carte div#directions{ color: #fff; font-size: 11px; min-height: 0px; margin: 10px 0 0 0; display: none; }
div#carte a, div#carte a:link, div#carte a:visited, div#carte a:active, div#carte a:hover{ color: #fff; text-decoration: none; }
div#carte p{float:right; font-size: 11px; color:#000000;}

#carte FIELDSET { border: none; padding: 0px; width: 390px; margin: 10px 0px; }



/* 08_100 MEDIA
--------------------------------------------------------------------------------------- */
#btImageMedia1{float:left; margin:15px 0 15px 130px;}
#btImageMedia1 img{float:left; margin:0 30px;}

#btImageMedia2{float:left; margin:15px 0 15px 30px;}
#btImageMedia2 img{float:left;}