/***********************************************************************************************************************************/
/************************ 							/!\	AVANT D'EDITER /!\									************************/
/************************ 									VOIR					   						************************/
/************************ 							www.dev.equideow.com/doc								************************/
/************************ 						        	  ET											************************/
/************************ 			dev.owlient.eu/wiki/index.php/Guide_Int%C3%A9gration_Equideow			************************/
/***********************************************************************************************************************************/

/***********************************************************************************************************************************/
/* GENERIC STYLES ******************************************************************************************************************/
/***********************************************************************************************************************************/

td.content div.wrapper {
	position: relative;
	width: 100%;
}
.affixe {
	color: #A84D20	!important;
	font-style:italic;
}
.subtitle {
	color: #586d23;
	font-size: 15px;
	margin-top: -8px;
	margin-bottom: 6px;
}
.subtitle.spacer-top{margin-top:10px;}
.subtitle.spacer-bottom{margin-bottom:10px;}
.subtitle.spacer-large-bottom{margin-bottom:15px;}
.flatter {
	color: #552F0A;
}
table.space td {
	padding: 2px;
}
.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.hide {
	display:none;
}
.grid-row.dashed > .grid-cell{
	border-bottom:1px solid #C9C765;
}
/* TABLE ***************************************************************************************************************************/

td.left {
	padding-right: 5px;
	vertical-align: top;
}

td.right {
	padding-left: 5px;
}

table td.label {
	padding-right: 5px;
}

table.form td.label div {
	padding: 3px 2px;
	border-bottom: 1px solid #C9C86C;
	margin-right: 5px;
}

table.form td {
	padding:5px 2px;
}

/* LISTS ***************************************************************************************************************************/

/*arrow*/
ul.list li,
ul.arrow li {
	list-style-image: url(/media/equideo/image/interface/coche.png);
	list-style-position: outside;
	margin-left: 12px;
	vertical-align: middle;
	overflow: visible;
}
/*square*/
ul.square{
	list-style-type: circle;
	list-style-position:inside;
}
ul.square > li{
	padding-bottom:5px;
}
/*oddeven*/
ul.oddeven li.odd{background:inherit;}
ul.oddeven li.even{background:#dad97c;}

/*oddlight*/
ul.oddlight li:nth-child(2n+1){background:#EAE99F;}

/*evenlight*/
ul.evenlight li:nth-child(2n){background:#EAE99F;}

/*ol*/
ol.ordered {
	list-style-type:decimal;
	list-style-image:none;
	list-style-position:inside;
}


/***********************************************************************************************************************************/
/* CONTENT *************************************************************************************************************************/
/***********************************************************************************************************************************/

#content table {
	border-collapse:separate;
	border-spacing:0;
	empty-cells: show;
}
#content div.dashed {
	border-bottom: 1px dashed #7C8D15;
}
#content div.col.left {
	float: left;
}
#content div.col.center {
	float: left;
	padding: 0 45px;
}
#content div.col.right {
	float: right;
}


/***********************************************************************************************************************************/
/* GENERIC STYLES ******************************************************************************************************************/
/***********************************************************************************************************************************/

.flag-element{
	background-image: url(/media/equideo/image/fonctionnels/16/sprite-flags.png);
}


/***********************************************************************************************************************************/
/* ICO - GENERIC *******************************************************************************************************************/
/***********************************************************************************************************************************/

a.ico,
a.ico span {
	display: block;
	background-repeat: no-repeat;
	font-size: 0;
	text-align: left;
	cursor: pointer;
	text-decoration: none;
}


/***********************************************************************************************************************************/
/* ICO - STYLE-0 & ICO - STYLE-2 ***************************************************************************************************/
/***********************************************************************************************************************************/

a.ico-style-0,
a.ico-style-2 {
	width: 25px;
	height: 25px;
}
a.ico-style-0 {
	background-image: url(/media/equideo/image/background/helper/0.png);
}
a.ico-style-0 span {
	position: relative;
	width: 16px;
	height: 16px;
	left: 5px;
	top: 5px;
	background-image: url(/media/equideo/image/interface/icon/console.png);
}


/***********************************************************************************************************************************/
/* ICO - STYLE-1 *******************************************************************************************************************/
/***********************************************************************************************************************************/

a.ico-style-1,
a.ico-style-1 span {
	width: 16px;
	height: 16px;
}
a.ico-style-1 span {
	background-image: url(/media/equideo/image/interface/icon/console.png);
}

/***********************************************************************************************************************************/
/* ICO - STYLE-3 *******************************************************************************************************************/
/***********************************************************************************************************************************/

