/* CSS Document */

/* border: 1px solid #f00; */

body {margin: 50px 0 0 0; padding: 0; text-align: center; background-color: #F0F0EC; font: 12px georgia;/* height: 100%; -> non sinon espace dans le bas*/}

/******* GENERAL *******/
h1, h2, h3, h4, div, p, ul, li, form {margin: 0; padding: 0;}
h1 {background: url(../images/logo1.gif) no-repeat -4px 0px; font: 21px times; text-transform: capitalize; letter-spacing: 1px; padding: 3px 0 0 90px; margin: 0 0 0 5px; width: 135px; position: relative;}
#logo {position: absolute; top: 0; left: 37px;}
h2 {font: 14px/14px georgia, times; color: #000; font-weight: bold; padding: 0 0 20px 0; margin: 0 0 25px 0; background: url(../images/h2.gif) no-repeat bottom left;}
#container, #container-jobs, #container-print, #container-profil, #container-contact {background-color: #fff; width: 1002px; margin: 0 auto; padding: 42px 0 0 0; text-align: left;}
#container-jobs, #container-print {margin: -317px 0 0 -501px; position: absolute; top: 50%; left: 50%;}
#infos, #qui, #activite, #promo1, #promo2, #promo3, #contact, #council, #print, #works, #unsubscribe , #clients{float: left;}
#infos {width: 229px;}
.spacer {clear: both; background-color: #F0F0EC;}
#contact .spacer, #container-profil .spacer, #council .spacer, #print .spacer, #unsubscribe .spacer, #pop .spacer {background-color: #fff;}
#infos .intro {font: 10px/15px arial; color: #003; margin: 37px 0 0 79px; padding: 0 0 15px 0; background: url(../images/separator.gif) no-repeat bottom left;}
#infos .contact {font: 10px/16px arial; margin: 7px 0 0 79px; padding: 0 0 15px 0; background: url(../images/separator.gif) no-repeat bottom left;}
#infos .menu {margin: 7px 0 50px 0; padding: 0 0 15px 79px; background: url(../images/separator.gif) no-repeat 79px 100%; position: relative;}
.menu a:link, .menu a:visited, .menu a:hover {font: 20px/28px times; color: #8EB342; text-decoration: none;}
a.mail:link, a.mail:visited {font: 10px arial; color: #000; text-decoration: none; text-transform: lowercase;}
a.mail:hover {font: 10px arial; color: #000; text-decoration: underline; text-transform: lowercase;}
.menu a.plus1:link, .menu a.plus1:visited, .menu a.plus1:hover {font: 11px verdana; color: #000; text-decoration: none;}
a.plus1 {position: absolute; right: 65px; margin: 5px 0 0 0;}
img.ast {vertical-align: middle;}
h4 {float: left; font: 14px georgia, times; color: #010E2E; font-weight: bold; padding: 0 0 10px 0; background: url(../images/h4.gif) no-repeat bottom left; width: 168px;}
h4.mailinglist {width: auto;}
h4.bigtitle {font: 48px georgia, times; color: #8EB342; float: none; width: auto; background: none; margin: 0 0 10px -5px;}
#contact .input, #contact .input2, #contact .textarea, 
#council .input, #council .input2, #council .textarea, 
#print .input, #print .input2, #print .textarea, 
#unsubscribe .input, #pop .input, #pop .input2 {width: 180px; font: 11px georgia, times; border: 1px solid #B6B7B8; padding: 2px;}
#contact .textarea, #council .textarea, #print .textarea {width: 370px; height: 70px;}
a img {border: none;}
p#resolution {font: 10px georgia; color: #8D8D8D; background-color: #F0F0EC; padding: 0 0 0 5px; clear: both;}

/******* PROMOS *******/
#promo1 {width: 210px; margin: 0 3px 0 0;}
#promo2 {width: 268px; margin: 0 3px 0 2px;}
#promo3 {width: 428px; margin: 0 3px 0 2px;}
#clients {height: 124px; padding: 0 17px 0 0; margin: 0 0 0 2px; position: relative; background-color: #009933;}
#clients img {border: none;}
#promo1,/* #promo2,*/ #promo3 {padding: 6px; height: 112px; position: relative; color: #fff;}
#promos {clear: both; padding: 0 0 0 5px;}
#promos p {margin: 16px 0 0 22px; text-transform: uppercase; font: 12px arial;}
#promos a:link, #promos a:visited, #promos a:hover {color: #fff; text-decoration: none;}
h3 {padding: 0 0 10px 0; font: 24px times; color: #fff; text-transform: uppercase; background: url(../images/fond-bleu.gif) no-repeat bottom left;}
h3.news {float: left; position: relative; padding: 0 0 10px 0; width: 100px; font: 24px times; color: #fff; text-transform: uppercase; background: url(../images/fond-bleu.gif) no-repeat bottom left;}
a.plusB {position: absolute; top: 6px; right: 9px; text-transform: lowercase;}
a.plusB:link, a.plusB:visited, a.plusB:hover {font: 11px/28px verdana; color: #fff; text-decoration: none;}
#promos p.plus-news {margin: 0 0 0 100px; text-align: right;}
#promos p.texte-news {position: absolute; top: 70px; left: 0; width: 405px;}
a.plusN {text-transform: lowercase; margin: -11px 0 0 5px;}
#promos p.plus-news a.plusN:link, a.plusN:visited {font: 11px/28px verdana; color: #fff; text-decoration: none;}
#promos p.plus-news a.plusN:hover {font: 11px/28px verdana; color: #fff; text-decoration: underline;}
#promos p.plus-news a#current:link, #promos p.plus-news a#current:visited, #promos p.plus-news a#current:hover {font: 11px/28px verdana; color: #fff; text-decoration: underline;}
#promos p.plus-news a#last:link, #promos p.plus-news a#last:visited, #promos p.plus-news a#last:hover {font: 11px/28px verdana; color: #fff; text-decoration: underline;}

/******* PROFIL *******/
ul {list-style-type: none;}
li {margin: 0 0 5px 0;}
div#content {background: url(../images/filetv.gif) repeat-y; margin: 0 50px 0 229px;}
#container-profil .spacer {margin: 0 0 0 1px;}
#qui {width: 345px; margin: 35px 0 0 20px; font: 12px/18px georgia, times; color: #6D6F72;}
#qui p {margin: 0 0 10px 0;}
#qui a:link, #qui a:visited, #qui a:hover {color: #8EB342; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
#qui a img {vertical-align: middle;}
#qui strong {color: #252550; font-weight: normal;}
#activite {width: 275px; margin: 35px 0 0 0; padding: 0 0 0 57px; font: 12px/18px georgia, times; color: #737373; font-weight: bold;}
#activite a {font-weight: bold; color: #0033CC; text-decoration: none;}
#activite h2 {background: url(../images/h22.gif) no-repeat bottom left;}
#activite li {background: url(../images/activite.gif) no-repeat bottom left; padding: 0 0 8px 0;}
#activite li a:link, #activite li a:visited {color: #737373; text-decoration: none;}
#activite li a.active:link, #activite li a.active:visited, #activite li a.active:hover, #activite li a:hover {color: #8EB342; text-decoration: none;}
#activite span {font-weight: normal;}
#qui ul {margin: -10px 0 0 0; padding: 0;}
#qui ul li {margin: 0; padding: 0 0 0 12px; background: url(../images/fleche4.gif) no-repeat 0 6px;}
#qui ol {margin: -10px 0 0 23px; padding: 0; list-style-type: decimal;}
#qui h3 {margin: 0; padding: 0; font: 12px georgia; color: #252550; font-weight: bold; text-transform: none; background: none;}

/******* CONTACT *******/
#contact {padding: 35px 0 30px 95px; background: url(../images/filetv.gif) repeat-y; position: relative;}
#contact p {margin: 0 0 0 168px;}
#contact .intro {font: 12px/18px georgia, times; color: #000; width: 520px; margin: 0 0 30px 0;}
#contact #free {position: absolute; top: -50px; right: -100px; background: url(../images/free.gif) no-repeat; width: 66px; height: 33px;}
#contact .projet {margin: 0 0 20px 0;}
.button {font: 11px arial; color: #8EB342; border: 1px solid #8EB342; text-transform: uppercase; letter-spacing: 1px; background-color: #fff;}
#contact .button {margin: 0 0 0 64px;}
#contact .confirm {padding: 0 0 310px 0; margin: 0; font: 14px "arial narrow"; color: #1948B5;}

/******* COUNCIL *******/
#council {padding: 10px 0 20px 75px; background: url(../images/filetv.gif) repeat-y; position: relative;}
#council p {margin: 0 0 0 168px;}
#council .council1 {font: 12px/18px georgia, times; color: #000; width: 450px; margin: 0 0 7px 0;}
#council .council2 {font: 12px/18px georgia, times; color: #8EB342; width: 450px; margin: 0;}
#council .button {margin: 0 0 0 68px;}
#council .fichier {text-align: right; margin: -15px 0 10px 0;}
#fichier {margin: 0 0 0 77px;}
#free {position: absolute; top: -50px; right: -116px; background: url(../images/free.gif) no-repeat; width: 66px; height: 33px;}
#free span {display: none;}
select {width: 186px; font: 11px georgia, times;}
#council .confirm {padding: 0 0 385px 0; margin: 0; font: 14px "arial narrow"; color: #1948B5;}

/******* PRINT *********/
#print {padding: 35px 0 30px 95px; background: url(../images/filetv.gif) repeat-y; position: relative;}
#print p {margin: 0 0 0 168px;}
#print .council1 {font: 12px/18px georgia, times; color: #000; width: 370px; margin: 0 0 40px 0;}
#print .button {margin: 0 0 0 64px;}
#new {position: absolute; top: -50px; right: -100px; background: url(../images/new.gif) no-repeat; width: 66px; height: 33px;}
#new span {display: none;}
#print .confirm {padding: 0 0 340px 0; margin: 0; font: 14px "arial narrow"; color: #1948B5;}

/******** WORKS *********/
#works {background: url(../images/filetv.gif) repeat-y; position: relative; margin: -23px 0 0 0;}
#col1 {float: left;}
p.iframe {margin: 2px 2px 0 3px; padding: 0 0 9px 0; background: url(../images/filetv.gif) repeat-y top right; width: 271px;}
iframe {background: url(../images/point3.gif) repeat-x; margin: 5px 0 0 0; padding: 2px 0 0 0;}
#works ul.order {margin: 0 2px 0 0; padding: 2px 0 0 3px; background: url(../images/order.gif) no-repeat; width: 271px;}
#works ul.order li {float: left; margin: 0;}
#works ul.order li a {display: block;}
#works a#company:link, #works a#company:visited, #works a#company:hover {background-color: #9bc348; border-top: 3px solid #63861C; border-bottom: 3px solid #63861C; font: 10px georgia, times; color: #fff; font-weight: bold; text-transform: uppercase; padding: 1px 0 1px 12px; width: 98px; text-decoration: none;}
#works a.lettre:link, #works a.lettre:visited, #works a.lettre:hover {border-top: 3px solid #000033; border-bottom: 3px solid #000033; text-align: center; font: 11px georgia, times; color: #8EB342; padding: 0 0 1px 0; width: 16px; background: url(../images/point.gif) repeat-y; text-decoration: none;}
#works a#update:link, #works a#update:visited, #works a#update:hover {background-color: #6988CF; border-top: 3px solid #1948B5; border-bottom: 3px solid #1948B5; font: 10px georgia, times; color: #fff; font-weight: bold; text-transform: uppercase; padding: 1px 0 1px 5px; width: 55px; text-decoration: none;}
#works .select {background: url(../images/select.gif) no-repeat bottom left; padding: 0 0 4px 20px; width: 254px; font: 14px georgia, times; color: #010E2E; font-weight: bold;}
#works .orderby {background: url(../images/orderby.gif) no-repeat bottom left; padding: 3px 0 5px 20px; width: 254px;}
#works a#g {background: none;}
#works .order-menu {width: 150px; margin: 0 0 0 25px;}
#works p.title {width: 427px; font: 18px/20px georgia, times; color: #010E2E; text-align: right; margin: -2px 0 0 274px; padding: 1px 42px 2px 0; background: url(../images/title.gif) no-repeat bottom right;}
#works div.pagelist {width: 427px; margin: 0 0 0 274px; padding: 0 42px 1px 0; background: url(../images/pagelist.gif) no-repeat top right; position: relative;}
#works .list-menu {width: 120px; position: absolute; right: 0; margin: -22px 40px 0 0;}
#works .image {width: 445px; background: url(../images/image.gif) no-repeat; margin: 0 0 0 274px; padding: 3px 0 2px 0; text-align: center;}
#works p.image img {border: none; width: 374px; height: 353px;}
#works select {font: 11px verdana;}
#defilbox {font: 13px/13px times; color: #000; border: 1px solid #fff; margin: 0 10px 0 0; padding: 4px 0 2px 0; width: 285px; text-transform: uppercase;}
#defilbox2 {font: 13px/13px times; color: #000; border: 1px solid #fff; margin: 0; padding: 4px 0 2px 0; width: 420px; text-transform: uppercase;}

/******** UNSUBSCRIBE *********/
#unsubscribe {padding: 10px 0 250px 75px; background: url(../images/filetv.gif) repeat-y; position: relative;}
#unsubscribe p.intro {font: 12px/18px georgia, times; color: #000; width: 520px; margin: 0 0 30px 0;}
#unsubscribe .button {margin: 0 0 0 172px;}
#unsubscribe .confirm {padding: 0 0 168px 0; margin: 0; font: 14px "arial narrow"; color: #1948B5;}

/******** CADEAUX *********/
#works div.image {text-align: left;}
div.image ul#cadeaux {list-style-type: none; margin: 15px 0 10px 50px; padding: 0 0 7px 0; border-bottom: 1px solid #B2B2B2; width: 152px; height: 50px;}
div.image ul#cadeaux img {width: auto; height: auto;}
ul#cadeaux li {margin: 0; padding: 0; float: left;}
ul#cadeaux li#cprint {margin: 0 20px 0 0;}
ul#cadeaux li a {display: block; width: 66px; height: 43px; text-decoration: none;}
ul#cadeaux li a img {border: none;}
ul#cadeaux li a span {display: none;}
ul#packages {list-style-type: none; margin: 0 0 10px 50px; padding: 0; height: 168px;}
ul#packages li {margin: 0; padding: 0; float: left;}
ul#packages li#commandez {margin: 22px 15px 0 0;}
ul#packages li#commandez a {display: block; width: 145px; height: 146px; text-decoration: none;}
ul#packages li#recevez a {display: block; width: 145px; height: 168px; text-decoration: none;}
ul#packages li a img {border: none;}
ul#packages li a span {display: none;}
h4.cadeaux {font: 38px georgia, times; color: #1948B5; float: none; width: auto; background: none; margin: 0 0 5px 50px;}
div.image {height: 414px;}
div.image p {margin: 0 0 0 50px; width: 360px;}
div#PR, div#WE {position: relative;}
div#PR a, div#WE a {text-decoration: none; color: #1948B5;}
div.image p.boutons {margin: 10px 0 0 50px; text-align: right; height: 18px;}
div#PR p.boutons a, div#WE p.boutons a {font: 11px/16px georgia, times; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #1948B5; color: #666; display: block; width: 85px; text-align: center; float: right; margin: 0 0 0 10px;}

/******** POP *********/

#pop .button {margin: 0 0 0 64px;}
#pop h1 {background: none; font: 40px georgia, times; width: auto; height: 35px; text-transform: none; margin: 30px 0; padding: 0; color: #9BC348;}
#pop #logo {position: relative; margin: 0 10px 0 0; padding: 0; top: 0; left: 0;}
#pop div.pPop {border: 1px solid #fff;}
#pop div.pPop p {margin: 0 0 15px 0;}
#pop div.pPop p.rouge {color: #f00; background: url(../images/filet-bg.gif) no-repeat bottom left; margin: 0 0 8px 0; padding: 0 0 7px 0;}
#pop p.boutons {margin: 10px 0 0 50px; text-align: right; height: 18px;}
#pop p.boutons a {font: 11px/16px georgia, times; font-weight: bold; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; border: 1px solid #1948B5; color: #666; display: block; width: 85px; text-align: center; float: right; margin: 0 0 0 10px;}
#pop div.col {float: left; width: 350px; margin: 0; padding: 0;}
#pop .radio {margin: 5px 0 0 0;}
#pop p.spacer {clear: both;}
#pop p.trait {background: url(../images/trait.gif) no-repeat bottom left; padding: 0 0 10px 0;}