/* CSS Dehly.ch */

/* FORMATAGE DES BALISES DE BASE */
body {
background-color: #d6ead3;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
color: #004319;
margin: 0px;
padding: 0px;
}

a {
color: #004319;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}

.linknow {
color: #8AC796;
}

h3 {
font-size: 14px;
}

/* class pour les infos cachées */

.dontShow {
display: none;
}

#sev {
position: absolute;
left: 77%;
margin-top: 15px;
margin-left: -150px;
width: 300px;
height: 15px;
}

.asev{
font-size: 8px;
letter-spacing: 0.25em;
color: #73A373;
}

/* positionnement dans la fenetre */

#global {
position: absolute;
left: 50%;
margin-left: -400px;
margin-top: 30px;
width: 800px;
height: 804px;
background-color: #ffffff;
}

/* entete, liens de langues, home, et slogan */

#top {
float: left;
/*position: absolute;*/
margin: 0px;
width: 800px;
height: 29px;
}

#slogan {
position: absolute;
margin-left: 378px;
}

/* LANGUES */

#toplinks {
position: absolute;
margin: 0px;
width: 800px;
height: 29px;
background-image: url(../../pictures/head_en.png);
background-repeat: no-repeat;
}
.homelink{
position: absolute;
margin-top: 7px;
margin-left: 15px;
}
.lang1 {
position: absolute;
margin-left: 75px;
margin-top: 6px;
}
.lang2 {
position: absolute;
margin-left: 160px;
margin-top: 6px;
}

/* navigation principale et identite */

#left {
width: 225px;
float: left;
/*position: absolute;
margin-top: 29px;*/
margin-left: 0px;
padding: 0px;
height: 720px;
}

#logo {
position: absolute;
margin-left: 66px;
margin-top: 25px;
width:120px;
height: 48px;
background-image: url(../../pictures/dehly.png);
background-repeat: no-repeat;
}

#menu {
position: absolute;
width: 225px;
margin-left: 0px;
margin-top: 93px;
padding: 0px;
}

.mainlink {
height: 34px;
width: 225px;
margin:0px;
padding: 0px;
}

/* classe pour chaque lien de la navig principale, avec les rollovers */
/* FRANçAIS */

/* QUI SOMMES NOUS? */
a.who {
display: block;
background-image: url(../../pictures/navig_en/who_off.png);
background-repeat: no-repeat;
height: 34px;
width: 225px;
}
a.who:hover {
display: block;
background-image: url(../../pictures/navig_en/who_on.png);
background-repeat: no-repeat;
}

/* NOS PASTILLES */
a.gum {
display: block;
background-image: url(../../pictures/navig_en/gum_off.png);
background-repeat: no-repeat;
height: 34px;
width: 225px;
}
a.gum:hover {
display: block;
background-image: url(../../pictures/navig_en/gum_on.png);
background-repeat: no-repeat;
}

/* NOS PRESTATIONS */
a.prod {
display: block;
background-image: url(../../pictures/navig_en/prod_off.png);
background-repeat: no-repeat;
height: 34px;
width: 225px;
}
a.prod:hover {
display: block;
background-image: url(../../pictures/navig_en/prod_on.png);
background-repeat: no-repeat;
}

/* PHYTALMA */
a.phy {
display: block;
background-image: url(../../pictures/navig_en/phy_off.png);
background-repeat: no-repeat;
height: 34px;
width: 225px;
}
a.phy:hover {
display: block;
background-image: url(../../pictures/navig_en/phy_on.png);
background-repeat: no-repeat;
}

/* NEWS */
a.news {
display: block;
background-image: url(../../pictures/navig_en/news_off.png);
background-repeat: no-repeat;
height: 34px;
width: 225px;
}
a.news:hover {
display: block;
background-image: url(../../pictures/navig_en/news_on.png);
background-repeat: no-repeat;
}

/* LINKS */
a.links {
display: block;
background-image: url(../../pictures/navig_en/links_off.png);
background-repeat: no-repeat;
height: 34px;
width: 225px;
}
a.links:hover {
display: block;
background-image: url(../../pictures/navig_en/links_on.png);
background-repeat: no-repeat;
}

/* CONTACT */
a.cont {
display: block;
background-image: url(../../pictures/navig_en/cont_off.png);
background-repeat: no-repeat;	
height: 34px;
width: 225px;
}
a.cont:hover {
display: block;
background-image: url(../../pictures/navig_en/cont_on.png);
background-repeat: no-repeat;
}


/* CONTENT */

#content {
float: left;
/*position: absolute;
margin-left: 0px;
margin-top: 29px;*/
width: 575px;
padding: 0px;
margin-left:0px;
margin-top: 0px;
}

#greencol{
/*float: left;*/
position: absolute;
margin-left: 0px;
margin-top: 0px;
width: 15px;
background-image: url(../../pictures/background.png);
background-repeat: repeat;
height: 775px;
}

#greenline {
position: absolute;
margin-left: 15px;
margin-top: 93px;
background-image: url(../../pictures/background.png);
background-repeat: repeat;
height: 15px;
width: 560px;
}

#bande {
position: absolute;
width: 560px;
height: 93px;
margin-top: 0px;
margin-left: 15px;
}

.img {
float: right;
}

#txt{
position: absolute;
margin-left: 70px;
width: 440px;
height: 624px;
overflow: auto;
margin-top: 135px;
padding-right: 65px;
}

#txtshort{
position: absolute;
margin-left: 70px;
width: 440px;
height: 624px;
overflow: auto;
margin-top: 135px;
padding-right: 65px;
}

/* CLASSES ACTUALITES */

.date {
margin-top: 20px;
margin-left: 15px;
font-weight: bold;
font-size: 13px;
color: #6C6C6C;
background-image: url(../../pictures/carre.png);
background-repeat: no-repeat;
background-position: left;
}

.newsImg {
border: none;
padding-right: 50px;
margin-bottom: 8px;
}

.newsLink {
background-color: #004319;
color: #FFFFFF;
font-size: 10px;
text-transform: uppercase;
}


#form {
margin-top: 20px;
margin-left: 80px;
}

.label {
text-align: right;
}
#np {
width: 50px;
}

#ville {
width: 85px;
}
.ville {
margin-left: 10px;
text-align: right;
width: 29px;
}

.mail {
color: #004319;
}

table {
margin: 0px;
padding: 0px;
border: none;
}

.submit {
background-color: #004319;
color: #FFFFFF;
font-size: 9px;
font-weight: bold;
width: 80px;
height: 20px;
letter-spacing: 0.1em;
border: none;
}

input {
background-color:#d6ead3; 
color: #004319;
font-size: 10px;
border: none;
width: 180px;
height: 15px;
padding: 2px;
margin-bottom: 3px;
margin-left: 3px;
}

textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#d6ead3; 
color: #004319;
font-size: 10px;
border: none;
width: 180px;
padding: 2px;
margin-top: 10px;
margin-bottom: 15px;
margin-left: 3px;
}