/*  
Theme Name: Shaan Renaissance
Description: Designed by Origames
Version: 2.0
Author: Origames
		  
*/


/*-------- body ---------------*/

body {
	padding: 0px;
	margin: 0px;
	color: #398c73;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	background: #3b7f66; /* Old browsers */
	background: -moz-linear-gradient(top,  #3b7f66 0%, #002B1E 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b7f66), color-stop(100%,#002B1E)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3b7f66 0%,#002B1E 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3b7f66 0%,#002B1E 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3b7f66 0%,#002B1E 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3b7f66 0%,#002B1E 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b7f66', endColorstr='#002B1E',GradientType=0 ); /* IE6-9 */

}

/*------ Police ----------------*/

a, h1, h2, h3, h5,
#navigation, #side-menu-general, #linkbar, #bottom_menu, #DOMWindow, #creation_perso, #visu_perso,
.pluslink, .category, .button, .choix, .pack,
.stitre, .sstitre, .login .message, .login .error, .wp-caption, .economica, .infovert, .message, .histo,
input.nom, .box input[type=submit], #wrapper .box input[type=submit], .box input[type=button], .box input[type=submit], #wrapper .box input.button,
table th, #wrapper button, #wrapper .ui-widget button, .pagination{
	font-family : 'Economica', Arial, Helvetica, sans-serif;
}

/*---------- Standards --------------*/

