body {
font : normal 11px verdana,arial,sans-serif;
color : #fff;
background: #6699cc url(../images/bg-bleu.jpg) left top repeat-y;
text-align: center;
margin: 0;
padding: 0;
}

#conteneur {
position: relative;
text-align: left;
width: 950px;
margin: 0 auto; 

}


#centre {
float:left;
height:auto;
}


#gauche {
float:left;
width: 255px;
}

#bandeauHaut {
height:90px;
}

/*#milieu {
margin:5px 0 0 0;
width:552px;
}*/

.separation {
 clear:both;
 visibility:hidden;
}

div#contvert {
clear:both;
width:695px;
height:60px;
padding-top:60px;
background: url(../images/bg-vert-haut.jpg) left top no-repeat;
}

div#bloccontvert {
background: url(../images/bg-vert-bas.jpg) left bottom no-repeat;
padding-top:20px;
padding-left:15px;
color:#003366;
min-height:450px;
}



* html div#bloccontvert {
height: 450px;
}

div#contor {
clear:both;
width:695px;
height:60px;
padding-top:60px;
background: url(../images/bg-or-haut.jpg) left top no-repeat;
}

div#contor2 {
clear:both;
width:695px;
height:30px;
padding-top:30px;
background: url(../images/bg-or-haut-r.jpg) left top no-repeat;
}

div#bloccontor {
background: url(../images/bg-or-bas.jpg) left bottom no-repeat;
padding-top:20px;
padding-left:15px;
color:#003366;
min-height:450px;
}

* html div#bloccontor {
height: 450px;
}

div#contjaune {
clear:both;
width:695px;
height:60px;
padding-top:60px;
background: url(../images/bg-jaune-haut.jpg) left top no-repeat;
}

div#bloccontjaune {
background: url(../images/bg-jaune-bas.jpg) left bottom no-repeat;
padding-top:20px;
padding-left:15px;
color:#993300;
min-height:360px;
}

.titrejaune {
font-size:14px;
color:#993300;
margin:20px 0 0 45px;
line-height:17px;
}

.paragraphe {
margin:10px 0 0 45px;
line-height:15px;
}

.paragraphe a {
color:#003366;
text-decoration:none;
}

.titremenu {
position:absolute;
left:260px;
top:93px;
}

.paveVert {
width:204px;
height:72px;
background: url(../images/bg-pave-vert.jpg) left top no-repeat;
text-align:center;
padding:12px 0 0 0;
color:#fff;
font-size:14px;
line-height:18px;
}

.paveVertb {
float:left;
width:224px;
height:73px;
background: url(../images/bg-pave-vert2.jpg) left top no-repeat;
text-align:center;
padding:12px 0 0 0;
color:#fff;
font-size:14px;
line-height:18px;
margin-left:45px;
}

.paveVert2 {
width:204px;
height:64px;
background: url(../images/bg-pave-vert.jpg) left top no-repeat;
text-align:center;
padding:20px 0 0 0;
color:#fff;
font-size:14px;
line-height:18px;
}

.paveVert a, .paveVert2 a, .paveVertb a, .paveOr a {
color:#fff;
text-decoration:none;
}

.paveOr {
width:204px;
height:64px;
background: url(../images/bg-pave-or.jpg) left top no-repeat;
text-align:center;
padding:20px 0 0 0;
color:#fff;
font-size:14px;
line-height:18px;
}

.colvert {
float:left;
margin-top:30px;
width:205px;
}

.colvert p {
margin:0;
padding:10px 0 0 5px;
line-height:16px;
}

.colvert p a {
color:#003366;
}

.color1 {
float:left;
margin-top:30px;
width:430px;
}

.color1 p {
clear:both;
margin:0;
padding:10px 0 0 5px;
line-height:16px;
color:#663333;
}

.gammeP {
width:280px;
height:24px;
background: url(../images/bg-gamme.jpg) left top no-repeat;
text-align:center;
color:#fff;
padding-top:6px;
margin-top:20px;
}

