/* CSS Document CraxoR Cluwb BLEU Equideow howrse*/

/* ----- COOKIE NOTICE -------------------------------------------------------- */
div#cookie_notice {font-family : Trebuchet MS, Arial, Helvetica, sans-serif;font-weight:normal;font-size: 14px;position:absolute;top: 10px;width:900px;
margin:auto; background-color:#b4b4b4;padding:8px 10px 7px 10px;color:#ffffff;border-radius: 5px;}

div#cookie_notice  a {color:#0033CC;font-family : Trebuchet MS, Arial, Helvetica, sans-serif;font-weight:normal;font-size: 14px;}
div#cookie_notice  a:hover {color:#007cc0;}
div#cookie_notice .closer {position:absolute;  top:5px;right:10px;} /* position Droite */
div#cookie_notice button {cursor: pointer;}


/* ----- CONTENU -------------------------------------------------------- */
body{
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: url(../design/fond_dragow.jpg) repeat-x;
	background-color: #3C638C;
	margin: 0;
}
#containere{
	margin: auto;
	width: 780px;
	margin-bottom: -10px;
	background: url(../design/line.jpg) repeat-y;
}
#container{
	margin: auto;
	width: 825px;
	margin-bottom: -10px;
	background: url(../design/lineg.jpg) repeat-y;
}
#containerlarge{
	margin: auto;
	width: 925px;
	margin-bottom: -10px;
	background: url(../design/linela_dragow.jpg) repeat-y;
}
#containerxlarge{
	margin: auto;
	width: 1029px;
	margin-bottom: -10px;
	background: url(../design/line_xla.jpg) repeat-y;
}
#footere{
	background: url(../design/bottom.jpg) no-repeat bottom ;
	height:136px;
	width: 780px;
}
#footer{
	background: url(../design/bottomg.jpg) no-repeat bottom ;
	height:136px;
	width: 825px;
}
#footerlarge{
	background: url(../design/bottom_la_dragow.jpg) no-repeat bottom;
	height:136px;
	width: 925px;
}
#footerxlarge{
	background: url(../design/bottom_xla.jpg) no-repeat bottom;
	height:136px;
	width: 1029px;
}
#footerpagecraxor {

	height:90px;
	width: 925px;
	background-color: #E3DFB0;
}
.separateur{
	clear:both;
}

h1{
	font-size: 40px;
	line-height: 35px;
	color: #666666;
	letter-spacing: -2px;
	font-weight: normal;
	margin: 10px 0 10px 0;
	text-align: left;
	padding: 10px 10px 0px 0px;
}
h2{
	font-size: 30px;
	color: #666666;
	letter-spacing: -2px;
	line-height: 35px;
	font-weight: normal;
	text-align: left;
}
h22{
	font-size: 30px;
	color: #2C567C;
	letter-spacing: -2px;
	line-height: 20px;
	font-weight: normal;
	text-align: left;
}
h3{
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: -1px;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	background: #417EB8;
	padding: 2px 10px 2px 10px;
	margin: 0px 0 5px 0;
	text-align: right;
}

h6 {

	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: -1px;
	font-weight: bold;
	border-bottom: 1px solid #938a40;
	background: #65C4FE;
	padding: 2px 10px 2px 10px;
	margin: 0px 0 5px 0;
	text-align: right;
}


h4{
	margin: 0 0 15px 0;
	font-size: 15px;
}

h5{
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: -1px;
	font-weight: bold;
	border-bottom: 1px solid #938a40;
	background: #65C4FE;
	padding: 2px 10px 2px 10px;
	margin: 0px 0 5px 0;
	text-align: left;
}


h8{
	font-family : "Trebuchet MS",Verdana, Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
}

h9{
	font-family : "Trebuchet MS",Verdana, Arial,Helvetica,sans-serif;
	font-size: 9px;
	color: #ffffff;
}

a{
	text-decoration: none;
	color:#0000FF;
}

a:hover{
	text-decoration: underline;
	color:#A80000;
}

a:hover img {
background-color: #F1F5FA;
border: 2px #FFFFFF;
} 

/* ------ SPECIAL LECTEUR PENSEE ------- */
div#page {
	margin: 0 auto;
	width: 650px;
	text-align: center;
	background: #FFF url("page-bg.png") repeat-y top center;
}

#button {
	background: #ECECEC url("button-bg.png") no-repeat top center;
	font-size: 36px;
	color: #930;
	cursor: pointer;
}

div#symboltablecontener {
	margin: 20px 0 0 0;
}

table#symboltable td {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

table#symboltable td.symbol {
	font-weight: normal;
	color: #C00;
}

