/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
default CSS for www.cavalpatte.ch
FileName: MODIF_css_style.css
Version: V.1.1.a
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Font Attribut
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.logo { color: #000000; font-size: 120%; font-weight: bold; }
.logoMobil { color: #ffffff; font-size: 42px; font-weight: bold; }
.logoPrint { color: #000000; font-size: 120%; font-weight: bold; }
.logoSlogan { color: #000000; font-size: 80%; }
.logoSloganMobil { color: #ffffff; font-size: 26px; }
.logoSloganMobil { color: #ffffff; font-size: 60%; font-weight: bold; }
.logoSloganPrint { color: #000000; font-size: 80%; }
.suptitle { color: #cccccc; font-size: 60%; }
.suptitleMobil { color: #cccccc; font-size: 32px; }
.suptitlePrint { color: #cccccc; font-size: 60%; }
.title { color: #cccccc; font-size: 160%; font-family: Century Gothic,helvetica,sans-serif; font-weight: bold; }
.titleMobil { color: #cccccc; font-size: 42px; font-weight: bold; }
.titlePrint { color: #000000; font-size: 110%; font-weight: bold; }
.subtitle { color: #000000; font-size: 90%; }
.subtitleMobil { color: #000000; font-size: 26px; }
.subtitlePrint { color: #000000; font-size: 90%; }
.big { color: #000000; font-size: 120%; font-family: Century Gothic,helvetica,sans-serif; }
.bigMobil { color: #000000; font-size: 42px; }
.bigPrint { color: #000000; font-size: 90%; }
.current { color: #000000; font-size: 100%; font-family: Century Gothic,helvetica,sans-serif; }
.currentMobil { color: #000000; font-size: 32px; }
.currentPrint { color: #000000; font-size: 70%; }
.little { color: #000000; font-size: 80%; font-family: Century Gothic,helvetica,sans-serif; }
.littleMobil { color: #000000; font-size: 26px; }
.littlePrint { color: #000000; font-size: 60%; }
.credits { color: #bda373; font-size: 80%; font-weight: bold; text-decoration: none; }
.creditsAddress { color: #bda373; font-size: 100%; font-weight: bold; text-decoration: none; }
.creditsBottom { color: #bda373; font-size: 90%; font-weight: bold; text-decoration: none; }
.creditsPublished { color: #bda373; font-size: 60%; text-decoration: none; }
.creditsMobil { color: #bda373; font-size: 22px; font-weight: bold; text-decoration: none; }
.creditsPrint { color: #bda373; font-size: 60%; text-decoration: none; }
.error { color: #ff0000; font-size: 60%; }
.errorMobil { color: #ff0000; font-size: 32px; }
.errorPrint { color: #ff0000; font-size: 60%; }
.search { color: #aaaaaa; font-size: 70%; }
.searchMobil { color: #aaaaaa; font-size: 26px; }
.searchPrint { color: #000000; font-size: 70%; }
.calendarDay { color: #000000; font-size: 200%; }
.calendarDayMobil { color: #000000; font-size: 72px; }
.help { color: #aaaaaa; font-size: 70%; }
.code { color: #000000; font-size: 100%; }
.codeMobil { color: #000000; font-size: 32px; }
.news
{
  font-size: 22px;
  line-height: 50px;
  text-shadow: -1px -1px #fb6, 1px 1px #d60, -3px 0 4px #000;
  font-family:"Segoe print", Arial, Helvetica, sans-serif;
  color: #FF9933; 
  padding: 8px 12px 8px 12px;
  font-weight:lighter;
  -moz-box-shadow: 2px 2px 4px #888;  
  -webkit-box-shadow: 2px 2px 4px #888;  
  box-shadow:2px 2px 4px #888;  
  text-align:center;
  display:inline;
}
.tooltip{
display: inline;
position: relative;
text-align: left;
text-decoration: none;
cursor: help;
}
.tooltip:hover:after{
background: #333;
background: rgba(0,0,0,.6);
border-top-left-radius: 14px;
border-top-right-radius: 14px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 14px;
bottom: 26px;
color: #fff;
font-size: 12px;
content: attr(title);
left: 20%;
padding: 5px 15px;
position: absolute;
z-index: 100098;
width: 220px;
}
.tooltip:hover:before{
border: solid;
border-color: #333 transparent;
border-width: 6px 6px 0 6px;
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 100099;
}

/* Font Attribut for list
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.listTitle { color: #666666; font-size: 80%; font-weight: bold; }
.listTitleMobil { color: #666666; font-size: 32px; font-weight: bold; }
.listTitlePrint { color: #000000; font-size: 80%; font-weight: bold; }
.listCurrent { color: #666666; font-size: 60%; }
.listCurrentMobil { color: #666666; font-size: 26px; }
.listCurrentPrint { color: #000000; font-size: 60%; }
.listPaginationOn { color: #000000; font-size: 60%; }
.listPaginationOnPrint { color: #000000; font-size: 60%; }
.listPaginationOff { color: #666666; font-size: 60%; }
.listPaginationOffMobil { color: #666666; font-size: 24px; }
.listPaginationOffPrint { color: #cccccc; font-size: 60%; }

/* Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu0 { float: left; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; }
#menu0 li { float: left; border: 0px solid; padding: 0px 15px 0px 3px; border-color: #eeece0 #eeece0 #eeece0 #eeece0; }
#menu0 a { float: left; display: block; color: #000000; text-align: left; padding: 0px 0px 0px 0px; text-decoration: none; }
#menu0 a:hover { color: #000000; }
.menu0OnPrefix { color: #a30613; font-size: 50%; }
.menu0On { color: #a30613; font-size: 120%; }
.menu0OffPrefix { color: #000000; font-size: 50%; }
.menu0Off { color: #000000; font-size: 120%; }

#menu1 { float: left; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; }
#menu1 li { float: left; border: 0px solid; padding: 0px 15px 0px 3px; border-color: #eeece0 #eeece0 #eeece0 #eeece0; }
#menu1 a { float: left; display: block; color: #000000; text-align: left; padding: 0px 0px 0px 0px; text-decoration: none; }
#menu1 a:hover { color: #000000; }
.menu1OnPrefix { color: #a30613; font-size: 50%; }
.menu1On { color: #a30613; font-size: 100%; }
.menu1OffPrefix { color: #000000; font-size: 50%; }
.menu1Off { color: #000000; font-size: 100%; }

#menu2 { float: left; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; }
#menu2 li { float: left; border: 0px solid #ffffff; padding: 3px 15px 3px 3px; border-color: #ffffff #ffffff #ffffff #eeeeee; }
#menu2 a { float: left; display: block; color: #000000; text-align: left; padding: 0px 0px 0px 0px; text-decoration: none; }
#menu2 a:hover { color: #000000; }
.menu2OnPrefix { color: #a30613; font-size: 50%; }
.menu2On { color: #a30613; font-size: 70%; }
.menu2OffPrefix { color: #000000; font-size: 50%; }
.menu2Off { color: #000000; font-size: 70%; }

/* Form Attribut
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
form { margin: 0px; padding: 0px; }
.inputRadioMobil { width: 42px;  height: 52px; margin: 3px; background: #ffffff; color: #000000; }
.inputCheckboxMobil { width: 42px;  height: 52px; margin: 3px; background: #ffffff; color: #000000; }
.inputCurrent { width: 250px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputCurrentMobil { width: 100%; border-radius: 7px; margin: 3px; background: #ffffff; font-size: 52px; color: #000000; }
.inputCurrentTextarea { width: 250px; color: #000000; background-color: #ffffff; border-top: thin dotted #000000; border-bottom: thin dotted #000000; border-left: thin dotted #000000; border-right: thin dotted #000000; }
.inputCurrentTextareaMobil { width: 100%; border-radius: 7px; margin: 3px; background: #ffffff; font-size: 52px; color: #000000; }
.inputFirstName { width: 128px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputLastName { width: 110px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputZIPcode { width: 60px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputCity { width: 178px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputCountry { width: 250px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputCountryMobil { width: 100%; border-radius: 7px; margin: 3px; background: #ffffff; font-size: 52px; color: #000000; }
.inputDomainName { width: 214px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputLogin { width: 178px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputSearch { width: 100px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputNb { width: 50px; color: #000000; background-color: #ffffff; }
.inputNbMobil { width: 20%; border-radius: 7px; margin: 3px; background: #ffffff; font-size: 52px; color: #000000; }
.submit { color: #000000; background-color: #ffffff; font-weight: bold; }
.submitAdd { color: #000000; background-color: #ffffff; font-weight: bold; }
.submitMobil { width: 100%; border-radius: 7px; margin: 3px; background: #ffffff; font-size: 52px; color: #000000; font-weight: bold; }
.submitSearch { color: #000000; background-color: #ffffff; font-size: 70%; font-weight: bold; }
.submitSearchMobil { width: 100%; border-radius: 7px; margin: 3px; background: #ffffff; font-size: 32px; color: #000000; }

.inputSelectSearch { background-color: #ffffff; color: #000000; border: solid 1px #000000; font-size: 60%; }
.inputSelectSearchMobil { background-color: #ffffff; color: #000000; border: solid 1px #000000; font-size: 32px; }
.inputSelectMobil { width: 100%; background-color: #ffffff; color: #000000; font-size: 52px; }

.inputButtonMobil { border: none; width: 100%; border-radius: 7px; margin: 0px; background: #ffffff; border: solid 1px #000000; font-weight: bold; font-size: 42px; color: #000000; }
.contentMobil { border: none; width: 100%; border-radius: 7px; padding: 0px; margin: 0px; background: #ffffff; }
.spaceMobil { border: none; width: 100%; height: 5px; }
.selectMenuMobil { border: none; width: 100%; border-radius: 7px; margin: 0px; background: #ffffff; font-weight: bold; font-size: 42px; color: #000000; background: url(/MSI/imag/cont/mobil/ico_select.png) no-repeat top right; }

.linkOneOn { color: #000000; font-size: 80%; font-weight: bold; }
.linkOneOnMobil { color: #000000; font-size: 32px; font-weight: bold; }
.linkLinkOne { text-decoration: none; }
.linkLinkOneMobil { text-decoration: yes; }