html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: url(images/fond-px.png) repeat;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	height: 100%;
}

/* @group stage */


#stage img {
	margin-right: 2px;
}
/* @end */

img {
	border: 0;
}

/* @group Le Pack */

.lepack {
	margin-top: 15px;
}
.test_yann
{
font-size: 19px;

}
.lepack .none {
	margin: 0 !important;
	padding: 0 !important;
}

.lepackh p.none {
	margin: 0 !important;
	padding: 0 !important;
}

.lepackh, .lepackm, .lepackb {
	margin-right: 2px;
}

.lepackh {
	background: url(images/pack/h.png) no-repeat right;
	height: 11px;
	display: block;
}

.lepackm {
	background: url(images/pack/m.png) repeat-y right;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	padding-left: 50px;
	padding-right: 10px;
}

.lepackb {
	height: 10px;
	background: url(images/pack/b.png) no-repeat right;
	display: block;
}

.lepackimg {
	float: left;
	padding-top: 20px;
	z-index: 2;
}

/* @end */

/* @group H3 */

h3 {
	color: #000;
	text-decoration: none;
}

h3 a:link {
	color: #000;
}

h3 a:visited {
	color: #000;
}

h3 a:hover {
	color: #000;
	text-decoration: none;
}

/* @end */

/* @group bouton post it */

#boutons {
	position: absolute;
	z-index: 2;
	top: 0px;
	right:0px;
}

#boutons a {
	width: 129px;
	height: 45px;
}

#boutons a:hover {
	width: 129px;
	height: 55px;
}

#boutondemo {
	background: url(images/demonstration-e-commerce.png) no-repeat 0 -10px;
	width: 129px;
	height: 45px;
	float: right;
}

#boutondemo:hover {
	background: url(images/demonstration-e-commerce.png) no-repeat 0 0px;
	width: 129px;
	height: 55px;
}

#boutonclient {
	background: url(images/creer-boutique-en-ligne.png) no-repeat 0 -10px;
	width: 129px;
	height: 45px;
	float: right;
}

#boutonclient:hover {
	background: url(images/creer-boutique-en-ligne.png) no-repeat 0 0;
	width: 129px;
	height: 55px;
}

/* @end */

/* @group H1 */

#titre {
	background: url(images/fond-titre.png) no-repeat;
	height: 32px;
	line-height: 26px;
	text-align: center;
	margin-left: 8px;
	padding-right: 40px;
	color: #fff;
	font-size: 14px;
}

#titre h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* @end */

/* @group cornerbox */

.cornerBox {
	position: relative;
	background: #2e2f34;
	width: 100%;
	color: #dfdfdf;
}

.cornerBox a:link {
	color: #67b510;
	text-decoration: none;
}

.cornerBox a:visited {
	color: #67b510;
	text-decoration: none;
}

.cornerBox a:hover {
	color: #fff;
	text-decoration: none;
}

.corner {
	position: absolute;
	width: 5px;
	height: 5px;
	background: url('corners.gif') no-repeat;
	font-size: 0%;
}

.cornerBoxgris {
	position: relative;
	background: #efefef;
	width: 100%;
	color: #000;
}

.cornergris {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url('images/corners-gris.gif') no-repeat;
	font-size: 0%;
}

.cornerBoxInner {
	padding: 10px;
}

.TL {
	top: 0;
	left: 0;
	background-position: 0 0;
}

.TR {
	top: 0;
	right: 0;
	background-position: -5px 0;
}

.BL {
	bottom: 0;
	left: 0;
	background-position: 0 -5px;
}

.BR {
	bottom: 0;
	right: 0;
	background-position: -5px -5px;
}

/* @end */

/* @group menu */

#menu {
	position: absolute;
	top: 165px;
	display: block;
	z-index: 2;
	height: 28px;
	line-height: 28px;
	margin-left: 10px;
}

#menu ul, #menu li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#menugauche {
	background: url(images/menu.png) no-repeat;
	width: 746px;
	float: left;
}