a, a:visited { color: #0A2C22; }
a:hover 		{ color: #FFF200; 	}
small a, small a:visited { font-size:12px; }
p 			{ margin: 0 0 10px; }
img 			{ border: none; vertical-align: bottom; }
ul 			{ margin: 5px 0px 10px; padding-left: 15px; }
ul li 			{ margin: 0px; }
ol 			{ margin: 5px 0px 15px; padding-left: 20px; }
ol li 			{ margin: 0px; }
small		{ font-size: 10px; }

ul.square {list-style-type:square}

blockquote{
	background: url(images/blockquote.gif) no-repeat left top #FFF;
	font-style: italic;
	padding: 5px 5px 5px 36px;
    color: #333;
	-moz-box-shadow: 1px 1px 5px #888;
	-webkit-box-shadow: 1px 1px 5px #888;
	box-shadow:1px 1px 5px #888;
	-moz-border-radius : 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

/*------------------------ couleurs -*/

.jaune, .jaune a, .jaune a:hover, .jaune a:active, table.jaune td, .jaune table td,
#dom1, #dom2, #dom3, #esprit, #esprit_actu{ color : #948562 !important; }
.bleu, .bleu a, .bleu a:hover, .bleu a:active, table.bleu td, .bleu table td,
#dom4, #dom5, #dom6, #ame, #ame_actu{ color : #547A9E !important; }
.rouge, .rouge a, .rouge a:hover, .rouge a:active, table.rouge td, .rouge table td,
#dom7, #dom8, #dom9, #corps, #corps_actu { color : #C86E5A !important; }
.noir, .noir a, .noir a:hover, .noir a:active, table.noir td, .noir table td, #dom0{ color : #6E6E6E !important; }

.cbleu_s	{ background-image : url(../../../class-shaan/img/pictos/cbleu_small.png); }
.cjaune_s	{ background-image : url(../../../class-shaan/img/pictos/cjaune_small.png); }
.crouge_s	{ background-image : url(../../../class-shaan/img/pictos/crouge_small.png); }
.cnoir_s	{ background-image : url(../../../class-shaan/img/pictos/cnoir_small.png); }

.jaune .fond, .jaune th, .jaune.fond	{ background-color : #D4D0B3; }
.bleu .fond, .bleu th, .bleu.fond		{ background-color : #B4BEC8; }
.rouge .fond	, .rouge th, .rouge.fond{ background-color : #D99A8B; }
.noir .fond, .noir th, .noir.fond		{ background-color : #9A9A9A; }

.fondom1, .fondom2, .fondom3, .fondom1 td, .fondom2 td, .fondom3 td	{ background-color : #f9f6ed; }
.fondom4, .fondom5, .fondom6, .fondom4 td, .fondom5 td, .fondom6 td	{ background-color : #e6f0f9; }
.fondom7, .fondom8, .fondom9, .fondom7 td, .fondom8 td, .fondom9 td	{ background-color : #f9efe9; }
.fondom0, .fondom0 td												{ background-color : #e4e4e4; }

.fond_bleu{ background-color:#c7e4f7; }
.fond_rouge	{ background-color : #D99A8B; }
.bor_rouge	{ border : 1px solid #C86E5A; }

.jaune .border		{ border : 1px solid #948562; }
.bleu .border		{ border : 1px solid #547A9E; }
.rouge .border		{ border : 1px solid #C86E5A; }
.noir .border		{ border : 1px solid #000000; }

.fond_U{ background-color : #C8DBE9; }
.fond_B{ background-color : #AAAAAA; }
.fond_W{ background-color : #FCFBF9; }
.fond_R{ background-color : #E59E8A; }
.fond_G{ background-color : #ADC5AB; }
.fond_A{ background-color : #D0DADC; }
.fond_Z{ background-color : #DEC582; }
.fond_L{ background-color : #D9CFCD; }
.fond_V{ background-color : #DCC7C2; }
.fond_M{ background-color : #E5D5E9; }

.fond_synchro	{ background-color : #E2E1E7; }
.fond_piege		{ background-color : #E9D1DE; }
.fond_normal	{ background-color : #F5DF96; }
.fond_magie		{ background-color : #BBD7D8; }
.fond_xyz		{ background-color : #CBCAC8; }
.fond_rituel	{ background-color : #9AA8CB; }
.fond_fusion	{ background-color : #CEC3E1; }
.fond_effet		{ background-color : #E3C5AD; }

.encart{
	-moz-border-radius : 10px 0 0 10px;
	-webkit-border-radius : 10px 0 0 10px;
	border-radius : 10px 0 0 10px;
	border:2px solid #398c73;	
	padding : 10px;
	margin-right : -1px;
	margin-top: 20px;
	border-right : 1px solid #FFFFFF;
}

.fond_transp{
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(opacity=50);
	width:100%;
	height:100%;
	top:0;
	left:0;
	position: absolute;
	z-index: 1;
}

.box-content{ position:relative; z-index:2;}

.fond_transp.transp90{
	opacity:0.8;
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	filter:alpha(opacity=80);
}

.fond_transp.transp70{
	opacity:0.7;
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	filter:alpha(opacity=70);
}

.surcouche{
	position:relative;
	z-index:2;
}

.gris{ background-color : #E9EAEB; }

.blanc{ background-color : #FFF; }
.black{ background-color : #000; -moz-border-radius : 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
.fgris{	background-color : #E9EAEB; }
.fvert{ background-color : #0A2C22; -moz-border-radius : 0 15px 0 15px; -webkit-border-radius: 0 15px 0 15px; border-radius: 0 15px 0 15px;}

.red , .Feu{ 	color: #9C1519; }
.vert, .Terre{	color: #0A2C22;}
.bleu, .Eau{	color: #00579E;}
.mauve, .Air{ color : #A154A1; }

/*------------------------------------------ structure */

#page { 	width:100%; position: relative; background: url(images/fondcarte.png) no-repeat center 29px transparent;display: inline-block;}
#wrapper{ 	width:1000px; margin: 0px auto; position: relative; }
#header { height: 180px; position:relative; width: 1000px; margin: 0px auto; z-index:10000;}
#main-content { 	width: 68%; float: left; margin: 5px 0; padding: 0; position:relative; z-index:2000; text-align : center; min-height: 435px; }
#major-content { 	width: 84%; float: left; margin: 5px 0; padding: 0; position:relative; z-index:2000; text-align : center; min-height: 435px; }
#full-content { 	width: 99%; float: left; margin: 0 0 5px 0; padding: 0; position:relative; z-index:2000; text-align : center; min-height: 435px; }
#sidebar-left { width : 16%; line-height: 15px; float: left; text-align:center; z-index:1;}
#sidebar-right { width : 16%; line-height: 15px;	 float:left; position: relative; text-align: center; z-index: 1000; margin-top:180px;}
#footer{ background : #000; padding: 5px 0; font-size: 10px; color: #808285; line-height: 15px; width : 100%; min-height:130px; margin :0; clear: both;}

#sidebar-main { width : 32%; line-height: 15px;	 float:right; position: relative; text-align: center; z-index: 1000; margin: 5px 0;}


/* ------------------------------------- header area  */

#darken{ position:absolute; top:0px; left: -200px; background: url(images/darken.png) no-repeat left top transparent; width:241px; height:400px; z-index: 3000;}
#delhion{ position:absolute; top:70px; right: -70px; background: url(images/delhion.png) no-repeat left top transparent; width:275px; height:350px;}

#bandeau{ float:right; border-top : none; border : 1px solid #231F20; margin: 10px 15px 0 0; height: 90px; width: 728px; }
#logo{ float:left;margin-top:-18px;margin-left: 30px;}

#linkbar{ 	width:100%; 
			height : 30px;
			background-color:#000; 
			color: #808285;
			font-size:18px;
			line-height:26px;
			text-transform:uppercase;
			text-decoration : none;
			font-weight:normal;
			}

#linkplace{ text-align: right; width: 950px; margin : 0 auto; }
#linkbar a, #linkbar a:visited{  color:#7E8082; border-right: 1px solid #7E8082; display: inline-block; margin: 3px; padding-right: 10px; text-decoration: none; font-weight:normal; }
#linkbar a:hover{ color : #FFF; text-decoration : none; }

#navigation{
	width:1000px; 
	height : 68px;
	font-size:14px;
	line-height:14px;
	text-decoration : none;
	text-align : left;
	background: url(images/navigation.png) no-repeat left top transparent;
	clear: both;
	margin-top:-10px;
	color : #FFF;
	text-transform : uppercase;
	position:relative;
	font-weight : bold;
	z-index:3000;
}

#navigation a, #navigation a:visited{ color : #FFF; text-decoration:none; padding : 0 8px;}
#navigation a:hover{ color : #FFF200; text-decoration:none; }

#navigation a.nav_actif, #navigation a.nav_actif:visited{ color : #FFF200; }
#navigation a.nav_actif:hover{ font-size:120%; }

#nav-left{ 	display: inline-block; float: left; height: 15px; margin: 25px 0 0 27px; width: 330px;}
#nav-right{ display:inline-block; width : 330px; height : 15px; margin : 25px 190px 0 0; float:right; text-align:right;}

#nav-left a{  border-right : 1px solid #CCC; display: inline-block; }
#nav-right a{ border-left : 1px solid #CCC; }
#loginmess{ line-height: 15px; padding: 0 0 0 8px; vertical-align: top; overflow:hidden; max-width: 130px; height: 15px; display: inline-block; }
#nav-right a#left_menu{ border-left : 0px solid #CCC; padding : 0 10px 0 0;}

#big-button{ position:absolute; left:340px;top:-8px; width:150px;height:76px;z-index:4000;}

/* ------------------------------------- sidebar area  */

#side-menu-general{
	border:1px solid #456AAD;
	-moz-border-radius: 0 0 15px 15px;
	-webkit-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
	padding: 0px;
	color:#A8C2E5;
	text-transform : uppercase;
	margin: 12px 12px 40px 12px;
	text-align:center;
	position:relative;
	font-weight:bold;
}

#side-menu-general h3{color:#A8C2E5;}

#side-menu-general .fond_transp{
   background-color: #143A38;
  -moz-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
}

.side-widget-box{
	margin-left:-14px;
	margin-top: -20px;
	padding:0 15px 20px;
	width: 133px;
	position: relative;
    z-index: 2;
	font-size: 13px;
}

.side-widget-title{
	background: url("images/side-widget-title.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    line-height: 17px;
    overflow: hidden;
    padding: 13px 15px;
    width: 130px;
}

#side-menu-general .side-widget-title{
    margin: 3px 0 0 -14px;
}

.side-widget-title{ 
	text-decoration:none; 
	font-size:14px;
	letter-spacing: 1px;
}
.side-widget-box a, .side-widget-box a:visited{color:#A8C2E5;text-decoration:none; }
.side-widget-box a:hover{ color:#FFF200;text-decoration:none; }

.side-widget-box ul{list-style-position: inside; padding: 3px 0; text-align:left;}
.side-widget-box ul li{ list-style-position: inside; padding: 3px 2px 3px 10px; line-height:14px;}

.side-widget-box ul li:nth-child(odd) {background: #143A38}

.side-widget-box input[type=text], .side-widget-box input[type=password]{ width:118px; }

.skyscrapperight{ margin: 10px auto; }
.skyscrapperight img{ border : 1px solid #231F20; }
.skyscrapperight.noborder img{ border : 0px solid #231F20; }

.boxon{ background : url(images/fondboxon.jpg) repeat #D3D4D5; }
.forboxbig.boxon{ -moz-border-radius : 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.forbox{ display : inline-block; width : 130px; padding : 5px 10px; text-align:left; }
.forboxbig{ display : inline-block; width : 94%; padding : 3%; text-align:left; }


#sidebar-left ul{
	padding-left : 0;
	margin:0;
}

#campagne_princes{
	margin: 0 12px 25px 12px;
	border-radius : 5px;
	padding-bottom : 10px;
}
#campagne_princes h3{ color:#FFF200; font-size: 15px; line-height:18px; text-transform:uppercase; }
#campagne_princes ul{ text-align:left; padding-left: 25px; color: #D99A8B;}
#campagne_princes ul li a, #campagne_princes ul li a:visited{ color:#D99A8B; text-decoration:none; font-weight: bold; 
														font-size: 16px; line-height: 18px; }
#campagne_princes ul li a:hover{ color:#FFF200; }

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

#partenaires{ background-color : #FFF; border : 1px solid #A7A9AC; text-align:center; margin:10px; padding : 0 5px 10px 5px;
			  -moz-border-radius : 10px; -webkit-border-radius: 10px; border-radius:10px;
			  -moz-box-shadow: 3px 3px 7px #CCC; -webkit-box-shadow: 3px 3px 7px #CCC; box-shadow:3px 3px 7px #CCC;
			}
#partenaires span img{ vertical-align:middle; }

#footer a, #footer a:visited { text-decoration: none; color: #808285; }
#footer a:hover { text-decoration: none; color:#FFF;}

#copyright{ font-size : 11px; padding : 3px; text-align : center; }

#bottom_menu{
	text-transform : uppercase;
	font-size:22px;
	line-height:22px;
	text-decoration : none;
	font-weight:bold;
	text-align : center;
	margin : 3px auto;
	padding : 7px;
	width:90%;
	border-bottom : 1px solid #808285;
}

/* ------------------------------------- accueil  */

#gallery_accueil { float:left; margin : 0 1% !important;}

#post-articles h2{ margin-bottom : 15px; }

.tiers_accueil{ width:27%; }
.half_accueil{ width:58%; }

#registration_mascotte{
	width : 234px;
	height : 450px;
	position : absolute;
	bottom : -25px;
	right : -25px;
	background : url(../../../class-shaan/img/race/boreal2.png) no-repeat;
}

#creation_mascotte{
	width : 104px;
	height : 200px;
	position : absolute;
	bottom : -10px;
	left : -20px;
	background : url(../../../class-shaan/img/race/kelwin3_small.png) no-repeat;
	z-index: 2;
}

.pack_mascotte{
	position : absolute;
	bottom : -20px;
	right : -50px;
	z-index: 2;
}
.pack_mascotte img, .box .pack_mascotte img{ border : 0px solid #FFF;}
#accueil_shaan p{font-size:11px;}
#accueil_shaan a, #accueil_shaan a:visited{font-size:13px;}
#accueil_shaan h2 img{ margin:0px 5px !important;border-width:0px;vertical-align:bottom;}

#accueil_shaan h2, #accueil_shaan h3 {display:inline-block;}
#accueil_shaan  a#souscriplink, #accueil_shaan  a#souscriplink:visited{ font-size:18px;}

/*--------------------------------------wiki-------*/

/*---------------------- visu perso -------------------*/

#visu_perso{font-size:18px; line-height:20px;}
#perso_notes img{ max-width : 400px; }
#perso_notes{ color: #948562; }
#perso_notes img{ max-width : 400px; }

/* ------------------------------------- main content area  */

.box{
	position:relative;
	float: left;
	background-color : #0A2C22;
	border : 2px solid #398c73;
	-moz-border-radius : 0 15px 0 15px;
	-webkit-border-radius: 0 15px 0 15px;
	border-radius:0 15px 0 15px;
	margin: 5px;
	padding: 10px;
	text-align:left;
	color:#398c73;
}

.single_post{ line-height : 17px;}
.single_post li{margin-bottom:5px;}
.box.single_post h2{margin-bottom:10px;}
.box.single_post h3{margin:7px;}
.box .thumb_option h3 { margin: 5px 0;}

.box h1, .box h2{ color: #B1DED3; }
.box h2.stitre{ color: #FFF; }
.box a, .box a:visited, .box.blanche .box a, .box.blanche .box a:visited{ font-size:18px; color:#B1DED3; text-decoration : none; font-weight:bold;}
.box small a, .box small a:visited{ font-size:12px; }
.box a:hover, .box.blanche .box a:hover{ color:#FFF200; text-decoration : none;}
.box h2 a:hover { color:#FFF200 !important; }
.box strong { color:#B1DED3;}
.box.transp{ background-color:transparent;}
.box h3 a.white, .box h3 a.white:visited { color:#FFF; }
.box h3 a.white:hover { color:#FFF200; }
.box h3 a, .box h3 a:visited { font-size:20px; }

.box.thumb_post{ overflow:hidden; }
.box.thumb_post h2, .box.thumb_post h2 a, .box.thumb_post h2 a:visited{ font-size:20px; line-height:22px;}

.box.blanche{ background-color : #FFF; color : #398c73; border : 2px solid #398c73; } 
.box.blanche .fond_transp{
   background-color : #FFF;
  -moz-border-radius : 0 15px 0 15px;
  -webkit-border-radius: 0 15px 0 15px;
   border-radius:0 15px 0 15px;
}
.box.blanche a, .box.blanche a:visited{ font-size:18px; color:#398c73; text-decoration : none; font-weight:bold;}
.box.blanche .infovert a, .box.blanche .infovert a:visited{ color:#FFF200; }
.box.blanche a:hover{ color:#0A2C22; text-decoration : none;}
.box.blanche h1, .box.blanche h1 a, #manager_page.box.blanche h1, #manager_page.box.blanche h1 a{ color:#398c73; font-size: 30px; font-weight: bold; }
.box.blanche h2, .box.blanche h2 a:hover, .box.blanche h3 { color:#398c73; font-size: 26px; font-weight: bold; }
.box.blanche img{border : 0px solid #FFF; }
.box.blanche table{font-size : 17px; }
.box.blanche .stitre { margin-left: 0px; color: #FFFFFF;}
.box.blanche h2.stitre { margin-left: -10px; }
.box.blanche strong { color:#398c73;}
#manager_page.box.blanche table p{font-size : 14px; }
#manager_page.box.blanche a, #manager_page.box.blanche a:visited{ font-size:16px; }

.box.verte{ border : 2px solid #6E9932; background: #E2E9D9; color : #58595B; }
.verte,.box.verte h2,.box.verte h2 a,.box.verte h2 a:visited{color:#65952E; }
.box.verte a{color:#000; }

.box.bleue{ border : 4px solid #3D7B94; background: #CCD9E4; color : #58595B; }
.box.bleue h2, .box.bleue h2 a,.box.bleue h2 a:visited, .box.bleue strong{color:#3D7B94; }
.box.bleue a{color:#000; }
.box.bleu a,.box.bleu h2 a,.box.bleu h2 a:visited, .bleu, a.bleu:visited{color:#3D7B94; }
a.bleu:hover{color:#000;}

.box.bleue .end-plus{ 	background: #3D7B94; border-color:#3D7B94 #CCD9E4; }
.box.bleue .pluslink a{ background: #3D7B94; color:#AC5528; }
.box.bleue .pluslink a, .pluslink a:visited{ color:#CCD9E4; }
.box.bleue .pluslink a:hover{ color:#FFF; }


.box.rouge{ border : 2px solid #81090b; background: #DCC7C2; color:#000; }
.box.rouge a,.box.rouge h2 a,.box.rouge h2 a:visited, .rouge, a.rouge:visited{color:#81090b; }
a.rouge:hover{color:#000;}

.box.orange{ border : 2px solid #E0773F; background: #AC5528; color : LemonChiffon; -moz-border-radius : 15px 15px 0 15px; -webkit-border-radius: 15px 15px 0 15px; border-radius:15px 15px 0 15px;}
.box.orange h2{ background: #99411C; color : yellow; text-align:center; padding:5px; border-radius : 15px 15px 0 0; margin:-10px -10px 5px -10px;}
.box.orange a,.box.orange h2 a,.box.orange h2 a:visited, .orange, a.orange:visited, .box table tr td a:hover, .box table tr td h3.orange{ color:#F58220; }
a.orange:hover{color:#000;}

a#abolink{ color: yellow; }
a#abolink:hover{ color: LemonChiffon; }

.box.orange .end-plus{ 	background: #E0773F; border-color:#E0773F #AC5528; }
.box.orange .pluslink a{ background: #E0773F; color:#AC5528; }
.box.orange .pluslink a, .pluslink a:visited{ color:#99411C; }
.box.orange .pluslink a:hover{ color:#FEE2CF; }

.box.mauve a,.box.mauve h2 a,.box.mauve h2 a:visited, .mauve, a.mauve:visited{color:#A154A1; }
a.mauve:hover{color:#000;}

.pdf_book img.border:hover, img.borvert:hover{ border : 2px solid #FFF; }
.pdf_book a:hover{ color : #FFF200; }


.page { width : 95%; }
.page90 { width : 90%; }
.full_page { width : 100%; }
.half_page{ width : 300px; }
.half_abo_page{ width : 37%; }
.tiers_page{ width:29% }
.demi_page{ width:60%; }
.max_page{ width : auto;float:none !important; display:inline-block;}
.fix_height{ height : 150px;}
.mid_page{ width:33% }
.home_height{ height:165px;}
.abo_height{ height:180px;}
.product_height{ height:250px;}
.halfw{ width:50%;}

.pluslink{
	position:absolute;
	width : auto;
	height : 20px;
	bottom:2px;
	right:0px;
	text-align:right;
	z-index:3;
}
.end-plus{ 	background: transparent; 
			width:0;
			height:0;
			display:inline-block; 
			border:23px solid;
			border-top:none;border-right:none;
			border-color:#398c73 transparent;
			vertical-align:bottom;
		}

.pluslink a{ background: #398c73; 
			color:#0A2C22; 
			padding: 3px 10px;
			display:inline-block; 
			font-size:20px;
			}
.pluslink a, .pluslink a:visited,
.box.blanche .box .pluslink a, .box.blanche .box .pluslink a:visited{ color:#0A2C22; }
.pluslink a:hover, .box.blanche .box .pluslink a:hover{ color:#B1DED3; }

.category{ 	background: #398c73; 
			color:#0A2C22; 
			padding: 3px 18px; 
			text-transform:uppercase; 
			display:inline-block; 
			margin : -10px 0 5px 0px;
			font-size: 20px;
			line-height: 18px;
		}
		
.single_post .category{ margin : -10px 0 5px -10px; }
.thumb_post .category{ padding: 3px 5px; max-width:120px; overflow:hidden; }
.index_post .category{ max-width:450px; }
		
.corner.category{ margin : -10px 10px 10px -10px; }
		
.end-cat{ 	background: transparent; 
			width:0;
			height:0;
			display:inline-block; 
			margin : -10px 0px 5px 0px;
			border:24px solid;
			border-bottom:none;border-left:none;
			border-color:#398c73 transparent;
			vertical-align:top;
		}	
.single_post .end-cat{ margin : -10px 0px 5px -10px; }
		
.category a, .category a:visited{ color:#0A2C22; font-size:20px; }
.category a:hover{ color:#B1DED3 !important;}

.category .active{ color:#B1DED3; background: #0A2C22; font-weight: bold; padding: 0 10px;
					-moz-border-radius : 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius:10px 10px 0 0;}
.box.blanche .category .active{ color:#0A2C22; background: #FFF; padding: 1px 10px;}			
.box.blanche .category a, .box.blanche .category a:visited{ color:#0A2C22; }

.more-link, .more-link:visited { clear: both; float: right; }
.more-link:hover { text-decoration : underline; }

#single-post-thumb{
	float : left;
	margin: 5px 10px 5px 0;
}

#single-post-thumb img{ margin : 0px; }

/* .box img, .box .gallery  img, .box #gallery-1  img, .box #gallery-2  img, .box.blanche .box img{ border:2px solid #398c73; margin: 5px 10px 5px 5px;} */
.gallery .gallery-item{ width:auto !important; margin-top: 0px !important;}
.gallery br{ clear:unset; display:none; }
.gallery .gallery-item img{ border:unset !important; }
.gallery .gallery-item { margin: 9px !important; }
.bundle-list{ display:inline-block; }
.gallery { display: inherit; }

.thumbpost{
	display: inline-block;
    float: left;
    height: 100%;
    margin: 5px 15px 5px 5px;
    text-align: center;
    width: 115px;
}
.thumbpost img{vertical-align:middle;margin-left: 0;}
.thumbpost a{display:inline-block;position:relative; z-index:4;}
.degradedred .thumbpost{ margin: 0px 15px 0px 5px; }

img.wp-smiley, .box img.wp-smiley, .box.blanche .box img.wp-smiley{margin:0; border:0 none;}

.thumb_option{
	margin:0px;
	text-align:center;
	display:inline-block;
	width:125px;
	vertical-align: top;
}

.thumb_option img{ border : 0 none; }
.thumb_option h3 { height:44px;}
.thumb_option h3.bigrows { height:66px; }

.thumb_option .eshop fieldset, .souscription_upgrade .eshop fieldset{ background:transparent; padding:0; border:0 none;vertical-align:middle;}
.thumb_option .eshop  fieldset .button.vert, .souscription_upgrade .eshop fieldset .button.vert{ font-size:18px;}


/* =Navigation
-------------------------------------------------------------- */

.navarticles {
	color: #0A2C22;
	clear:both;
	text-transform:uppercase;
	margin : 10px 0;
}
.box .navarticles a, .box .navarticles a:visited, .nav-previous a, .nav-previous a:visited, .nav-next a, .nav-next a:visited
 { color: #0A2C22; text-decoration: none; }

.box .navarticles a:hover{ color:#B1DED3; }

.nav-previous {
	float: left;
	-moz-border-radius : 0 10px 10px 0;
	-webkit-border-radius : 0 10px 10px 0;
	border-radius : 0 10px 10px 0;
	margin-left : -10px;
	background : #398c73;
	padding : 10px;	
}
.nav-next {
	float: right;
	text-align: right;
	-moz-border-radius : 10px 0 0 10px;
	-webkit-border-radius : 10px 0 0 10px;
	border-radius : 10px 0 0 10px;
	margin-right : -10px;
	background : #398c73;
	padding : 10px;
}

/*-------------------- titres */

h1 {
	text-transform : uppercase;
	font: bold 40px/40px 'Economica', Arial, Helvetica, sans-serif;
	margin: 10px 0;
	color: #B1DED3;
	text-align : left;
	padding-left : 10px;
	font-weight : bold;
	text-align:center;
	font-style:italic;
}

h2, .box h2 a, .box h2 a:visited,
.box.blanche .box h2 a, .box.blanche .box h2 a:visited{
	font-size : 26px;
	text-transform : uppercase;
	color : #B1DED3;
	margin : 5px 0;
	font-weight : bold;
	line-height : 26px;
}

h2 img{ vertical-align:middle; margin : 0 20px !important; }

h3{
	font-size : 20px;
	color : #B1DED3;
	margin: 5px 0;
	font-weight : bold;
	line-height: 22px;
}

h4{
	font-size : 15px;
	font-weight : bold;
	color : #B1DED3;
	margin : 5px 0 5px 0;
}

h5{
	font-size : 17px;
	line-height: 19px;
	color : #B1DED3;
	font-weight : bold;
	margin : 5px 0;
}

h4 a, h4 a:visited, h5 a{ color : #B1DED3 !important; font-weight : 400 !important; }
h5 a:hover, a h5:hover{ text-decoration:underline; }

/*------------ table */

table { padding : 0; text-align : left; margin: 0 auto; border-collapse:inherit; }
table tr{ background : none;  }

table tr td{ 	padding : 0; 
			border : 1px solid #B1DED3; 
			padding : 5px;
			vertical-align : middle;
			background-color : #FFF;
			color  :#398c73;
		}

#sidebar-left table { margin-left:-2px; width:136px;}
#sidebar-left table tr td{ 	border : 1px solid #456AAD; padding : 3px; background-color : #143A38; color  :#456AAD; }

.box table tr td a, .box table tr td a:visited{ color  :#0A2C22; }
.box table tr td a:hover, .box table tr td h3{ color  :#398c73; }
		
table strong {color:#B1DED3;}
table td.tabcenter{ text-align : center; }
table caption { margin-bottom:5px; 	padding:2px 0; font-size:11px; }
table thead th, table th {
	color:#0A2C22;
	text-transform : uppercase;
	border:1px solid #B1DED3;
	background-color:#398c73;
	font-weight:bold;
	text-align:left;
	padding : 3px 5px;
	font-size : 20px;
	line-height:22px;
	vertical-align:middle;
}

#sidebar-left table thead th, #sidebar-left table th { color:#EEE; border:1px solid #456AAD; background-color:#456AAD; font-size : 16px; line-height:18px; }

#sidebar-left table td.pprice{ color:#EEE; font-size : 16px; line-height:18px; }

.box table img{border:0px solid #FFF; }

table.noclass { margin:0;}
table.noclass tr td{ border:0 none; margin:0; padding:0;}
table.noclass tr td img{ border:0 none; margin:0; padding:0;}

/*.box table tr:hover{background : #C5D5C7 ; }*/

/*-------------------- formulaires */

form { margin: 0px; padding: 0px; }

input.fullwidth{ width:98% }

input{
	background-color : #F7F4F3;
	color: #333;
	font-weight : bold;
	margin : 2px;
	border: 1px solid #A7A9AC;
}
input:hover{
	background-color : #FFF;
	color: #333;
	border: 1px solid #000;
}

input[type=button]:hover, input[type=submit]:hover, input[type=radio]:hover, input[type=checkbox]:hover {cursor : pointer;}

textarea{
	background-color : #F7F4F3;
	color: #333;
	border: 1px solid #A7A9AC;
	margin: 10px 5px;
    width: 95%;
}

textarea:hover{
	background-color : #FFF;
	color: #333;
	border: 1px solid #000;
}

select{
	background-color : #F7F4F3;
	color: #333;
	font-weight : bold;
	margin : 1px;
	border: 1px solid #A7A9AC;
}

label {
	display : inline-block;
	min-width : 120px;
	vertical-align: top;
}

input[type="image"], input[type="checkbox"], input[type="radio"]{ 	border:none; background: none repeat scroll 0 0 transparent; }


#collecvalid,#collecvalid_top{
	background:url(images/validoff.png) top left no-repeat;
	width:60px;
	height: 60px;
	padding: 0;
	cursor: pointer;
	border:0;
	position: absolute;
    right: 0;
    z-index: 2000;
}
#collecvalid{ bottom: -40px; }
#collecvalid_top{ top: -15px; }
#collecvalid:hover,#collecvalid_top:hover{ background:url(images/validon.png) top left no-repeat; }

#allvalid{
	background:url(images/valoff.png) top left no-repeat;
	width:60px;
	height: 60px;
	padding: 0;
	cursor: pointer;
	border:0;
	position: absolute;
    right: 0;
	bottom : -20px;
    z-index: 2000;
}
#allvalid:hover{ background:url(images/valon.png) top left no-repeat; }

#boxvalid, .boxvalid{
	background:url(images/okoff.png) top left no-repeat;
	width:30px;
	height: 30px;
	padding: 0;
	cursor: pointer;
	border:0;
	position: absolute;
    right: -10px;
	bottom : -10px;
    z-index: 2000;
}

#boxvalid:hover, .boxvalid:hover, #inline_boxvalid:hover, .inline_boxvalid:hover{ background:url(images/okon.png) top left no-repeat; border:0;}

#inline_boxvalid, .inline_boxvalid{
	background:url(images/okoff.png) top left no-repeat;
	width:30px;
	height: 30px;
	padding: 0;
	margin: -3px 0 0 10px;
	cursor: pointer;
	border:0;
	display:inline-block;
    z-index: 2000;
}

#inline_suppr_valid{
	background:url(images/suppr.png) top left no-repeat;
	width:15px;
	height: 15px;
	padding: 0;
	margin: 0 5px 0 0;
	cursor: pointer;
	border:0;
	display:inline-block;
}

.submit{ margin-top : 5px; }
.pdf_submit{ background:url(images/pdf-logo.png) top left no-repeat;
			width:50px;
			height: 50px;
			padding: 0;
			margin: 0;
			cursor: pointer;
			border:0;
			display:inline-block;
			float:right;
			}

/*-------------------- buttons */

.button, .box input[type=submit], .box input[type=button], html .asp_product_buy_btn, html .asp_product_buy_btn.blue{
	text-transform : uppercase;
	font-weight : bold;
	color:#FFF;
	border : 1px solid #0A2C22; 
	background: #398c73; /* Old browsers */
	background: -moz-linear-gradient(top,  #398c73 0%, #0A2C22 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#398c73), color-stop(100%,#0A2C22)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #398c73 0%,#0A2C22 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #398c73 0%,#0A2C22 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #398c73 0%,#0A2C22 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #398c73 0%,#0A2C22 100%); /* W3C */
	-moz-border-radius : 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align : center;
	padding: 3px 13px;
	display:inline-block;
	margin:5px;
	text-decoration : none;
	font-size : 14px;
	line-height:18px;
	-moz-box-shadow: 3px 3px 7px #111;
	-webkit-box-shadow: 3px 3px 7px #111;
	box-shadow: 3px 3px 7px #111;
}

.commentbox, .thumb_post, .degraded{ 
	background: #0A2C22; /* Old browsers */
	background: -moz-linear-gradient(top,  #0A2C22 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0A2C22), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0A2C22 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0A2C22 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0A2C22 0%,#000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0A2C22 0%,#000 100%); /* W3C */
}

.thumb_post.transp{background:transparent;}
.thumb_post .addtocart {width:160px;}

.pack.degradedred, .pack.degradedred h2, .pack.degradedred h3, .pack.degradedred a, .pack.degradedred a:visited  { color : #D99A8B; }
.pack.degradedblue, .pack.degradedblue h2, .pack.degradedblue h3, .pack.degradedblue a, .pack.degradedblue a:visited  { color : #B4BEC8; }
.pack.degradedyellow, .pack.degradedyellow h2, .pack.degradedyellow h3, .pack.degradedyellow a, .pack.degradedyellow a:visited { color : #D4D0B3; }

.pack.degradedred.box img.border, .degradedred.box img.border{ border:2px solid #AF1726; }
.pack.degradedblue.box img.border{ border:2px solid #4165A5; }
.pack.degradedyellow.box img.border{ border:2px solid #D7B03C; }
.box img.border{ border:2px solid #398C73; }
.box img.border.white{ border:2px solid #FFF; }

.pack.box img{ margin: 5px 10px 5px 5px; }

/*
.jaune .fond, .jaune th	{ background-color : #D4D0B3; 948562}
.bleu .fond, .bleu th		{ background-color : #B4BEC8; 547A9E }
.rouge .fond	, .rouge th	{ background-color : #D99A8B; C86E5A}
.noir .fond, .noir th		{ background-color : #9A9A9A; }
*/

.degradedred{ 
	border : 2px solid #AF1726;
	background: #AF1726; /* Old browsers */
	background: -moz-linear-gradient(top,  #5F0602 0%, #AF1726 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5F0602), color-stop(100%,#AF1726)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5F0602 0%,#AF1726 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5F0602 0%,#AF1726 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5F0602 0%,#AF1726 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5F0602 0%,#AF1726 100%); /* W3C */
}

.box a.button.packbutton.degradedred:hover{ border : 2px solid #D99A8B; }

.degradedblue{ 
	border : 2px solid #4165A5 ;
	background: #4165A5 ; /* Old browsers */
	background: -moz-linear-gradient(top,  #283D64 0%, #4165A5  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#283D64), color-stop(100%,#4165A5 )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #283D64 0%,#4165A5  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #283D64 0%,#4165A5  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #283D64 0%,#4165A5  100%); /* IE10+ */
	background: linear-gradient(to bottom,  #283D64 0%,#4165A5  100%); /* W3C */
}

.degradedyellow{ 
	border : 2px solid #D7B03C;
	background: #D7B03C; /* Old browsers */
	background: -moz-linear-gradient(top,  #846C25 0%, #D7B03C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#846C25), color-stop(100%,#D7B03C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #846C25 0%,#D7B03C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #846C25 0%,#D7B03C 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #846C25 0%,#D7B03C 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #846C25 0%,#D7B03C 100%); /* W3C */
}

.degradedgreen{ 
	border : 2px solid #398c73;
	background: #398c73; /* Old browsers */
	background: -moz-linear-gradient(top,  #000 0%, #398c73 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#398c73)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000 0%,#398c73 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000 0%,#398c73 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000 0%,#398c73 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000 0%,#398c73 100%); /* W3C */
}

.degradedorange{ 
	border : 2px solid #CC7C21;
	background: #CC7C21; /* Old browsers */
	background: -moz-linear-gradient(top,  #000 0%, #CC7C21 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#CC7C21)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000 0%,#CC7C21 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000 0%,#CC7C21 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000 0%,#CC7C21 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000 0%,#CC7C21 100%); /* W3C */
}

.button.packbutton{ font-size:30px; line-height: 30px; padding: 3px 5px; }
a.button.packbutton, a.button.packbutton:visited, 
.box a.button.packbutton, .box a.button.packbutton:visited{ font-size:30px; line-height: 30px; padding: 5px 15px; }

.button.packbutton em{ font-style:normal;font-size:20px; }

.tobottom{ -moz-border-radius : 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}

.button.small, .card_menu.small{ width : auto; padding : 3px 10px; }
.button.large{ width : 90%; padding : 3px 10px; margin : 3px auto; }
.button.tall{ height:auto;}
a .button , a.button, .button a, .box a.button, .box a.button:visited, .panel a.button, .panel a.button:visited{ color: #FFF !important; text-decoration : none;font-size: 14px;}
a .button:hover , a.button:hover, .button a:hover, .box a.button:hover, .panel a.button:hover{ color: #FFF !important;text-decoration:none;}

.box input[type=submit], input.button, .box input[type=button]{ padding: 2px 7px; width: auto;}
input.button:hover,input.button:active,input.button:focus, button:hover { cursor:pointer; color:#FFF;}
.box input[type=submit]:hover, .button:hover, .buttonon, .box input[type=button]:hover, html .asp_product_buy_btn:hover, html .asp_product_buy_btn.blue:hover{ 
	border : 1px solid #24614F;
	background: #7BCEAD; /* Old browsers */
	background: -moz-linear-gradient(top,  #7BCEAD 0%, #24614F 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7BCEAD), color-stop(100%,#24614F)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7BCEAD 0%,#24614F 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7BCEAD 0%,#24614F 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7BCEAD 0%,#24614F 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7BCEAD 0%,#24614F 100%); /* W3C */
}

.buttonon{
	text-transform : uppercase;
	font-weight : bold;
	color:#FFF;
	-moz-border-radius : 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align : center;
	padding: 3px 13px;
	display:inline-block;
	margin:5px;
	text-decoration : none;
	font-size : 14px;
	line-height:18px;
	-moz-box-shadow: 3px 3px 7px #111;
	-webkit-box-shadow: 3px 3px 7px #111;
	box-shadow: 3px 3px 7px #111;
}

span.price.yellow, span.price.yellow:hover{
    color: #000 !important;
    background: #948562;
    border: 1px solid #EEE;
    font-size: 18px;
}

span.price.bleu, span.price.bleu:hover, .box span.button.price.bleu:hover{
    font-size: 18px;
	color: #000 !important;
    background: #3D7B94;
    border: 1px solid #EEE;
    font-size: 18px;
}

.button.vert{ 	color : #0A2C22 !important; 
				background : #398c73; 
				border : 1px solid #EEE;
				font-size:18px;
			}
a.button.vert:hover{ color : #398c73 !important; background : #FFF; }

.bleue .button, .button.bleu{ 	color : #FFF !important; 
				background : #3D7B94; 
				border : 1px solid #CCD9E4;
			}
			
.bleue .button:hover, .button.bleu:hover, a.button.bleu:hover, .box .button.bleu:hover{ color : #3D7B94 !important; background : #FFF; border : 1px solid #3D7B94; }

.lienbleu.button.bleu{ text-transform : none;  margin: -3px 0 0; }

.button.rouge{ 	
				background: none repeat scroll 0 0 #C11513;
				border: 1px solid #621014;
				-moz-border-radius: 15px;
				-webkit-border-radius: 15px;
				border-radius: 15px;
				color: #FFFFFF !important;
				font-size: 16px;
				height: 10px;
				letter-spacing: 3px;
				line-height: 11px;
				margin: 0;
				padding: 5px 4px 5px 7px;
				text-transform: none;
				vertical-align: top;
			}
			
.button.noir{ 	background: none repeat scroll 0 0 #FFF;
				border: 1px solid #000;
				-moz-border-radius: 15px;
				-webkit-border-radius: 15px;
				border-radius: 15px;
				color: #000 !important;
				font-size: 16px;
				height: 10px;
				letter-spacing: 3px;
				line-height: 11px;
				margin: 0;
				padding: 5px 4px 5px 7px;
				text-transform: none;
				vertical-align: top;
			}
			
.picto, .box .picto{ border :  0px solid #FFF; margin:5px 1px; }

.degradedred .button, .degradedred input[type="submit"]{
	border : 1px solid #000; 
	background: #C86E5A; /* Old browsers */
	background: -moz-linear-gradient(top,  #C86E5A 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C86E5A), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #C86E5A 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #C86E5A 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #C86E5A 0%,#000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #C86E5A 0%,#000 100%); /* W3C */
}

.degradedred input[type=submit]:hover, .degradedred input[type=button]:hover,.degradedred a.button:hover, a.degradedred.button:hover
{ 
	border : 1px solid #D99A8B;
	background: #D99A8B; /* Old browsers */
	background: -moz-linear-gradient(top,  #D99A8B 0%, #C86E5A 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D99A8B), color-stop(100%,#C86E5A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #D99A8B 0%,#C86E5A 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #D99A8B 0%,#C86E5A 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #D99A8B 0%,#C86E5A 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #D99A8B 0%,#C86E5A 100%); /* W3C */
}

/*
.jaune .fond, .jaune th	{ background-color : #D4D0B3; 948562}
.bleu .fond, .bleu th		{ background-color : #B4BEC8; 547A9E }
.rouge .fond	, .rouge th	{ background-color : #D99A8B; C86E5A}
.noir .fond, .noir th		{ background-color : #9A9A9A; }
*/

.degradedblue .button, .degradedblue input[type="submit"], .button.blue,
input[type="submit"].bleu, .button.bleu{
	border : 1px solid #000; 
	background: #547A9E; /* Old browsers */
	background: -moz-linear-gradient(top,  #547A9E 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#547A9E), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #547A9E 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #547A9E 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #547A9E 0%,#000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #547A9E 0%,#000 100%); /* W3C */
}

.degradedblue input[type=submit]:hover, .degradedblue input[type=button]:hover, .button.blue:hover,.degradedblue a.button:hover,
.bleu input[type=submit]:hover, .bleu input[type=button]:hover, .button.bleu:hover,.bleu a.button:hover{ 
	border : 1px solid #B4BEC8;
	background: #B4BEC8; /* Old browsers */
	background: -moz-linear-gradient(top,  #B4BEC8 0%, #547A9E 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B4BEC8), color-stop(100%,#547A9E)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #B4BEC8 0%,#547A9E 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #B4BEC8 0%,#547A9E 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #B4BEC8 0%,#547A9E 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #B4BEC8 0%,#547A9E 100%); /* W3C */
}

.degradedyellow .button, .degradedyellow input[type="submit"], .button.yellow, input[type="submit"].yellow{
	border : 1px solid #000; 
	background: #948562; /* Old browsers */
	background: -moz-linear-gradient(top,  #948562 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#948562), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #948562 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #948562 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #948562 0%,#000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #948562 0%,#000 100%); /* W3C */
}

.degradedyellow input[type=submit]:hover, .degradedyellow input[type=button]:hover, 
.button.yellow:hover,.degradedyellow a.button:hover, input[type="submit"].yellow:hover{ 
	border : 1px solid #D4D0B3;
	background: #D4D0B3; /* Old browsers */
	background: -moz-linear-gradient(top,  #D4D0B3 0%, #948562 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D4D0B3), color-stop(100%,#948562)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #D4D0B3 0%,#948562 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #D4D0B3 0%,#948562 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #D4D0B3 0%,#948562 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #D4D0B3 0%,#948562 100%); /* W3C */
}

/*---------------------------------------- captions */

.wp-caption{
	background: none repeat scroll 0 0 #398c73;
    padding: 0;
    text-align: center;
	color:#FFF;
	font-weight:normal;
	display: inline-block;
	-moz-border-radius: 0 5px 0 5px;
	-webkit-border-radius: 0 5px 0 5px;
	border-radius: 0 5px 0 5px;
	font-size : 16px;
	margin: 0px 10px;
	font-style:italic;
}

.wp-caption.alignleft{ margin: 5px 10px 5px 0; }
.wp-caption.alignright{ margin: 5px 0px 5px 10px; }
.wp-caption.aligncenter{ margin: 5px auto; }

.wp-caption img{ margin: 5px 0;}

/* -------------------------------------next & previous page navigation */

.page-nav {
	clear: both;
	height: 24px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-bottom : 0px solid #E8E8E8;
	margin-top: 15px !important;
}

.previous-entries a {
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	background: url(images/navigation-left.gif) no-repeat left center;
	padding-top : 2px;
}
.next-entries a {
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	background: url(images/navigation-right.gif) no-repeat right center;
	padding-top : 2px;
}

/************************************************************************************
Pagination
************************************************************************************/
.pagination{ padding:5px; display:inline-block;font-weight:bold; font-size:20px; line-height:20px; }
.pagination span, .pagination a{display:inline-block; margin:2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#FFF; background:#398c73;}
.pagination a:hover{background:#FFF; color:#398c73}
.pagination a, .pagination a:visited{color:#FFF;}
.pagination .current{ background:#FFF; color:#398c73;}

/*------------------------- comments -*/

.postdata .comments{
	background: url(images/mini-comment.gif) no-repeat;
	padding-left: 18px;
	float: right;
}
.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat left center;
	padding-left: 15px !important;
	position:absolute;
	top:10px;
	right : 10px;
}

h1#comments {
	background: url(images/comments.gif) no-repeat;
	padding-left: 22px;
	clear: both;
}
h1#respond {
	background: url(images/respond.gif) no-repeat;
	padding-left: 22px;
	margin: 20px 0px 0px;
	clear: both;
}
/* commentform */
#commentform {
	margin-top: 10px;
}
#commentform label {
	font-weight: bold;
	color:#666;
	font-size: 100%;
	padding-left: 5px;
}
#commentform small {
	color: #999999;
	font-size: 90%;
}

/* comment list */
.commentlist {
	margin: 10px 0px;
	line-height: 130%;
	list-style-type:none;
	padding:0;
	display: inline-block;
}
.commentlist li{
	padding: 10px;
}
.commentlist .alt {
	background: #F7F4F3;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	color: #B1DED3;
}

.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
.commentlist small a, .commentlist small a:visited{
	color: #999999;
}

.recentcomments a, .recentcomments a:visited, #forum_actu a, #forum_actu a:visited{ color:#EEE; }
.recentcomments a:hover, #forum_actu a:hover{ color:#FFF200; }

/*-----------------theme-my-login */

.login{position:relative; z-index:3001;}
.login label{ vertical-align : middle; font-weight : bold; min-width : 120px; }
.login form p.forgetmenot label { display: inline-block; }

#oneline_log p {display:inline-block;}

#connexion-box{
	position:relative;
	 width: 260px;
	z-index:1000;
	margin-top: 5px;
    padding: 5px;
	-moz-border-radius : 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

#connexion-box label { width : 75px; min-width: 75px; }

#connexion-box ul.tml-action-links{
	text-transform:none;
}

#connexion-box ul.tml-action-links li a {
	border-right: 0px solid #FFF;
	padding: 0;
}

#connexion-box .forgetmenot label{
	width:95px;
	vertical-align:middle;
	text-transform:none;
	display:inline-block;
}

#connexion-box #loginvalid{
	position:absolute;
	bottom : 15px;
	right : 50px;
}

#connexion-box #loginvalid input[type=submit]{
	background: url(images/okoff.png) no-repeat;
	width : 30px;
	height : 30px;
	border:none !important;
	text-indent:-999px;
}

#connexion-box #loginvalid input[type=submit]:hover{
	background: url(images/okon.png) no-repeat;
	cursor : pointer;
}

#connexion-box ul {
	padding-left:5px;
}

#connexion-box ul li{
	list-style-position : inside;
	background : none;
}

#connexion-box p{ margin : 0; }

.login p.error, .login .message, #connexion-box .login p.error , #connexion-box .login .message {
    margin: 5px;
	padding:5px;
	line-height:16px;
	text-transform:none;
}

.login p.error  {
    border: 1px solid #c00;
    background-color: #ffebe8;
    color: #c00;
	font-size:18px;
}

.login p.error  strong{ color:#c00; }

#connexion-box .login p.error  a, #connexion-box .login p.error  a:visited, .login p.error  a, .login p.error  a:visited { color: #c00; font-weight:bold; border-width:0; padding:0;}
#connexion-box .login p.error  a:hover , .login p.error  a:hover { text-decoration:underline;}

.registration{
	text-align : left;
	margin : 0 auto;
	width : 600px;
	float: none;
}

.registration label{ width : 200px; }

.submit-profile{ clear : both; text-align : center; }

 #pass-strength-result {
    border-style: solid;
    border-width: 1px;
	float: left;
    margin: 12px 5px 5px 1px;
    padding: 3px 5px;
    text-align: center;
    width: 200px;
}
#pass-strength-result.strong,#pass-strength-result.short {     font-weight: bold; }
#pass-strength-result { background-color: #eee; border-color: #ddd !important; }
#pass-strength-result.bad { background-color: #ffb78c;  border-color: #ff853c !important; }
#pass-strength-result.good {  background-color: #ffec8b; border-color: #fc0 !important; }
#pass-strength-result.short { background-color: #ffa0a0; border-color: #f04040 !important; }
#pass-strength-result.strong { background-color: #c3ff88; border-color: #8dff1c !important; }

#your-profile label, #your-profile label + a { 	vertical-align: middle; }
#your-profile .form-table { 	border-collapse: collapse; width:100%; }
#your-profile .form-table th { 	vertical-align: middle; text-align:left;}
#your-profile .form-table td { 	font-size: 11px;  }
#your-profile .form-table th.smalltab  { width:100px; }
#your-profile .form-table th.smalltab  label{ min-width:0px; width:auto;}

.tml {
	max-width: 320px;
}

.tml * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tml .error,
.tml .message {
	color: #333;
	padding: 0.5em;
}

.tml .error {
	border: 1px solid #c00;
	background-color: #ffebe8;
}

.tml .message {
	border: 1px solid #e6db55;
	background-color: #ffffe0;
}

.tml p {
	margin: 0 0 1.5em 0;
	padding: 0;
}

.tml label {
	display: block;
	text-align: left;
}

.tml .tml-rememberme-wrap label {
	display: inline;
}

.tml input,
.tml textarea,
.tml select {
	margin: 0.5em 0;
	width: 90%;
}

.tml input[type="checkbox"],
.tml input[type="radio"],
.tml .tml-rememberme-wrap input {
	vertical-align: middle;
	width: auto;
}

.tml .tml-action-links {
	display: inline-block;
	list-style: none;
	margin: 0.5em auto;
	padding: 0;
	text-align: center;
}

.tml .tml-action-links li {
	border: none;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	line-height: 1;
	list-style: none;
	margin: 0 0.5em 0 0;
	padding: 0 0.5em 0 0;
}

.tml .tml-action-links li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

.tml .tml-action-links a {
	border: none;
	display: block;
	padding: 0;
	text-decoration: none;
}

.tml .tml-rememberme-submit-wrap:before,
.tml .tml-rememberme-submit-wrap:after,
.tml .tml-action-links:before,
.tml .tml-action-links:after {
	content: "";
	display: table;
}

.tml .tml-rememberme-submit-wrap:after,
.tml .tml-action-links:after {
	clear: both;
}

.tml .tml-user-avatar {
	text-align: left;
}

.mu_register .hint {
	font-size: 12px;
	margin-bottom: 10px;
	display: block;
}

.mu_register label.checkbox {
	display: inline;
}

#pass-strength-result {
	background-color: #eee;
	border: 1px solid #ddd;
	color: #23282d;
	font-weight: 600;
	margin: 0;
	padding: 3px 5px;
	text-align: center;
	width: 90%;
	opacity: 0;
}

#pass-strength-result.short {
	background-color: #f1adad;
	border-color: #e35b5b;
	opacity: 1;
}

#pass-strength-result.bad {
	background-color: #fbc5a9;
	border-color: #f78b53;
	opacity: 1;
}

#pass-strength-result.good {
	background-color: #ffe399;
	border-color: #ffc733;
	opacity: 1;
}

#pass-strength-result.strong {
	background-color: #c1e1b9;
	border-color: #83c373;
	opacity: 1;
}

.pw-weak {
	display:none;
}

.indicator-hint {
	padding-top: 8px;
}

#pass1,
#pass1-text {
	width: 90%;
}

#pass1-text,
.show-password #pass1 {
	display: none;
}

.show-password #pass1-text
{
	display: inline-block;
}

@media screen and (min-width: 768px) {
	.tml .tml-submit-wrap input {
		width: auto;
	}

	.tml-login .tml-rememberme-submit-wrap {
		display: table;
		margin-bottom: 1.5em;
		width: 100%;
	}

	.tml-login .tml-rememberme-wrap {
		display: table-cell;
	}

	.tml-login .tml-rememberme-wrap input {
		margin: 0;
	}

	.tml-login .tml-submit-wrap {
		display: table-cell;
		text-align: right;
	}

	.tml-login .tml-submit-wrap input {
		margin: 0;
		width: auto;
	}
}

.box .tml-profile .wp-pwd { text-align:left; }

.pac-container{ z-index : 10000; }

/*-------- general -------------*/

.cache	{ display:none;}
.inline	{ display:inline-block;}
.bloc	{ display:block;}
.nound	{ text-decoration : none;}
.milieu	{ text-align:center; }
.pagras	{ font-weight : normal; }
.trans	{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; }
.decal	{ margin-left:20px; display:block;}
.vertic	{ vertical-align:middle;}
.cadre10{ margin : 10px; }
.cadre5  { margin : 5px; }
.inter5  { padding : 5px; }
.cadretr{ margin : 10px 10px 0 0; }
.uppercase{ text-transform : uppercase; }
.borblan{ border : 1px solid #FFF; }
.borvert, img.borvert, .borvert img{ border : 2px solid #398c73; }
.nobor, .box .nobor, .box img.nobor{ border : 0px solid #FFF; }
.rspace	{ margin-right : 10px; }
.fbig{ font-size : 150%; line-height:100%;}
.fsmall, .fsmall select, select.fsmall{ font-size:80%;}
#abonnement_shaan .fsmall{ font-size:82%;}
.fnormal{ font-size:12px;}
.cleft , .alignleft{ 	float: left; }
.cright , .alignright { 	float: right !important; }
.nofloat  { 	float: none !important; }
.dblock{ display : inline-block; }
.dright { float: right; 	margin-right : 10px; }
.clear { clear:both; }
.tableft{ padding-left : 30px; }
.center { text-align: center; }
.tleft, #main-content.tleft { text-align: left; }
.tright { text-align: right; }
.description { font-style : italic; }
.hidden { clear: both; visibility: hidden; }
.hide { 	display:none; }
.nopad{ padding : 0 !important; }
.nooverflow{ overflow:hidden; }
.signature{ text-align:right; margin-top:15px;margin-right: 25px;clear:both;}
.middle{ vertical-align: middle; }
.top{ vertical-align: top; }
.bottom{ vertical-align: bottom; }
.white { color: #FFF;}
.backwhite { background: #FFF;}
.soft, a.soft, a.soft:visited, .box a.soft, .box a.soft:visited{ color: #BBB;}
a.soft:hover, .box a.soft:hover{ color: #000;}
.hauto{ height : auto !important; }
.upper{ text-transform : uppercase;}
.downer{ text-transform : none;}
.ombre{ -moz-box-shadow: 4px 4px 15px #333;
	-webkit-box-shadow: 4px 4px 15px #333;
	box-shadow: 4px 4px 15px #333;}
.decaleft{ padding-left : 20px; }
.gras{ font-weight:bold;}
.norital{ font-style:normal;}
.margin20{margin:20px;}
.margin10{margin:10px;}
.margin5{margin:5px;}
.margin2, .box .margin2{margin:2px;}
.margin0, .box .margin0{margin:0px;}
.padding10{padding:10px;}
.padding5{padding:5px;}
.padding3{padding:1px 3px;}
.padding2{padding:2px;}
.padding0{padding:0px;}
.req{ color:red; font-weight:bold; }
.mright{ margin-right : 10px; }
.mtop{ margin-top : 10px; }
.pointeur:hover{cursor:pointer;}
.max400{ max-width: 400px;}

img.aligncenter{display:block;} 

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.left, img[align="left"] {
	float:left;
	margin: 5px 10px 5px 0px;
}
img.right, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
img.middle{
	vertical-align:middle;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}

/* Gravatars CSS */
.gravatars{
	float: right;
	margin: 3px 0 15px 10px;
	border: 1px solid #333;
}

.blavatar{
	width:auto;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}

.error_message, .eshoperrors  {
    padding: 10px;
	margin: 10px;
    display: inline-block;
	 border: 1px solid #c00;
    background-color: #ffebe8;
    color: #333 !important;
	-moz-box-shadow: 4px 4px 15px #333;
	-webkit-box-shadow: 4px 4px 15px #333;
	box-shadow: 4px 4px 15px #333;
	 -moz-border-radius : 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
 }
 
 .error_message strong, .eshoperrors strong, .box .error_message strong{ color:#CC0000;}
 
 .cleantab{ margin:0; padding : 0; }
 .cleantab tr td { margin:0; padding : 0; border : none; vertical-align:middle;}
 table.cleantab tr:hover { background : transparent;}

/*----------------------------post aperçu */

.post-apercu{
	display : block;
	width : 100%;
	overflow : hidden;
	position : relative;
	padding : 4px 0;
	margin : 0;
	border-bottom : 1px solid #A7A9AC;
}

.apercu_pair		{	background-color : #C5D5C7 ;}
.apercu_pair_rouge	{	background-color : #FCD3C4;}
.apercu_pair_mauve	{	background-color : #E5D5E9;}
.apercu_pair_bleu	{	background-color : #A4D8EC;}
.apercu_pair_vert	{	background-color : #D0F8BC;}
.apercu_pair_orange	{	background-color : #F8E3B0;}

/*------------DES-------------*/

#des{
	position:relative;
	width : 200px;
	height : 90px;
	margin : 10px;
	display: inline-block;
}

#des img{ margin : 0; border:0px solid #FFF; }

#de_esprit	{ position:relative; z-index : 9000; }
#de_ame		{ position:relative; z-index : 9000; }
#de_corps	{ position:relative; z-index : 9000; }

#de_ombre_1{
	position : absolute;
	top:-5px;
	left:45px;
	background-image : url(img/ombre.png);
	width : 98px;
	height : 92px;
	z-index : 8000;
}

#de_ombre_2{
	position : absolute;
	top:-5px;
	left:110px;
	background-image : url(img/ombre.png);
	width : 98px;
	height : 92px;
	z-index : 8000;
}

#de_ombre_3{
	position : absolute;
	top:-5px;
	left:-15px;
	background-image : url(img/ombre.png);
	width : 98px;
	height : 92px;
	z-index : 8000;
}

.de_nom{
	position : absolute;
	z-index : 8500;
}

#de_trihn_1{ bottom:0px; left:10px; }
#de_trihn_2{ bottom:0px; left:80px; }
#de_trihn_3{ bottom:0px; left:140px;}

/*-------- CHAMPS PERSONNAGES ---*/

#creation_perso{ font-size:20px; line-height:20px; }

.stitre{
	/*background: url(images/demilune.png) no-repeat -15px center #398c73;*/
	background-color : #398c73;
	color : #FFF;
	text-transform : uppercase;
	font-weight : bold;
	font-size : 20px;
	line-height: 20px;
    margin: 5px 0;
    padding: 8px 10px;
	display:inline-block;
	-moz-border-radius : 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
}

.stitre a{
	color : #0A2C22;
	text-decoration : none;
}

.stitre a:hover{
	color : #B1DED3;
	text-decoration : underline;
}

.box .stitre { margin-left : -10px; padding-right : 15px;}
.box .stitre.toptitre, .toptitre { margin-top : -10px; -moz-border-radius : 0 0 15px 0; -webkit-border-radius: 0 0 15px 0; border-radius: 0 0 15px 0;}
.box .stitre.presstitre, .presstitre { -moz-border-radius : 0 15px 0 0; -webkit-border-radius: 0 15px 0 0; border-radius: 0 15px 0 0;}
.box .stitre.etiquette, .etiquette { -moz-border-radius : 0; -webkit-border-radius: 0; border-radius: 0;}

.sstitre{
	/*color : #948562;*/
	border-bottom: 1px solid #398c73;
	line-height: 20px;
    padding: 5px;
	font-size : 20px;
}

.jaune .stitre, .jaune.stitre, #content .jaune.stitre th	 	{ background-color : #948562; color : #FFF;} 
.bleu .stitre, .bleu.stitre, #content .bleu.stitre th	 	{ background-color : #547A9E; color : #FFF;} 
.rouge .stitre, .rouge.stitre, #content .rouge.stitre th	{ background-color : #C86E5A; color : #FFF;} 
.noir .stitre, .noir.stitre , #content .noir.stitre th		{ background-color : #000000; color : #FFF;} 

.inside{
	margin : 10px;
}

#choix_avatar, .visu_avatar{
	border : 1px solid #398c73;
	margin: 10px 10px 10px 0;
	width : 120px;
	height : 120px;
	float : left;
	position:relative;
}

#choix_avatar img, .visu_avatar img{ margin : 0; }

#change_perso_avatar{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background : transparent;
}

#change_perso_avatar:hover{
	opacity:0.7;
	background : #FFF;
}

#change_perso_avatar span{
	position:absolute;
	bottom:5px;
	left:4px;
}

#change_perso_avatar img{
	position:absolute;
	bottom:7px;
	right:0px;
}



.menu_perso{
	display:block;
	width : 937px;
	height : 25px;
	/*background-color : #E9E4C3;*/
	/*color : #948562;*/
	text-transform : uppercase;
	border : 1px solid #398c73;
	border-left : 0;
	font-weight : bold;
	font-size : 14px;
	clear : both;
	
}

.steps{
	float : left;
	padding : 0 10px ;
	margin : 0;
	border-left : 1px solid #398c73;
	height : 26px;
	line-height: 23px;
	width : 135px;
}

.step_idx{
	color : #FFF;
	background-color : #398c73;
	-moz-border-radius : 11px;
	-webkit-border-radius: 11px;
	border-radius : 11px;
	height: 22px;
    width: 22px;
	font-size : 20px;
	margin : 1px 0;
	text-align:center;
	display : inline-block;
}

.contents{
	position:relative;
	margin-bottom : 50px;
	border : 1px solid #398c73;
	border-top : 0px solid #398c73;
	width : 936px;
	/*color : #948562;*/
}
/*
.contents a,.contents a:hover{
	color : #948562;
}
*/

.active{ background-color : #FFF; }
.active .step_idx, .step_idx.active { background-color : #0A2C22; color : #FFF;}
.box.blanche .menu_perso a, .box.blanche .menu_perso a:active{ color : #398c73; }
.box.blanche .menu_perso a:hover{ color : #0A2C22; }

.box.blanche .menu_perso .active  a, .box.blanche .menu_perso .active a:hover,.box.blanche .menu_perso .active a:active{ color : #0A2C22; }

/*
.menu_perso a, .menu_perso a:hover, .menu_perso a:active{
	color : #948562;
	text-decoration: none;
}*/

input.nom {
	border : 2px solid #398c73;
	width : 330px;
	height : 25px;
	text-transform : uppercase;
	color : #398c73;
	padding : 2px;
	background-color : #FFF;
	margin : 10px 0;
	text-align:center;
	font-size : 20px;
}

.choix{
	font-style:italic;
	font-size : 28px;
	line-height: 28px;
}

.valid{
	position:absolute;
	bottom : -20px;
	left:300px;
	font-weight : normal;
}

#perso_head{
	display : block;
	margin-top : 0px;
	margin-bottom : 10px;
	height : auto;
	vertical-align:top;
}

.infovert, .login .message, .message, .login p.message  {
	background-color: #398c73;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin: 10px;
    padding: 10px;
	-moz-border-radius : 11px;
	-webkit-border-radius: 11px;
	border-radius : 11px;
	-moz-box-shadow: 2px 2px 7px #333333;
	-webkit-box-shadow: 2px 2px 7px #333333;
	box-shadow: 2px 2px 7px #333333;
}

.infovert.blanc{ background-color: #FFFFFF; color: #398c73; }

.infovert a, .infovert a:visited{ color:#0A2C22;}
.infovert a:hover{ color:#FFF200;}
.infovert h2, .box.blanche .infovert h2, .box.blanche .infovert h3{color:#FFF; }

/*--------------- 1- Trihns et domaines ----*/

#races{
	margin-top : 10px;
	margin-left : 0px;
	text-align: center;
}

#peuples, #castes{
	margin : 10px;
}

.race{
	display:inline-block;
	width : 105px;	
	white-space:nowrap;
}

.race img{
	vertical-align : middle;
}

#race3{ width : 120px;	}
#race4{ width : 120px;	}

#cercle{
	display : block;
	position : relative;
	width : 500px;
	height : 500px;
	background-image : url(img/cercle.png);
	margin : 0;
	color : #398c73;
	font-family: Georgia, "Bitstream Charter", serif;
	line-height: 24px;
}

.plusmoins{
	position : absolute;
	width : 24px;
	height : 24px;
}

#corps	{ position : absolute; top : 297px; left : 248px; font-size : 24px; width: 30px; text-align:center;}
#ame	{ position : absolute; top : 202px; left : 210px; font-size : 24px; width: 30px; text-align:center;}
#esprit	{ position : absolute; top : 271px; left : 153px; font-size : 24px; width: 30px; text-align:center;}

#corps_actu		{ position : absolute; top : 253px; left : 255px; font-size : 50px; width: 80px; text-align:center; }
#ame_actu		{ position : absolute; top : 155px; left : 210px; font-size : 50px; width: 80px; text-align:center; }
#esprit_actu	{ position : absolute; top : 230px; left : 155px; font-size : 50px; width: 80px; text-align:center; }

.dom	{ position : absolute; font-size : 30px; }

#dom0	{ top : 433px; left : 245px; }
#dom1	{ top : 383px; left : 103px; }
#dom2	{ top : 285px; left : 48px;  }
#dom3	{ top : 169px; left : 46px;  }
#dom4	{ top : 55px;  left : 136px; }
#dom5	{ top : 27px;  left : 248px; }
#dom6	{ top : 56px;  left : 353px; }
#dom7	{ top : 169px; left : 440px; }
#dom8	{ top : 288px; left : 440px; }
#dom9	{ top : 381px; left : 384px; }

#dom0p	{ top : 435px; left : 285px; }
#dom0m	{ top : 435px; left : 185px; }
#dom1p	{ top : 350px; left : 65px;  }
#dom1m	{ top : 412px; left : 127px; }
#dom2p	{ top : 244px; left : 27px;  }
#dom2m	{ top : 325px; left : 50px;  }
#dom3p	{ top : 128px; left : 55px;  }
#dom3m	{ top : 210px; left : 25px;  }
#dom4p	{ top : 35px;  left : 161px; }
#dom4m	{ top : 82px;  left : 92px;  }
#dom5p	{ top : 25px;  left : 279px; }
#dom5m	{ top : 25px;  left : 195px; }
#dom6p	{ top : 80px;  left : 380px; }
#dom6m	{ top : 35px;  left : 307px; }
#dom7p	{ top : 128px; left : 415px; }
#dom7m	{ top : 212px; left : 439px; }
#dom8p	{ top : 247px; left : 442px; }
#dom8m	{ top : 326px; left : 414px; }
#dom9p	{ top : 350px; left : 402px; }
#dom9m	{ top : 406px; left : 339px; }

#bloc_gauche{
	display:block;
	width : 420px;
}

#valid1, #valid2, #valid3, #valid4{ display : none; width:auto}

.trihnup{ position:absolute; height:23px; width:23px; }
.trihnup img{ padding : 0; margin : 0; }

#amep{ top : 157px; left : 284px; }
#amem{ top : 180px; left : 284px; }
#espritp{ top : 220px; left : 140px; }
#espritm{ top : 243px; left : 140px; }
#corpsp{ top : 243px; left : 325px; }
#corpsm{ top : 266px; left : 325px; }


/*-------------------- 2 & 3 - Spécialisations et Pouvoirs----------*/  

#content2{ }
#content3{ }

.mdom{
	text-transform : uppercase;
	vertical-align : middle;
	font-weight : bold;
	margin-left : 0px;
	padding-left : 20px;
	display : inline-block;
	min-width : 200px;
	height: 40px;
    line-height: 40px;
	float : left;
	text-align:left;
	-moz-border-radius : 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.sdom_val, .vecu_val{
	font-family: Georgia, Arial, "Bitstream Charter", serif;
	color : #000;
    display: inline-block;
    font-size: 150%;
    height: 30px;
    padding: 5px 12px;
    width: 16px;
	float : left;
}

.pictos{
	display:block;
	border : 1px solid #398c73;
	-moz-border-radius : 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	margin: 10px 10px 10px 10px;
    padding: 10px;
    width: 300px;
}

.pictos img{
	float : left;
	display:inline-block;
	margin:0;
}

.dspe{
	clear : both;
	margin-left : 50px;
	display:block;
}

.spep img, .spem img{ margin:1px;}

#specont, #acqcont, #motivcont{
	font-weight : bold;
	font-size : 120%;
}

#spelist, #poulist, #acqlist, #motivlist{
	display : inline-block;
	width : 300px;
	margin-top : 35px;
	border : 1px solid #398c73;
	padding : 0;
	-moz-border-radius : 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	-moz-box-shadow: 5px 5px 15px #000;
	-webkit-box-shadow: 5px 5px 15px #000;
	box-shadow: 5px 5px 15px #000;
}

#spelist{ min-height : 590px; }

#pourace{ text-align : center; }

.list_content{ padding : 5px; }

#ownspelist, #ownpoulist, #ownacqlist, #ownmotivlist{
	display : block;
	float:left;
	width : 350px;
	height : auto;
}

.etiquette{
	width : auto;
	text-align : center;
	display:block;
	margin-top: 0;
}

.speline, .pouline, .acqline, .motivline{
	width : 450px;
	display : block;
	height : 40px;
}

.speindic{
	display : inline-block;
	padding : 0;
	margin-left: 0px;
	-moz-border-radius : 20px 0 0 20px;
	-webkit-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
	color : #FFF;
	width: 290px !important;
}

.speindic a, .speindic a:hover, .speindic a:active{
	color : #FFF !important;
}

.spehover{
	display : inline-block;
	padding : 0;
	margin-left: 0px;
	-moz-border-radius : 20px 0 0 20px;
	-webkit-border-radius: 20px 0 0 20px;
	border-radius : 20px 0 0 20px;
	color : #FFF;
	width: 270px;
}

.spehover a, .spehover a:hover, .spehover a:active{ color : #FFF !important; }

.pougroup table, .acqgroup table, .motivgroup table{ margin-left:0; width:100%; text-align:center;}
#pougroup1, #pougroup2, #pougroup3, #pougroup0 ,
#acqgroup1, #acqgroup2, #acqgroup3, #acqgroup0,
#motivgroup1, #motivgroup2, #motivgroup3, #motivgroup0    { display : none; }

.mypou td, .myacq td, .mymotiv td{ font-size:20px;}
.dpou, .dacq , .dmotiv { display:none; border:none !important;}
.dpou tr td, .dacq tr td, .dmotiv tr td { border-top:none !important; }
.prang{ font-style : italic; text-transform:none; font-weight : normal; font-size:18px;}
.sdom { text-decoration:none; }
.dpou img, .dacq img , .dmotiv img { vertical-align : middle; }

/*---------------- 4 - Vécus ---------*/


#ownveculist{ display : block; float:left; margin-bottom : 10px;}

.vecugroup 	{ 
	display:block; 
	border : 1px solid #398c73; 
	-moz-border-radius : 20px; 
	-webkit-border-radius: 20px; 
	border-radius: 20px; 
	margin: 10px; 
	padding: 10px; 
}

.vecu		{ display : block; }

.vecu_nom{ 
	text-transform : uppercase;
	vertical-align : middle;
	font-weight : bold;
	margin-left : 10px;
	display : inline-block;
	width : 130px;
	height: 40px;
	float : left;
}
.vecu_desc	{ 
	display : inline-block; 
	width : 700px; 
	margin-left : 10px;     
	margin-top: 7px;
    min-height: 40px;
	font-style:italic;
}

/*--------------- 5 - Avatars ---------*/

#avatar{
	display : inline-block;
	margin : 20px;
	width : 120px;
	height : 120px;
}

/*----------------- HEOS --*/



/**
 * Map Examples Specific
 */
.smallmap {
    width: 512px;
    height: 256px;
    border: 1px solid #ccc;
}

#tags {
    display: none;
}

#docs p {
    margin-bottom: 0.5em;
}

p.caption {
	width: 200px;
}

#map {
	width: 100%;
	height: 100%;
}

/* retour au site */

#retour {
	top: 0;
	left: 0;
	z-index : 1000;	
	-moz-border-radius : 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;
	background: transparent;
	border-top : 0 none;
	border-left : 0 none;
}

#back {
	display : inline-block;
}

#tools {
	display : inline-block;
}

#output{
	font-weight : bold;
}

.panel{
	position: absolute;
	font-family: 'Economica', Arial, serif;
	background-color : #E9E4C3;
	color : #948562;
	padding : 10px;
	font-size : 16px;
	border : 2px solid #948562;
	-moz-box-shadow: 5px 5px 15px #000;
	-webkit-box-shadow: 5px 5px 15px #000;
	box-shadow: 5px 5px 15px #000;
}

.panel h1, .panel h2{ color: #948562; }
.panel a, .panel a:visited{ font-size:18px; color:#948562; font-weight:bold;text-decoration: none;}
.panel a:hover{ color:#000; text-decoration : underline;}
.panel h2 a  { font-size: 26px; }
.panel h2 a:hover { color:#000 !important; }

div.olControlMousePosition {
	font-weight : bold;
	padding : 3px;
	right: 0;
	bottom : 240px;
	width : 120px;
	height : 20px;
	text-align:center;
	-moz-border-radius : 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
	position: absolute;
	font-family: 'Economica', Arial, serif;
	background: #E9E4C3;
	color : #948562;
	font-size : 18px;
	line-height:15px;
	border : 2px solid #948562;
	border-bottom : 0 none;
	border-right : 0 none;
	z-index : 2003 !important;
	-moz-box-shadow: -5px -5px 5px #222;
	-webkit-box-shadow: -5px -5px 5px #222;
	box-shadow: -5px -5px 5px #222;
}

/* overview */

.olControlOverviewMapContainer {
   z-index : 3000 !important;
   height : 200px;
   width : 300px;
   position:absolute;
   right : 30px;
   bottom : 18px;
}

#olControlOverviewMapMaximizeButton_innerImage,#olControlOverviewMapMaximizeButton,
#olControlOverviewMapMinimizeButton_innerImage,#olControlOverviewMapMinimizeButton,
.olControlOverviewMapMinimizeButton, .olControlOverviewMapMaximizeButton {
	display : none !important;
}

.olControlOverviewMapElement{
	padding: 0;
	border : 0 none;
}

#overview_back{
	position: absolute;
	width:355px;
	height : 240px;
	bottom:0;
	right : 0;
	z-index : 1001;
	background: #E9E4C3;
	-moz-box-shadow: -5px -5px 5px #222;
	-webkit-box-shadow: -5px -5px 5px #222;
	box-shadow: -5px -5px 5px #222;
	padding : 0;
	border : 2px solid #948562;
	border-right : 0 none;
	border-bottom : 0 none;
	-moz-border-radius : 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
}

/* navigation */

.olControlPanPanel {
   bottom: 0px;
    height: 236px;
    left: auto;
    right: 13px;
    top: auto;
    width: 336px;
	z-index: 1002 !important;
}
.olControlPanPanel .olControlPanNorthItemInactive {
	 left: 50%;
	 margin-left: -9px;
	 top: 0;
}
.olControlPanPanel .olControlPanSouthItemInactive {
	 left: 50%;
	 margin-left: -9px;
	 top: auto;
	 bottom: 0;
}
.olControlPanPanel .olControlPanWestItemInactive {
	 top: 50%;
	 margin-top: -9px;
	 left: 0;
}
.olControlPanPanel .olControlPanEastItemInactive {
	 top: 50%;
	 margin-top: -9px;
	 left: auto;
	 right: 0;
}
.olControlZoomPanel {
	bottom: 220px;
    left: auto;
    right: 26px;
    top: auto;
	z-index: 3010 !important;
} 

/*  switcher */

.olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv {
    right: 0;
    bottom: 0px;
}

.olControlLayerSwitcher{
	bottom : 0px;
	top:auto;
	right : 0;
	left:auto;
	font-size: 14px;
	font-family: 'Economica', Arial, serif;
	z-index: 5010 !important;
}

#OpenLayers_Control_MaximizeDiv_innerImage, #OpenLayers_Control_MaximizeDiv,
#OpenLayers_Control_MinimizeDiv_innerImage, #OpenLayers_Control_MinimizeDiv{
	width : 24px !important;
	height : 24px !important;
	bottom : 10px;
	right : 2px;
}

/*---- Panels ---------*/


#cercleleft {
	-moz-border-radius: 150px 150px 0 150px;
	-webkit-border-radius: 150px 150px 0 150px;
	border-radius: 150px 150px 0 150px;
    -moz-box-shadow: 5px -5px 5px #222;
	-webkit-box-shadow: 5px -5px 5px #222;
	box-shadow: 5px -5px 5px #222;
    border-bottom: 0 none;
    bottom: 0;
    height: 300px;
    left: 55px;
    width: 295px;
    z-index: 2000;
	padding : 0;
}

#actionpanel{
	bottom: 0;
	left: 340px;
	z-index : 2000;
	-moz-border-radius : 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	border : 0 none;
	/*border-left : 0 none;
	border-bottom : 0 none;*/
	-moz-box-shadow: 5px -5px 5px #222;
	-webkit-box-shadow: 5px -5px 5px #222;
	box-shadow: 5px -5px 5px #222;
}

#actionpanel_visibility{
	position : absolute;
	z-index : 2001;
	left : 300px;
	bottom : 5px;
}

#popupright {
	top: 0;
	right: 250px;
	width: 350px;
	z-index : 3000;
	-moz-border-radius : 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	border-top : 0 none;
}

#popupright img{ margin-bottom:10px;}

#maincontent {
	top: 0;
	left: 260px;
	max-width: 650px;
	z-index : 3000;
	-moz-border-radius : 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	border-top : 0 none;
}

#adminpanel{
	top: 0;
	right: 250px;
	z-index : 1000;
	-moz-border-radius : 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #E9E4C3;
	padding : 10px;
}

#title{
	clear : none;
}

#controlToggle li {
	list-style: none;
}

.olControlScaleLine{
	color:#948562;
}

.popupimg{
	float : left;
	display:block;
	margin-right : 5px;
}

.olFramedCloudPopupContent{
	max-width : 800px;
}

.olFramedCloudPopupContent a,.olFramedCloudPopupContent a:visited{ color : #0A2C22; }
.olFramedCloudPopupContent a:hover{ color : #398C73; }

.panel table {
	border: 1px solid #948562;
	margin: 10px;
	text-align: left;
}
.panel tr th,
.panel thead th {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 15px;
	text-align:center;
	text-transform:uppercase;
	background-color:#948562;
	color:#FFF;
}
.panel tr td {
	border: 1px solid #948562;
	padding: 6px 10px;
	text-align: left;
	vertical-align: middle;
}

.avatar_cercle{
	clear : both;
	float:left;
	margin-right : 20px;
}

.nom_cercle{
	font-weight : bold;
	font-size : 22px;
	margin-bottom : 5px;
	display: inline-block;
}

#leftbuttons{
	float:left;
	width : 140px;
}

#dices{
	position : absolute;
	top:0;
	right:0;
	text-align:center;
	z-index : 5000;
	margin : 10px 30px;
	width : 220px;
	height : 155px;
}

#ville_info, #perso_list{
	width : 450px;
}

div.olMap { margin : 0 auto !important; }

/*--------------------------- Dés -------------*/

#dices #randice{
	margin-bottom : 10px;
}

#dices .de_nom{
	color : #E9E4C3;
	font-size:18px;
	font-weight:bold;
}

#dices #de_ombre_1{ 	left : 55px; }
#dices #de_ombre_2{ 	left : 120px; }
#dices #de_ombre_3{ 	left : -5px; }

#dices #de_trihn_1{ 	left : 15px; }
#dices #de_trihn_2{ 	left : 85px; }
#dices #de_trihn_3{ 	left : 145px; }

#dices #randice:hover{
	-moz-box-shadow: 3px 3px 3px #333;
	-webkit-box-shadow: 3px 3px 3px #333;
	box-shadow: 3px 3px 3px #333;
	background-color : #231F20;
	color : #FFF !important;
}

.dice_choice{ 
	width : 200px; 
	height:30px; 
	bottom : -60px; 
	left:0px;
	-moz-border-radius : 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 5px 5px 5px #333;
	-webkit-box-shadow: 5px 5px 5px #333;
	box-shadow: 5px 5px 5px #333;
	font-weight:bold; 
	font-size : 22px;
	line-height: 30px;
}
#esprit_choice{   }
#ame_choice{  }
#corps_choice{  }

.de_triangle{
	position:absolute;
	width : 20px; 
	height: 20px; 
	top : -20px; 
	background : url('img/triangle.png');
}

#de_esprit_triangle	{ left : 35px; }
#de_ame_triangle	{ left : 95px; }
#de_corps_triangle	{ left : 160px;  }

#quete_info{
	width : 800px;
}

.domactions{ margin-top: 10px;}

/*--------------- POPUP ----------*/

/*------------ DOM Window ------------*/

#DOMWindowOverlay{ z-index: 200000 !important; }

#DOMWindow{
	-moz-box-shadow: 5px 5px 15px #666;
	-webkit-box-shadow: 5px 5px 15px #666;
	box-shadow: 5px 5px 15px #666;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	color : #948562;
	font-size : 19px;
	line-height:21px;
	z-index: 200001 !important;
}

#DOMWindow h2 {
    border-bottom: 1px dotted #948562;
    color: #948562;
    margin: 10px 0 2px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-transform: uppercase;
	clear : none;
	font-weight : bold;
	font-size : 150%;
}

#DOMWindow h2 a, #DOMWindow h2 a:visited { color: #81090B; text-decoration: none; }
#DOMWindow h2 a:hover,#DOMWindow a:hover { color: #000; text-decoration: none; }

#DOMWindow h3 {
    color: #398c73;
	font-weight : bold;
	clear : none;
	line-height:25px;
}

#DOMWindow img {
    margin : 2px;
	margin-right : 10px;
}

#DOMWindow img.perso_avatar {
    margin-right : 2px;
}

#close{ float:right; }

/*----------- AVATARS LIST -------------------------*/

#avatar_list {
	margin : 15px 0;
}

#avatar_list img{
	margin : 6px;
	-moz-box-shadow: 5px 5px 10px #333;
	-webkit-box-shadow: 5px 5px 10px #333;
	box-shadow: 5px 5px 10px #333;
}

#avatar_list img:hover{
	margin : 4px;
	border : 2px solid #948562;
}

/*---------------- CERCLE SMALL --------*/

#cercle_small{
	display : block;
	position : relative;
	width : 300px;
	height : 295px;
	background-image : url(img/cercle_small.png);
	margin: 0 0 0 -3px;
	color : #000;
	font-family: Georgia, "Bitstream Charter", serif;
	line-height: 24px;
}

#cercle_small #corps		{ position : absolute; top : 172px; left : 144px; font-size : 14px; }
#cercle_small #ame		{ position : absolute; top : 112px; left : 121px; font-size : 14px; }
#cercle_small #esprit	{ position : absolute; top : 156px; left : 87px; font-size : 14px; }

#cercle_small #corps_actu	{ position : absolute; top : 149px; left : 155px; font-size : 30px; color:#444; text-align: center; width: 40px;}
#cercle_small #ame_actu		{ position : absolute; top : 89px; left : 130px; font-size : 30px; color:#444; text-align: center; width: 40px;}
#cercle_small #esprit_actu	{ position : absolute; top : 133px; left : 95px; font-size : 30px; color:#444; text-align: center; width: 40px; }

.dom_small	{ position : absolute; font-size : 18px; }

#cercle_small #dom0	{ top : 255px; left : 147px; }
#cercle_small #dom1	{ top : 227px; left : 61px; }
#cercle_small #dom2	{ top : 164px; left : 28px;  }
#cercle_small #dom3	{ top : 96px; left : 29px;  }
#cercle_small #dom4	{ top : 27px;  left : 80px; }
#cercle_small #dom5	{ top : 10px;  left : 148px; }
#cercle_small #dom6	{ top : 30px;  left : 211px; }
#cercle_small #dom7	{ top : 94px; left : 262px; }
#cercle_small #dom8	{ top : 167px; left : 263px; }
#cercle_small #dom9	{ top : 221px; left : 229px; }


/************************************************************************************
Eshop module specific style
************************************************************************************/
.eshop.addtocart{ display:inline-block;margin: 5px 0 10px 0px;}
.eshop.addtocart fieldset { padding: 5px; }
.eshop.addtocart fieldset , .eshopcustdetails, .eshopcheckoutconf { 
	border : 2px solid #398c73;
	-moz-border-radius : 0 15px 0 15px;
	-webkit-border-radius: 0 15px 0 15px;
	border-radius:0 15px 0 15px;
	background: #0A2C22; /* Old browsers */
	background: -moz-linear-gradient(top,  #0A2C22 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0A2C22), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0A2C22 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0A2C22 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0A2C22 0%,#000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0A2C22 0%,#000 100%); /* W3C */
}		

.eshop.addtocart fieldset label{ min-width:0; vertical-align:middle;}
.eshop.addtocart fieldset .button.vert{ font-size:18px;}
.iqty{ text-align:center; }

form.eshop.eshopzones { margin-top: 20px; }
#customzone { text-indent: 0px; }

.cartlink img{ vertical-align : middle; }
.eshopcustdetails form.eshop label{min-width : 60px;}
.eshopcheckoutconf .items{ width:100px; display:inline-block;}
#subtotal input{margin: 0 10px; }

.eshop_ajax_message{ text-align:center;}
.eshop_ajax_message img, .divloader img, .eshopcustdetails img{ border:0px solid #FFF; vertical-align:middle;}

.eshopcustdetails fieldset{ border:0px solid #FFF; padding:5px; margin:5px;display:inline-block;float:left;}
.eshopcustdetails span.email{background:transparent;}
.eshopcustdetails fieldset input[type="text"], .eshopcustdetails fieldset select{width:160px;font-size: 12px;}
.eshopcustdetails fieldset select{margin-left:2px;}
.eshopcustdetails  .infovert{ margin-top:10px;}
.eshopcustdetails  .infovert label{ color: #0A2C22; font-size: 14px; line-height: 16px; font-weight:normal;}
.eshopcustdetails #submitit { float:right; margin:10px;}
.eshopcheckoutconf h2{margin-top:-10px;}
.finalize {  background-color: #398c73; color: #FFFFFF; display: inline-block; margin: 5px; padding: 10px; width:280px; 
-moz-border-radius : 15px; -webkit-border-radius: 15px; border-radius:15px;}
.finalize input{float:right;}
.finalize strong{color:#0A2C22;text-transform:uppercase;font-family : 'Economica', Arial, Helvetica, sans-serif;font-size:20px;line-height:22px;margin:5px 0;}

.eshop table tr.stotal th{ vertical-align:middle; }

input[type="submit"].softlink{ background:transparent;color: #AAA; font-weight:normal; padding:0; margin:0; height:auto; font-style:italic; text-transform: none; border: none; box-shadow: none; }
input[type="submit"].softlink:hover{ background:transparent; color: #000 !important; text-transform: none; border: none; box-shadow: none; }
input[type="submit"].eshop_minusplusqty{ 	font-size: 25px; margin:0 10px; vertical-align:middle; box-shadow: none; background: #398c73; border: none; }
input[type="submit"].eshop_minusplusqty:hover{ 	box-shadow: none; border: none; }

table.eshop.cart{ margin-bottom : 20px; }

/* no bullets */
.eshop li,
ul.eshopfeatured li,
ul.eshopfeatured li,
ul.eshopsubpages li,
ul.eshopcats li,
ul.eshoprandomlist li,
ul.eshopshowproduct li,
ul.eshoppanels li,
.eshop fieldset.eshoppayvia li,
.pagfoot ul li,
ul.continue-proceed li {
	list-style-type:none;
	list-style-image:none;
}



/**********************************************************************
*	Souscription
***********************************************************************/

#stats_souscription h3{ font-size:16px; }
#stats_souscription h3 span{ font-size:20px; }

.pack{ font-size: 16px; line-height:20px; font-weight:bold; color:#FFF;}
.pack h2, .pack h3{ color:#FFF; text-shadow: 2px 2px 0px #000;}

.packbutton{ text-shadow: 2px 2px 0px #000; }

.souscription_cam .visualize{ margin : 0; padding : 0; border:none; background:transparent; }
.souscription_cam .visualize canvas{ border:none; background:transparent;}
.souscription_cam .visualize .visualize-info{ display : none; }
.souscription_cam .visualize .visualize-labels{ top : 0; left:0; }
.souscription_cam .visualize .visualize-label{ font-size:12px !important; color:transparent; }

/*------------ progresse bar --------*/

.progressBar{
	position:relative;
	display : inline-block;
	vertical-align:bottom;
	color:#231F20 ;
	font-weight : bold;
	-moz-box-shadow: 3px 3px 3px #CCC;
	-webkit-box-shadow: 3px 3px 3px #CCC;
	box-shadow: 3px 3px 3px #CCC;
	margin : 2px;
	font-size:12px;
}
.progressBar .indicator{
	position:absolute;
	border : 1px solid #A7A9AC;
	display:block;
	background:#398C73;
	top:0;
	left:0;
	overflow:hidden;
	z-index:1;
}
.progressBar em{
	position:absolute;
	display:block;
	background:#E9EAEB;
	top:0;
}
.progressBar .pourcent{
	position:absolute;
	z-index:2;
	top : 1px;
}

#princes .progressBar{ font-size:25px; color : #FFF; text-shadow: -2px 0 #0A2C22, 0 2px #0A2C22, 2px 0 #0A2C22, 0 -2px #0A2C22;  }
#princes .progressBar .indicator{ 
	background: #398C73; /* Old browsers */
	background: -moz-linear-gradient(top,  #0A2C22 0%, #398C73 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0A2C22), color-stop(100%,#398C73)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0A2C22 0%,#398C73 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0A2C22 0%,#398C73 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0A2C22 0%,#398C73 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0A2C22 0%,#398C73 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0A2C22', endColorstr='#398C73',GradientType=0 ); /* IE6-9 */
}

table#princes { border-collapse: collapse; margin:10px 0; }
table#princes th{ background:none; color:#FFF; border:0 none; padding:3px 10px; }
table#princes td{ border:0 none; }

#accueil_princes h2 a, #accueil_princes h2 a,:visited, #accueil_pledge_manager h2 a, #accueil_pledge_manager h2 a,:visited{ color:#FFF200; }
#accueil_princes h2 a:hover, #accueil_pledge_manager h2 a:hover{ color:#B1DED3 !important; }
#accueil_princes p a, #accueil_princes p a:visited, #accueil_pledge_manager h3 a, #accueil_pledge_manager h3 a:visited{ color:#FFF200; }
#accueil_princes p a:hover, #accueil_pledge_manager h3 a:hover{ color:#B1DED3; }


/**************************************************************************************************/
/*
/*		File:
/*			members-list.css
/*		Description:
/*			This file contains CSS for both administrative and front-end aspects of the plugin.
/*		Date:
/*			Added on January 29th 2009
/*		Copyright:
/*			Copyright (c) 2009 Matthew Praetzel.
/*		License:
/*			License:
/*			This software is licensed under the terms of the GNU Lesser General Public License v3
/*			as published by the Free Software Foundation. You should have received a copy of of
/*			the GNU Lesser General Public License along with this software. In the event that you
/*			have not, please visit: http://www.gnu.org/licenses/gpl-3.0.txt
/*
/**************************************************************************************************/

/*-----------------------
	ADMIN
-----------------------*/
textarea.tern_members_fields { width:100%; }
/*-----------------------
	LISTS
-----------------------*/
#tern_members ul, #tern_members li { display:inline-block;margin:0px 2px;padding:0;list-style:none;text-indent:0; }
.tern_wp_member_found{text-align:center; list-style: none outside none; }
.tern_wp_member_info a h3:hover{ color:#000 !important; }
#usercollechead h3 {background : none; padding-left : 0; line-height:17px;color: #808285;}
/*-----------------------
	BORDERS
-----------------------*/
#tern_members .tern_members_view .tern_pagination { border:0;margin:0;padding-bottom:0; }
/*-----------------------
	LIST
-----------------------*/
#tern_members .tern_wp_members_list li { display:inline-block; margin:10px;}
#tern_members .tern_wp_member_info { margin-top:5px; }


/*---------------- Messagerie privée ---------------*/

/*The main wrapper*/
#pm-wrapper
{
	margin: 5px;
	position: relative;
	text-align:center;
}

/*Header styling*/
#pm-header
{
	width: 100%;
	display : inline-block;
}

#pm-header .avatar
{
	float: left;
	margin: 5px;
}

/*Notify Styling*/
#pm-notify
{
	/*background-color: #E5D5E9;
	border: 2px solid #A154A1;
	height: 20px;
	width: 97%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	-moz-box-shadow: 1px 1px 12px #181c17;
	-webkit-box-shadow: 1px 1px 12px #181c17;
	box-shadow: 1px 1px 12px #181c17;
	-moz-border-radius : 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding : 10px;*/
}

/*Content styling*/
#pm-content
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	height: auto;
	width: 100%;
}

#pm-content p, #pm-content form
{
	margin: 5px;
}

#pm-content  hr
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

#pm-content .pmtext p{ margin-left: 0px; }
#pm-content input[type=text] { width: 45%; }
#pm-content table{ width : 100%; }
#pm-content tr{ background: #E9EAEB; }
#pm-content tr.fondnonlu td{ background: #E2DEDD; }
#pm-content tr td{ vertical-align : top; }
#pm-content tr td.middle{ vertical-align : middle; }
#pm-content tr.alt td{ background: #C5D5C7; }
#pm-content .trodd0{}
#pm-content .trodd1{	background-color: #EAEFE8; }

#pm-content img
{
	max-width: 400px;
	margin: 5px;
	border : 0px solid #FFF;
}

#pm-content blockquote
{
	padding-left: 35px;
	margin: 5px;
}

pre.code
{
	width: 90%;
	background: #eee;
	border: solid 1px #A154A1;
	padding: 5px;
	overflow: auto;
	white-space: pre-wrap;
	font-size: 95%; /*If font is too small try increasing this*/
}

/*Footer styling*/
#pm-footer
{
	text-align: center;
	font-size: 10px;
	/*border: 1px solid #333;*/
	width: 100%;
	/*color: #333;*/
	margin : 10px;
}

/*Auto-suggest*/
#results
{
	width:310px;
	left:235px;
	border: solid 2px #143A38;
	display: none;
	position: absolute;
	background: white;
	-moz-box-shadow: 1px 1px 12px #181c17;
	-webkit-box-shadow: 1px 1px 12px #181c17;
	box-shadow: 1px 1px 12px #181c17;
	-moz-border-radius : 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding : 10px;
	text-align:left;
}

#results ul, #results li
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	list-style: none;
}

#results li
{
	border-bottom: solid 1px #143A38;
}

#results li a
{
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #143A38;
	font-weight: normal;
}

#results li a:hover{ background: #A8C2E5; }

.file-list{display:inline-block;margin: 2px 5px 10px 5px;}
.file-item{display:inline-block;max-width:170px;}

/*images test villages PIERRE*/

/* mettre le z index par sécurité pour éviter superpos non voulue ?*/

#couche1
{
	position:	relative;
}
#couche2
{
	position:	absolute;
	top: 0;
	left: 0;
}
#couche3
{
	position:	absolute;
	top: 0;
	left: 0;
}

/* placé sur la case 1 */
#case1
{
	top: 13%;
	left: 33%;
}
/* placé sur la case 2 */
#case2
{
	top: 10%;
	left: 48%;
}
#case3
{
	top: 29%;
	left: 14%;
}
/* case 4 */
#case4
{
	top: 26%;
	left: 29%;
}
/* case 5 */
#case5
{
	top: 23%;
	left: 44%;
}
/* case 6 */
#case6
{
	top: 19%;
	left: 59%;
}
#case7
{
	top: 42%;
	left: 10%;
}
/* case 8 */
#case8
{
	top: 38%;
	left: 24%;
}
#case9
{
	top: 35%;
	left: 40%;
}
#case10
{
	top: 31%;
	left: 55%;
}
#case11
{
	top: 28%;
	left: 71%;
}
#case12
{
	top: 50%;
	left: 20%;
}
#case13
{
	top: 47%;
	left: 36%;
}
#case14
{
	top: 43%;
	left: 51%;
}
#case15
{
	top: 40%;
	left: 67%;
}
#case16
{
	top: 38%;
	left: 82%;
}
#case17
{
	top: 60%;
	left: 32%;
}
#case18
{
	top: 57%;
	left: 47%;
}
#case19
{
	top: 53%;
	left: 62%;
}
#case20
{
	top: 69%;
	left: 43%;
}

#route2
{
	position: absolute;
	top: 0;
	left: 0;
}

/* classe image : réduction de la taille de l'image en % */
.bat
{
	width: 100%;
	height: auto;
}

.case
{
	width: 16%;
	height: 15%;
	/* background: gray;
	opacity: 0.5; */
	position: absolute;
	outline: none;
}

.case:hover
{
	text-decoration: none;
}

.case div
{
	position: absolute;
	display: none;
	padding: 14px 20px;
	margin-top: -30px;
	margin-left: 28px;
	width: 150px;
	line-height: 16px;
	z-index: 30;
	color: #111;
	border: 1px solid #DCA;
	background: #fffAF0;
	border-radius: 15px;
	box-shadow: 4px 4px 4px 4px #002B1E;
}

.case:hover .infobulle
{
	display: inline;
	position: absolute;
}

.case .fondrouge
{
	background: #FFBF94;
}
.case .fondbleu
{
	background: #C8C8FF;
}
.case .fondjaune
{
	background: #FFFF99;
}
.case .fondnoir
{
	background: #A6A695;
}
.case .fondnew
{
	background: white;
}

/*picto de domaine sur batiment */
.domainemap
{
	position: absolute;
	top: 35%;
	left: 65%;
	width: 20%;
}

/* picto case libre */
.libre
{
	position: absolute;
	top: 40%;
	left: 40%;
	width: 20%;
	opacity:0.5;
}

.infobulle_inter
{
	line-height: 1.5;
}

/* tooltop pour fenêtre popup */

/* *** Calendar ***** */

/**************** CALENDAR ******************/

.calnk{ 
	display:inline-block;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
	margin: 3%;
    padding: 5%;
    width: 80%;
	color:#FFF;
	line-height:14px;
	position:relative;
}

.calnk_admin{
	text-align:center;
	-moz-border-radius : 0 0 5px 5px;
	-webkit-border-radius : 0 0 5px 5px;
	border-radius : 0 0 5px 5px;
	padding: 3px 0;
	margin-top:3px;
	background-color : #FFF;
}

.calnk_admin img{ margin:2px; }

a.calnk, a.calnk:visited, a.calink, a.calink:visited
, .box a.calnk, .box a.calnk:visited
, .box a.calink, .box a.calink:visited
, .cat-key-cell a, .cat-key-cell a:visited
, .box .cat-key-cell a, .box .cat-key-cell a:visited{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
a.calink:hover{
	color:#FFF;
}

.box table tr td a.calink:hover, .box table tr td.cat-key-cell a:hover{
	color: #0A2C22;
}

a.calnk.mycalnk, a.calnk.mycalnk:visited {
	-moz-box-shadow : 1px 1px 5px #888;
	-webkit-box-shadow : 1px 1px 5px #888;
	box-shadow : 1px 1px 5px #888;
	border : 2px solid #FFF;
}

.calnk span { 
	display:none; 
	text-align:left;
}
.calnk:hover span {
	color:#333333; 
	background:#A7A9AC; 
	display:block;
	position:absolute; 
	padding:5px 10px;
	width:auto; 
	min-width : 130px;
	z-index:1000;
	line-height:1.2em;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
	margin : 2px 0 0 -5%;
	-moz-box-shadow : 1px 1px 5px #888;
	-webkit-box-shadow : 1px 1px 5px #888;
	box-shadow : 1px 1px 5px #888;
	border : 2px solid #FFF;
}
.calendar-table {
	border:0 !important;
	width:100% !important;
	border-collapse:separate !important;
	border-spacing:2px !important;
}
.calendar-heading {
	height:25px;
	text-align:center;
	border:1px solid #D6DED5;
}
.calendar-heading table tr, .calendar-heading table tr td{
	border: 0px solid #000;
}
.calendar-next {
	width:25%;
	text-align:center;
}
.calendar-prev {
	width:25%;
	text-align:center;
}
.calendar-month , .small-calendar-month{
	width:50%;
	text-align:center;
	font-family : 'Economica', Arial, serif;
}

.calendar-month { font-size:22px; }
.small-calendar-month { font-size:16px; }

.normal-day-heading {
}
.weekend-heading {
	color:#FFF;
}
.day-with-date {
	vertical-align:text-top;
	text-align:left;
	width:60px;
	height:60px;
	border:1px solid #CCC;
}
.no-events {

}
.day-without-date {
	width:60px;
	height:60px;
	border:1px solid #E9F0E8;
}
span.weekend {
	font-weight:bold;
}
.current-day {
	vertical-align:text-top;
	text-align:left;
	border:1px solid #231F20;
	background-color:#C5D5C7 ;
	font-weight : bold;
}
span.event {
	font-size:11px;
}
.kjo-link {
	font-size:0.8em;
	text-align:center;
}
.calendar-date-switcher {
	height:25px;
	text-align:center;
	border:1px solid #D6DED5;
	background-color:#C5D5C7 ;
}
table.calendar-table tr:hover {
	background-color : transparent;
}

table.calendar-table tr td {
	padding: 1px 0;
	text-align:center;
	vertical-align:middle;
}

.cat-key {
	width:100%;
	margin-top:30px;
	padding:5px;
	border:0 !important;
}
.cal-separate {
   border:0 !important;
   margin-top:10px;
}
table.cat-key {
   margin-top:5px !important;
   border:1px solid #DFE6DE !important;
   border-collapse:separate !important;
   border-spacing:4px !important;
   margin-left:2px !important;
   width:99.5% !important;
   margin-bottom:5px !important;
}
.cat-key td {
   border:0 !important;
}

.event_begin_anchor, .event_end_anchor{ position:relative;}

#pop_up_cal{ left:450px !important; top:500px !important; }
#pop_up_carte{ left:30px !important; top:5px !important; }
#pop_up_export{ left:30px !important; top:5px !important; }

.olControlAttribution {
	bottom: 5px;
}

.bigmap {
	width: 100%;
	min-width:250px;
	height: 300px;
	border: 1px solid #ccc;
	margin:5px;
}

.bigmap img{ margin : 0; border : 0 solid #FFF; }
.bigmap .olControlAttribution{ bottom:1px; }
.bigmap .olControlAttribution a, .bigmap .olControlAttribution a:visited { font-family : Arial,serif; font-weight:normal; font-size:9px; }

#sitemap .maximizeDiv{ top : 36px; right : 4px; }
#sitemap .olControlLayerSwitcher{ height:90px; }
#sitemap .olControlLayerSwitcher .layersDiv{ opacity:1 !important; }
#sitemap .olControlLayerSwitcher span{ background-color:transparent !important; }

.bigmap.widemap {
	height: 600px;
}

.bcal-container{
	background-color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	padding: 5px;
	border: solid 1px #ccc;
	box-shadow: 0 0 3px #C0C0C0;
	z-index:3000;
}
.bcal-table{
	border-collapse: separate;
	border-spacing: 0;
	border: solid 1px #A2A6AF;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	float: left;
	margin: 1px;
	padding: 0;
	width: 200px;
}
.bcal-table,
.bcal-table th,
.bcal-table td {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.bcal-table thead tr{
	background-color: #CECED2;
	border: 1px solid #A2A6AF;
	background-image: linear-gradient(bottom, rgb(206,206,210) 37%, rgb(241,240,242) 69%);
	background-image: -o-linear-gradient(bottom, rgb(206,206,210) 37%, rgb(241,240,242) 69%);
	background-image: -moz-linear-gradient(bottom, rgb(206,206,210) 37%, rgb(241,240,242) 69%);
	background-image: -webkit-linear-gradient(bottom, rgb(206,206,210) 37%, rgb(241,240,242) 69%);
	background-image: -ms-linear-gradient(bottom, rgb(206,206,210) 37%, rgb(241,240,242) 69%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.37, rgb(206,206,210)),
		color-stop(0.69, rgb(241,240,242))
	);
}
.bcal-table thead tr:first-child{
	line-height: 23px;
}
.bcal-table thead th{
	font-weight: bold;
	height: 20px;
	text-align: center;
}
.bcal-table tbody td{
	cursor: pointer;
	font-weight: normal;
	height: 25px;
	padding: 0 0 1px 1px;
	width: 25px;
	text-align: center;
}
.bcal-table tbody tr:first-child td{
	border-top: solid 1px #fff;
}
.bcal-table tbody td:first-child{
	border-left: none;
	padding: 0 0 1px;
}
.bcal-table .bcal-wday,
.bcal-table .bcal-wnum{
	font-weight: normal;
	border-right: 1px solid #A2A6AF;
	border-top: 1px solid #A2A6AF;
	border-bottom: 1px solid #A2A6AF;
	padding: 1px 1px 2px 2px;
}
.bcal-table .bcal-wnum{
	border-right: 1px solid #A2A6AF;
	border-bottom: 1px solid #A2A6AF;
	color: #CC6600;
	background-image: linear-gradient(bottom, rgb(255,225,159) 23%, rgb(255,250,234) 62%);
	background-image: -o-linear-gradient(bottom, rgb(255,225,159) 23%, rgb(255,250,234) 62%);
	background-image: -moz-linear-gradient(bottom, rgb(255,225,159) 23%, rgb(255,250,234) 62%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,225,159) 23%, rgb(255,250,234) 62%);
	background-image: -ms-linear-gradient(bottom, rgb(255,225,159) 23%, rgb(255,250,234) 62%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.23, rgb(255,225,159)),
		color-stop(0.62, rgb(255,250,234))
	);
}
.bcal-table .bcal-wday:last-child{
	border-right: none;
}
.bcal-table .bcal-empty{
	background-color: #F6F6F7;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	color: #999;
	cursor: default;
}
.bcal-table tr:last-child .bcal-empty,
.bcal-table tr:last-child .bcal-week,
.bcal-table tr:last-child .bcal-date{
	border-bottom: none;
}
.bcal-table .bcal-date{
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	background-color: #ECECEE;
}
.bcal-table .bcal-past{
	background-color: #e6e6e6;
	color: #999;
	cursor: default;
}
.bcal-table .bcal-today{
	background-color: #D6D6D1;
	color: #333;
}
.bcal-table .bcal-week{
	background-color: #FEF3DA;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	color: #CC6600;
	cursor: default;
}
.bcal-table .bcal-selected{
	background-color: #398C73;
	color: #FFF;
	font-weight:bold;
}
.bcal-table .bcal-over,
.bcal-table .bcal-date:hover{
	background-color: #B2B2A9;
	color: #fff;
}
.bcal-table .bcal-date:last-child,
.bcal-table .bcal-empty:last-child{
	border-right: none;
}
.bcal-table .bcal-past:hover{
	background-color: #e0e0e0;
	color: #666;
}
.bcal-table .bcal-month,
.bcal-table .bcal-navi,
.bcal-table .bcal-wnum,
.bcal-table .bcal-wday,
.bcal-table .bcal-week{
	cursor: text;
}

.ui-datepicker-calendar td a{ text-decoration: none; font-weight: bold; color: #398c73; }
.ui-datepicker-calendar td a:hover{ color: #000;  }
#ui-datepicker-div{ z-index:10000 !important; }

/*------------- Adapt Card Hunter Style ----------*/

.calendar-table input{
	background-color : #F7F4F3;
	color: #333;
	font-weight : bold;
	margin : 2px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #A7A9AC;
	font-size : 12px;
	padding : 1px 3px;
	margin : 5px;
	line-height:15px;
}
.calendar-table input:hover{
	background-color : #FFF;
	color: #333;
	border: 1px solid #000;
}

input[type=button]:hover, input[type="submit"]:hover{cursor:pointer;}

.main-navigation .vert a, .main-navigation .vert a:hover{ color : #4C7520; }

/*------------- jQuery Accordion -----------------------*/

.ui-accordion .ui-accordion-header.ui-state-active{ background:#e7f8f3; }
.ui-accordion .ui-accordion-content{ padding:5px; border: 1px solid #398c73; }

#wrapper .ui-widget, #wrapper .ui-widget input, #wrapper .ui-widget select, #wrapper .ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 2px solid #398c73;
    background: #FFF;
	color:#398c73;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
    border: 2px solid #398c73;
    background: #FFF;
	color:#398c73;
}

#user_pledge{ margin-bottom:20px; }

.profil_state input, .profil_state select, .shipstate_kickstarter input, .shipstate_kickstarter select{ width: 45%; } 

article .simplePullQuote {
    width:auto;
	float:none;
	padding: 20px;
    margin: 20px;
}

#pledgemanager_menu{ display: block; margin: 20px; }
#pledge_connexion #registration_mascotte{ right:-150px; }
#pledge_connexion .box{ margin:20px; }

#finalpledgefooter{ font-style:italic; color:#aaa; margin-top:50px; font-family: Baron, Arial, sans-serif; }
.logo_finalpledge{ margin-right:10px; }
.logo_finalpledge img{ height:25px; }
#finalpledgefooter a, #finalpledgefooter a:visited{ color:#666; }
#finalpledgefooter a:hover{ color:#333; }

ul li ul li{ list-style: circle; }

input[type="submit"].delete_button, input[type="submit"].delete_button:hover{ 
	background:url(images/suppr.png) top left no-repeat;
	width:15px;
	height: 15px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	border:0;
	display:inline-block;
	text-indent:-9999px;
	box-shadow:unset;
	-webkit-box-shadow: none;
}
			
input[type="submit"].delete_link{
	background:transparent;
	padding: 0;
	margin: 0;
	cursor: pointer;
	border:0;
	box-shadow:unset;
	-webkit-box-shadow: none;
	color:#999;
	text-decoration:underline;
	text-transform: none;
	font-weight:normal;
}

input[type="submit"].delete_link:hover{
	background:transparent;
	padding: 0;
	margin: 0;
	border:0;
	box-shadow:unset;
	-webkit-box-shadow: none;
	color:#C7472A;
	text-transform: none;
	font-weight:normal;
}

.eshop_tandc label{ font-size:14px; }
.eshop_tandc input{ margin-right:10px; vertical-align: middle; }
.eshop.fld6 {float:right;}

/*------------- jQuery Accordion -----------------------*/

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip { z-index : 10; }

td.jqplot-table-legend {
   line-height: 12px;
   font-size:10px;
    padding: 5px;
}

.StripeElement, #cardholder-name {

    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
	margin:10px auto;
	max-width:600px;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

#card-errors {
    color: #fa755a;
}

.overlay_popup{ background:#FFF; border-radius:20px; padding:2em; margin:1em; min-width:50%; min-height:50%; max-width:1000px; } 
body.page .overlay_popup h2, body.page .overlay_popup h1, body.page .overlay_popup h3{ clear:none; }
.overlay_popup h1{ text-align:left; }
.overlay_popup.yellow, .overlay_popup.yellow h3{ color:#948562; }
.overlay_popup.yellow .popup_close{ background:#948562; }
.overlay_popup.bleu, .overlay_popup.bleu h3{ color:#547A9E; }
.overlay_popup.bleu .popup_close{ background:#547A9E; }

.overlay_popup button{
    color: #FFFFFF;
    display: inline-block;
    margin: 10px;
    padding: 5px 25px;
    appearance: none !important;
    cursor: pointer;
    background-color: #398c73;
    border: 0px;
    border-radius: 5px;
}

a.popup_cursor:hover{ cursor:zoom-in; }
#colorbox, #cboxOverlay, #cboxWrapper, #fancybox-wrap { z-index:1009999 !important;}

.intl-tel-input{ display : unset; }

.overlay_popup .eshopnostock { margin: 5px 10px; }
.kick_pledge .eshopnostock {display:block; }
.kick_pledge h4 a{ color:#398c73 !important; font-weight:bold !important; }
.kick_pledge h4 a:hover{ color:#000 !important; font-weight:bold !important; }
.kick_pledge h4.yellow a{ color:#948562 !important; font-weight:bold !important; }
.kick_pledge h4.yellow a:hover{ color:#000 !important; font-weight:bold !important; }
.kick_pledge h4.bleu a{ color:#547A9E !important; font-weight:bold !important; }
.kick_pledge h4.bleu a:hover{ color:#000 !important; font-weight:bold !important; }
h1.yellow{ color:#948562; }
h1.bleu{ color:#547A9E; }
img.flag{ margin: 0 10px 0 0; vertical-align: middle;}

.suppAcquis, .suppPouvoir{ margin-right:5px; }

#stats_persos .jqplot-target, #stats_persos .jqplot-xaxis-tick{ color: #B1DED3; }
#stats_persos .jqplot-point-label{ color: #333; }

/*-------- Cookies ---------*/

html .medium.cli-plugin-button, 
html .large.cli-plugin-button, 
html .cli-btn,
html .cli-tab-header a.cli-nav-link{ font-size:20px; }

html .cli-switch input:checked + .cli-slider{ min-width: auto; }

/*------------- Abo ---------------*/

html .asp_post_item{ width: 100%; }
html .asp_post_thumbnail{ float: left; width: 50%; margin : 0 10px 10px 0; }
html .asp_post_thumbnail img{ border: unset; padding: 0; }
html .asp_product_buy_btn.blue span{ color: white; text-shadow : none; font-size: 150%; padding: 10px;}
html .asp_product_buy_btn.blue:hover{ text-shadow : none; box-shadow: unset; }
html .asp-thank-you-page-msg-wrap{ background: transparent; border: unset; } 
html .asp_price_container{ background: #FFF; border-radius: 10px; padding: 10px; display: inline-block; margin: 10px auto; position: relative; }
html .asp_price_container h3{ color: #398c73; }