@import url(main2.css);

html { font-family: Trebuchet MS;}
body { font-family: Trebuchet MS;}

a	 { color: #636363;}

#container #header 					{ background-image: url( ../images/backgrounds/banner.gif ); background-repeat: repeat-x; width: 100%; background-color: #71abd4;}
#container #header_container 		{ width: 1000px; height: 180px; margin: 0 auto;}
* html #container #header_container { width: 1000px; position: relative; left: 50%; margin-left: -500px;}
#header #logo						{ clear: both; position: absolute; top: 26px;}
#header .ads						{ clear: both; position: absolute; top: 26px; margin-left: 202px; width: 550px;}
#header #account					{ clear: both; position: absolute; top: 4px; margin-left: 758px; width: 224px; height: 135px; background-image: url( ../images/accountBox/account.gif ); background-repeat: no-repeat; background-color: #ffffff;}
#header #account #accountBottom		{ position: absolute; bottom: 0px; background-image: url( ../images/accountBox/accountBottom.gif ); background-repeat: no-repeat; width: 100%; height: 7px; font-size: 1px; line-height: 1px;}

.pub								{ padding-bottom: 10px;}
.pub img 							{ border: 2px solid #cbcccc;}

/* // BOF : Menu haut */
#header .menu 						{ text-align: left; position: absolute; top: 138px; width: 998px;}
#header .menu ul					{ background-color: #104b75;}
#header .menu li 					{ background: none; border: none; padding: 0px;}
#header .menu li .left				{ float: left; width: 6px; height: 27px; background-image: url( ../images/buttons/left.gif ); background-repeat: no-repeat; background-position: left;}
#header .menu li .center			{ float: left; height: 24px; padding-top: 3px; background: #ffffff;}
#header .menu li .center a			{ color: #104a72;}
#header .menu li .centerHover a		{ color: #D71B4A;}
#header .menu li .right				{ float: left; width: 20px; height: 27px; background-image: url( ../images/buttons/right.gif ); background-repeat: no-repeat; background-position: left;}
#header .menu li .left2				{ float: left; width: 6px; height: 27px; background-image: url( ../images/buttons/left2.gif ); background-repeat: no-repeat;}
#header .menu li .center2			{ float: left; height: 24px; padding-top: 3px; background: #cc0000;}
#header .menu li .center2 a			{ color: #ffffff;}
#header .menu li .right2			{ float: left; width: 20px; height: 27px; background-image: url( ../images/buttons/right2.gif ); background-repeat: no-repeat; background-position: left;}
#header .menu li:hover 				{ border: none;}
#header .menu li:hover .left		{ float: left; width: 6px; height: 27px; background-image: url( ../images/buttons/left3.gif ); background-repeat: no-repeat;}
#header .menu li:hover .center		{ float: left; height: 24px; padding-top: 3px; background: #71abd4;}
#header .menu li:hover .center a	{ color: #ffffff;}
#header .menu li:hover .right		{ float: left; width: 20px; height: 27px; background-image: url( ../images/buttons/right3.gif ); background-repeat: no-repeat; background-position: left;}
#header .menu li:hover .left2		{ float: left; width: 6px; height: 27px; background-image: url( ../images/buttons/left3.gif ); background-repeat: no-repeat;}
#header .menu li:hover .center2		{ float: left; height: 24px; padding-top: 3px; background: #71abd4;}
#header .menu li:hover .center2 a	{ color: #ffffff;}
#header .menu li:hover .right2		{ float: left; width: 20px; height: 27px; background-image: url( ../images/buttons/right3.gif ); background-repeat: no-repeat; background-position: left;}
#header .menu li a					{ color: #d2d9df; font-size: 12px; font-family: Trebuchet MS; font-weight: bold; text-transform: uppercase; display: block; margin-top: 4px;}
* html #header .menu				{ text-align: center;}
* html #header .menu li				{ }
* html #header .menu li .left		{ float: left; width: 1px; height: 27px; font-size: 1px; line-height: 1px; background: none;}
* html #header .menu li .center		{ background: none; color: #0A237B;}
* html #header .menu li .center a	{ margin: 0px; padding: 0px; display: block; float: left; width: 180px; font-size: 12px; height: 27px; margin: 0px; padding: 0px; padding-top: 5px; margin-top: 4px; background: none; color: #0A237B; background-image: url( ../images/buttons/btIe6.gif ); background-repeat: no-repeat;}
* html #header .menu li .center a:hover	{ margin: 0px; padding: 0px; display: block; float: left; width: 180px; font-size: 12px; height: 27px; margin: 0px; padding: 0px; padding-top: 5px; margin-top: 4px; background: none; color: #ffffff; background-image: url( ../images/buttons/btIe6-3.gif ); background-repeat: no-repeat;}
* html #header .menu li .centerHover a	{ margin: 0px; padding: 0px; display: block; float: left; width: 180px; font-size: 12px; height: 27px; margin: 0px; padding: 0px; padding-top: 5px; margin-top: 4px; background: none; color: #0A237B; background-image: url( ../images/buttons/btIe6.gif ); background-repeat: no-repeat;}
* html #header .menu li .right			{ float: left; width: 1px; height: 27px; font-size: 1px; line-height: 1px; background: none;}
* html #header .menu li .left2			{ float: left; width: 1px; height: 27px; font-size: 1px; line-height: 1px; background: none;}
* html #header .menu li .center2		{ background: none; color: #ffffff;}
* html #header .menu li .center2 a		{ margin: 0px; padding: 0px; display: block; float: left; width: 180px; font-size: 12px; height: 27px; margin: 0px; padding: 0px; padding-top: 5px; margin-top: 4px; background: none; color: #ffffff; background-image: url( ../images/buttons/btIe6-2.gif ); background-repeat: no-repeat;}
* html #header .menu li .center2 a:hover{ margin: 0px; padding: 0px; display: block; float: left; width: 180px; font-size: 12px; height: 27px; margin: 0px; padding: 0px; padding-top: 5px; margin-top: 4px; background: none; color: #ffffff; background-image: url( ../images/buttons/btIe6-3.gif ); background-repeat: no-repeat;}
* html #header .menu li .right2			{ float: left; width: 1px; height: 27px; font-size: 1px; line-height: 1px; background: none;}

#header .inscDescBox					{ position: absolute; margin-left: 738px; width: 232px; margin-top: 5px; padding-bottom: 10px;}
#header .inscDescBox2					{ position: absolute; margin-left: 738px;}
#header .inscDescBox3					{ position: absolute; margin-left: 538px; width: 200px;}
#header .inscDescBox4					{ float:left;}
#header .inscDescBox .top				{ width: 232px; height: 50px; background-image: url( ../images/inscDescBox/inscDescTop.jpg ); background-repeat: no-repeat; background-position: center top;}
#header .inscDescBox .center			{ width: 232px; background-image: url( ../images/inscDescBox/inscDescCenter.jpg ); background-repeat: repeat-y; padding-left: 4px;}
#header .inscDescBox .bottom			{ width: 232px; height: 7px; background-image: url( ../images/inscDescBox/inscDescBottom.jpg ); background-repeat: no-repeat; font-size: 1px; line-height: 1px;}
#header .inscDescBox .titre				{ float: left; font-size: 18px; padding: 4px; padding-top: 13px; color: #ffffff; font-weight: bold;}
#header .inscDescBox .titre a				{ color: #ffffff; text-decoration: none;}
#header .inscDescBox .anim				{ float: right;}
#header .inscDescBox .anim img			{ margin: 0px; padding: 0px; border: none;}
#header .inscDescBox .plus				{ display: block; height: 17px; vertical-align: middle; background-image: url( ../images/forms/puce03.jpg ); background-repeat: no-repeat; padding-left: 30px; margin-bottom: 4px;}
#header .inscDescBox label				{ width: 50px; line-height: 25px; vertical-align: middle; text-align: right; padding-right: 10px;}
#header .inscDescBox .inscriptionInput 	{ width: 156px; border: none; background: none; background-image: url( ../images/forms/input2.gif ); background-repeat: no-repeat; height: 21px; padding-top: 1px; padding-bottom: 3px; padding-left: 2px; float: right; margin-right: 20px;}
#header .inscDescBox .inscriptionInput input 			{ width: 147px; border: none; background: none;}
#header .inscDescBoxHidden								{ height: 50px;}
* html #header .inscDescBox label						{ width: 50px; line-height: 25px; vertical-align: middle; text-align: right; padding-right: 10px; float: left;}
* html #header .inscDescBox .inscriptionInput 			{ width: 106px; border: none; background: none; background-image: url( ../images/forms/input2-ie6.gif ); background-repeat: no-repeat; height: 21px; padding-top: 1px; padding-bottom: 3px; padding-left: 2px; margin-right: 20px;}
* html #header .inscDescBox .inscriptionInput input 	{ width: 97px; border: none; background: none;}

#header #account .menu					 { position: absolute; width:224px; top: 16px;}
#header #account .menu .titre			 { background: none; height:24px; text-align:center; font-weight:bold; font-size:1.35em; font-size: 12px; color: #636363; font-weight: bold; text-transform: uppercase; text-align: left; padding-left: 35px;}
#header #account .menu label			 { font-size: 0px; line-height: 0px; display: none;}
#header #account .menu .form-row		 { background-image: url( ../images/accountBox/input.gif ); background-repeat: no-repeat; padding-top: 4px; padding-left: 4px; height: 24px;}
#header #account .menu .form-row input	 { background: none; border: none;}
#header #account .menu input.submit.	 { position: absolute; top: 50px; margin-left: 170px; border: none; background-image: url( ../images/accountBox/ok.gif ); background-repeat: no-repeat; width: 29px; height: 25px; cursor: pointer;}
#header #account .menu input[type=submit]{ position: absolute; top: 50px; margin-left: 170px; border: none; background-image: url( ../images/accountBox/ok.gif ); background-repeat: no-repeat; width: 29px; height: 25px; cursor: pointer;}
* html #header #account input	 		 { position: absolute; top: 50px; margin-left: 70px; border: none; background: none; background-image: url( ../images/accountBox/ok.gif ); background-repeat: no-repeat; width: 29px; height: 25px; cursor: pointer;}
* html #header #account .form-row input	 { position: relative; top: 0px; left: -30px; margin: 0px; padding: 0px; width: 140px;}
#header #account .menu .content		 	 { border: none;}
#header #account .menu .content .no_ul	 { background: none; font-size:0.9em; color:#636363; font-weight:bold; padding:0px 0px 2px 10px;}
#header #account .menu .content .no_ul a { color:black; font-weight: normal; font-size: 10px;}
#header #account .leftCol  				 { position: relative; left: 0px; top: 10px; float: left; width: 100px;}
#header #account .rightCol 				 { position: relative; left: 0px; top: 10px; float: right; padding-right: 10px; width: 100px;}
#header #account .leftCol li, #header #account .rightCol li			 { margin: 0px; padding: 0px;}
#header #account .menu .content .rightCol .logOut a	 { color: #ff0000;}
#header #account .menu .content a 		 { text-decoration:none; font-size:0.9em; text-decoration: underline;}
#header #account .menu .content strong 		 { padding:2px 0px 2px 10px;}
#header #account .menu .content strong span  { color: red;}
.error_list 							 { font-size: 11px; margin-top: -8px;}
#header #account ul						 { background: none; margin: 0px; padding: 0px; margin-top: 2px;}
#header #account .menu .content a 		 { color: #636363; font-size: 10px;}
#header #nb_online { text-align: center; font-weight: bold; color: white; position: absolute; width: 224px; margin-left: 758px; clear: both; top: 150px; }
/* // EOF : Menu haut */

#page_body #page .grille .notification 	{ background: #FCFCFC; border: 1px solid #E9E8E8; color: #636363;}

#container #page_body 					{ background-image: url( ../images/backgrounds/content.gif ); background-repeat: repeat-x; width: 100%; background-color: #ffffff; padding-top: 10px; min-height: 37px; clear: both;}
#container #page_body_container			{ width: 1000px; margin: 0 auto;}
* html #container #page_body_container  { width: 1000px; position: relative; left: 50%; margin-left: -500px;}
#container #page_body_container	li		{ padding-top: 0px; padding-bottom: 0px;}
#container #description 				{ width: 1000px; margin: 0 auto; color: #54545d; font-weight: bold;}
#container #left_arrow 					{ position: absolute; width: 100px; height: 50px; background-image: url( ../images/buttons/leftArrow.gif ); background-repeat: no-repeat; background-position:  0px 20px; cursor: pointer; margin-left: 0px;}
#container #right_arrow 				{ position: absolute; margin-left: 900px; width: 100px; height: 50px; background-image: url( ../images/buttons/rightArrow.gif ); background-repeat: no-repeat; background-position:  75px 20px; cursor: pointer;}
#container .panel						{ margin: 0px; padding: 0px;}
#container #description_container		{ width: 1000px; margin: 0px; padding: 0px; padding-left: 20px; margin-top: 5px;}
#container #description  .title			{ display: block; font-size: 24px; font-weight: bold; color: #ffffff;}

#page_body #page 					{ background: none; float: left; padding-left: 10px; color: #636363;}
#page_body #page #page_container 	{ padding: 0px; padding-top: 16px;}
#page_body #column_left 			{ padding-bottom: 20px; padding-top: 13px; }
#page_body #footer 					{ clear: both; float: left; min-height: 100px; background-color: #e1e1e1; border-top: 1px solid #c3c3c3; width: 100%;}
#page_body #footer_container		{ width: 1000px; margin: 0 auto; margin-top: 8px;}
* html #page_body #footer_container { width: 1000px; position: relative; left: 50%; margin-left: -500px;}

#page_body .column .menu .titre 								{ background: none; border-bottom: 1px dashed #cccccc; background-image: url( ../images/icons/sudoku.gif ); background-repeat: no-repeat; text-align: left; padding-top: 10px; padding-left: 40px; color: #636363; font-family: Trebuchet MS; text-transform: uppercase; font-size: 12px; font-weight: bold;}
#page_body .column .menu										{ background: none; background-color: #fcfcfc; border: 1px solid #e9e8e8; padding: 3px; width: 206px;}
#page_body .column .spiidoku_highscores_box .titre { background-image: url(../images/icons/spiidoku.png); }
#page_body .column .box_play_online .titre { background-image: url(../images/icons/play_online.png); }
#page_body .column .box_last_game .titre { background-image: url(../images/icons/concours.png); }
#page_body .column .box_grille_print .titre { background-image: url(../images/icons/print.gif); }
#page_body .column .menu .content  								{ background: none; border: none;}
#page_body .column .menu .content li 							{ background: none; padding-right: 15px; padding-top: 10px; list-style-image: url( ../images/lists/puce.gif ); margin-left: 15px; border: none;}
#page_body .column .menu .content li  strong						{ padding: 0px; padding-top: 2px;}
#page_body .column .menu .content	 li:hover 					{ border: none;}
#page_body .column .menu .content li a 							{ color: #636363; font-size: 12px; font-weight: bold;}
#page_body .column .menu .content li li 						{ background: none; border: none; padding-left: 0px; margin: 0px; margin-left: 15px;}
#page_body .column .menu .content	 li li a:hover 				{ padding-left: 0px;}
#page_body .column .menu .content li li a 						{ color: #838383; font-weight: bold; font-size: 12px;}
#page_body .column .menu .content strong span 						{ color: #71ABD4;}

#page_body #page .annuaire .description 	{ border: 1px solid #e9e8e8;}

#page_body #page .grille .cells 			{ border: 2px solid #71abd4;}
#page_body #page .grille .cell 				{ border-color: #71abd4; color: #104d7a; font-size: 22px; font-weight: bold;}
#page_body #page .grille .darker 			{ background-color: #daedf7; font-size: 22px; font-weight: bold;}
#page_body #page .grille #infos 			{ border: 2px solid #73abd4; margin-top: -1px; width: 160px;}
#page_body #page .grille .solution 			{ background: none; background-image: url( ../images/buttons/greenButton2.gif ); background-repeat: no-repeat; background-position: center; color: #ffffff; font-weight: bold; font-size: 12px; height: 16px; padding-top: 8px;}
#page_body #page .grille .cell .answer 		{ font-size: 22px; font-weight: bold;}

#page_body #page h1 { font-size: 26px; font-weight: bold; text-align: left;}
#page_body #page .pageTitre { font-size: 26px; font-weight: bold; text-align: left; padding-bottom: 10px;}
#page_body #page .pageSousTitre { border-bottom:1px dashed #CCCCCC; font-size: 16px; font-weight: bold;}

#page_body #page .annuaire .description .options td 	{ background-color: #E1E1E1;}
#page_body #page .annuaire .libelle 					{ color: #636363; font-size: 18px; font-weight: bold; background-position: 0px 4px;}
#page_body #page .annuaire .description 				{ margin-bottom: 20px;}

#page_body #page #page_container .inscription								{ border: 1px solid #E9E8E8; padding: 10px;}
#page_body #page #page_container .inscription	 tfoot td					{ padding-top: 10px;}
#page_body #page #page_container .inscription	 tbody input				{ background: none; border: none; background-image: url( ../images/forms/input.gif ); background-repeat: no-repeat; width: 170px; height: 26px; font-size: 14px; padding-top: 6px; color: #646464; padding-left: 4px; padding-right: 4px;}
#page_body #page #page_container .inscription	 tbody ul li input 			{ width: 20px; vertical-align: middle; background: none;}
#page_body #page #page_container .inscription	 tbody #utilisateur_grille_email, 
#page_body #page #page_container .inscription	 tbody #utilisateur_grille_mobile, 
#page_body #page #page_container .inscription	 tbody #utilisateur_newsletter,
#page_body #page #page_container .inscription	 tbody #utilisateur_newsletter_partenaire 	{ width: 20px; background: none; float: left; line-height: 0px; margin-top: 10px;}
#page_body #page #page_container .inscription	 tr											{ height: 30px;}
#page_body #page #page_container .inscription	 tr th										{ text-align: right; padding-right: 10px; font-weight: bold; background: #E9E8E8; width: 200px;}
#page_body #page #page_container .inscription	 tr td										{ text-align: left; padding-left: 10px; vertical-align: bottom;}
#page_body #page #page_container .inscription	 tbody #utilisateur_date_naissance_day  	{ /*position: absolute; margin-top: -10px; margin-left: 0px;*/}
#page_body #page #page_container .inscription	 tbody #utilisateur_date_naissance_month  	{ /*position: absolute; margin-top: -10px; margin-left: 38px;*/}
#page_body #page #page_container .inscription	 tbody #utilisateur_date_naissance_year 	{ /*position: absolute; margin-top: -10px; margin-left: 123px;*/}
#page_body #page #page_container .inscription	 tbody #utilisateur_pays 					{ /*position: absolute; margin-top: -28px;*/}
#page_body #page #page_container .inscription .genre li 					{ display:inline;}
* html #page_body #page #page_container .inscription tbody #utilisateur_pays 				{ position: absolute; margin-top: 0px;}

#page_body #page .article_description .description 											{ border: 1px solid #cbcccc; padding: 10px;}

input.button.
{BACKGROUND: #98aa33; border: 1px solid #798826; color: #ffffff; padding-left: 10px; padding-right: 10px;}
input[type=submit]
{BACKGROUND: #98aa33; border: 1px solid #798826; color: #ffffff; padding-left: 10px; padding-right: 10px;}
input.submit.
{BACKGROUND: #98aa33; border: 1px solid #798826; color: #ffffff; padding-left: 10px; padding-right: 10px;}
input[type=button]
{BACKGROUND: #98aa33; border: 1px solid #798826; color: #ffffff; padding-left: 10px; padding-right: 10px;}

#page_body #page .article .description { border: 1px solid #E9E8E8;}

caption, th { padding-left: 10px; padding-bottom: 10px; padding-right: 4px; text-align: right; font-weight: bold;}
#container #page_body_container td { padding-bottom: 10px; padding-left: 4px; text-align: left;}

#page_body #page .interface .niveaux .niveau h2 	{ color: #104A72;}
#page_body #page .interface .niveaux .niveau p a 	{ color: #636363;}
#page_body #page .cadeau .description 				{ border: 1px solid #E9E8E8;}
#header .ads .seo p									{ text-align: center;}
#header .ads .seo h2 								{ color: #CBCCCC;}
#header .ads .seo a									{ color: #CBCCCC;}
#header .ads .seo h2 a 								{ color: #CBCCCC;}

.overview ul 					{ padding-left: 20px; padding-bottom: 15px;}
.overview li 					{ list-style-image:url(../images/lists/puce.gif);}
.archivesList 					{ padding-left: 20px; padding-bottom: 15px;}
.archivesList li 				{ list-style-image:url(../images/lists/puce.gif);}
.archivesSearch					{ padding-top: 4px; padding-bottom: 20px; padding-left: 4px; padding-right: 4px; background: #FCFCFC; border: 1px solid #E9E8E8;}
.archivesSearch	.titre			{ border-bottom: 1px dashed #CCCCCC; font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.archivesSearch .form-row		{ background-image: url(../images/accountBox/input.gif); background-repeat: no-repeat; height: 24px; background-position: 55px 0px;}
.archivesSearch .form-row .text { background: none; border: none; margin-right: 10px;}

.pdfBox { height: 16px; margin: 0px; padding-top: 2px; text-align: right; width: 100px; position: absolute; margin-left: 500px;}
* html .pdfBox { margin-left: 0px; right: 65px;}
.pdfBox img { float: left; margin-left: -25px; position: absolute;}

/* High Scores spiidoku */

div.spiidoku_classement {
	background: #ffffff;
	border: 1px solid #D0D1D1;
	margin: 10px;
	padding: 10px;
	width: 500px;
	color: #636363;
	font-family: Verdana, Trebuchet MS, Arial, sans-serif;
	margin: auto;
	margin-top: 30px;
}

div.spiidoku_classement .title {
	font-size: 20px;
	font-weight: bold;
}

table.spiidoku_classement {
	border-collapse: collapse;
	text-align: left;
}

table.spiidoku_classement tbody {
	border: 1px solid #D0D1D1;
	border-top: 1px solid #999999;
}

table.spiidoku_classement th {
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

table.spiidoku_classement td {
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 12px;
}

table.spiidoku_classement .first td {
	background-color: #A5D474;
	font-size: 18px;
	font-weight: bold;
}

table.spiidoku_classement .second td {
	background-color: #B6DF8D;
	font-size: 15px;
	font-weight: bold;
}

table.spiidoku_classement .third td {
	background-color: #DCEEC8;
	font-size: 14px;
	font-weight: bold;
}

table.spiidoku_classement .odd td {
	background-color: #FFFFFF;
}

table.spiidoku_classement .even td {
	background-color: #F5F5F5;
}

/* TODO: do not keep that */
.spiidoku_msg {
	text-align: center;
	color: red;
	font-weight: bold;
	font-size: 150%;
	margin-top: 10px;
	margin-bottom: 20px;
}

.spiidoku_msg a {
	color: red;
}

#newsletterPopup            { background: #ffffff; border: 2px solid #000000; width: 400px; padding: 0px; margin: 0px; text-align: left;}
#newsletterPopup table 	{ width: 100%;}
#newsletterPopup table td   { vertical-align: top;}
#newsletterPopup p          { padding: 8px; padding-top: 0px; margin: 0px; font-size: 11px; font-family: "Verdana", Tahoma, sans-serif; color: #333333; line-height: 16px}
#newsletterPopup form       { padding: 0px; margin: 0px; text-align: center;}
#newsletterPopup .text      { margin: 0px; border: 1px solid #999999; color: #999999; font-size: 12px; font-style: italic; padding: 2px; height: 20px; width: 200px; line-height: 20px; margin-left: 10px;}
#newsletterPopup .button    { margin: 0px; border: none; padding: 2px; height: 26px; text-transform: uppercase; cursor: pointer; background: #333333; color: #ffffff; position: relative; width: 30px; text-align: center;}
#newsletterClose            { float: right;}
#newsletterClose a          { border: none;}
#newsletterClose a img      { border: none;}
#newsletterBox table td     { margin-top: 10px; font-size: 11px; font-family: "Verdana", Tahoma, sans-serif; color: #333333; margin-bottom: 10px; line-height: 16px; vertical-align: middle; padding: 10px; text-align: left;}
.jqiclose                   { display: none;}

.jqifade{ position: absolute; background-color: #000000; }
div.jqi{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; font-size: 11px; text-align: left; }
div.jqi .jqicontainer{ font-weight: bold; }
div.jqi .boxclose{ cursor:pointer;position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; }
div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; }
div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.jqi button{ padding: 3px 10px; margin: 0 10px; background-color: #2F6073; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.jqi button:hover{ background-color: #728A8C; }
div.jqi button.jqidefaultbutton{ background-color: #BF5E26; }
.jqiwarning .jqi .jqibuttons{ background-color: #BF5E26; }
#colliergpslogo{background: url('images/popup/geonimo.jpg') no-repeat;width:259px;height:39px;margin: 0 auto;)}
#introbox{text-align: center;font-family: verdana;color: #000;font-size:13px;margin: 2px 0px;}
#colliergpsban1{background: url('images/popup/banniere1.jpg') no-repeat;margin: 0 auto;width:550px;height:94px;margin-bottom:5px;cursor:pointer;}
#colliergpsban2{background: url('images/popup/banniere2.jpg') no-repeat;margin: 0 auto;width:550px;height:94px;margin-bottom:5px;cursor:pointer;}
#cochercase{color: #000;font-size:7.5px;font-style:italic;width:600px;margin:0 auto;margin-top:10px;}
#cocherbox{border: 1px solid #000;background-color: #efefef;}
#carre1,#carre2 {width:15px;height:15px;margin-right:6px;line-height:14px;float:left;cursor:pointer}