.gammeP2 {
width:220px;
height:24px;
background: url(../images/bg-gamme2.jpg) left top no-repeat;
text-align:center;
color:#fff;
padding-top:6px;
margin-top:20px;
}

.gammeP a, .gammeP2 a {
color:#fff;
text-decoration:none;
}

.colgamme {
float:left;
margin:10px 0 20px 45px;
}

.colgamme p {
margin:0;
padding:0 0 0 5px;
line-height:15px;
}

.paveVertG {
width:224px;
height:73px;
background: url(../images/bg-pave-vertg.jpg) left top no-repeat;
text-align:center;
padding:12px 0 0 0;
color:#003366;
font-size:14px;
line-height:18px;
}

.paveVertG a {
color:#003366;
text-decoration:none;
}

.paveOrG {
width:224px;
height:65px;
background: url(../images/bg-pave-org.jpg) left top no-repeat;
text-align:center;
padding:20px 0 0 0;
color:#cc3300;
font-size:14px;
line-height:18px;
}

.paveOrG2 {
width:284px;
height:70px;
background: url(../images/bg-pave-org2.jpg) left top no-repeat;
text-align:center;
padding:15px 0 0 0;
color:#cc3300;
font-size:14px;
line-height:18px;
}

.paveOrG a, .paveOrG2 a {
color:#cc3300;
text-decoration:none;
}

.membre {
clear:both;
width:245px;
height:40px;
background: url(../images/bg-membre.jpg) left top no-repeat;
text-align:left;
color:#fff;
padding:10px 0 0 10px;
margin-top:40px;
font-size:12px;
line-height:15px;
}

.membre a {
color:#fff;
text-decoration:none;
}

.titreVBlanc {
margin:0px 0 0 45px;

}

.bgbl {
background-color: #fff;
padding:0px 5px 4px 5px;
color:#009900;
font-size:17px;
}

.titreVBlanc .fleche {
float:left;
padding:2px 6px 4px 6px;
background-color: #fff;
}

.titreVOr {
clear:both;
margin:20px 0 0 45px;
color:#cc3300;
font-size:14px;
}

.bgor {
background-color: #FF9900;
padding:0px 5px 4px 5px;
color:#fff;
font-size:14px;
}

.titreVOr .fleche {
float:left;
padding:1px 6px 2px 6px;
background-color: #FF9900;
}

.titreVRouge {
margin:0px 0 0 45px;
}

.bgblr {
background-color: #fff;
padding:0px 5px 4px 5px;
color:#cc3300;
font-size:17px;
}

.titreVRougeM {
margin:20px 0 0 0;
}

.bgblrM {
background-color: #fff;
padding:0px 5px 4px 5px;
color:#cc3300;
font-size:13px;
}

.titreVRouge .fleche {
float:left;
padding:2px 6px 4px 6px;
background-color: #fff;
}

.titrerouge {
font-size:14px;
color:#CC3300;
margin:20px 0 0 45px;
line-height:17px;
}

.titrerouge2 {
font-size:14px;
color:#CC3300;
margin:0 0 0 20px;
line-height:17px;
}

.txtrouge {
color:#CC3300;
}

#questions {
margin:20px 0 0 45px;
line-height:16px;
color:#CC3300;
}

#questions a {
color:#CC3300;
text-decoration:none;
}

.titreVRougeQu {
margin:20px 0 0 45px;
}

.bgblrQu {
background-color: #fff;
padding:0px 5px 4px 5px;
color:#cc3300;
font-size:11px;
}

.reponse {
margin:10px 0 0 45px;
line-height:15px;
padding:0 20px 0 0;
}

#principe {
background: url(../images/bg-garantie-principe.jpg) left top no-repeat;
width:604px;
height:128px;
padding:10px;
font-size:12px;
line-height:18px;

}

.contMemento {
margin:10px 0 0 40px;
width:611px;
background: url(../images/bg-memento-haut.jpg) left top no-repeat;
padding:15px 0 0 0;
}

.blocContMemento {
background: url(../images/bg-memento-bas.jpg) left bottom no-repeat;
padding:0 0 10px 30px;
}