/* ----- LES ENTETES -------------------------------------------------------- */
#entetee{
	background: url(../design/top.jpg) no-repeat top;
	padding: 70px 0 0 0;
}
#entete{
	background: url(../design/topg.jpg) no-repeat top;
	padding: 70px 0 0 0;
}
#entetelarge{
	background: url(../design/topla_dragow.jpg) no-repeat top;
	padding: 70px 0 0 0;
}
#entetexlarge{
	background: url(../design/top_xla.jpg) no-repeat top;
	padding: 70px 0 0 0;
}
#img_entetee{
	height: 187px;
	padding: 10px 0 10px 20px;
	margin: 0 0 1px 0;
}
#img_entete{
	height: 187px;
	width: 785px;
	padding: 10px 0 10px 20px;
	margin: 0 0 1px 0;
}
#img_entetelarge{
	height: 187px;
	width: 885px;
	padding: 10px 0 10px 20px;
	margin: 0 0 1px 0;
}
#img_entetexlarge {

	height: 187px;
	width: 989px;
	padding: 10px 0 10px 20px;
	margin: 0 0 1px 0;
}
/* ----- LE MENU ------------------------------------------------------------ */
#menu{
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	background: url(../design/menu/fd_menu.gif) repeat-x;
}

#menug{
	margin: 0px 20px 0px 43px;
	padding: 0 0 0px 0;
	background: url(../design/menu/fd_menu.gif) repeat-x;
}

#menucr{
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	background: url(../design/menu/fd_menu.gif) repeat-x;
}

/* ----- CORPS DE LA PAGE --------------------------------------------------- */
#corps{
	margin: 0px 20px 10px 20px;
}

#gauche{
	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 380px;
	padding: 0px 0 0 20px;
	text-align: justify;
}
#gauche_level{
	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 440px;
	padding: 0px 0 0 20px;
	text-align: justify;
}
#gauche_level2 {

	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 450px;
	padding: 0px 0 0 20px;
	text-align: justify;
}
#gauche_la{
	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 645px;
	padding: 0px 0 0 20px;
	text-align: justify;
}
#gauche_et{
	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 245px;
	padding: 0px 0 0 10px;
	text-align: justify;
}
#gauche_sp{
	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 645px;
	padding: 0px 0 0 20px;
	text-align: justify;
}
#gauche_trla{
	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 745px;
	padding: 0px 0 0 10px;
	text-align: justify;
}
#gauche_plla{
	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 845px;
	padding: 0px 0 0 10px;
	text-align: justify;
}
#gauche_mla {
/* pour le poulinor */
	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 805px;
	padding: 0px 0 0 10px;
	text-align: justify;
}
#gauche_tab {

/* pour les ateliers */
	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 865px;
	padding: 0px 0 0 10px;
	text-align: justify;
}
#gauche_xla {

	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 885px;
	padding: 0px 0 0 10px;
	text-align: justify;
}

#gauche_bonus{
	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 685px;
	padding: 0px 0 0 20px;
	text-align: justify;
}
#gauche_pub{
	/*background: url(design/lateraux/accueil.jpg) no-repeat top right;*/
	float: left;
	font-size: 13px;
	width: 728px;
	text-align: center;
	margin-left: 0px;
}
#gauche_sp_pub300 {

	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 545px;
	padding: 0px 0 0 20px;
	text-align: justify;
}
#centre_trla{
	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 785px;
	padding: 0px 0 0 0px;
	text-align: justify;
}
#gauche_xanthos {

	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 280px;
	padding: 0px 0 0 10px;
	text-align: justify;
}

#centre{
	font-size: 13px;
	line-height: 18px;
	float: centre;
	width: 775px;
	padding: 0px 0 0 0px;
	text-align: justify;

}
#centre_xla {

	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 900px;
	padding: 0px 0 0 0px;
	text-align: justify;
}
#centre_ad1_pub {
	width: 728px;
	height: 90px;
	position: absolute;
	left: 50%;
	margin-left: -364px;
	bottom: 0px;
	top: 310px;
}
#centre_ad2_pub {
/* pour clickor craxor.fr */
	width: 728px;
	height: 90px;
	position: absolute;
	left: 50%;
	margin-left: -364px;
	bottom: 0px;
	top: 30px;
}

#centre_pub {
	/*background: url(design/lateraux/accueil.jpg) no-repeat top right;*/
	float: left;
	font-size: 13px;
	width: 728px;
	height: 90px;
	text-align: center;
	margin-left: 70px;
}
#centre_xanthos {
	font-size: 13px;
	line-height: 18normal;
	float: centre;
	width: 300px;
	padding: 0px 0 0 0px;
	text-align: justify;
}
#droite{
	/*background: url(design/lateraux/accueil.jpg) no-repeat top right;*/
	float: right;
	font-size: 13px;
	line-height: 18px;
	width: 365px;
}
#droite_level{
	/*background: url(design/lateraux/accueil.jpg) no-repeat top right;*/
	float: right;
	font-size: 13px;
	line-height: 18px;
	width: 400px;
}