#menugauche ul {
	padding-left: 12px;

/*@ludo Ajout de padding sur la liste pour coller completement à l'ancien style */
}

#menugauche ul li a:link, #menugauche ul li a:visited {
	letter-spacing: 0.5px;
	color: #000;
	font-family: Arial;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	padding: 5px 12px 5px 20px;


/*@ludo Augmentation des padding pour aggrandir la zone de clic, le margin ne sert plus à rien */
}

#menugauche ul li a:hover {
	color: #fff;
	text-decoration: none;
}

#menugauche ul li a:hover {
	background: url(images/puce-menu.png) no-repeat 0 center;


/*@ludo alignement de la puce passée de 4px à center (elle se centre tout seule quelque soit la taille du lien*/
}
#menugauche ul li a.active {
	color: #fff;
	text-decoration: none;
	background: url(images/puce-menu.png) no-repeat 0 center;
}
#menudroite {
	float: left;
	width: 106px;
	background: url(images/fond-menu-commander.png) 0 28px;
	height: 28px;
	text-align: center;
}

#menudroite a:link,#menudroite a:visited {
	width: 106px;
	height: 28px;
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 13px;
	font-family: Arial;
}

#menudroite a:hover {
	width: 106px;
	height: 28px;
	background: url(images/fond-menu-commander.png) 0 0px;
	color: #fff;
}

/* @end */

/* @group Footer */

#footerbloc {
	background: url(images/fond-footer.png) repeat-x;
	height: 177px;
	margin-top: 25px;
}

#footer {
	width: 835px;
	margin-left: auto !important;
	margin-right: auto !important;
}

#footer ul, #footer li {
	display: block;
	padding: 0;
	margin: 0;
}

#footer li {
	list-style-image: url(images/footer-liste.png);
	background: url(images/footer-liste.png) no-repeat 0 4px;
	padding-left: 10px;
	color: #fff;
	font-size: 10px;
	margin-bottom: 3px;
}
#footer li a:link, #footer li a:visited {
	color: #fff;
	text-decoration: none;
}

#footer li a:hover {
	color: #fff;
	text-decoration: underline;
}

#footer h4 a:link, #footer h4 a:hover, #footer h4 a:visited {
	color: #000;
	text-decoration: none;
}
#footsocial li {
	background: none;
	display: inline;
}

#footer h4 {
	margin-top: 10px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 11px;
}

#footer .left {
	margin-right: 30px;
}

/* @end */

/* @group contact */

#contact {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}



#contact h2 img{
	float: left;
	border: none;
	margin-top: -3px;
	margin-right: 10px;
}

#contact .cornerBox {
	width: 340px;
	line-height: 25px;

}

#contact .clear {
	margin-bottom: 20px;
}

#contact ul.margin {
	margin: 0;
	padding: 0;
}

#contact ul.margin li {
	height: 50px;
	display: block;
	margin-right: 20px;

	
}

#contact ul.margin li a:link, #contact ul.margin li a:visited {
	text-decoration: none;

	
}

#contact ul#documents img {
	margin-top: 0px;
}

#contact ul#documents {
	margin: 0;
	padding: 0;
}
#contact ul#documents li {
	margin-top: 2px;
	margin-bottom: 2px;
	list-style: none;
	
}

#contact ul#documents {
margin: 0;
}

#contact .dugrisclair a:link, #contact .dugrisclair a:visited {
	color: #000;
}
#contact .dugrisclair a:hover {
	color: #797979;
	text-decoration: none;
}

#contact div.dugrisclair {
	padding-left: 10px;
}

#follow a {
height: 100px !important;
margin-top: 20px;
margin-bottom: 20px;

}

#follow {
	margin-top: 5px;

}

/* @end */

/* @group push */

#push {
	margin-top: 20px;

}

#zone2 {
	float: left;
	background: url(images/push/push-bords.png) no-repeat right;
	padding-right: 1px;
	margin-left: 25px;

	
}

