body {
font: normal 0.8em Century Gothic, Arial, Helvetica, sans-serif;
background:#f6f7e7 url(design/degrade-de-base.jpg) repeat-x;
text-align:center;
line-height:1.4em;

}

.decalage {
margin-left:30px;
}


.illus {
position:absolute;
left:0px;
top:750px;
padding:2px;
float:none;

}

.grandeillus {
margin-left:15px;
}

.illus3 {
float:right;
margin-left:15px;
margin-right:10px;
margin-bottom:15px;
padding:3px;
border:1px solid #ccc;
}

.illus2 {
float:right;
padding:2px;
border:1px solid #999966;
margin-left:15px;
margin-bottom:15px;
}

.liste {
font-style:italic;
font-weight:bold;
padding:0px 90px;
color: #999966;
text-align:justify;
}

.petitvert {
font-style:italic;
font-weight:bold;
color: #999966;
font-size:0.9em;
}

a {
font-style:italic;
font-weight:bold;
color: #999966;
text-decoration:underline;
}

a:hover {
color:#333333;
}

#boite2 {
width:100%;
height:auto;
background:url(design/fond-cadre.jpg) no-repeat;
background-position:top center;

}

#boite1 {
width:100%;
height:auto;
background:url(design/fond-mixte.jpg) repeat-y;
background-position:top center;


}

#boite3 {
position: relative;
margin : 0 auto 0px auto;
width:940px;
text-align:left;
height:auto;
padding-top:38px;
background:#fff url(design/haut.jpg) no-repeat;
overflow:hidden;

}

#boite4 {
position: relative;
margin : 0 auto 0px auto;
width:940px;
text-align:left;
height:99px;
background:#fff url(design/bas.jpg) no-repeat;
}

#boite5 {
position: relative;
margin : 0 auto 0px auto;
min-width: 940px;
width:auto;
height:24px;
background:transparent url(design/bas2.jpg) no-repeat;
background-position:top center;
}

* html #boite5bis {
position: relative;
margin : 0 auto 0px auto;
width:940px;
height:24px;
background:transparent;
text-align:center;
}


#boite6 {
position: relative;
margin : 0 auto 0px auto;
width:940px;
text-align:left;
height:257px;
background:#fff url(design/bas3.jpg) no-repeat;
}

#boite6 p {
clear:both;
padding: 0 115px;
font-size:0.97em;
color: #999966;
}

#principal {

width:940px;
height:216px;
background:url(design/header.jpg) no-repeat;
}

#cadre-gauche {
float:left;
background:url(design/bambou-gauche.jpg) no-repeat;
height : auto;
width:276px;
padding-top:200px;
padding-bottom:100px;
}

#cadre-gauche p, #cadre-gauche address, #cadre-gauche h3 {
margin-left:60px;
margin-right:20px;
margin-top:15px;
}

h1 {
position:absolute;
top:0px;
text-indent:-5000px;
}

h2 {
position:absolute;
top:0px;
text-indent:-5000px;
}

#cadre-gauche h3 {
color: #7a8146;
font: normal 18px Georgia, "Times New Roman", Times, serif;
}

h3 {
color: #494f02;
font: italic 16px Georgia, "Times New Roman", Times, serif;
margin-bottom: 20px;
}

h4 {
color: #666633;
font: italic 16px Georgia, "Times New Roman", Times, serif;
margin-bottom: 10px;
margin-left:70px;
margin-top:20px;
width:500px;
border-bottom: 1px solid #999966;
padding-bottom:2px;
}

#cadre-principal {
float:left;
height:auto;
width: 580px;
margin-left:35px;
margin-top:15px;
}

#cadre-principal p {
margin-left:20px;
margin-bottom:15px;
margin-right:0px;
}

#cadre-centre {
float:left;
height:auto;
width: 320px;
}

#cadre-centre p {
margin-left:20px;
margin-bottom:15px;
margin-right:0px;
}
.cadre-titre-beige {
display:block;
width:294px;
height:27px;
background:url(design/besoin-d-une-traductrice.png) no-repeat;
margin-top:30px;
margin-bottom:15px;
}
.cadre-titre-beige h3 {
margin:0;
padding:0;
display:none;
}

#cadre-droite {
float:right;
}

