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

/***********************************************************************************************************************************/
/* RESET ***************************************************************************************************************************/
/***********************************************************************************************************************************/
* {
	margin: 0;
	padding: 0;
	/* Sur mobile certains blocs peuvent avoir une taille de police surdimentionnée
	 * Utiliser les règles ci-dessous permet d'éviter ce genre de comportement */
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
@media screen {
  @-ms-viewport {
    width:device-width;
  }
}

/***********************************************************************************************************************************/
/* CHECK HACK **********************************************************************************************************************/
/***********************************************************************************************************************************/
/*
* { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
* * * * * * * { background-color: rgba(255,0,0,.2); }
* * * * * * * * { background-color: rgba(0,255,0,.2); }
* * * * * * * * * { background-color: rgba(0,0,255,.2); }
*/


/***********************************************************************************************************************************/
/* FONTS ***************************************************************************************************************************/
/***********************************************************************************************************************************/

.font-arial-rounded{font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;}
.font-times-new{font-family:"Times New Roman",Georgia,Serif;}


/***********************************************************************************************************************************/
/* GENERIC *************************************************************************************************************************/
/***********************************************************************************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e3dfb1;
	color: #003300;
	font-size-adjust: none;
	font-variant: normal;
	line-height: normal;
}
a{
	font-family: Arial, Helvetica, sans-serif;
}
a:not([href]) {
	cursor: pointer;
}
textarea {
	overflow: auto;
	font-size: 12px;
	resize:vertical;
}
div.error {
	color: #BC0F1F;
	font-style: italic;
}
select {
	color: #000;
	font-size: 12px;
	background-color: #E8EDc6;
	border:1px solid #a9a9a9;
}
ul,
ol {
	list-style: none;
}
a {
  outline: none;
  color: #771100;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
img {
	border: 0;
	vertical-align: middle;
}
h1, .h1 {
	color:#630;
	margin-bottom:8px;
	font-weight: normal;
	font-size: 30px;
}
h2, .h2 {
	color:#552F0A;
	margin-bottom:5px;
	margin-top:5px;
	font-size: 13pt;
	font-weight: bold;
}
h3, .h3 {
	margin: 2px 0 4px 0;
	font-size: 14px;
	font-weight: bold;
}
h4, .h4 {
	margin-bottom: 3px;
}
p {
	margin-bottom: 3px;
}
hr {
	height: 1px;
	background-color: #cbc86b;
	border: 0;
	margin-bottom: 5px;
}
/* Sup ne doit pas affecter le line-height, pour garder un bon alignement avec les images adjacentes */
sup {
	position: relative;
	top: -0.5em;
	vertical-align: top;
}
b,
strong{
	font-weight:bold;
}
iframe,
fieldset{
	border: 0;
}
summary::-webkit-details-marker {
  display: none;
}

/***********************************************************************************************************************************/
/* COLORS **************************************************************************************************************************/
/***********************************************************************************************************************************/

.color-black{color:#000;}
.color-white,
.white{color:#fff;}
.color-red{color:red;}
.color-green{color:green;}
.color-brown{color:#552f0a;}
.color-default{color:#003300;}
.color-error{color:#BC0F1F;}
.color-warning{color:#880009;}


/***********************************************************************************************************************************/
/* USERGROUP ***********************************************************************************************************************/
/***********************************************************************************************************************************/

/* group 'utilisateur' and 'admin'*/
a.usergroup_1,
a.usergroup_2 { color: #140f3d;}

/* group 'moderator' */
a.usergroup_3 {color: #006600;}

/* group 'operator' */
a.usergroup_4 {color: #140f3d;font-weight: bold !important;}
a.usergroup_1,
a.usergroup_2,
a.usergroup_3{font-weight: normal !important;}

/***********************************************************************************************************************************/
/* NEWS  ***************************************************************************************************************************/
/***********************************************************************************************************************************/

#col-right ul.news {
	position: relative;
	width: 225px;
	left: 18px;
	border-top: 1px dashed #829215;
	font-size: 11px;
	color: #334D10;
}
#col-right ul.news li {
	height: 32px;
	padding: 3px 0 0 3px;
	border-bottom: 1px dashed #829215;
}
#col-right ul.news li img {
	float: left;
	padding-right: 4px;
	margin-top: -2px;
}

/***********************************************************************************************************************************/
/* LOADING *************************************************************************************************************************/
/***********************************************************************************************************************************/

#loading {
	position: absolute;
	background-image: url(/media/equideo/image/interface/attente.png);
	width: 34px;
	height: 34px;
	z-index: 5000;
	-o-animation-name: loadingRotation;
	-o-animation-duration: .8s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	-ms-animation-name: loadingRotation;
	-ms-animation-duration: .8s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-moz-animation-name: loadingRotation;
	-moz-animation-duration: .8s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-name: loadingRotation;
	-webkit-animation-duration: .8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-name: loadingRotation;
	animation-duration: .8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

/* loading animation ****************************************************************************************************************/

@-o-keyframes loadingRotation { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } }
@-ms-keyframes loadingRotation { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } }
@-moz-keyframes loadingRotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } }
@-webkit-keyframes loadingRotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }
@keyframes loadingRotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }


/***********************************************************************************************************************************/
/* EQUESTRIAN CENTER ***************************************************************************************************************/
/***********************************************************************************************************************************/

.centerDivineHorse,
.centerLocalisation,
.widget-content-wrapper .centerLocalisation {
	background-position:left center;
	background-repeat:no-repeat;
	padding-left: 25px;
	line-height:20px;
	display:inline-block;
	word-break:break-word;
}
.centerDivineHorse {
	background-image: url(/media/equideo/image/fonctionnels/20/soleil-divin.png);
}
.centerLocalisationForet {
	background-image: url(/media/equideo/image/fonctionnels/20/localisation-foret.png);
}
.centerLocalisationMontagne {
	background-image: url(/media/equideo/image/fonctionnels/20/localisation-montagne.png);
}
.centerLocalisationPlage {
	background-image: url(/media/equideo/image/fonctionnels/20/localisation-plage.png);
}

h1>a.centerLocalisation,
h1>span.centerLocalisation {
	background-position:left center;
	padding-left: 42px;
	line-height:32px;
}

h1>a.centerLocalisationForet,
h1>span.centerLocalisationForet {
	background: url(/media/equideo/image/fonctionnels/32/localisation-foret.png) no-repeat;
}
h1>a.centerLocalisationMontagne,
h1>span.centerLocalisationMontagne {
	background: url(/media/equideo/image/fonctionnels/32/localisation-montagne.png) no-repeat;
}
h1>a.centerLocalisationPlage,
h1>span.centerLocalisationPlage {
	background: url(/media/equideo/image/fonctionnels/32/localisation-plage.png) no-repeat;
}

p a.centerLocalisation {
	display:initial;
}

/* DEBUG */
span.debug {
	color: black;
	background-color: #f5f5f5;
	border: 1px dashed black;
	z-index: 1000;
	position: relative;
}

span.debug span.queryTime {
	color: red;
}

span.debug span.totalTime {
	color: blue;
}

/* Flèches sur des liens */
a.arrow {
	width: 9px;
	margin-right: 3px;
	float: left;
	text-decoration: none;
}
a.open {
	background: url(/media/equideo/image/interface/fleches/ouvrir.png) no-repeat center;
}
a.close {
	background: url(/media/equideo/image/interface/fleches/fermer.png) no-repeat center;
}

/* album */

.album-4col div.wrapper {
	width: 180px !important;
}


/***********************************************************************************************************************************/
/* PASS PAGE ***********************************************************************************************************************/
/***********************************************************************************************************************************/

#personalInfo .boxOpenArrow,
#personalInfo .boxCloseArrow {
	font-size: 13px;
	font-weight: bold;
}
.module-style-27 #passPersonalInfo,
#paymentIFrame .module-style-27 > tbody > tr > td > div.wrapper > div {
	padding-left: 7px;
	padding-right: 7px;
}
#personalInfo td, #paymentIFrame td {
	border-bottom: none;
}