.ico-style-3{
	display: block;
	height: 27px;
	width:27px;
	border-radius: 15px;
	border:1px solid #e4e4a5;
	background: linear-gradient(to bottom, rgba(250,251,195,0.2) 0%,rgba(250,251,195,0.55) 55%,rgba(250,251,195,0.85) 100%); /* W3C */
	position: relative;
	box-shadow:inset 0 0 1px 0px rgba(250,250,232,.7);
}
a.ico-style-3{
	background: -moz-linear-gradient(top, rgba(250,251,195,0.2) 0%, rgba(250,251,195,0.55) 55%, rgba(250,251,195,0.85) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,251,195,0.2)), color-stop(55%,rgba(250,251,195,0.55)), color-stop(100%,rgba(250,251,195,0.85))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(250,251,195,0.2) 0%,rgba(250,251,195,0.55) 55%,rgba(250,251,195,0.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(250,251,195,0.2) 0%,rgba(250,251,195,0.55) 55%,rgba(250,251,195,0.85) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(250,251,195,0.2) 0%,rgba(250,251,195,0.55) 55%,rgba(250,251,195,0.85) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(250,251,195,0.2) 0%,rgba(250,251,195,0.55) 55%,rgba(250,251,195,0.85) 100%); /* W3C */
	transition:background linear .2s;
	overflow:hidden;
}
.ico-style-3:hover{
	background: #FFF;
}
.ico-style-3.left.ico-style-3:before,
.ico-style-3.right.ico-style-3:before{
	position:absolute;
	bottom:2px;
	display:block;
	width:100%;
	height: 26px;
	border-radius: 26px;
	text-align: center;
	text-shadow:2px 0px 0 #FEFEEE, -1px 0px 1px #000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 27px;
	font-weight:bold;
	line-height:27px;
	color: #032701;
	transform:scale(.5,1);
	-o-transform:scale(.5,1);
	-ms-transform:scale(.5,1);
	-moz-transform:scale(.5,1);
	-webkit-transform:scale(.5,1);
}
.ico-style-3.left.ico-style-3:before{
	content:'\003c';
	left:-1px;
}
.ico-style-3.right.ico-style-3:before{
	content:'\003e';
	right:-1px;
}




/* ICONS ***************************************************************************************************************************/
a span.ico-0 {background-position: 0 0;}
a:hover span.ico-0	{background-position: 0 -17px;}
a span.ico-1 {background-position: -17px 0;}
a:hover span.ico-1	{background-position: -17px -17px;}
a span.ico-2 {background-position: -34px 0;}
a:hover span.ico-2	{background-position: -34px -17px;}
a span.ico-3 {background-position: -51px 0;}
a:hover span.ico-3	{background-position: -51px -17px;}
a span.ico-4 {background-position: -68px 0;}
a:hover span.ico-4	{background-position: -68px -17px;}
a span.ico-5 {background-position: -85px 0;}
a:hover span.ico-5	{background-position: -85px -17px;}
a span.ico-6 {background-position: -102px 0;}
a:hover span.ico-6	{background-position: -102px -17px;}
a span.ico-7 {background-position: -119px 0;}
a:hover span.ico-7	{background-position: -119px -17px;}
a span.ico-8 {background-position: -136px 0;}
a:hover span.ico-8	{background-position: -136px -17px;}
a span.ico-9 {background-position: -153px 0;}
a:hover span.ico-9 {background-position: -153px -17px;}
a span.ico-10 {background-position: -170px 0;}
a:hover span.ico-10 {background-position: -170px -17px;}

/* CADDIE ***************************************************************************************************************************/

.caddie{
	margin:-1px -5px;
}

/* PASTILLE ************************************************************************************************************************/
.sauvage-pastille, .pastille {
	background: url(/media/equideo/image/library/bloc/fond-position-sauvage.png) no-repeat center top;
	height: 26px;
	line-height: 25px;
	margin-top: -5px;
	padding: 4px 1px 0 1px;
	text-align: center;
	font-weight: bold;
	display:inline-block;
	width:27px;	
}


/***********************************************************************************************************************************/
/* ACTION GRID *********************************************************************************************************************/
/***********************************************************************************************************************************/

.action-cell{width:200px;}
.grid-table.col-50-50 > .grid-row > .grid-cell{width:50%;padding-bottom:10px;}
.grid-table.col-50-50 > .grid-row > .grid-cell:first-child{padding-right:10px;}
.grid-table.col-50-50 > .grid-row > .grid-cell:first-child + .grid-cell{padding-left:10px;}


/***********************************************************************************************************************************/
/* GOOGLE CHART ********************************************************************************************************************/
/***********************************************************************************************************************************/

.chart_div{
	height: 300px;
}