#cadre-droite img {
margin-top:30px;
margin-right:20px;
margin-bottom:10px;
}

#cadre-droite p.intitule {
font: italic 1em Arial, Helvetica, sans-serif;
margin-bottom:15px;
margin-left:30px;
width:250px;
}

* {
margin:0;
padding:0;
border:0;
}

.nav {
width:555px;
height:52px;
background:url(design/menu2.png) no-repeat;
position:absolute;
top:64px;
left:350px;
}

.nav li {display:inline;} /* important pour forcer ie6 à mettre les éléments en ligne */

.nav li a {
position:absolute;
top:0;
width:111px;
height:52px;
overflow:hidden;
text-indent:-9000px;
z-index:10;
}


.nav .accueil a{
left:0;
}

.nav .accueil a:hover{
background:url(design/menu2.png) no-repeat 0 -52px;
}


.current-accueil .accueil a, .current-accueil .accueil a:hover {
background:url(design/menu2.png) no-repeat 0 -104px;

cursor:pointer;
}




.nav-accueil, .nav-accueil-click {
position:absolute;
top:0;
left:0;
width:111px;
height:52px;
background:url(design/menu2.png) no-repeat 0 -52px;
}


.nav .traduction a{
left:112px;
}

.nav .traduction a:hover{
background:url(design/menu2.png) no-repeat -112px -52px;
}

.current-traduction .traduction a, .current-traduction .traduction a:hover {
background:url(design/menu2.png) no-repeat -112px -104px;
cursor:pointer;
}

.nav-traduction {
position:absolute;
top:0;
left:112px;
width:111px;
height:52px;
background:url(design/menu2.png) no-repeat -112px -52px;
}


.nav .interpretariat a{
left:223px;
}

.nav .interpretariat a:hover{
background:url(design/menu2.png) no-repeat -223px -52px;
}

.current-interpretariat .interpretariat a, .current-interpretariat .interpretariat a:hover {
background:url(design/menu2.png) no-repeat -223px -104px;
cursor:pointer;
}

.nav-interpretariat {
position:absolute;
top:0;
left:223px;
width:111px;
height:52px;
background:url(design/menu2.png) no-repeat -223px -52px;
}

.nav .devis a{
left:334px;
}

.nav .devis a:hover{
background:url(design/menu2.png) no-repeat -334px -52px;
}

.current-devis .devis a, .current-devis .devis a:hover {
background:url(design/menu2.png) no-repeat -334px -104px;
cursor:pointer;
}

.nav-devis {
position:absolute;
top:0;
left:334px;
width:111px;
height:52px;
background:url(design/menu2.png) no-repeat -334px -52px;
}

.nav .contact a{
left:445px;
}

.nav .contact a:hover{
background:url(design/menu2.png) no-repeat -445px -52px;
}

.current-contact .contact a, .current-contact .contact a:hover {
background:url(design/menu2.png) no-repeat -445px -104px;
cursor:pointer;
}

.nav-contact {
position:absolute;
top:0;
left:445px;
width:111px;
height:52px;
background:url(design/menu2.png) no-repeat -445px -52px;
}

#menu-agrandissement {
position:absolute;
left:29px;
top:62px;
list-style-type:none;
background-image: url('design/agrandissement.jpg');
height:27px;
width:auto;
}



#menu-agrandissement li {
  display:inline;
  float:left;
}

#menu-agrandissement li a {
  display:block;
  width:29px;
  height:27px;
  line-height:27px;
  text-decoration:none;  
}

#menu-agrandissement .tailleA {
display:none;
}

#menu-agrandissement li a:hover {
  background: transparent url(design/agrandissement.jpg) top left no-repeat;
}


#menu-agrandissement a#lien1:hover {
  background-position: 0 -27px; 
  }

#menu-agrandissement a#lien2:hover {
  background-position: -29px -27px;
}
#menu-agrandissement a#lien3:hover {
  background-position: -58px -27px;
}

#menu-langue {
position:absolute;
left:890px;
top:140px;
list-style-type:none;
background-image: url('design/drapeaux.jpg');
height:56px;
width:38px;
}



#menu-langue li {
  display:inline;
}