#zone1 {
	margin-left: 5px;
	float: left;
	background: url(images/push/push-bords.png) no-repeat right;
	padding-right: 15px;
		top:-50px;

}

#zone3 {
	float: right;
	padding-top: 0;
	margin-top: 0;
}

#zone1, #zone2, #zone3 {
	
}

/* @end */

/* @group tabs */

#tabs {
	padding-top: 20px;
	padding-bottom: 90px;
	height: auto;
	display: block;
}

#idTabs {
	background: url(images/separateur-tabs.png) no-repeat right;
	width: 230px;
	float: left;
}

li img {
	float: left;
	border: none;
	margin-right: 7px;
	margin-top: -8px;
}

.tabContainer {
	float: left;
	width: 560px;
}

.tabContainer h2 {
	margin-top: -30px;
}

.tabContainer ul {
	margin: 0;
	padding: 0;
}

.tabContainer ul li {
	padding-left: 20px;
	list-style: none;
	background: url(images/icon/liste.gif) no-repeat 0 13px;
	padding-top: 15px;
}

#tabs li img {
	float: left;
	border: none;
	margin-right: 7px;
	margin-top: -8px;
}

.ui-tabs {
	float: left;
	font-size: 13px;
	height: auto;
}

.ui-tabs .ui-tabs-nav {
	
}

.ui-tabs .ui-tabs-nav li {
	padding-top: 2px;
	padding-bottom: 2px;
	list-style: none;
}

.ui-tabs .ui-tabs-nav li a {
	width: 214px;
	text-align: left;
	padding: 10px 6px 10px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	color: #000;
}

.ui-tabs .ui-tabs-nav {
	
}

li.ui-tabs-selected a {
	background: #FFF;
	color: #67b510;
	font-weight: bold;
	cursor: default;
	text-align: left;
	padding: 10px 6px 10px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.ui-tabs .ui-tabs-panel {
	padding: 20px;
	display: block;
	border-width: 0;
	background: none;
	position: relative;
}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}

a.mover {
	
}

.next-tab {
	z-index: 3;
	position: absolute;
	margin-top: auto;
	top: 480px;
	left: 480px;
	float: right;
}

.prev-tab {
	margin-top: auto;
	position: absolute;
	top: 480px;
}

/* @end */





/* @group tabs2 */

#tabs2 {
	padding-top: 20px;
	padding-bottom: 10px;
	height: auto;
	display: block;
}

#idTabs2 {
	background: url(images/separateur-tabs.png) no-repeat right;
	width: 180px;
	float: left;
	padding-bottom: 100px;
}



.tabContainer2 {
	float: left;
	width: 620px;
	
	margin-left: 10px;
}

.tabContainer2 h2 {
	margin-top: -30px;
}

.tabContainer2 ul {
	margin: 0;
	padding: 0;
}

.tabContainer2 ul li {
	padding-left: 20px;
	list-style: none;
	
	padding-top: 15px;
}




.ui-tabs2 {
	float: left;
	font-size: 13px;
	height: auto;
}

.ui-tabs2 .ui-tabs-nav2 li {
	padding-top: 2px;
	padding-bottom: 2px;
	list-style: none;
	width: 180px;
}

.ui-tabs2 .ui-tabs-nav2 li a {
	text-align: left;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	color: #000;
	width: 180px;
}

.ui-tabs2 .ui-tabs-nav2 {
	
}

li.ui-tabs-selected2 a:link, li.ui-tabs-selected2 a:visited, li.ui-tabs-selected2 a:hover {
	background: #FFF;
	color: #67b510;
	font-weight: bold;
	cursor: default;
	text-align: left;
	
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;

}

	.ui-tabs2 .ui-tabs-panel2 {
	padding: 20px;
	display: block;
	border-width: 0;
	background: none;
	position: relative;
}

.ui-tabs2 .ui-tabs-hide2 {
	display: none !important;
}






.ui-tabs2 .ui-tabs-nav2 li a {
	width: 164px;
	text-align: left;
	padding: 10px 6px 10px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	color: #000;
}