#droite_level2 {

	/*background: url(design/lateraux/accueil.jpg) no-repeat top right;*/
	float: right;
	font-size: 13px;
	line-height: 18px;
	width: 492px;
}
#droite_im{
	/*background: url(design/lateraux/accueil.jpg) no-repeat top right;*/
	float: right;
	font-size: 13px;
	width: 605px;
	float: right;
	text-align: center;
}
#droite_pub{
	/*background: url(design/lateraux/accueil.jpg) no-repeat top right;*/
	float: right;
	font-size: 13px;
	width: 160px;
	text-align: center;
	
}
#droite_pubsp {

	/*background: url(design/lateraux/accueil.jpg) no-repeat top right;*/
	float: right;
	font-size: 13px;
	width: 300px;
	text-align: center;
}
#droite_la{
	/*background: url(design/lateraux/accueil.jpg) no-repeat top right;*/
	float: right;
	font-size: 13px;
	line-height: 18px;
	width: 450px;
}
#droite_xanthos {

	/*background: url(design/lateraux/accueil.jpg) no-repeat top right;*/
	float: right;
	font-size: 13px;
	line-height: 18px;
	width: 300px;
}

#go_up{
	font-size: 13px;
	line-height: 18px;
	padding: 0px 0 0 10px;
	text-align: right;
	width: 745px;
}
#page_up{
	font-size: 13px;
	line-height: 18px;
	padding: 0px 0 0 10px;
	text-align: left;
	width: 745px;
}
#page_down{
	font-size: 13px;
	line-height: 18px;
	padding: 10px 0 0 0px;
	text-align: right;
	width: 745px;
}
#video{
	padding:10px;
	border: 1px solid #CCCCCC;
	background-color :#D2E6BD;
	color:#C90000;
}
#tecknik{
	padding:10px;
	border: 1px solid #FF9393;
	background-color :#FFFFCC;
	color:#990000;
}

#news{
	padding:10px;
	border: 1px solid #FF9393;
	background-color :#F3F9EE;
	color:#820000;
}
#fond_howrse1{
	padding:10px;
	border: 1px solid #FF9393;
	background-color :#D0D0E8;
	color:#820000;
}

#imprim {
	font-size: 12px;
}

/*div et frame pour visite fiche craxor*/
#cr-div
{
    width    : 1095px;
    height   : 150px;
    overflow : hidden;
    position : relative;
}
#cr2-div
{
    float: right;
	width    : 5px;
    height   : 2px;
    overflow : hidden;
	position : relative;
}

#cr-iframe
{
    position : absolute;
    top      : -4px;
    left     : -2px;
    width    : 925px;
    height   : 90px;
}
#cr1-iframe {

    position : absolute;
    top      : -130px;
    left     : -200px;
    width    : 600x;
    height   : 1000px;
}
#cr2-iframe {

    position : absolute;
    top      : -500px;
    left     : -200px;
    width    : 600x;
    height   : 1000px;
}

#age
{
position : absolute;
    position : absolute;
    top      : 60px;
    left     : 360px;
    width    : 230px;
    height   : 36px;
	z-index  : 2;
	border: 1px solid #A80000;
	background-color :#F7F7C6;
}

.infos{
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: left;
	background-color: #E1EBF4;
	
}

.blanc{
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: left;
	background-color: #FFFFFF;
	
}

.equideow {

	border: 1px solid #938a40;
	padding: 10px;
	text-align: left;
	background-color :#F7F4E6;
}

.equideow2{
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: left;
	background-color: #EDEDA7;
}

.modetdor {


	border: 1px solid #938a40;
	padding: 10px;
	text-align: left;
	background-color :#FFF2CC;
}


.link1 {
	color: #cc0000;
	font-weight: bold;

}

.link2 {

	color: #009900;
	font-weight: bold;
}

.link3 {

	color: #0033CC;
	font-weight: bold;
}

.link_pub {
	color: #0033CC;
	font-size: 15px;
	line-height: 22px;
	text-decoration: underline;
	font-family : Arial;

}

.program {
	color: #D70000;
}

.rightcase {
	color: #A60011;
	font-weight: bold;
	background-color :#FFCCFF;
	font-size: 14px;
}
.equideowcase {
	color: #000000;
	font-weight: bold;
	background-color :#DCD4B6;
	font-size: 14px;
}
.redtitle {
	color: #A60011;
	font-weight: normal;
	background-color :#E8E8E8;
	font-size: 14px;
	border-bottom: 1px solid #CCCCCC;
	text-align: right;
}
.equideowtitle {

	color: #FFFFFF;
	font-weight: bold;
	background-color :#417EB8;
	font-size: 14px;
	border-bottom: 1px solid #938a40;
	text-align: left;
}
.greencase {
	color: #ffffff;
	font-weight: bold;
	background-color :#0099FF;
	font-size: 13px;
}
.bottom {
	color: #42658C;
	font-size: 10px;
}
.centre {
position: relative;
}