/* Pass Partners *******************************************************************************************************************/
#pass-partners {
	width:288px;
	height:238px;
	position: relative;
	background-image: url(/media/equideo/image/marketing/pass/ambiance-fyber.jpg);
	margin-bottom:10px;
	padding:10px 15px 0;
}
#pass-partners div.title {
	font-size:13px;
	font-weight:bold;
}
#pass-partners div.intro{
	font-size:12px;
	height:28px;
}
#pass-partners div.bouton{
	position:absolute;
	text-align:center;
	bottom:20px;
	width:288px;
	height:20px;
	line-height:13px;
	z-index:40;
}
#pass-partners div.texte{
	margin-top:135px;
	margin-left:10px;
	margin-right:10px;
	font-size:11px;
	line-height:13px;
}

/* Pass News *********************************************************************************************************************/
.pass-news-box {
	width:318px;
	height:248px;
	margin-bottom:10px;
}
.pass-news-box .content{
	position: relative;
}
.pass-news-box .navigation{
	position: absolute;
	z-index:30;
	top:118px;
	left:7px;
	height:30px;
	width:304px;
}
.pass-news-box .navigation .left{
	float:left;
}
.pass-news-box .navigation .right{
	float:right;
}
.pass-news-box .wrapper .pass-news-item{
	position:relative;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	width:318px;
	height:248px;
}
.pass-news-box .content .pass-news-item .box-title{
	font-weight:bold;
	color:#552f0a;
	font-size:13px;
	margin-top:10px;
	margin-left:10px;
}
.pass-news-box .content .pass-news-item .title{
	color:#FFFFFF;
	font-size:180%;
	text-shadow:#444444 0 0 4px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:3px;
	margin-left:10px;
	margin-right:10px;
}
.pass-news-box .content .pass-news-item .intro{
	margin-top:3px;
	margin-left:10px;
	margin-right:10px;
	font-size:12px;
	height:28px;
	line-height:15px;
}
.pass-news-box .content .pass-news-item .bouton{
	position:absolute;
	text-align:center;
	top:63px;
	left:40px;
	width:155px;
	height:20px;
	line-height:13px;
	z-index:40;
}
.pass-news-box .content .pass-news-item .texte{
	margin-top:175px;
	margin-left:10px;
	margin-right:10px;
	font-size:11px;
	line-height:13px;
}
table.caracteristiquesParents tr{
	height: 25px;
}
table.caracteristiquesParents tr td div div.texte{
	font-weight: bold;
}
table.caracteristiquesParents tr td div div.star{
	margin-left:3px;
}