/* @end */

/* @group Espace client */

/* @group form */

.myform {
	margin-left: auto;
	margin-right: auto;
	width: 450px;
}

#factures ul li {
	display: block;
	height: 35px;
	border-bottom: 1px solid #ccc;
	line-height: 35px;
	padding-left: 20px;
}

#mdp {
	margin-right: 15px;
	text-align: right;
	font-size: 10px;
}

#mdp a:link, #mdp a:visited {
	color: #000;
}

#inscription {
	position: relative;
	width: 169px;
	background: url(images/button-submit.png) no-repeat 5px 18px;
	height: 56px;
	padding: 10px 15px 2px 55px;
	margin: 17px 0px 10px 165px;
	font-weight: bold;
}

#inscription a:link, #inscription a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	margin-left: 10px;
}

div.buttonSubmit {
	position: relative;
	background: url('clients/img/valider_inscr_client.png') no-repeat;
	height:46px;
}


div.buttonSubmit input,div.buttonSubmit span {
	height: 36px;
	position: relative;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 15px 2px 15px;
	margin: 14px 0px 10px 0px;
	border: 0px;
	cursor: pointer;
	z-index: 5;
	background: none;
}

label.error {
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;
}

input.error {
	border: 2px solid red;
	background: url(images/false.png) no-repeat right center;
}

form table td {
	padding: 5px;
}

form table input {
	border: 1px solid #ccc;
	width: 200px;
	padding: 3px;
	margin: 0px;
	font-weight: bold;
	font-size: 15px;
	background: url(images/form.gif) repeat-x 0 top;
}

form table option {
	width: 180px;
}

textarea {
	width: 400px;
}

td.label {
	width: 150px;
	font-weight: bold;
	color: #2e2e2e;
}

tr.required td.label {
	font-weight: bold;
}

td.field input.error, td.field select.error, tr.errorRow td.field input,tr.errorRow td.field select {
	border: 2px solid red;
	background-color: #FFFFD5;
	margin: 0px;
	color: #000;
	font-weight: bold;
	font-size: 13px;
}

tr td.field div.formError {
	display: none;
	color: red;
}

tr.errorRow td.field div.formError {
	display: block;
	font-weight: bold;
}

div.error 

	{
	color : red
;

}
/* @end */

#mesinfos {
	display: block;
}

#mesinfos ul li {
	display: block;
	height: 25px;
}

#menuclients {
	background: url(images/menu-clients.png) repeat-x;
	height: 42px;
	z-index: 3;
	width: 851px;
	margin-left: -12px;
	color: #fff;
	line-height: 35px;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}

#menuclients ul, #menuclients li {
	display: inline;
	list-style: none;
}
#menuclients ul {
	padding-left: 10px;
}
#menuclients li {
	
}

#menuclients a:link, #menuclients a:visited {
	color: #7db105;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 9px;
}
#menuclients a img{
	margin-left: 2px;
	clear: both;
	margin-top: 7px;
	float: none;

}

#menuclients a:hover {
	background: #000;
	color: #fff;
}

.px500 {
	width: 500px;
}

.px500 a:link, .px500 a:visited {
	color: #000;
	border-bottom: 1px solid #7db105;
	text-decoration: none;
}

.px500 a:hover {
	border-bottom: none;
}

.px500 ul {
	
}

.px500 li {
	list-style: none;
}

ul.selection a:link, ul.selection a:visited {
	
}

.px500 h2 {
	color: #858585;
	font-weight: bold;
}

#boxclient {
	background: url(images/sub-menu-client.png) no-repeat;
	width: 275px;
height: 200px;
	margin-top: 20px;
	float: right;
}

#boxclient ul {
	margin: 0;
	margin-top: 15px;
	padding: 0;
	margin-left: 13px;
	margin-right: 14px;
}

#boxclient li {
	color: #fff;
	list-style: none;
	height: 52px;
	line-height: 52px;
	background: url(images/lite-puce.png) no-repeat 10px 15px;
	border-bottom: 1px solid #fff;
	padding-left: 40px;
}

