body { margin: 0; text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; }
img { border: 0; }
form { padding: 0; margin: 0; }

/*communs*/
#main { width: 900px; height: 600px; margin: 0 auto; padding: 0; text-align: left; position: relative; }
#printlink { position: absolute; left: 725px; top: 0; }
.liengris { color: #5D594D; }
.maigre { font-weight: normal; }

#sousmenu { height: 231px; color: white; padding: 87px 0 0 105px; }
#sousmenu strong { font-size: 12px; display: block; }
#sousmenu a { color: white; text-decoration: none; display: block; }
#sousmenu a:hover { text-decoration: underline; }

#rightscroller { width: 445px; padding-right: 10px; height: 335px; overflow: auto; font-size: 12px; color: #5D594D; }
#rightscrollersmall { width: 445px; padding-right: 10px; height: 335px; overflow: auto; font-size: 11px; color: #5D594D; }
#rightscroller p { margin: 0 0 14px 0; padding: 0; }
#rightscroller p.inter, #rightscrollersmall p.inter { font-weight: bold; }
#rightscrollersmall p { margin: 0 0 12px 0; padding: 0; }
#rightscroller p a, #rightscrollersmall p a  { color: #5D594D; }
#rightscroller p.sansmarge, #rightscrollersmall p.sansmarge  { margin: 0; }
#rightscrollersmall ul.sans { margin: 0 0 12px 0; padding: 0; list-style-type: none; }
#rightscroller ul.sans { margin: 0 0 14px 0; padding: 0; list-style-type: none; }
ul.sans li { margin: 0; padding: 0; text-indent: 8px; }

#rightscroller .textgrosseul { font-size: 15px; font-weight: bold; margin-top: 20px; }
.textgrospres { font-size: 15px; font-weight: bold; margin: 0 0 5px 0; }
.link12fleche { font-size: 12px; font-weight: normal; color: #5D594D; background: url(../img/puce-fleche.jpg) left center no-repeat; padding-left: 20px; }
.link10fleche { font-size: 10px; color: #5D594D; background: url(../img/puce-fleche.jpg) left center no-repeat; padding-left: 20px; }
.petittexte { font-size: 8px; }
.bigtexte { font-size: 15px; font-weight: bold; }

/*retour à l'accueil en position absolue*/
#retouracc { position: absolute; top: 567px; left: 87px; }

/*home*/
#homeheader { width: 900px; height: 123px; background: url(../img/logoobsvert.jpg) top left no-repeat; }
#newsletterlink { position: absolute; top: 26px; left: 640px; }
#homeleft { width: 389px; height: 462px; background: url(../img/fondGhome.jpg) left top no-repeat; float: left; }
#edito { width: 277px; height: 283px; padding: 35px 16px 0 96px; color: white; font-weight: bold; }
#edito p { margin: 0; padding: 0; }
#edito p.sign { font-weight: normal; font-style: italic; }
#edito h1 { margin: 15px 0 2px 0; font-size: 20px; }
#edito h2 { margin: 0 0 2px 0; font-size: 14px; }
#edito a#homeInsc { font-size: 16px; color: #ffffe0; text-decoration: none; }
#edito a#homeInsc:hover { text-decoration: underline; }

#homeright { float: left; width: 511px; height: 462px; background: url(../img/borddroitvert.jpg) right bottom no-repeat; }
#homeactus { width: 488px; height: 68px; padding: 25px 0 0 23px; background: url(../img/fondactushomeL.gif) left top no-repeat; }
#homeactus p { width: 430px; margin: 0; color: #b8177f; font-size: 12px; font-weight: bold; }
#homeactus p.titre { font-weight: bold; font-size: 14px; color: #a6c510; }
#homeactus a { color: #6A695F; text-decoration: none; background: url(../img/puce-fleche.jpg) left center no-repeat; padding-left: 20px; font-size: 12px; }
#homeactus a:hover { text-decoration: underline; }

/*pages qui sommes-nous*/
#quisommesheader { width: 900px; height: 123px; background: url(../img/logoobsorange.jpg) top left no-repeat; }
#quisommesheader #printlink { border-left: 1px solid #F28212; }
#quisommesleft { width: 417px; height: 462px; background: url(../img/QuiSommesfond.jpg) left top no-repeat; float: left; }
#quisommesright { float: left; width: 483px; height: 462px; background: url(../img/borddroitorange.jpg) right bottom no-repeat; }
#quisommesright .titre { font-size: 21px; font-weight: bold; color: #F28212; margin: 72px 0 18px 0; }
#quiretour { position: absolute; top: 148px; left: 822px; color: #F28212; font-weight: bold; font-size: 12px; width: 60px; }
#quiretour a { color: #F28212; text-decoration: none; }
#quiretour a:hover { text-decoration: underline; }

/*pages débats*/
#debatsheader { width: 900px; height: 123px; background: url(../img/logoobsviolet.gif) top left no-repeat; }
#debatsheader #printlink { border-left: 1px solid #AE127D; }
#debatsleft { width: 417px; height: 462px; background: url(../img/debatsfond.jpg) left top no-repeat; float: left; }
#debatsright { float: left; width: 483px; height: 462px; background: url(../img/borddroitviolet.jpg) right bottom no-repeat; }
#debatsright .titre { font-size: 21px; font-weight: bold; color: #AE127D; margin: 72px 0 18px 0; }
#debatsright .titre2lignes { font-size: 21px; font-weight: bold; color: #AE127D; margin: 48px 0 18px 0; }
#debatsretour { position: absolute; top: 148px; left: 822px; color: #AE127D; font-weight: bold; font-size: 12px; width: 60px; }
#debatsretour a { color: #AE127D; text-decoration: none; }
#debatsretour a:hover { text-decoration: underline; }
#rightscrollersmall p.partnerlink { margin: 20px 0; line-height: 20px; }
.debath2 { font-size: 12px; margin: 0 0 2px 0; cursor: pointer; color: #ffffe0; width: 180px; }
.debatacc { margin-bottom: 3px; }
#debatsright dl { margin: 0; padding: 0; }
#debatsright dt { margin: 0; padding: 0; font-weight: bold; }
#debatsright dd { margin: 0 0 8px 0; padding: 0; }

/*pages docs*/
#docheader { width: 900px; height: 123px; background: url(../img/logoobsvert.jpg) top left no-repeat; }
#docheader #printlink { border-left: 1px solid #ACC921; }
#docleft { width: 417px; height: 462px; background: url(../img/docfond.jpg) left top no-repeat; float: left; }
#docright { float: left; width: 483px; height: 462px; background: url(../img/borddroitvert.jpg) right bottom no-repeat; }
#docright .titre { font-size: 16px; font-weight: bold; color: #ACC921; margin: 72px 0 18px 0; }
#docretour { position: absolute; top: 148px; left: 822px; color: #ACC921; font-weight: bold; font-size: 12px; width: 60px; }
#docretour a { color: #ACC921; text-decoration: none; }
#docretour a:hover { text-decoration: underline; }

/*-- inscription newsletter --*/
#nlformdl { width: 365px; float: left; margin: 5px 0 12px 0; border-collapse: collapse; }
#nlformdl td { padding: 2px; }
.champerr { background-color: #ffe3e0; border: 1px solid #900; }
#docright .formwarning, #debatsright .formwarning { font-size: 14px; font-weight: bold; color: #800; margin: 0 0 12px 0; }

.champtext { width: 275px; border: 1px solid #bcbcbc; margin: 0; }
.champtext.ville { width: 190px; }
.bouton { color: white; background-color: #5c584c; border: 1px solid #5c584c; width: 80px; height: 22px; }
.obsbouton { color: white; background-color: #ae127d; border: 1px solid #ae127d; width: 80px; height: 22px; }
#mentions { clear: both; margin: 0; }

/*pages espace presse*/
#presseheader { width: 900px; height: 123px; background: url(../img/logoobsbleu.gif) top left no-repeat; }
#presseheader #printlink { border-left: 1px solid #0187BC; }
#presseleft { width: 417px; height: 462px; background: url(../img/pressefond.jpg) left top no-repeat; float: left; }
#presseright { float: left; width: 483px; height: 462px; background: url(../img/borddroitbleu.jpg) right bottom no-repeat; }
#presseright .titre { font-size: 21px; font-weight: bold; color: #0187BC; margin: 72px 0 18px 0; }
#presseright .titre2lignes { font-size: 21px; font-weight: bold; color: #0187BC; margin: 48px 0 18px 0; }

/*divers pages utils*/
#utilheader { width: 900px; height: 123px; background: url(../img/logoobsoliv.jpg) top left no-repeat; }
#utilheader #printlink { border-left: 1px solid #7b6c4d; }
#utilright { float: left; width: 483px; height: 462px; background: url(../img/borddroitoliv.jpg) right bottom no-repeat; }
#utilright .titre { font-size: 17px; font-weight: bold; color: #ACC921; margin: 75px 0 18px 0; }
#utilright .titrecolle { font-size: 17px; font-weight: bold; color: #ACC921; margin: 75px 0 3px 0; }
#utilright .soustitre { font-size: 14px; font-weight: bold; color: #ACC921; margin: 5px 0 0 0; }
#utilright .soustitrelog { font-size: 12px; font-weight: bold; color: #777; margin: 5px 0 0 0; }

/*-- login pdf --*/
#logformdl { width: 365px; display: block; float: left; margin: 10px 0; }
#logformdl dt, #nlformdl dd {  display: block; float: left; }
#logformdl dt { width: 120px; font-size: 12px; color: #777; height: 18px; padding: 4px 0 2px 0; margin: 0; }
#logformdl dd { width: 240px; font-size: 12px; color: #777; padding: 2px 0; margin: 0; }
.logchamptext { width: 170px; border: 1px solid #bcbcbc; margin: 0; }
p#logsubmit { clear: both; display: block; padding-left: 120px; } 

#contactleft { width: 417px; height: 462px; background: url(../img/contactfond.jpg) left top no-repeat; float: left; }
#creditsleft { width: 417px; height: 462px; background: url(../img/creditsfond.jpg) left top no-repeat; float: left; }
#plansiteleft { width: 417px; height: 462px; background: url(../img/plansitefond.gif) left top no-repeat; float: left; }
#mentionsLegleft { width: 417px; height: 462px; background: url(../img/mentionsLegfond.jpg) left top no-repeat; float: left; }

/*footers*/
#footeroliv { clear: both; width: 900px; height: 11px; padding-top: 2px; text-align: center; background: url(../img/fondfooteroliv.gif) no-repeat; }
#footerbleu { clear: both; width: 900px; height: 11px; padding-top: 2px; text-align: center; background: url(../img/fondfooterbleu.gif) no-repeat; }
#footerviolet { clear: both; width: 900px; height: 11px; padding-top: 2px; text-align: center; background: url(../img/fondfooterviolet.gif) no-repeat; }
#footerorange { clear: both; width: 900px; height: 11px; padding-top: 2px; text-align: center; background: url(../img/fondfooterorange.gif) no-repeat; }
#footervert { clear: both; width: 900px; height: 11px; padding-top: 2px; text-align: center; background: url(../img/fondfootervert.gif) no-repeat; }
#footervert a, #footerorange a, #footerviolet a, #footerbleu a, #footeroliv a { color: #6A695F; text-decoration: none; padding: 0 14px; }
#footervert a:hover, #footerorange a:hover, #footerviolet a:hover, #footerbleu a:hover, #footeroliv a:hover { text-decoration: underline; }

/*--downloads--*/
/*-- inscription newsletter --*/
#downformdl { width: 380px; display: block; float: left; margin: 5px 0 12px 0; }
#downformdl dt, #nlformdl dd {  display: block; float: left; }
#downformdl dt { width: 100px; font-size: 12px; color: #777; height: 18px; padding: 4px 0 2px 0; margin: 0; }
#downformdl dd { width: 280px; font-size: 12px; color: #777; padding: 2px 0; margin: 0; }

/*-- envoyer à un ami --*/
#envoiamisubmit { width: 410px; text-align: right; margin: 0 0 8px 0; float: left; }
#amiformtab { width: 410px; float: left; margin: 5px 0 12px 0; border-collapse: collapse; }
#amiformtab td { padding: 2px; }

#amiformtab .erreurdd { font-size: 12px; color: #fff; background-color: #800; padding: 2px 0 2px 5px; margin: 0; }
.champerr { background-color: #ffe3e0; border: 1px solid #900; }
#docright .formwarning, #debatsright .formwarning { font-size: 14px; font-weight: bold; color: #800; margin: 0 0 12px 0; }

/*admin*/
#adminleft { width: 417px; height: 462px; background: url(../img/adminfond.jpg) left top no-repeat; float: left; }