.blocContMemento .descMemento {
clear:both;
}

.blocContMemento .descMemento p {
float:left;
}

.blocContMemento .descMemento .imgMemento {
float:left;
}

ul#liste1, ul#liste1or, ul#liste1jaune {
list-style-type: none;
margin:0 0 0 10px;
padding:0;
}

ul#liste1 a, ul#liste1or a {
color:#003366;
text-decoration:none;
}



ul#liste1 li.item1, ul#liste1 li.item2, ul#liste1 li.item3, ul#liste1 li.item4, ul#liste1 li.item5, ul#liste1 li.item6, ul#liste1 li.item7, li.item1b, ul#liste1 li.item2b, ul#liste1 li.item3b {
margin-top:10px;
padding:4px 0 8px 35px;
line-height:14px;
}

ul#liste1or li.item1, ul#liste1or li.item2, ul#liste1or li.item3, ul#liste1or li.item4, ul#liste1or li.item5, ul#liste1or li.item6, ul#liste1or li.item1b, ul#liste1or li.item2b, ul#liste1or li.item3b, ul#liste1or li.item4b  {
margin-top:10px;
padding:4px 0 8px 35px;
line-height:14px;
}

ul#liste1jaune li.item1, ul#liste1jaune li.item2, ul#liste1jaune li.item3, ul#liste1jaune li.item4, ul#liste1jaune li.item5 {
margin-top:10px;
padding:4px 0 8px 35px;
line-height:14px;
}

ul#liste1jaune li.item1 a, ul#liste1jaune li.item2 a, ul#liste1jaune li.item3 a, ul#liste1jaune li.item4 a, ul#liste1jaune li.item5 a {
color:#993300;
text-decoration:none;
}

ul#liste1 li.item1 {
background: url(../images/puce1.jpg) left top no-repeat;
}

ul#liste1 li.item2 {
background: url(../images/puce2.jpg) left top no-repeat;
}

ul#liste1 li.item3 {
background: url(../images/puce3.jpg) left top no-repeat;
}

ul#liste1 li.item4 {
background: url(../images/puce4.jpg) left top no-repeat;
}

ul#liste1 li.item5 {
background: url(../images/puce5.jpg) left top no-repeat;
}

ul#liste1 li.item6 {
background: url(../images/puce6.jpg) left top no-repeat;
}

ul#liste1 li.item7 {
background: url(../images/puce7.jpg) left top no-repeat;
}

ul#liste1 li.item1b {
background: url(../images/puce1.jpg) left 10px no-repeat;
}

ul#liste1 li.item2b {
background: url(../images/puce2.jpg) left 10px no-repeat;
}

ul#liste1 li.item3b {
background: url(../images/puce3.jpg) left 10px no-repeat;
}

ul#liste1or li.item1 {
background: url(../images/puce1-or.jpg) left top no-repeat;
}

ul#liste1or li.item2 {
background: url(../images/puce2-or.jpg) left top no-repeat;
}

ul#liste1or li.item3 {
background: url(../images/puce3-or.jpg) left top no-repeat;
}

ul#liste1or li.item4 {
background: url(../images/puce4-or.jpg) left top no-repeat;
}

ul#liste1or li.item1b {
background: url(../images/puce1-or-v.jpg) left 10px no-repeat;
}

ul#liste1or li.item2b {
background: url(../images/puce2-or-v.jpg) left 10px no-repeat;
}

ul#liste1or li.item3b {
background: url(../images/puce3-or-v.jpg) left 10px no-repeat;
}

ul#liste1or li.item4b {
background: url(../images/puce4-or-v.jpg) left 10px no-repeat;
}

ul#liste1or li.item5 {
background: url(../images/puce5-or.jpg) left top no-repeat;
}

ul#liste1or li.item6 {
background: url(../images/puce6-or.jpg) left top no-repeat;
}

ul#liste1jaune li.item1 {
background: url(../images/puce1-jaune.jpg) left top no-repeat;
}

