/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#3c600c; text-align:center;}
.top-tail{ background:url("images/top-tail.jpg") top repeat-x #517c16;}
.bot-tail{ background:url("images/bot-tail.gif") bottom repeat-x;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.333em; color:#ffffff;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffffff;}
a:hover{text-decoration:none;}
p {padding-top:20px;}
.strong1{ font-size:1.167em; color:#b5ee69; font-weight:normal; line-height:1.286em; display:block; padding-bottom:9px;}
.strong2{ display:inline !important;}
.text2 strong{ color:#000000 !important;}
cite{ font-style:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:5px 17px 0 0;float:left;	border: none;}
.imgindent-right {margin:5px 0px 0 17px;float:right;	border: none;}

.phone{ float:right; padding-right:65px;}
.margin1{ margin-top:16px;}
.margin2{ margin-top:7px;}
.margin3{ margin-top:2px;}
.padding1{ padding-top:17px;}
.padding2{ padding-top:8px;}

/* ============================= header ====================== */
#header .small-menu{ float:right; padding:11px 40px 0 0; height:45px;}
#header .small-menu li{ float:left; padding-left:24px;}
#header .small-menu a{ text-decoration:none; color:#84c430;}
#header .small-menu a:hover{ text-decoration:underline;}

#header .menu{ float:right; padding:19px 41px 0 0;}
#header .menu li{ float:left;}
#header .menu a{ display:block; width:109px; background:url("images/menu-tail.gif") top repeat-x; text-align:center; text-decoration:none;}
#header .menu span{ display:block; background:url("images/menu-left-bg.gif") top left no-repeat;}
#header .menu span span{ background:url("images/menu-right-bg.gif") top right no-repeat; padding:12px 0 14px 0;}
#header .menu a:hover, #header .menu .active{ background:url("images/menu-tail-act.gif") top repeat-x; }
#header .menu a:hover span, #header .menu .active span{ background:url("images/menu-left-bg-act.gif") top left no-repeat;}
#header .menu a:hover span span, #header .menu .active span span{ background:url("images/menu-right-bg-act.gif") top right no-repeat;}

#header .menu .first a span{ background:url("images/menu-left-bg-first.gif") top left no-repeat;}
#header .menu .first a span span{ background:url("images/menu-right-bg.gif") top right no-repeat;}
#header .menu .first a:hover span, #header .menu .first .active span{ background:url("images/menu-left-bg-act-first.gif") top left no-repeat;}
#header .menu .first a:hover span span, #header .menu .first .active span span{ background:url("images/menu-right-bg-act.gif") top right no-repeat;}

#header .menu .last a span{ background:url("images/menu-left-bg.gif") top left no-repeat;}
#header .menu .last a span span{ background:url("images/menu-right-bg-last.gif") top right no-repeat;}
#header .menu .last a:hover span, #header .menu .last .active span{ background:url("images/menu-left-bg-act.gif") top left no-repeat;}
#header .menu .last a:hover span span, #header .menu .last .active span{ background:url("images/menu-right-bg-act-last.gif") top right no-repeat;}
#header .logo{ position:absolute;}

#header .indent{ padding:7px 0 0 40px;}
#header .box{ background:url(images/header-box-left-tail.gif) left repeat-y #ffffff; position:relative; color:#878786;}
#header .box .left-top{ background:url("images/header-box-corner-left-top.gif") left top no-repeat;}
#header .box .right-top{ background:url("images/header-box-corner-right-top.gif") right top no-repeat;}
#header .box .left-bot{ background:url("images/header-box-corner-left-bot.gif") left bottom no-repeat;}
#header .box .right-bot{ background:url("images/header-box-corner-right-bot.gif") right bottom no-repeat; width:100%;}
#header .box .indent1{ padding:3px 0px 10px 0;}
#header .box .indent2{ padding:0px 29px 13px 28px;}
#header .title1 img{ position:relative;}
#header .title1{ margin-left:-25px; position:relative;}

.link1{ display:inline-block; background:url("images/link1-tail.gif") top repeat-x; float:right; text-decoration:none; font-weight:normal; margin-top:15px;}
.link1 span{ display:block; background:url("images/link1-left-bg.gif") left top no-repeat;}
.link1 span span{ background:url("images/link1-right-bg.gif") right top no-repeat; padding:2px 12px 2px 12px;}

.link1:hover{ background:url("images/link1-tail-act.gif") top repeat-x;}
.link1:hover span{ background:url("images/link1-left-bg-act.gif") left top no-repeat;}
.link1:hover span span{ background:url("images/link1-right-bg-act.gif") right top no-repeat;}

#header .column-2{ margin-left:7px; background:url("images/header-bg.jpg") no-repeat left top; height:258px;}
#header .text{ text-align:left; float:right; padding:46px 28px 0 0; width:240px; color:#5c8b1b; font-weight:bold;}
#header .text .text1{ padding-top:8px; display:block;}
#header .column-3{ margin-left:7px; background:url("images/header-chevaux.jpg") no-repeat left top; height:258px;}
#header .column-4{ margin-left:7px; background:url("images/header-poneys.jpg") no-repeat left top; height:258px;}
#header .column-5{ margin-left:7px; background:url("images/header-structures.jpg") no-repeat left top; height:258px;}
#header .column-6{ margin-left:7px; background:url("images/header-stages.jpg") no-repeat left top; height:258px;}
#header .column-7{ margin-left:7px; background:url("images/header-pension.jpg") no-repeat left top; height:258px;}
#header .column-8{ margin-left:7px; background:url("images/header-trec.jpg") no-repeat left top; height:258px;}
#header .column-9{ margin-left:7px; background:url("images/header-tarifs-cours.jpg") no-repeat left top; height:258px;}

/* ============================= content ====================== */
#content{ padding:5px 10px 29px 40px;}
#content .indent{ padding:20px 28px 0 28px}
#content .indent3{ padding:33px 20px 0 30px}
#content .indent4{ padding:20px 50px 20px 28px}
#content .column-2{ margin-left:10px;}
#content .title1{ border-bottom:solid 1px #699d1a; margin-bottom:17px;}
.unline{ border-bottom:solid 1px #699d1a; padding-bottom:9px; margin-bottom:10px;}
.unline2{ border-bottom:solid 1px #699d1a; padding-bottom:14px; margin-bottom:6px;}
.unline3{ border-bottom:solid 1px #699d1a; padding-bottom:5px; margin-bottom:6px;}

.box1{ background:url("images/box1-corner-left-top.gif") left top no-repeat #3c600c; color:#b5ee69;}
.box1 .right-top{ background:url("images/box1-corner-right-top.gif") right top no-repeat;}
.box1 .left-bot{ background:url("images/box1-corner-left-bot.gif") left bottom no-repeat;}
.box1 .right-bot{ background:url("images/box1-corner-right-bot.gif") right bottom no-repeat; width:100%;}
.box1 .indent1{ padding:6px 9px 0 0;}
.box1 .indent2{ padding:0 9px 22px 20px;}
.box1 strong{ font-size:1.167em; color:#ffffff; font-weight:normal; line-height:1.286em; display:block; padding-bottom:7px;}
.box1 .unline{ border-bottom:solid 1px #518110; padding-bottom:14px; margin-bottom:15px;}
.box1 .unline2{ border-bottom:solid 1px #518110; padding-bottom:14px; margin-bottom:5px;}

.box1 .title img{ position:relative;}
.box1 .title{ background:url("images/title1-tail.gif") top repeat-x; margin-left:-13px; position:relative;}
.box1 .title .left-bg{ background:url("images/title1-left-bg.gif") left top no-repeat; width:100%; position:relative;}
.box1 .title .right-bg{ background:url("images/title1-right-bg.gif") right top no-repeat; padding:16px 10px 25px 41px; position:relative;}

.box2{ background:url("images/box2-top-tail.gif") top repeat-x #5c8b1b; color:#b5ee69;}
.box2 .bot-tail{ background:url("images/box2-bot-tail.gif") bottom repeat-x;}
.box2 .left-tail{ background:url("images/box2-left-tail.gif") left repeat-y;}
.box2 .right-tail{ background:url("images/box2-right-tail.gif") right repeat-y;}
.box2 .left-top{ background:url("images/box2-corner-left-top.gif") left top no-repeat;}
.box2 .right-top{ background:url("images/box2-corner-right-top.gif") right top no-repeat;}
.box2 .left-bot{ background:url("images/box2-corner-left-bot.gif") left bottom no-repeat;}
.box2 .right-bot{ background:url("images/box2-corner-right-bot.gif") right bottom no-repeat; width:100%;}
.box2 .indent1{ padding:2px 11px 0 0;}
.box2 .indent2{ padding:0 11px 22px 28px; margin-top:-47px; position:relative;}
.box2  strong, .text3 strong{ color:#ffffff; display:block; padding-bottom:8px;}
.text3{ color:#b5ee69;}
.text3 span{ color:#ffffff;}

.box2 .title img{ position:relative;}
.box2 .title{ background:url("images/title2-tail.gif") top repeat-x; margin-left:-5px; position:relative;}
.box2 .title .left-bg{ background:url("images/title2-left-bg.gif") left top no-repeat; width:100%; position:relative;}
.box2 .title .right-bg{ background:url("images/title2-right-bg.gif") right top no-repeat; padding:22px 10px 70px 36px; position:relative;}

.box2 .unline{ border-bottom:solid 1px #699d1a; padding-bottom:6px; margin-bottom:6px;}

.list{ margin-top:-5px;}
.list li{ background:url("images/list-marker.gif") no-repeat 0 6px; padding-left:22px; line-height:2em;}

.link{ text-align:right;}
.link a{ display:inline-block; background:url("images/link-tail.gif") top repeat-x; text-decoration:none; font-weight:normal; margin-top:4px; color:#528012;}
.link a span{ display:block; background:url("images/link-left-bg.gif") left top no-repeat;}
.link a span span{ background:url("images/link-right-bg.gif") right top no-repeat; padding:2px 12px 2px 12px;}
.hautlink{ text-align:right;}
.hautlink a{display:inline-block; background-image: url("images/hautlink-tail.gif"); text-decoration:none;	font-weight:normal;	margin-top:4px;	color:#528012;}
.hautlink a span{ display:block; background:url("images/hautlink-left-bg.gif") left top no-repeat;}
.hautlink a span span{ background:url("images/hautlink-right-bg.gif") no-repeat right top; padding:2px 12px 2px 12px;}

.link a:hover{ background:url("images/link-tail-act.gif") top repeat-x; color:#ffffff;}
.link a:hover span{ background:url("images/link-left-bg-act.gif") left top no-repeat;}
.link a:hover span span{ background:url("images/link-right-bg-act.gif") right top no-repeat;}
.hautlink a:hover{ background:url("images/hautlink-tail-act.gif") top repeat-x; color:#ffffff;}
.hautlink a:hover span{ background:url("images/hautlink-left-bg-act.gif") left top no-repeat;}
.hautlink a:hover span span{ background:url("images/hautlink-right-bg-act.gif") right top no-repeat;}

.text2 .col-2{ margin-left:43px !important;}
.text2 .col-3{ margin-left:47px !important;}

.left photo {float: left;margin-top: 5px;margin-right: 10px;}

/* ============================= page1 ===========================*/
#page1 .col-2{ margin-left:3px;}
/* ============================= page2 ===========================*/
#page2 .col-2{ margin-left:45px;}
/* ============================= page3 ===========================*/
#page3 .col-2{ margin-left:32px;}
/* ============================= page4 ===========================*/
#page4 .col-2{ margin-left:32px;}
/* ============================= page5 ===========================*/
#page5 .col-2{ margin-left:3px;}
/* ============================= page6 ===========================*/
#page6 .col-2{ margin-left:45px;}

/* ============================= footer ====================== */
#footer{ text-align:right; font-size:1.167em; color:#b5ee69;}
#footer a{ color:#b5ee69; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}
#footer .text{ padding:13px 60px 0 0;}

/* ============================= forms ============================= */
#HeaderForm label{ display:block; height:52px;}
#HeaderForm input{ border:solid 1px #404040; margin-top:6px; padding:2px 2px 3px 6px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#139dd0; width:171px;}
#HeaderForm .link1{ margin:0 0 0 3px;}

#ContactForm{ padding-top:18px;}
#ContactForm .col-1{ width:294px !important;}
#ContactForm .col-2{ width:313px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:36px;}
#ContactForm input{ border:solid 1px #d4d0c8; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#139dd0; padding:2px 0 3px 3px; width:270px;}
#ContactForm textarea{ border:solid 1px #d4d0c8; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#139dd0; padding:2px 0 3px 3px; width:307px; height:87px; overflow:hidden;}
#ContactForm .link a{ margin:0 0 0 10px;}