#boxclient li:last-child {
	border-bottom: none;


/*Directive pour enlever le trait blanc du dernier item de la liste*/
}

#boxclient li:hover {
	border-right: 20px solid #7db105;
}

#boxclient li a:link, #boxclient li a:visited {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	height: 50px;
	line-height: 50px;
	display: block;
	padding-left: 30p

x;
/*@ludo le padding left est passé du li vers le a pour augmenter la zone de clic*/
}

#boxclient li a:hover {
	
}

#espaceclient {
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	font-size: 20px;
	line-height: 30px;
	opacity: 0.3;
	filter: alpha(opacity=30);
	clear: both;
/

*@ludo cette ligne permet que la div ne gêne pas le menu(avant elle dépassait sur le menu et rendait des items non

 cliquables)*
/
}


/* @end */

/* @group faq */

#faq {
	margin-left:5px;
	margin-right:5px;
}

#back {
	position: fixed;
	right: 0px;
	margin-right:10%;
	margin-left:10%;
	top: 200px;
}

#faq .cornerBox h3 {
	color: #67b510;
	font-size: 16px;
	margin-left: 10px;
}

#faq ul li a:link, #faq ul li a:visited {
	color: #fff;
}

#faq h3 {
	font-size: 14px;
}

#faq h2 {
	font-size: 26px;

}

.hr {
	background: #ccc;
	height: 1px;
	margin-bottom: 20px;
	margin-top: 30px;
}
/* @end */

/* @group pourquoi */

#pourquoi h2 {
color: #000;
padding: 0;
margin-left: 10px;
margin-bottom: -10px;
padding-bottom: 0;
font-size: 21px;
font-weight: bold;
margin-top: 15px;


}


#pourquoi h3 {
	color: #67b510;
	margin-left: 108px;
}

#pourquoi div {
	line-height: 20px;
}


#pourquoi p {
	color: #000;
	float: left;
	margin-top: 0;
	
} 

#pourquoi .icon {
	position: relative;
	top: 0;
	margin-left: 20px;
}
/* @end */

ol li {
	list-style-image: none;
	margin-bottom: 15px;
}

#documentation {
	margin-top: 30px !important;
	width: 459px;
	margin-left: auto;
	margin-right: auto;
}

.imagealignee {
	display: block;
	margin: 0 auto;
}



a:focus {
	outline: 0;
}
a:link {
	color: #67b510;
	text-decoration: none;
	
}
a:visited {
	color: #67b510;
	text-decoration: none;
	
}
a:hover {
	color: #000;
	text-decoration: underline;
}
.message {
	font-size: 8px;
	margin-left: 5px;
}

.push {
	margin-left: 14px;
	margin-right: 20px;
	padding-top: 10px;
}

.dugrisclair {
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
-khtml-border-radius:10px; 
border-radius:10px;
background: #eeeded ;

}
#pourquoi .dugrisclair {
	padding-top: 10px;
	margin-right: 3px;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.left220 {
	margin-top: 10px;
	float: left;
	width: 250px;
}

.right220 {
	margin-top: 10px;
	float: right;
	width: 250px;
}

.leftlepack {
	margin-top: 10px;
	float: left;
	width: 320px;
	margin-left: 60px;
	padding-bottom: 10px;
}

.rightlepack {
	margin-top: 10px;
	float: right;
	width: 320px;
	margin-left: 50px;
	padding-bottom: 10px;
}

.x350 {
	width: 670px;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 30px;
}

.separateur {
	margin-top: 15px;
	background: url(images/separateur.png) no-repeat;
	height: 14px;
	width: 629px;
}

.separateurfonce {
	margin-left: 15px;
	background: url(images/panel.png) no-repeat 0 -2px;
	height: 12px;
	width: 595px;
}

.vert {
	color: #67b510;
}

.blanc {
	color: #fff;
}