ul#liste1jaune li.item2 {
background: url(../images/puce2-jaune.jpg) left top no-repeat;
}

ul#liste1jaune li.item3 {
background: url(../images/puce3-jaune.jpg) left top no-repeat;
}

ul#liste1jaune li.item4 {
background: url(../images/puce4-jaune.jpg) left top no-repeat;
}

ul#liste1jaune li.item5 {
background: url(../images/puce5-jaune.jpg) left top no-repeat;
}



ul#liste2 {
margin:0 0 0 100px;
padding:0;
line-height:16px;
}

ul#liste3 {
margin:0 0 0 15px;
padding:0;
line-height:16px;
}

ul#liste3 li {
margin-top:10px;
padding:0;
}

ul#liste3 li.desc {
clear:both;
padding-top:20px;
}

ul#liste3 li.desc p {
float:left;
margin:0 0 0 20px;
padding:0;
width:250px;
}

.titrepuce {
background: url(../images/bg-titre-vert.jpg) left top no-repeat;
width:374px;
height:22px;
padding:10px 0 0 15px;
font-size:12px;
}

.titrepuce2 {
background: url(../images/bg-titre-vert-2.jpg) left top no-repeat;
width:296px;
height:22px;
padding:10px 0 0 15px;
font-size:12px;
color:#fff;
}

.suite {
width:650px;
text-align:right;
}

.adjuvant1 {
position:absolute;
left:520px;
top:375px;
width:400px;
line-height:50px;
font-size:13px;
color:#666666;
}

#simulationr {
width:480px;
background: url(../images/bg-simulation-r.jpg) left top no-repeat;
padding:4px 0 4px 35px;
color:#CC3300;
line-height:16px;
margin:0 0 10px 27px;
font-size:11px;
}

#simulationr a {
color:#CC3300;
text-decoration:none;
}

#simulationv {
width:480px;
background: url(../images/bg-simulation-v.jpg) left top no-repeat;
padding:4px 0 4px 35px;
color:#009900;
line-height:16px;
margin:0 0 10px 27px;
font-size:11px;
}

#simulationv a {
color:#009900;
text-decoration:none;
}

#simulationvor {
width:510px;
background: url(../images/bg-simulation-vor.jpg) left top no-repeat;
padding:4px 0 4px 35px;
color:#009900;
line-height:16px;
margin:0 0 10px 27px;
font-size:11px;
}

#simulationvor a {
   color:#009900;
   text-decoration:none;
}

#simulationror {
width:165px;
background: url(../images/bg-simulation-ror.jpg) left top no-repeat;
padding:4px 0 4px 35px;
color:#CC3300;
line-height:16px;
margin:0 0 10px 27px;
font-size:11px;
}

#simulationror a {
   color:#CC3300;
   text-decoration:none;
}

p.pictos {
clear:both;
margin:0;
font-size:11px;
}

p.pictos img, p.pictos span { 
   vertical-align: middle;
   /*display: inline-block; */
   float:left;
   margin-right:10px;
}
p.pictos span { 
   padding:0; 
}

p.pictos a { 
   color:#003366;
   text-decoration:none;
   cursor:hand;
}

table#tabviva {
background: url(../images/bg-tab-vivaces.jpg) left top no-repeat;
width: 425px;
height:66px;
color: #CC3300;
border-collapse: collapse;
margin-left:45px;
}

table#tabviva td.lig {
padding:2px 0 0px 5px;
}


table#tabviva td.ent {
padding:2px 0 0px 15px;
width:195px;
}


#tabviva caption {
color: #CC3300;
text-align:left;
margin-left:45px;
}


table#tabazurp {
background: url(../images/bg-tab-azurp.jpg) left top no-repeat;
width: 533px;
height:230px;
color:#003366;
border-collapse: collapse;
margin-left:45px;

}

table#tabazurp td.lig1 {
padding:12px 0 0px 15px;
width:215px;
}

table#tabazurp td.lig {
padding:5px 0 0px 5px;
}


table#tabazurp td.ent {
padding:5px 0 0px 15px;
width:215px;
}