#forgotten ul {
	list-style-type: disc;
}
#forgotten ul li {
	margin-left: 15px;
	padding-left: 0;
}

/* background image don à ow */
.objectifs-don-ow,
.don-ow {
	margin:-5px;
	min-height: 260px;
	width: 313px;
	position: relative;
}

.objectifs-don-ow,
.don-ow  {
	background: url(/media/equideo/image/concours/all/don-ow.png) no-repeat;
}

.objectifs-don-ow p,
.don-ow p {
	position: absolute;
	bottom: 10px;
	padding: 0 10px;
}
.tabular tr {
	vertical-align:top;
}

/***********************************************************************************************************************************/
/* FER A CHEVAL : ITEM 16/20/32 ****************************************************************************************************/
/***********************************************************************************************************************************/

span.item{
	background-position:right center;
	background-repeat:no-repeat;
	display:inline-block;
	font-weight:bold;
}
span.item-16{
	background-image:url(/media/equideo/image/produits/16/item-grand-defi.png);
	height:16px;
	padding-right:20px;
}
span.item-20{
	background-image:url(/media/equideo/image/produits/20/item-grand-defi.png);
	height:20px;
	padding-right:24px;
	line-height:20px;
}
span.item-32{
	background-image:url(/media/equideo/image/produits/32/item-grand-defi.png);
	height:32px;
	padding-right:36px;
	line-height:32px;
}


/***********************************************************************************************************************************/
/* FLAGS ***************************************************************************************************************************/
/***********************************************************************************************************************************/

.flag-item{
	width:16px;
}
.flag-element{
	display:block;
}