h2 {
	color: #67b510;
	text-decoration: none;
	font-size: 17px;
	margin-top: 0;
	height: 50px;
	line-height: 50px;
	font-weight: normal;
	margin-bottom: 10px;
}

h1.gros {
	color : #67b510;
	font-size: 24px;

}
h2 .first {
	font-size: 29px;
	font-weight: bold;
}


blockquote {
	background: #dcdcdc url(images/quote.png) no-repeat 10px 5px !important;
	padding-left: 60px;
	font-style: italic;
	padding-top: 15px;
	padding-bottom: 15px;
}

#contenuhaut {
	height: 10px;
	background: url(images/contenu-h.png) no-repeat;
}

#contenerbody {
	background: url(images/fond-h.png) repeat-x;
	display: block;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#contener {
	margin-left: auto;
	margin-right: auto;
	width: 870px;
	position:relative;
}

#illustrationhome {
	margin-left: 8px;
}

#illustration {
	margin-top: 90px;
}

#global {
	
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

#content {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
}

#contenuimage {
	background: url(images/contenu-m.png) repeat-y;
	display: block;
}

#contenuhome {
	background: url(images/contenu-m.png) repeat-y;
	display: block;
	margin-top: 95px;
}
#contenbispack {
	background: url(images/contenu-m.png) repeat-y;
	display: block;
	padding-left: 40px;
}

#contenu {
	background: url(images/contenu-m.png) repeat-y;
	display: block;
	width: 870px;
	margin-top: 95px;
	min-height: 100%;
	position: relative;
	margin-bottom: -177px;
}

#contenubas {
	height: 7px;
	background: url(images/contenu-f.png) ;
}

#ariane {
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-size: 11px;
}

#ariane a:link, #ariane a:visited, #ariane a:hover {
	color: #fff;
}

#info {
	position: relative;
	top: 0px;
}

#gauche {
	float: left;
	width: 620px;
	padding-left: 20px;
	padding-right: 10px;
}

#droite {
	float: right;
	width: 318px;
	height: 500px;
}

#iadvizeappel {
	position : fixed;
	bottom:-11px;
	right : 0px;

}

/* @group bubble
 */

.tooltip {
	width: 397px;
	color: #000;
	font: lighter 11px/1.3 Arial,sans-serif;
	text-decoration: none;
	text-align: center
}

.tooltip span.top {
	padding: 30px 8px 0;
	background: url(bt.gif) no-repeat top
}

.tooltip b.bottom {
	padding: 3px 8px 15px;
	color: #548912;
	background: url(bt.gif) no-repeat bottom
}

#tabref a:link, #tabref a:visited, #tabref a:hover {
	text-decoration: none;
	color: #000;
}

/* @end */

/* @group Box */

div#nyroModalFull {
	font-size: 12px;
	color: #777;
}

div#nyroModalFull div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(/images/box/ajaxLoader.gif) no-repeat;
	background-position: center;
}

div#nyroModalFull div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}

div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}

div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -22px;
	left: -22px;
	width: 41px;
	height: 42px;
	text-indent: -9999em;
	background: url(/images/box/x.png) no-repeat;
	outline: 0;
}

div#nyroModalFull div#nyroModalWrapper a#closeBut:hover {
	position: absolute;
	display: block;
	top: -22px;
	left: -24px;
	width: 41px;
	height: 42px;
	text-indent: -9999em;
	background: url(/images/box/y.png) no-repeat;
	outline: 0;
}

div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}

div#nyroModalFull div#nyroModalWrapper div#nyroModalContent {
	overflow: auto;
	padding: 20px;
}

div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	padding: 5px;
}

div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}

div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
	vertical-align: baseline;
}

div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}

div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;
base64,AAAA);

/* Trick IE6 */
}

div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}

div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	left: 0;
}

div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
	background-image: url(/images/box/prev.gif);
}

div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	right: 0;
	background-position: right 20%;
}

div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
	background-image: url(/images/box/next.gif);
}

/* @end */

/* @group clue */

/* global */