#tabazurp caption {
color:#003366;
text-align:left;
margin-left:45px;
}

#nomDept {
position:absolute;
left:280px;
top:150px;
background: url(../images/bg-dept.gif) left top no-repeat;
width: 153px;
height:30px;
color:#003366;
font-weight:bold;
padding:14px 0 0 0;
text-align:center;
}

.prevVille {
float:left;
margin:0;
padding:3px 0 0 30px;
height:20px;
width:435px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
color:#cc3300;
font-size:16px;
font-weight:bold;
}

.mVille {
float:left;
background-color: #fff;
padding:5px 5px 0px 5px;
color:#cc3300;
font-size:12px;
font-weight:normal;
height:20px;
width:180px;
margin-left:5px;
}

#datemaj {
position:absolute;
left:580px;
top:185px;
width:350px;
text-align:right;
font-size:10px;
color:#CC3300;
}

ul#jours {
clear:both;
list-style-type: none;
margin:0px 0 0 5px;
padding:10px 0 0 0;
}

ul#jours li {
float: left;
margin:0 4px 0 0;
width:41px;
height:41px;
}

#temps {
background: url(../images/bg-meteo.jpg) left top no-repeat;
width: 268px;
height:227px;
padding:4px 0 0 7px;
}

#traitement {
background: url(../images/bg-meteo-traitement.jpg) left top no-repeat;
width: 380px;
height:212px;
color:#660000;
font-size:13px;
padding:20px 0 0 14px;
}

#conditoui {
float:left;
width: 179px;
height:17px;
background-color:#fcad04;
border:2px solid #fff;
margin-left:3px;
color:#fff;
padding:2px 0 2px 3px;
text-align:center;
}

#conditnon {
float:left;
width: 179px;
height:17px;
background-color:#ff3300;
border:2px solid #fff;
margin-left:3px;
color:#fff;
padding:2px 0 2px 3px;
text-align:center;
}

.coltrait {
float:left;
width:160px;
text-align:center;
padding:10px 0 0 0;
}

.coltrait .bgtitre {
background-color:#fff;
width:158px;
height:38px;
padding-top:2px;
margin:5px 0 10px 0;
}


table#tabtemps {
width: 260px;
color:#0033cc;
}

table#tabtemps td.entete {
padding:3px 0 0px 0;
background-color:#0e6ba4;
color:#fff;
font-weight:normal;
height:22px;
text-align:center;
}

table#tabtemps td.lig {
text-align:center;
height:66px;
background-color:#fff;
font-weight:bold;
border-bottom:1px solid #bbd9f7;
}

table#tabtemps td.lig2 {
height:54px;
background-color:#fff;
font-size:12px;
padding:10px 0 0 15px;
line-height:14px;

}

table#tabtrait {
width: 300px;
color:#003366;
margin-top:10px;
}

table#tabtrait td {
width:25px;
}

table#tabtrait td.entete {
padding:3px 0 0px 0;
height:18px;
text-align:center;
}

table#tabtrait td.leg0, table#tabtrait td.leg1, table#tabtrait td.leg2, table#tabtrait td.leg3 {
height:30px;
}

table#tabtrait td.leg0 {
background-color:#fff;
}

table#tabtrait td.leg1 {
background-color:#a06545;
}

table#tabtrait td.leg2 {
background-color:#85c823;
}

table#tabtrait td.leg3 {
background-color:#fc931d;
}

table#tabdoses {
width: 280px;
color:#003366;
margin-top:10px;
}


table#tabdoses td.entete {
padding:1px 0 0px 0;
height:20px;
text-align:center;
background-color:#fff;
}

table#tabdoses td.lig {
height:50px;
text-align:center;
background-color:#fff;
}

table#tabdoses td.entre {
height:3px;
}

#ficheGau {
float:left;
width:350px;
padding-left:10px;
}

#ficheGau p {
margin:0;
padding:10px 30px 0 0;
}

#ficheDroite {
float:left;
width:290px;
}

#ficheDroite p {
margin:0;
padding:10px 30px 0 0;
}

