Files
Ecurie_Web/les_ecuries_de_la_boissiere/css/tototo.css
Christian Cunat-Brulé 1e02578a22 MAJ 2
MAJ général
- Ajout suppression d'élément
- CSS centralisé sur Bootstrap
- Evenement repensé avec du JS
- Modification du MVC
- Import du contenu site original (temp)
. . .
2018-08-09 13:28:59 +02:00

1163 lines
19 KiB
CSS

/*@import url("./reset.css");
@import url("./grid_12.css");
@import url("./superfish.css");
@import url("./prettyPhoto.css");
@import url("./tabs.css");*/
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
display:block;
}
mark, rp, rt, ruby, summary, time {
display:inline;
}
/* Global properties ======================================================== */
html {height: 100%; }
html, body {
width:100%;
padding:0;
margin:0;
}
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
line-height:21px;
color:#000;
min-width:960px;
height:100%;
}
.main {
width:960px;
margin: 0 auto;
}
.shadow {
width:100%;
height: auto;
min-height: 100%;
}
.container-fluid {
background:#f7f5e2;
}
/***********************************************************************/
div.float {
float: left;
padding-left: 30px;
padding-top: 10px;
text-align: center;
}
.img-thumbnailShop{
width: 200px;
height: 200px;
}
.img-thumbnailEvent{
max-width : 250px;
heigth: auto;
display: block;
}
.img-thumbnailEventCat{
max-width : 150px;
heigth: auto;
display: block;
}
.imgB{
width:150px;
height:150px;
border: double 6px #587a4e;
box-shadow: 6px 6px 6px black;
border-radius: 20px;
margin-bottom: 20px;
}
/*******CCB*********/
.fleft img{
}
.about-desc {
border-radius: 15px;
width: 215px;
}
/*******CCB*********/
div.float p {
text-align: left;
/*white-space:nowrap;*/
}
a {
text-decoration:none;
cursor:pointer;
}
a:hover {
text-decoration:none;
}
a.button {
background:#8b847e;
font-family:"Trebuchet MS", Helvetica, sans-serif;
color:#fff;
font-size:13px;
line-height:18px;
padding:2px 21px 5px 20px;
display:inline-block;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}
a.button:hover {
background:#81b400;
}
a.link {
text-decoration:none !important;
cursor:pointer;
color:#5a8a4d;
}
a.link:hover {
color:#c24913;
}
a.link2 {
text-decoration:none !important;
cursor:pointer;
color:#817e5e;
}
a.link2:hover {
color:#c24913;
}
.color-1 {
font-size:13px;
line-height:22px;
color:#181818;
font-weight:bold;
}
ul {
margin:0;
padding:0;
list-style-image:none;
}
ul.list-1 li {
padding:0px 0 8px 18px;
line-height:20px;
}
ul.list-1 li a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#898989;
line-height:20px;
}
ul.list-1 li a:hover {
color:#88b80f;
}
/*--------CCB----------*/
li.dropdown {
display: inline-block;
}
.dropdown-content {
display: none;
margin-top: 20px;
border-radius: 10px;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
border-style: solid;
border-color: #3c763d;
border-width: 1px;
}
.dropdown-content a {
color: #3c763d;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
border-style: solid;
border-bottom-width: 1px;
border-radius: 6px;
}
.dropdown-content a:hover {background-color: #f1f1f1
padding: 12px 16px;
display: block;
text-align: left;}
.dropdown:hover .dropdown-content {
display: block;
}
.open>.dropdown-content {
display: block;
margin-top: : 15px;
}
.open .dropdown-toggle {
color: #76b060;
border-radius: 5px;
background-color:rgba(88, 122, 78, 0.65)!important;
}
.dropdown-menu li a {
color: #000 !important;
}
.dropdown-menu li a:hover {
background-color: red !important;
}
.arrow1 {
width:0;
height:0;
border:5px solid transparent;
border-top:none;
border-bottom:15px solid #f9f9f9;
position:absolute;
top:-15px;
left:117px;
}
.arrow2 {
width:0;
height:0;
border:5px solid transparent;
border-top:none;
border-bottom:15px solid #f9f9f9;
position:absolute;
top:-15px;
left:100px;
}
input[type=text]::-webkit-input-placeholder {
color: #ccc;
}
input[type=tel]::-webkit-input-placeholder {
color: #ccc;
}
input[type=email]::-webkit-input-placeholder {
color: #ccc;
}
textarea::-webkit-input-placeholder {
color: #ccc;
}
.clear {
clear:both;
line-height:0;
font-size:0;
width:100%;
}
.wrapper {
width:100%;
overflow:hidden;
position:relative;
}
.wrap {
overflow:hidden;
position:relative;
text-align: left;
}
.extra-wrap {
overflow:hidden;
text-align: left;
}
.extra-wrapshop {
overflow:hidden;
text-align: center;
}
.fleft {
float:left;
margin: 10px;
}
.fright {
float:right;
}
.line_height {
line-height:24px !important;
}
.img-indent {
float:left;
}
.img-indent2 {
float:left;
padding-right:20px;
width: 101px;
height: 81px;
}
.img-indent3 {
float:left;
padding-right:1px;
}
.img-indent4 {
text-align: center;
margin-right:20px;
width: 256px;
height: auto;/*199px;*/
border-color: black;
}
.last {
margin-right:0px !important;
}
/* Lightbox image */
.lightbox-image {
position:relative;
display:inline-block;
}
.lightbox-image img {
position:relative;
z-index:2;
}
.lightbox-image span {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
/*********************************header*************************************/
header {
background-image:url("../images/all/header.jpg");
}
header .main {
}
header .main-logo {
margin-left:230px;
}
header .main-logo img {
padding: 10px;
}
h1 {
padding: 0 0 0 278px;
margin-top: 10px !important;
}
nav {
padding:20px 10px 10px 30px;
z-index:101;
}
/*********************************content*************************************/
#content {
padding-bottom:32px;
width:100%;
margin:0 auto;
background:#f7f5e2;
}
.main-content {
}
.page-content {
min-height: 631px;
padding-top:50px;
}
h2 {
font:36px/44px 'IM Fell French Canon', sans-serif;
color:#587a4e !important;
letter-spacing:0px;
font-style:italic;
margin-top:0px;
}
h3 {
font: 15px 'IM Fell French Canon', sans-serif !important;
color: #587a4e;
letter-spacing:0px;
font-style:cursive;
font-weight: italic;
text-decoration: underline;
margin-top:0px;
}
h3:hover {
font: 15px 'IM Fell French Canon', sans-serif !important;
color: #c24913;
letter-spacing:0px;
font-style:cursive;
font-weight: italic;
text-decoration: underline;
margin-top:20px;
}
.image-border {
border-radius:15px;
border:#ffffff 3px solid;
margin: 3px;
}
.image-border2 {
border-radius:16px;
border:#fff 0px solid;
}
.banner-1 {
display:block;
/*margin-top:460px;*/
padding-bottom:16px;
}
.banner-1 .bannerup {
padding-top:30px;
}
.banner-1 .bannercenter {
background-image: url("../images/home/Home_imgdeco.png");
padding:0 50px 4px 49px;
width:940px
}
.banner-1 .bannerbottom {
height:67px;
}
.bannerline {
padding:25px 0px 14px 2px;
}
.page1-pic {
float:left;
display:block;
margin-top:-18px;
margin-left:3px;
margin-right:18px;
}
.page2-pic {
float:left;
display:block;
margin-top:23px;
margin-left:0px;
margin-right:20px;
}
.numbox{
background-image:url("../images/all/page1_shapedate.png");
}
.box-1 {
width:595px;
float:left;
padding-right:55px;
position:relative;
}
.box-2 {
width:900px;
float:left;
position:relative;
}
.box-7 {
position:relative; width:300px; float:left; padding-left:45px;
}
.box-3 {
width:595px;
float:left;
position:relative;
}
.box-4 {
width:630px;
position:relative;
border-radius:24px;
padding:19px 20px 22px 20px;
margin-top:10px;
}
.box-4 .bottom-semicircle {
position:absolute;
bottom:0;
left:316px;
height:13px;
width:39px;
}
.box-4title {
width:240px;
padding-right:55px;
}
.box-5 {
width:590px;
float: right;
padding-right: 10px;
}
.box-6 {
width:440px;
float: right;
padding-right: 20px;
}
.box-image {
display:block;
float:left;
position:relative;
}
.box-image a {
margin-left:15px;
margin-top:23px;
}
.box-image a:first-child {
margin-left:0px;
}
.numbox {
width:72px;
height:78px;
overflow:hidden;
float:left;
margin: 0 19px 0px 10px;
}
.numbox span {
font:18px/22px 'IM Fell French Canon', sans-serif;
color:#fff;
font-style:italic;
width:72px;
text-align:center;
margin-top:4px;
display:block;
}
.numbox strong {
font:30px/36px Georgia, "Times New Roman", Times, serif;
color:#f6a82d;
width:72px;
font-weight:bold;
text-align:center;
margin-top:-1px;
display:block;
}
.colorbold {
font-weight:bold;
color:#5a8a4d;
}
.colorbold2 {
font-weight:bold;
display:inline-block;
color:#5a8a4d;
}
.text-1 {
font:60px/72px 'IM Fell French Canon', sans-serif;
color:#c76b21;
font-style:italic;
margin-top:-4px;
}
.text-2 {
font:13px/24px Trebuchet MS, Arial, sans-serif;
color:#6c8565;
letter-spacing:0px;
font-style:normal;
}
.text-3 {
font:36px/44px 'IM Fell French Canon', sans-serif;
color:#c24913;
letter-spacing:0px;
font-style:italic;
margin-top:0px;
display:inline-block;
}
.text-3 span {
display:block;
margin-top:-4px;
}
.text-4 {
font:15px/24px Trebuchet MS, Arial, sans-serif;
color:#5a8a4d;
letter-spacing:0px;
font-style:normal;
margin-top:15px;
}
.text-4i{
font:15px Trebuchet MS, Arial, sans-serif;
color:#5a8a4d;
letter-spacing:1px;
font-style:italic;
text-align: center;
}
.text-5 {
font:11px/18px Trebuchet MS, Arial, sans-serif;
color:#817e5e;
letter-spacing:0px;
font-style:normal;
}
.text-5 span {
float:right;
padding-right:30px;
}
.text-6 {
font:13px/24px Trebuchet MS, Arial, sans-serif;
color:#817e5e;
letter-spacing:0px;
font-style:normal;
margin-top:7px;
margin-left:59px;
}
.text-7 {
font:13px/24px Trebuchet MS, Arial, sans-serif;
color:#817e5e;
letter-spacing:0px;
font-style:normal;
}
.text-7news {
font:13px/24px Trebuchet MS, Arial, sans-serif;
color:#817e5e;
letter-spacing:0px;
font-style:normal;
text-align: left;
font-weight: bold;
}
.text-7shop {
font:13px/24px Trebuchet MS, Arial, sans-serif;
color:#817e5e;
letter-spacing:0px;
font-style:normal;
text-align: left;
}
.text-8 {
font:15px/24px Trebuchet MS, Arial, sans-serif;
color:#5a8a4d;
letter-spacing:0px;
font-style:normal;
margin-top:13px;
/*padding-bottom:7px;*/
}
.text-9 {
font:18px/22px 'Droid Serif', sans-serif;
color:#423331;
letter-spacing:0px;
font-style:normal;
text-align:center;
margin-top:2px;
margin-left:15px;
margin-bottom:17px;
}
.text-11 {
font:24px/30px Trebuchet MS, Arial, sans-serif;
color:#423331;
letter-spacing:0px;
font-style:normal;
text-align:center;
margin-left:30px;
margin-top:7px;
margin-bottom:17px;
}
.text-12 {
font:15px/24px Trebuchet MS, Arial, sans-serif;
color:#5a8a4d;
letter-spacing:0px;
font-style:normal;
margin-top:-4px;
/*padding-bottom:7px;*/
width:80%
}
.text-13 {
font:12px/22px Trebuchet MS, Arial, sans-serif;
color:#817e5e;
letter-spacing:0px;
font-style:normal;
}
.text-14 {
font:11px/18px Trebuchet MS, Arial, sans-serif;
color:#817e5e;
letter-spacing:0px;
font-style:normal;
}
.text-15 {
font:12px/12px Trebuchet MS, Arial, sans-serif;
color:#817e5e;
letter-spacing:0px;
font-style:normal;
margin-right:11px;
}
.text-16 {
font:11px/18px Trebuchet MS, Arial, sans-serif;
color:#817e5e;
letter-spacing:0px;
font-style:normal;
}
.text-16 span {
float:right;
padding-right:30px;
}
.button-1 {
font:13px/22px 'IM Fell French Canon', sans-serif;
color:#c2d9ba;
font-style:italic;
display:inline-block;
background:#435e53;
padding:2px 13px 6px 13px;
float:right;
border-radius: 5px;
}
.button-1:hover {
background:#000;
}
.button-3{
font:18px/22px 'IM Fell French Canon', sans-serif;
color:#c2d9ba !important;
font-style:italic;
display:inline-block;
background:#435e53;
padding:8px;
margin-top: 15px;
border-radius: 8px;
}
.button-3:hover {
background:#000;
}
.alphabet {
text-align:center; width:380px; position:relative;
}
.alphabet a {
font:18px/21px Trebuchet MS, sans-serif;
color:#423331;
display:inline-block;
margin:0px 0px 5px 25px;
width:11px;
text-transform:uppercase;
}
.alphabet a:first-child {
margin:0px 0px 5px 0px;
}
.alphabet a:hover {
color:#5a8a4d;
text-decoration: underline;
}
.button-2 {
font:14px/17px Trebuchet MS, sans-serif;
color:#5a8a4d;
display:inline-block;
padding-left:22px;
text-transform:uppercase;
}
.button-2:hover {
color:#000;
background-position:0 -17px;
}
.marg1 {
margin-top:10px;
padding: 15px;
border: 1px #5a8a4d solid ;
border-radius: 20px;
width: 900px;
}
.marg2 {
margin-top:30px;
}
.marg3 {
margin-top:9px;
}
.marg4 {
margin-right:5px;
}
.marg5 {
margin-left:10px;
}
.marg6 {
margin-right:3px;
}
.marg7 {
margin-left:15px;
}
.marg8 {
margin-top:13px;
}
.marg9 {
margin-top:55px !important;
}
.marg10 {
margin-left:210px;
}
.marg11 {
margin-top:17px;
}
.marg12 {
margin-top:7px;
}
.marg13 {
margin-top:3px !important;
border-bottom-style: double;
border-width: 3px;
border-color: #587a4e ;
padding: 3px;
}
.marg14 {
margin-top:24px;
}
.marg15 {
margin-top:13px;
}
.marg16 {
margin-top:14px;
}
.marg17 {
/* border-style: solid;
border-width: 2px;
border-radius: 20px;
border-color: #587a4e ;*/
}
.marg18 {
margin-top:41px !important;
}
.marg19 {
margin-top:16px;
}
.marg20 {
margin-top:23px;
}
.marg21 {
margin-top:24px;
}
.marg22 {
margin-top:15px;
}
.margpad1 {
margin-right:0px;
margin-top:26px;
}
.margpad2 {
margin-left:131px;
margin-top:-6px;
}
.margpad3 {
margin-bottom:50px;
margin-top:17px;
}
.margpad4 {
margin-left:25px;
}
.margpad5 {
margin-left:25px;
margin-top:15px;
}
.padcontent {
padding-bottom:19px;
}
.pad1 {
padding-bottom:3px;
}
.pad2 {
padding-bottom:19px;
}
.pad3 {
padding-bottom:23px;
}
.pad4 {
padding-bottom:8px;
}
.pad5 {
padding-bottom:24px !important;
}
.pad6 {
padding-bottom:27px;
}
.pad7 {
margin-top:16px;
padding-bottom:27px;
}
.pad8 {
margin-top:16px;
padding-bottom:17px;
}
.pad9 {
padding-bottom:25px;
}
.pad10 {
padding-bottom:59px;
}
.pad11 {
padding-bottom:76px;
}
.pad12 {
padding-bottom:26px;
}
.pad13 {
padding-bottom:17px !important;
}
.padright {
padding:20px;
border: double 4px #587a4e;
border-radius: 20px;
}
.images-banner {
margin-top:25px;
}
.images-banner div {
margin-left:20px;
width:220px;
}
.images-banner div a {
display:block;
}
.images-banner div:first-child {
margin-left:0px;
}
.list1 {
width: 300px;
}
.list1 li {
padding:0 0 7px 0;
}
.list1 li a {
display:inline-block;
font:13px/24px Trebuchet MS, Arial, sans-serif;
font-weight:bold;
margin-left:11px;
color:#5a8a4d;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
}
.list2 li a:hover {
color:#000;
background-position:3px 6px;
}
.list2 li {
padding:0 0 7px 0;
}
.list2 li a {
display:inline-block;
margin-left:22px;
font:13px/24px Trebuchet MS, Arial, sans-serif;
font-weight:bold;
color:#5a8a4d;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
}
.list1 li a:hover {
color:#000;
}
/****************************footer************************/
footer {
background-image:url("../images/all/footer.jpg");
margin: 0 auto;
overflow:hidden;
}
.footcont {
}
footer .fleft {
overflow:hidden;
width:300px;
height:36px;
margin-top:30px;
padding-bottom:20px;
}
footer .fleft a {
display:inline-block;
width:32px;
height:34px;
margin-left:8px;
}
footer .fleft a:first-child {
display:inline-block;
width:32px;
height:34px;
margin-left:0px;
}
footer .fleft a:hover {
margin-top:2px;
}
.fright p {
font-family:Trebuchet MS, Arial, sans-serif;
font-size:11px;
color:#979476;
text-align:right;
padding:35px 0px 0px 0;
}
.fright p span {
color:#c0bda3;
}
.fright p a {
color:#979476;
}
.fright p a:hover {
text-decoration:underline;
}
.footic-1 {
background-image:url("../images/all/footer_icon_01.png");
background-repeat : no-repeat;
}
.footic-2 {
background-image:url("../images/all/footer_icon_02.png");
background-repeat : no-repeat;
}
.footic-3 {
background-image:url("../images/all/footer_icon_03.png");
background-repeat : no-repeat;
}
.footic-4 {
background-image:url("../images/all/footer_icon_04.png");
background-repeat : no-repeat;
}
/**********************form**********************/
.map {
width:356px;
height:279px;
margin:23px 0 0 0;
}
.map iframe {
width:356px;
height:279px;
}
dl {
margin:8px 0px 0 0px;
float:left;
}
dl dt {
}
dl dd {
font:13px/13px Trebuchet MS, Arial, sans-serif;
color:#817e5e;
letter-spacing:0px;
font-style:normal;
margin:11px 0px 0 0px;
}
dl dd span {
display:block;
width:94px;
float:left;
}
dl dd {
}
dl dd a {
}
#form {
margin: 23px 0 0px 0px;
width:540px;
}
#form input {
border-radius:9px;
border:#fff 0px solid;
background:#ffffff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#817e5e;
padding:7px 2px 11px 14px;
outline: medium none;
width: 284px;
/*height:17px;*/
float:left;
}
#form textarea {
border-radius:9px;
border:#fff 0px solid;
background:#ffffff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#817e5e;
height: 268px;
outline: medium none;
overflow: auto;
padding: 7px 0px 0px 14px;
width: 526px;
resize:none;
margin:0px 0 0 0;
float:left;
}
#form label {
position:relative;
display: block;
min-height:44px;
}
/*------CCB--------*/
.center label {
width:200px;
display:inline-block;
vertical-align:top;
text-align:left;
}
.center input {
border-radius:9px;
border:#fff 1px solid;
background:#ffffff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#817e5e;
padding:7px 2px 11px 14px;
outline: medium none;
width: 284px;
height:17px;
}
#pseudo {
border-radius:9px;
border:#fff 0px solid;
background:#ffffff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#817e5e;
padding:3px 1px 5px 7px;
outline: medium none;
width: 200px;
}
#password {
border-radius:9px;
border:#fff 0px solid;
background:#ffffff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#817e5e;
padding:3px 1px 5px 7px;
outline: medium none;
width: 200px;
}
#confirm {
border-radius:9px;
border:#fff 0px solid;
background:#ffffff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#817e5e;
padding:3px 1px 5px 7px;
outline: medium none;
width: 200px;
}
#email {
border-radius:9px;
border:#fff 0px solid;
background:#ffffff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#817e5e;
padding:3px 1px 5px 7px;
outline: medium none;
width: 200px;
}
#localisation {
border-radius:9px;
border:#fff 0px solid;
background:#ffffff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#817e5e;
padding:3px 1px 5px 7px;
outline: medium none;
width: 200px;
}
/*------CCB--------*/
#form .error, #form .empty {
color: #F00;
display: none;
font-size: 11px;
line-height:14px;
width:190px;
float:left;
margin-top:5px;
}
#form .error-empty {
margin: 4px 0 0 5px !important;
display:none;
float:left;
}
#form .success {
display:none;
padding-bottom:6px;
}
.btns {
text-align:left;
width:540px;
position:relative;
overflow:hidden;
}
.btns a {
margin: 14px 0px 0px 0px;
}