a.load-local:link, a.load-local:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed #67b510;
}

#cluetip-close img {
	border: 0;
}

#cluetip-title {
	overflow: hidden;
	color: #fff;
}

#cluetip-title #cluetip-close {
	float: right;
	position: relative;
}

#cluetip-waitimage {
	width: 43px;
	height: 11px;
	position: absolute;
	background-image: url(images/clue/wait.gif);
}

.cluetip-arrows {
	display: none;
	position: absolute;
	top: 0;
	left: -11px;
	height: 22px;
	width: 11px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#cluetip-extra {
	display: none;
}

/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
	background-color: #3b3c43;
	color: #67b510;
}

.cluetip-default #cluetip-outer {
	position: relative;
	margin: 0;
	background-color: #2e2f34;
}

.cluetip-default h3#cluetip-title {
	margin: 0 0 4px;
	padding: 8px 15px 4px;
	font-size: 1.0em;
	font-weight: normal;
	background-color: #2e2f34;
	color: #67b510;
}

.cluetip-default #cluetip-title a {
	color: #d9d9c2;
	font-size: 0.95em;
}

.cluetip-default #cluetip-inner {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.cluetip-default div#cluetip-close {
	text-align: right;
	margin: 0 5px 5px;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
	background-image: url(images/clue/darrowleft.gif);
}

.clue-left-default .cluetip-arrows {
	background-image: url(images/clue/darrowright.gif);
	left: 100%;
	margin-right: -11px;
}

.clue-top-default .cluetip-arrows {
	background-image: url(images/clue/darrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

.clue-bottom-default .cluetip-arrows {
	background-image: url(images/clue/darrowup.gif);
	top: -11px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */

.cluetip-jtip {
	background-color: transparent;
}

.cluetip-jtip #cluetip-outer {
	border: 2px solid #ccc;
	position: relative;
	background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
	margin: 0 0 5px;
	padding: 2px 5px;
	font-size: 12px;
	font-weight: normal;
	background-color: #ccc;
	color: #fff;
}

.cluetip-jtip #cluetip-inner {
	padding: 0 5px 5px;
	display: inline-block;
}

.cluetip-jtip div#cluetip-close {
	text-align: right;
	margin: 0 5px 5px;
	color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
	background-image: url(images/clue/arrowleft.gif);
}

.clue-left-jtip .cluetip-arrows {
	background-image: url(images/clue/arrowright.gif);
	left: 100%;
	margin-right: -11px;
}

.clue-top-jtip .cluetip-arrows {
	background-image: url(images/clue/arrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

.clue-bottom-jtip .cluetip-arrows {
	background-image: url(images/clue/arrowup.gif);
	top: -11px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
	margin-top: 10px;
	margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
	margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
	background-color: transparent;
	padding: 12px 12px 0;
	margin: 0 -12px 0 0;
	position: relative;
}

.cluetip-rounded #cluetip-extra {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 12px;
	height: 30px;
	margin: -12px -12px 0 0;
}

.cluetip-rounded #cluetip-inner {
	padding: 5px 12px 12px;
	margin: -18px -12px 0 0;
	position: relative;
}

.cluetip-rounded div#cluetip-close {
	text-align: right;
	margin: 0 5px 5px;
	color: #009;
	background: transparent;
}

.cluetip-rounded div#cluetip-close a {
	color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
	background-image: url(images/clue/rarrowleft.gif);
}

.clue-left-rounded .cluetip-arrows {
	background-image: url(images/clue/rarrowright.gif);
	left: 100%;
	margin-left: 12px;
}

.clue-top-rounded .cluetip-arrows {
	background-image: url(images/clue/rarrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

.clue-bottom-rounded .cluetip-arrows {
	background-image: url(images/clue/rarrowup.gif);
	top: -23px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}

/* stupid IE6 HasLayout hack */

.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
	zoom: 1;
}



/* @end */


.h2red {
	color :red;
	font-size:20px;
}
.h3red {
	color:red;
	font-weight:normal;
}