/* ----- TABLEAUX --------------------------------------------------- */

table.fond2 {
	background-color: #CCDDEC;
	border: 0;
}

td.titre {
	background-color: #ffffb5;
	padding: 5px;
	font-weight: bold;
}

td.fond0 {
	background-color: #FFFFFF;
	padding: 3px;
}

td.fond1 {
	background-color: #C4E9FF;
	padding: 3px;
}

td.fond2 {
	background-color: #CCDDEC;
	padding: 3px;
}
td.fond4 {
	background-color: #EFF4FA;
	padding: 3px;
}
tr.fond2 {
	background-color: #CCDDEC;
	padding: 3px;
}
/* ----- FORMULAIRES --------------------------------------------------- */

input, select, textarea {
	color: #000000;
	font-size: 12px;
	font-family : "Trebuchet MS",Verdana, Arial,Helvetica,sans-serif;
}

input.submit {
	background-color: #CC0000;
	color: #FFFFFF;
	font-size:12px;
	font-weight: bold;
	font-family : "Trebuchet MS",Verdana, Arial,Helvetica,sans-serif;
	}


div.alert {
	color: #ff0000;
	font-weight: bold;
	background-color: #ffffb5;
	width: 445px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #dddd9c;
	}
span.pagelink {
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	background-color: #E2EFD6;
}

span.pagelink2 {
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	background-color: #FFFFD9;
	font-weight: bold;
}


/* ----- MENU DEROULANT --------------------------------------------------- */

#menu-easy
{
background: 004772;
width: 644px;
height: 30px;
font-size:16px;
font-family:sans-serif,arial;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: absolute;
top: 0;
left: 0;
}
#menu-easy li
{
float: left;
width: 150px;
margin: 0;
padding: 0;
border: 0;
}
#menu-easy li a:link, #menu-easy li a:visited
{
display: block;
height: 1%;
color: #FFF;
background: black;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
}
#menu-easy li a:hover { background-color: #003453; }
#menu-easy li a:active { background-color: #003453; }

#menu-easy .sous-menu
{
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menu-easy .sous-menu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
width: 149px;
border-top: 1px solid #003453;
border-right: 1px solid #003453;
}
#menu-easy .sous-menu li a:link, #menu-easy .sous-menu li a:visited
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
background: #005182;
}
#menu-easy .sous-menu li a:hover
{
background-image: none;
background-color: #002c47;
}

#menu-easy li:hover > .sous-menu { display: block; }
#entetelarge_dragow {
	padding: 70px 0 0 0;
	background-image: url(../design/topla_dragow.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#containerlarge_dragow {
	margin: auto;
	width: 925px;
	margin-bottom: -10px;
	background-image: url(../design/linela_dragow.jpg);
	background-repeat: repeat-y;
}
#footerlarge_dragow {
	height:136px;
	width: 925px;
	background-image: url(../design/bottom_la_dragow.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.xanthos {


	border: 1px solid #938a40;
	padding: 2px;
	text-align: left;
	background-color :#F7F7C6;
}
#gauche_thor {

	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 260px;
	padding: 0px 0 0 10px;
}
#centre_thor {
	font-size: 13px;
	line-height: 18px;
	float: left;
	width: 260px;
	padding: 0px 0 0 0px;
	margin-left: 35px;
}
#droite_thor {
	/*background: url(design/lateraux/accueil.jpg) no-repeat top right;*/
	float: left;
	font-size: 13px;
	line-height: 18px;
	width: 260px;
	margin-left: 35px;
}

/* ----- IMAGES DES CHEVAUX EQUIDEOW 15/07/2020 --------------------------------------------------- */

.horsesprite{background-repeat:no-repeat;display:inline-block;margin:0;transform-style:preserve-3d}.horsesprite--0{background-size:0;height:0;width:0}.horsesprite--40{background-size:40px;height:40px;width:40px}.body--edge .horsesprite--40{filter:blur(.04em)}.horsesprite--60{background-size:60px;height:60px;width:60px}.horsesprite--80{background-size:80px;height:80px;width:80px}.horsesprite--120{background-size:120px;height:120px;width:120px}.horsesprite--140{background-size:140px;height:140px;width:140px}.horsesprite--200{background-size:200px;height:200px;width:200px}.horsesprite--300{background-size:300px;height:300px;width:300px}.horsesprite--20{background-size:20px;height:20px;width:20px}.horsesprite--32{background-size:32px;height:32px;width:32px}.horsesprite--64{background-size:64px;height:64px;width:64px}.horsesprite--192{background-size:192px;height:192px;width:192px}