/***********************************************************************************************************************************/
/* SOWCLE : ACCESS RESTRICTED ******************************************************************************************************/
/***********************************************************************************************************************************/

.restrited-page{
	background-image:url(/media/equideo/image/background/body/inscription/background.jpg);
	background-position: top center;
	font-size: 15px;
	background-color:#8a993a;
}
.restrited-page::before{
	background-image:url(/media/equideo/image/interface/header/logo/disconnected/howrse.png);
	background-position: top left;
	content: "";
	display: block;
	height: 56px;
	width: 180px;
	margin: 50px auto;
}
html[lang="fr"] .restrited-page::before{
	background-image:url(/media/equideo/image/interface/header/logo/disconnected/equideow.png);
	background-position: top center;
	width: 248px;
}
html[lang="es"] .restrited-page::before{
	background-image:url(/media/equideo/image/interface/header/logo/disconnected/caballow.png);
	background-position: top left;
	width: 219px;
}
html[lang="ru"] .restrited-page::before{
	background-image:url(/media/equideo/image/interface/header/logo/disconnected/lowadi.png);
	width: 196px;
}
.restrited-page,
.restrited-page::before{	
	background-repeat: no-repeat;
}
.restrited-page input[type="text"],
.restrited-page input[type="password"]{
	width: 300px;
	height: 40px;
	margin: 0 0 15px;
	border-style: solid;
	border-radius: 5px;
}
.restrited-page input[type="text"],
.restrited-page input[type="password"]{
    background-color: #fff;
    border-width: 1px;    
    border-color: #af9c8c;
	color: #82685B;
    text-indent: 10px;
    font-size: 16px;
    outline: none;
}
.restrited-page input[type="text"]:hover,
.restrited-page input[type="password"]:hover{
	border-color: #79d1ff;
}
.restrited-page input[type="text"]:focus,
.restrited-page input[type="password"]:focus{
	border-color: #79d1ff;
	box-shadow: 0 0 5px rgba(121, 209, 255, 0.5) inset;
}
.restrited-page input[type="submit"]{
	background: #AD5B50;
    border: none;
	border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
	height: 40px;
	padding: 0 15px;
	transition: all .15s ease-in-out;
}
.restrited-page input[type="submit"]:hover{
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.3);
}
.restricted-module{
	width : 400px;
	border-radius: 8px;
	box-shadow: 0 0 100px rgba(0, 0, 0, .75);
	margin : auto;
	padding : 20px;
	background-color : #fdfff0;
	background-image : url(/media/sowcle/image/toolbar/logo-owlient.gif);
	background-repeat : no-repeat;
	background-position : 10px 10px;
	text-align: center;
}
.restricted-module h3{
	font-family: 'yanoneubibold', Arial, sans-serif;
	margin: 30px 0 0;
	text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #3d251b;
}
.restricted-module p{
	margin: 5px 0 20px;
	font-size: 16px;
	color: #82685b;
}
.restrited-page #background{
	background: rgba(0, 0, 0, 0.5);
}
.restrited-page .message-style-1{
	font-size: 13px;
}
.restrited-page .message-style-1 h3{
	text-align: center;
	font-size: 18px;
    margin: 10px 0;
}


/***********************************************************************************************************************************/
/* SOWCLE : EXTERNAL URL ***********************************************************************************************************/
/***********************************************************************************************************************************/

.external-page {
	background-color: #8A993A;
	font-size: 15px;
	margin-top: 20px;
}
.external-link-warning {
	height: 130px;
	width: 990px;
	margin: 0 auto;
}
.external-link-warning-logo {
	float: left;
	margin-top: 40px;
}
.external-link-warning-text {
	float: left;
	width: 710px;
	padding: 5px 0 0 30px;
}
.external-link-warning-text h2 {
	font-size: 28px;
	color: #fff;
}
.external-link-warning-text p {
	color: #fff;
	margin-bottom: 5px;
}
.external-link-warning-text strong {
	text-decoration: underline;
	font-size: 17px;
}


/***********************************************************************************************************************************/
/* OLD BROWSERS ********************************************************************************************************************/
/***********************************************************************************************************************************/

.form-link {
    display: inline;
}