#bandeauMembre {
float:left;
background: url(../images/bandeau-membre.jpg) left top no-repeat;
width: 407px;
height:29px;
padding:10px 0 0 0;
text-align:center;
color:#CC3300;
font-size:13px;
margin:40px 0 0 20px;
}

#accueilMembre {
clear:both;
text-align:center;
font-size:14px;
line-height:17px;
}

#accueilMembre .logos {
margin:10px 0 0 135px;
padding:15px 0 0 0;
text-align:left;
}

.colindex {
float:left;
width:210px;
margin:20px 0 10px 10px;
font-size:11px;
}

.colindex a {
color:#003366;
text-decoration:none;
}


.vignette {
float:left;
margin:0 0 0 5px;
padding:7px 0 0 7px;
width:141px;
height:158px;
background: url(../images/bg-vignette.jpg) left top no-repeat;
}

.vignette p {
margin: 7px 0 0 0;
padding:0;
font-size:10px;
}

.vignette p a {
color:#003366;
text-decoration:none;
}

.vignetteDispo {
float:left;
margin:5px 0 0 0;
width:270px;
}

.vignetteDispo .img {
margin:10px 0 0 25px;
}

.vignetteDispo p {
margin:5px 0 20px 25px;
padding:0;
font-size:10px;
width:230px;
}

.vignetteFiche {
float:left;
margin:20px 0 0 0;
padding:7px 0 0 7px;
width:138px;
height:158px;
background: url(../images/bg-vignette.jpg) left top no-repeat;

}

.vignetteFiche .leg {
margin: 10px 0 0 30px;
padding:0;
}

.vignetteFiche a {
color:#003366;
text-decoration:none;
}

#zonesinf {
clear:both;
margin:20px 0 0 0;
padding-left:10px;
}

#cartezones {
margin:15px 0 0 0;
padding:10px 0 0 0;
width:630px;
background-color:#fff;
}

.retourListe {
position:absolute;
left:630px;
top:140px;
}

.retourListe a {
color:#660000;
text-decoration:none;
}

#formMeteo {
margin:10px 0 20px 5px;
font-size:10px;
}

#formMeteo label { DISPLAY: inline ; FLOAT: left ; font : normal 10px verdana,arial,sans-serif; WIDTH: 120px ; text-align:left; margin-top:5px;  }
#formMeteo .input { font : normal 10px verdana,arial,sans-serif; width:80px;margin-top:5px; }

.LabelText {
font : normal 11px verdana,arial,sans-serif;
width:100px;
}

.LabelText2 {
font : normal 11px verdana,arial,sans-serif;
width:300px;
}

.LabelBtImg {
margin: 0 0 0 350px;
}

#formConn {
margin:50px 0 0 120px;
font-size:11px;
text-align:left;
}

#formConn .lib {
color:#666666;
font-size:10px;
}

#formHerb {
margin:20px 0 0 40px;
font-size:12px;
}

#formHerb .chb { margin-bottom:0;color:#CC3300;}

#plansite {
margin:0 0 0 20px;
}

#plansite .chap {
margin:5px 0 0 0;
}

#plansite .chap p {
margin:5px 0 0 10px;
padding:0;
font-size:11px;
line-height:14px;
}

#plansite .chap p a {
color:#003366;
text-decoration:none;
}


#plansite .chap .titre1 {
margin:30px 0 0 0;
font-size:14px;
color:#cc3300;
}

#plansite .chap .titre2 {
margin:20px 0 0 0;
}

#plansite .chap .titre2 .bgbl {
background-color: #fff;
padding:2px 5px 4px 5px;
color:#cc3300;
font-size:11px;
}

#plansite .chap .titre2 a {
color:#cc3300;
text-decoration:none;
}

#mentions {
padding:10px 0 0 0px;
}

#mentions a {
color:#fff;
text-decoration:none;
}

#pied {
clear:both;
padding:10px 0 20px 0;
text-align:right;
width:950px;
}

#pied a {
color:#fff;
text-decoration:none;
}