#menu-langue li a {
  display:block;
  width:38px;
  height:28px;
  line-height:28px;
  text-decoration:none;  
}

#menu-langue .langueA {
display:none;
}

#menu-langue li a:hover {
  background: transparent url(design/drapeaux.jpg) top left no-repeat;
}


#menu-langue a#drapeau1:hover {
  background-position: 0px -57px; 
  }

#menu-langue a#drapeau2:hover {
  background-position: 0px -85px;
}

#menusimple {
list-style-type:none;
width:auto;
text-align:center;
margin-left:30px;
}

#menusimple li {
float:left;
margin:20px 10px;
text-align:center;
font-size:0.98em;
}

#menusimple li a {
color: #000;
text-decoration:none;
font-weight:normal;
font-style:normal;
}

#menusimple li a:hover {
color: #a0a433;
text-decoration:underline;
}

#menusimple li#petitlogo {
margin:0px 10px;
}

span.grosvert {
color: #7a8146;
font-weight:bold;
}



form.devis {padding:20px; margin:10px 70px; color: #232642; }
form.devis input {width:300px; padding:0; border:1px solid #ccc;}
form.devis input.upload {width:auto; padding:0; border:0px; font: normal 0.8em Century Gothic, Arial, Helvetica, sans-serif;
background:#fff; }
p.centrep {
margin:auto; text-align:center;
}
input#heuredeb, input#heurefin {width:100px;}
input#datedeb, input#datefin {width:112px;}
form.devis textarea {width:300px; height:4em; border:1px solid #999; overflow:auto; padding-left:0.5em; margin-bottom:1em;}
form.devis #bouton1, form.devis #bouton2{display:block; margin:5px; padding:0; width:100px; padding:2px; height:auto; border:1px solid #7a8146; background-color:#9aa54a; color: #fff; margin-bottom:20px;}
form.devis #bouton1:hover {background-color:#7a8146;}
form.devis fieldset {border:1px solid #a0a433; margin-bottom:20px; padding: 20px; background:#f6f7e7 url(design/degrade-de-base.jpg) repeat-x;}
	input#Madame, input#Mademoiselle, input#Monsieur, input#avec, input#sans {width:auto; text-align:left; border:none;}
form.devis optgroup {background:#fff; color:#6fb8d6;}
form.devis optgroup option {color: #000000};
form.devis p {
color: #232642;
margin:10px; 
}

.asterisque {
font-size:18px;
}

form.devis p.redGras, p.redGras {
color:#990000;

}

form.devis a.revenir{display:block; margin:0; padding:0; float:left; width:118px; height:auto; background-image: url('design/bandeau.gif'); border:0px;font: lighter 14px Georgia, Times, serif; margin-right:20px;}
form.devis a.revenir:hover{}

form.devis span.petit {font-size:11px;}

#tarifs {display:block; height:18px; width:100px; background-color: #6fb8d6; border:0px; font: lighter 14px Georgia, Times, serif; color:#fff; text-decoration:none; text-align:center; margin-bottom:3px; padding-left:4px; padding-right:4px;}
#tarifs:hover{background-color: #30759E;}
form.devis .recap {border:1px solid #6FB5C4; margin-bottom:20px; padding-bottom:10px; background-color:#fff;}
form.devis select {width:250px;}
form.devis select.petitselect {width:100px;}
form.devis h3, .texte3 h3 {
background-color: #9aa54a;
margin: 35px 20px 10px 20px;
padding:1px;
padding-left:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
color:#fff;
}

dl {
margin-top:20px;

}

form.devis h3.titreformulaire {
display:block; border:1px solid #7a8146; background:#9aa54a url(design/fleche.gif) no-repeat; background-position: bottom right; color: #fff; margin-bottom:20px; margin-top:10px; padding: 0px 50px; height:auto; text-decoration:none; margin:0px 0px 10px 0px; 
}

dt a{
display:block; border:1px solid #7a8146; background:#9aa54a url(design/fleche.gif) no-repeat; background-position: bottom right; color: #fff; margin-bottom:20px; margin-top:10px; padding: 0px 50px; height:auto; text-decoration:none; 
}

dt img {
}


dt a:hover {
color: #fff;
background:#7a8146 url(design/flecheO.gif) no-repeat;
background-position: bottom right; 
}