/* === Reset === */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {font-family:verdana,sans-serif; font-size:75%;background:#FFF url("i/bg.gif") repeat-x;padding-bottom:30px;color: black;line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
h1, h2, h3, h4 { font-weight:bold;margin-bottom:0.8em;}
h1 { font-size:200%;line-height:1em;}
h2 { font-size:150%;margin-top:1.5em;line-height:1.3em;clear:both}
h3 { font-size:116%;margin-top:1em;}
h4 { font-weight:bold;}
h1 span { display:block;}
p { padding-bottom:0.5em;line-height:1.3em;}
ul {margin:1em 0;}
ul li {background:url("i/puce1.gif") no-repeat 0 0.4em;padding-left:15px;margin-bottom:0.5em;}
ol li { list-style:decimal;margin-left:1.5em;font-size:84%;margin-bottom:0.5em;}
ol li span {font-size:116%;}
ul li ul {margin:0.5em 0 0.5em 0;}
ul li ul li {background:url("i/puce1.gif") no-repeat 0 0.4em;padding-left:15px;margin-bottom:0.5em;}
a:link, a:visited {color:#eda42a}
a:hover {color:#515051}
strong {font-weight:bold;}
.chapo { font-size:116%;line-height:1.2em;}
.surtitre {margin-top:1.8em;padding:0;clear:both;margin-bottom:-2.5em;color:#eda42a; text-transform:uppercase; font-size:84%;}
a.external:link, a.external:visited {background:url("i/externalLink.gif") no-repeat right 0.2em; padding-right:15px;}
a.external:hover {background:url("i/externalLinkHover.gif") no-repeat right 0.2em;}
blockquote {background:url("i/blockquoteBottom.gif") no-repeat right bottom;color:#eda42a;padding:12px 25px 12px 25px;margin-bottom:0.5em;}
/* === helper classes === */
.SelfClear:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.Clear {clear:both;display:block}
.Left {float:left;}
.Right {float:right;}
.AlignRight {text-align:right;}
.Hide {display:none}
.Print {display:none}
.no {background:none !important; border:none !important;margin:0 !important;}
.hidden {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#Page {margin:10px auto;position:relative;text-align:left;width:952px; color:#515051;line-height:1.2em;background:#FFF url("i/basic.jpg") no-repeat center bottom;}
/* ==== Template ==== */
#Page.agence, #Page.strategie, #Page.animation, #Page.production, #Page.actualites, #Page.offre, #Page.client {background:#FFF url("i/pageBottom.jpg") no-repeat center bottom;}
#Layout {background:url("i/pageTop.jpg") no-repeat;}
#ContentPane {}
#Content {position:relative;}
#MainContent {width:652px;float:left;position:relative;padding-left:50px;}
#ColonneContent { width:250px;float:left;}
.strategie {background:url("i/strategie.jpg") no-repeat;}
.client {background:url("i/client.gif") no-repeat 1px top;}
td {  border :2px solid #CCCCCC; padding:20px;}
/* = Nav1 = */
#Nav1 {position:absolute; top:0; right:0;display:inline;background:url("i/Nav1.png") no-repeat;width:547px;height:66px;padding-left:5px;text-transform:uppercase;line-height:1em;}
#Nav1 dl{display:table;height:100%;width:100%; font-size:13px}
#Nav1 dt {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#Nav1 dd {float:left;background:url("i/Nav1Sep.gif") no-repeat right 3px; text-align:center;padding-right:2px;position:relative;}
#Nav1 dd a {color:#790033; text-decoration:none; float:left; height:66px;padding:0 9px 0 9px;overflow:hidden;z-index:1;position:relative;}
#Nav1 dd.first a {width:43px;}
html[xmlns*=""] body:last-child #Nav1 dd.first a{width:39px;}
#Nav1 dd.last {padding-right:0;background:none;}
#Nav1 dd.last a {padding-right:13px;}
#Nav1 dd a:hover, #Nav1 dd a.on {color:#eda42a;background:url("i/Nav1Hover.png") no-repeat center top;cursor:pointer;}
#Nav1 dd.first a:hover, #Nav1 dd.first a.on {background:url("i/Nav1HoverFirst.png") no-repeat 1px 1px;}
#Nav1 dd.last a:hover, #Nav1 dd.last a.on {background:url("i/Nav1HoverLast.png") no-repeat right top;}
#Nav1 dd a span {display:inline-block;text-align:center;height:100%;padding-top:20px;}
#Nav1 dd.first a span {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
/* Nav2 - mégamenu */
#Nav1 dd div {display:none;}
#Nav1 dd:hover a {color:#eda42a;background:url("i/Nav1Hover.png") no-repeat center top;}
#Nav1 dd:hover div {background:url("i/Nav1MegTop.png") no-repeat;display:block; z-index:2;position:absolute;left:-10px;top:38px; width:348px;padding-top:20px;}
#Nav1 dd:hover div div {position:absolute;left:0;top:20px;padding:0;background:url("i/Nav1MegBottom.png") no-repeat left bottom; width:100%;padding-bottom:10px;}
#Nav1 dd:hover div#Sec1 {width:215px}
#Nav1 dd:hover div#Sec1 ul {width:200px;}
#Nav1 dd:hover div#Sec2 { background-position:-220px 0;}
#Nav1 dd:hover div#Sec2 div { background-position:-220px bottom;}
#Nav1 dd:hover div#Sec3 {right:-5px; left:auto;background-position:-590px 0;width:530px;}
#Nav1 dd:hover div#Sec3 div {background-position:-590px bottom;}
#Nav1 dd:hover div#Sec4 {right:0; left:auto;width:215px;background-position:-1124px 0;}
#Nav1 dd:hover div#Sec4 div {background-position:-1124px bottom;}
#Nav1 dd:hover div#Sec4 ul {width:200px;}
#Nav1 dd:hover .line { position:relative; background:none;top:0;left:10px;padding-top:0;padding-bottom:10px;width:100%;}
#Nav1 dd:hover .line ul { margin:0;padding:0; float:left;width:170px;}
#Nav1 dd:hover .line ul li { font-weight:bold;margin-bottom:0; background:none;}
#Nav1 dd:hover .line ul li a {display: inherit; height:auto;  padding-bottom:0.5em;text-transform: none;background:url("i/puce3.gif") no-repeat 0 0.2em;padding-left:15px;font-size:84%; text-align:left;color:#515051;}
#Nav1 dd:hover .line ul li a:hover {color:#eda42a; background:url("i/puce3.gif") no-repeat 0 0.2em;}
#Nav1 dd:hover .line ul li ul { margin-top:0; margin-bottom:0;border:none;clear:left;width:155px;}
#Nav1 dd:hover .line ul li li { font-weight:normal;padding-bottom:0;background:none; clear:both}
#Nav1 dd:hover .line ul li li a:link, #Nav1 dd:hover .line ul li li a:visited, #Nav1 dd:hover .line ul li li a:hover{ background:none;padding-left:10px;padding-bottom:0.3em;}
/* = Breadcrumbs = */
#Breadcrumbs {width:900px;font-size:94%;background:#f0f4f9 url("i/breadcrumbs.jpg") no-repeat center top; border-bottom:1px solid #e3dedc;color:#eda42a;padding:1px 30px 0 20px;margin:0 0 0 1px;}
#Breadcrumbs a{color:#515051; text-decoration:none;display:block;float:left;padding:8px 20px 8px 10px;background:url("i/breadcrumbsSep.gif") no-repeat right center;}
#Breadcrumbs a:hover {color:#eda42a;}
#Breadcrumbs span{display:block;float:left;padding:8px 20px 8px 10px;}
/* = Site Footer = */
#SiteFooter {font-size:84%;margin:0 auto; text-align:center; position:absolute;bottom:-20px; width:950px;}
#SiteFooter em {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#SiteFooter ul { display:inline;}
#SiteFooter li { display:inline;background:url("i/puce4.gif") no-repeat 0 0.2em;padding:0 4px 0 7px;}
#SiteFooter a { text-decoration:none;color:#515051;}
#SiteFooter a:hover {text-decoration:underline;}
#SiteFooter p { position:absolute;right:0;top:0;}
/* ==== Carrefour - Niveau 1 ==== */
.carrefour {line-height:1.2em;}
.carrefour h2 {line-height:1em;}
.carrefour .chapo {width:630px;}
/* = Carrefour - Clients = */
.clients .carrefour {padding:20px 30px 40px 30px;background:url("i/clients-carrefour.jpg") no-repeat center bottom;}
.clients .carrefour #Carousel {position:relative;margin-top:20px;width:891px;height:420px;}
.clients .carrefour #Carousel .liste {background:url("i/carousel-liste.png") no-repeat;width:180px;height:298px;margin-top:10px;padding:12px 10px 20px 10px;font-size:94%; overflow:hidden;}
.clients .carrefour #Carousel .liste li {background:url("i/puce3.gif") no-repeat 0 0.20em;margin-bottom:1em;}
.clients .carrefour #Carousel .liste a { text-decoration:none;color:#515051;}
.clients .carrefour #Carousel .liste a:hover, .clients .carrefour #Carousel .liste a.on {color:#eda42a;}
.clients .carrefour #Carousel .ElementsContent {position:absolute;top:0;right:0;width:695px;height:317px;background:url("i/carousel-elements.jpg") no-repeat right top;}
.clients .carrefour #Carousel .ElementsContent .info {position:absolute;top:30px;right:20px;width:204px;}
.clients .carrefour #Carousel .ElementsContent .info .Catchline {padding-top:0.5em;}
.clients .carrefour #Carousel .ElementsContent .info .push {position:absolute;left:0;top:215px;width:204px;}
.clients .carrefour #Carousel .scroll {position:absolute;right:2px;bottom:0;width:881px;height:70px;padding:10px 0 0 10px;background:url("i/carousel-logo.png") no-repeat;}
.clients .carrefour #Carousel .scroll a.browse {display:block;width:11px;height:60px;float:left;cursor:pointer;margin-top:1px;}
.clients .carrefour #Carousel .scroll a.browse span {visibility:hidden;display:none;}
.clients .carrefour #Carousel .scroll .Arrow {width:11px;height:60px;cursor:pointer;z-index:999;}
.clients .carrefour #Carousel .scroll .left {background:transparent url(i/carousel-left.gif) no-repeat;}
.clients .carrefour #Carousel .scroll .right {background:transparent url(i/carousel-right.gif) no-repeat;}
.clients .carrefour #Carousel .scroll .disabled {visibility:hidden !important;} 
.clients .carrefour #Carousel .scroll .scrollable {text-align:center;width:841px;overflow:hidden; margin-left:8px;position:relative; float:left;height:62px;}
.clients .carrefour #Carousel .scroll ul {margin:0;padding:0;width:20000px !important;position:absolute; clear:both;}
.clients .carrefour #Carousel .scroll li {display:block;float:left;padding-left:0;background:#FFFFFF;margin-right:15px;margin-bottom:0;height:62px}
.clients .carrefour #Carousel .scroll li img {width:60px;height:60px;border:1px solid #e3dedc;cursor:pointer;}
.clients .carrefour #Carousel .scroll li img.on {border:1px solid #b5b1af;}
/* = Carrefour - Prestations = */
.prestations .carrefour {padding:20px 30px 40px 30px;background:url("i/prestations-carrefour.jpg") no-repeat center bottom;height:547px;min-height:547px;position:relative;}
.prestations .carrefour .chapo {width:385px;}
.prestations .carrefour .strategie,.prestations  .carrefour .animation,.prestations .carrefour .production { width:360px; padding:0 0 12px 0;position:absolute;}
.prestations .carrefour div div {padding:20px 15px 8px 15px;}
.prestations .carrefour h2{ font-size:116%; width:200px;margin-top:0;}
.prestations .carrefour p{ width:200px;}
.prestations .carrefour p.push { width:auto;}
.prestations .carrefour .strategie {background:url("i/prestations-carrefour-strategieBottom.gif") no-repeat center bottom !important;left:487px;top:41px;}
.prestations .carrefour .strategie div {background:url("i/prestations-carrefour-strategieTop.jpg") no-repeat center top;}
.prestations .carrefour .strategie h2 {color:#d14e7c;}
.prestations .carrefour .strategie .push {background:#d14e7c;}
.prestations .carrefour .strategie .push a:link,.prestations .carrefour .strategie .push a:visited {background:url("i/puce5.gif") no-repeat 10px 0.4em;}
.prestations .carrefour .production {background:url("i/prestations-carrefour-conceptionBottom2.gif") no-repeat center bottom !important;left:53px;top:228px;}
.prestations .carrefour .production div {background:url("i/prestations-carrefour-conceptionTop2.gif") no-repeat center top;}
.prestations .carrefour .production h2 {color:#d0c21b;}
.prestations .carrefour .production .push {background:#d0c21b;}
.prestations .carrefour .production .push a:link,.prestations .carrefour .animation .push a:visited {background:url("i/puce6.gif") no-repeat 10px 0.4em;}
.prestations .carrefour .animation {background:url("i/prestations-carrefour-productionBottom2.gif") no-repeat center bottom !important;left:539px;top:337px;}
.prestations .carrefour .animation div {background:url("i/prestations-carrefour-productionTop2.gif") no-repeat center top;}
.prestations .carrefour .animation h2 {color:#87b3d6;}
.prestations .carrefour .animation .push {background:#87b3d6;}
.prestations .carrefour .animation .push a:link,.prestations .carrefour .production .push a:visited {background:url("i/puce7.gif") no-repeat 10px 0.4em;}
/* = Carrefour - Agence = */
#Page.agence .carrefour {padding:20px 30px 110px 30px;background:url("i/agence-carrefour.jpg") no-repeat center bottom;}
.agence .carrefour h2 {font-size:125%;margin-top:0.2em;}
.agence .carrefour .boxM {margin-top:20px;}
.agence .carrefour .boxS {height:190px;min-height:190px;position:relative; float:left;margin:20px 20px 0 0;}
.agence .carrefour .boxM .push {margin-top:0.2em;margin-bottom:0.3em;}
.agence .carrefour .boxS .push {position: absolute; left:10px; bottom:10px; width:255px;}
.agence .carrefour #Reperes {position:absolute;top:145px;right:40px;width:190px;}
.agence .carrefour #Reperes h2 {border-bottom:1px solid #e3dedc;padding:0 0 5px 10px;margin-bottom:0;}
.agence .carrefour #Reperes dl {padding-left:10px;}
.agence .carrefour #Reperes dt {font-weight:bold;padding-top:1em;}
.agence .carrefour #Reperes dd {padding-top:0.2em;}
.agence .carrefour #Reperes .repere1 {background:url("i/repere1.png") no-repeat;padding-top:1.3em;margin-top:5px;}
.agence .carrefour #Reperes .repere2 {background:url("i/repere2.png") no-repeat;padding-top:1.3em;margin-top:5px;}
.agence .carrefour #Reperes .repere3 {background:url("i/repere3.png") no-repeat;padding-top:1.3em;margin-top:5px;}
.agence #Content .questions .full {padding:0 195px 0 145px;}
/* ==== Carrefour - Niveau 2 ==== */
.carrefour2 {line-height:1em;}
.carrefour2 h2 {margin-top:1.3em;}
.carrefour2 #MainContent {padding:20px 0 0 202px;width:500px;}
.carrefour2 #MainContent .push {margin-top:0.5em;}
.carrefour2 #ColonneContent {padding-top:20px;}
/* = Carrefour2 - Clients = */
/* = Carrefour2 - Prestations = */
/* = Carrefour2 - Agence = */
#Page.agence .carrefour2 {padding-bottom:125px;padding-top:0;background:url("i/agence-carrefour2.jpg") no-repeat center bottom;}
#Page.actualites .carrefour2 {padding-bottom:125px;padding-top:0;background:url("i/actualites-carrefour2.jpg") no-repeat center bottom;}
.agence .carrefour2 div {background:url("i/agence.jpg") no-repeat 1px top;}
.agence .carrefour2 div div{background:none;}
.actualites .carrefour2 div {background:url("i/actualites.jpg") no-repeat 1px top;}
.actualites .carrefour2 div div{background:none;}
.actualites .carrefour2 h2 {margin-top:0}
.actualites .carrefour2 h3 {margin-bottom:0; margin-top:3em; color:#bbbbbb; font-size:92%;}
/* ==== Type ==== */
#Content.article {padding:20px 0 60px 0;}
.article h1, .article .chapo {padding-left:140px;}
/* = Agence = */
.agence #Content {background:url("i/agence.jpg") no-repeat 1px top;}
.agence #Content.carrefour div {background:none;padding:0;}
/* = Prestations = */
.strategie #Content {background:url("i/prestations-strategie.jpg") no-repeat 1px top;}
.production #Content {background:url("i/prestations-conception.jpg") no-repeat 1px top;}
.animation #Content {background:url("i/prestations-production.jpg") no-repeat 1px top;}
/* Règles d'or et FAQ */
.fullslist {position:relative;min-height:300px;}
.fullslist .full {position:absolute;top:0;left:0}
.questions {padding-left:50px}
.questions h1, .questions .chapo {width:470px;}
.questions h2 {margin-top:0.5em;}
.questions h2 span {color:#FFFFFF;background:#eda42a;font-size:82%;width:25px;display:inline-block; text-align:center; margin-right: 5px}
.questions .teasers {background:url("i/questionsBottom.gif") no-repeat center bottom !important;margin-top:1px;width:850px}
.questions .teasers ul {background:url("i/questionsTop.gif") no-repeat center top;padding:30px 0 20px 15px;margin:0;}
.questions .teasers li {background:none; float:left;width:260px;  padding:0 10px 2em 0;}
.questions .teasers li span {color:#FFF; background:#eda42a;width:20px;display:inline-block; text-align:center;}
.questions .teasers li a { text-decoration:none; color:#515051; padding-left:5px}
.questions .teasers li a:hover, .questions .teasers li a.on {color:#eda42a;}
.questions .column {width:700px;}
.questions .column div {vertical-align:top;}
.faq .teasers li {background:url("i/puce3.gif") no-repeat 0 0.3em;padding-left:15px;width:252px;}
.faq .teasers li a {padding-left:0 !important}
/* = Client = */
.client #Content {background:url("i/client.jpg") no-repeat 1px top;padding:20px 0 30px 0;}
.client h1 {margin-left:180px;width:450px;line-height:1.2em;}
.client #MainContent {padding-bottom:30px;}
.client #MainContent.etudedecas, .client #MainContent.temoignage {padding-bottom:50px;}
.client #MainContent #Presentation div { width:178px; float:right;height:283px;min-height:283px;padding-top:15px;position:relative;}
.client #MainContent #Presentation div .push {position:absolute;left:0;bottom:0;width:100%;}
.client #MainContent #Presentation a.screenshot {background:url("i/client-screen.gif") no-repeat left 275px;width:450px;padding-bottom:50px;display:block;} 
.client #MainContent #Etude {}
.client #MainContent.temoignage .chapo.citation {margin-left:180px;width:428px;}
/* = Contacts = */
.contacts {padding:20px 30px 30px 40px;height:550px;min-height:550px;}
.contacts dl {width:325px;}
.contacts h2 {background:url("i/puce8.gif") no-repeat 0 0.3em;padding-left:40px;margin:0.8em 0 0.8em 0;font-size:100%;}
.contacts form {display:table;}
.contacts input {color:#515051;display:table-cell}
.contacts dd ul li {line-height:1.4em}
.contacts p {padding-right:8px;}
.contacts input#text {border:1px solid #e3dedc;font-family:verdana,sans-serif;}
.contacts input#submit {background:url("i/OK.png") no-repeat; height:30px;width:30px;color:#FFF; font-size:84%;text-align:center;cursor:pointer;border:0;margin-left:8px; vertical-align:middle;}
.contacts #Address {width:500px}
.contacts #Address {position:absolute;top:46px;left:150px;}
.contacts #Address .situation {float:left;width:165px;}
.contacts #Address .access {float:left;width:200px}
.contacts #Map {position:absolute;top:57px;right:30px;background:url("i/contact-map.jpg") no-repeat left bottom;padding-bottom:92px;}
.contacts #Map #map_canvas{border:1px solid #e3dedc;}
.contacts #Map #DixxitMap {background:url("i/contact.png") no-repeat top right;position:absolute;top:-57px;left:-140px;padding:500px 0 0 150px;width:100%;}
.contacts dt {background:url("i/puce8.gif") no-repeat 0 0.3em;padding-left:40px;margin:1.3em 0 0.5em 0; font-size:116%; font-weight:bold;}
.contacts .formulaire { display:none; width:400px;background-color:#fff; }
.contacts .formulaire h3 { margin-top:0;}
.contacts .formulaire form {position:relative;}
.contacts #Map #DixxitMap form {padding:0;border:0; background:transparent;}
.contacts .formulaire textarea {width:347px;}
.contacts .ContactFormMessage {width:230px;font-weight:bold;z-index:999;line-height:1.2em;color:#EDA42A;font-size:88%;}
.contacts .ContactFormMessage img {padding-right:5px;}
/* = Livre blanc = */
.livre-blanc-telechargement .checkboxes input {margin-right:4px;}
.livre-blanc-telechargement select {margin-right:8px;}
.livre-blanc-telechargement .confidentialite, .livre-blanc-telechargement .checkboxes {margin-top:8px;}
/* = Recrutement = */
.recrutement {background:url("i/basic-recrutement.jpg") no-repeat center top;padding:20px 300px 30px 40px;margin-bottom:10px;}
.recrutement h2 {background:url("i/puce8.gif") no-repeat 0 0.1em;padding-left:40px;margin:1.3em 0 1.3em 0;font-size:100%;font-weight:bold;}
/* = Presse = */
.presse {background:#FFFFFF url("i/basic-presse.jpg") no-repeat center top;padding:20px 300px 30px 40px;margin-bottom:10px;height:540px;min-height:540px;}
.presse dt {background:url("i/puce8.gif") no-repeat 0 0.3em;padding-left:40px;margin:1.3em 0 0.5em 0;}
.presse dl li {background:none;padding:0;margin:0}
/* = Actualité = */
.actualites #Content {background:url("i/actualite.jpg") no-repeat 1px top;}
.actualites .une {position:absolute;top:5px;left:50px;}
/* = Offre = */
.offre #Content {background:url("i/offre.jpg") no-repeat 1px top;}
.offre .une {position:absolute;top:70px;left:50px;}
/* ==== Accueil ==== */
#Page.home {background:url("i/home.jpg") no-repeat center bottom;}
.home #Content {padding:0 26px 0 31px;}
.home .chapo { width:350px;padding:20px 0 20px 0;}
.home #Presta { display:inline-block;margin:0;padding:0;height:192px; font-size:108%; font-weight:bold;}
.home #Presta li {width:140px; display:inline-block;height:100%; padding:1px 1px 0 1px;float:left;}
.home #Presta li span {background:url("i/homeOffre.png") no-repeat;padding:10px 25px 10px 15px; display:block;}
.home #Presta .strategie {background:url("i/homeStrategie.jpg") no-repeat left top;}
.home #Presta .production {background:url("i/homeConception.jpg") no-repeat left top;}
.home #Presta .animation {background:url("i/homeProduction.jpg") no-repeat left top;width:140px;padding-right:20px;}
.home #Presta .strategie a {color:#D14E7C;}
.home #Presta .animation a {color:#87B3D6;}
.home #Presta .production a {color:#D0C21B;}
.home #Presta a {text-decoration:none;display:block; height:100%;}
.home #Presta a:hover {text-decoration:underline;}
.home #Actu {position:absolute;top:9px;right:25px;background:url("i/homeActu.jpg") no-repeat;width:449px;height:289px; overflow:hidden;}
.home #Actu h2 {text-transform:uppercase; font-size:134%;background:url("i/actu.gif") repeat-x;padding-left:65px;margin:0.8em 10px 0.8em 10px; font-weight:normal} 
.home #Actu h2 span {background:#FFFFFF;padding:0 10px 0 10px;}
.home #Actu #Teasers {position:absolute;bottom:39px;left:1px;z-index:2}
.home #Actu dl {width:189px; line-height:1.1em;padding:8px 10px 0 10px; height:58px;border-bottom:1px solid #e3dedc;}
.home #Actu .two dl {height:92px;}
.home #Actu dt {color:#888888;font-size:94%;}
.home #Actu dd {background:url("i/puce9.gif") no-repeat 0 0.2em; text-indent:1.5em; font-size:94%;}
.home #Actu dl:hover dd, .home #Actu dl.on dd {background:url("i/puce3.gif") no-repeat 0 0.2em;font-size:100%;}
.home #Actu dl.teaser1 {background:url("i/homeActuTeaser1.png") no-repeat;width:200px;border:0;}
.home #Actu dl.teaser2 {background:url("i/homeActuTeaser.jpg") no-repeat 0 -67px;border-right:1px solid #e3dedc;border-top:1px solid #e3dedc;}
.home #Actu dl.teaser3 {background:url("i/homeActuTeaser.jpg") no-repeat 0 -134px;border-right:1px solid #e3dedc;height:59px;}
.home #Actu dl:hover, .home #Actu dl.on {cursor:pointer;}
.home #Actu dl.on {background:none;border-right:none;}
.home #Actu #Full {position:absolute;bottom:1px;left:1px;height:240px;overflow:hidden}
.home #Actu #Full .items {position:relative;height:20000em;}
.home #Actu .item {position:relative;height:240px;}
.home #Actu .item p {position:absolute;top:20px;left:230px;z-index:2; width:200px;}
.home #Actu .item p.push {height:13px;position:absolute;right:0;top:202px;}
.home #Actu .item img {z-index:1;border-top:1px solid #e3dedc;}
.home #Actu #Link {position:absolute;left:1px;bottom:0; z-index:2;height:39px;width:190px;padding:0 10px 0 10px;background:url("i/homeActuLink.jpg") no-repeat -1px -1px;}
.home #Actu .push { line-height:1em; font-size:94%}
.home #Relais {line-height:1.2em;margin-bottom:177px;}
.home #Relais .item {background:url("i/homeRelaisTop.jpg") no-repeat center top;width:285px; display:inline-block;float:left;position:relative;margin-left:19px;margin-top:29px;padding-top:16px;}
.home #Relais .first {background:url("i/homeRelaisTopFirst.jpg") no-repeat center top;margin-left:0;}
.home #Relais .item div {background:url("i/homeRelaisBottom.jpg") no-repeat center bottom;padding:0 10px 20px 10px;}
.home #Relais .first div {background:url("i/homeRelaisBottomFirst.jpg") no-repeat center bottom;}
.home #Relais .item div div { background:none;padding:0 0 0 85px;}
.home #Relais .item div img {position:absolute;left:10px;bottom:45px;}
.home #Relais .item div h3 {margin:0 0 0.3em 0;padding-top:10px; font-size:108%;}
.home #Relais .item div p {font-size:94%;}
.home #Relais .item div p.push {margin-top:0;padding-right:10px;}
.home #Relais .first  p.push {background:none;}
/* ==== Layout ==== */
/* = Header = */
#Header {padding:15px 0 16px 30px; }
#Header dt { background:none;padding:0;margin:0;}
#Header dd {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#Header img {width:215px; height:125px;}
/* ==== Modules ==== */
/* == Citation == */
.citation {width:500px;/*width:100%;*/ background:url("i/blockquoteTop.gif") no-repeat;margin:1em 0 1em 50px;}
.boxContainer {color:#515051;background:none;}
.citation ul {font-size:84%; text-align:right;}
.citation li {background:none;margin-bottom:0;line-height:1.1em;}
.boxL.temoignage {position:relative}
.boxL.temoignage .boxContainer .citation, .boxM.temoignage div .citation {background:url("i/blockquoteTop.gif") no-repeat !important; font-size:100%;margin-left:0;width:95%}
.boxL.temoignage .boxContainer .citation blockquote { width:55%; float:left;}
.boxL.temoignage .boxContainer .citation ul {position:absolute;bottom:4px; right:10px; width:25%;margin:0;float:left; font-size:100%;padding:0 80px 30px 0;}
.boxL.temoignage .boxContainer .citation img {position:absolute;bottom:0; right:0;}
.boxL.temoignage .boxContainer .citation .name {font-size:116%;}
/* == Fausses colonnes == */
.column { display:table;width:100%;}
.column div { display:table-cell; vertical-align:bottom;}
.column div.cellM { width:418px;padding-left:20px;}
.column div.cellS { width:295px;padding-left:20px;}
.column div.cellXS { width:162px;padding-left:20px;}
/* == Boites == */
.boxL .boxContainer h4, .boxM .boxContainer h4, .boxS .boxContainer h4, .boxXS .boxContainer h4, .astuce .boxContainer h4{font-weight:normal;font-size:116%;}
blockquote.boxContainer {padding:0;}
.boxL .boxContainer ,.boxM .boxContainer ,.boxS .boxContainer ,.boxXS .boxContainer, .astuce .boxContainer {font-size:94%;}
.boxL {width:648px; background:url("i/boxLBottom.gif") no-repeat left bottom !important;margin-top:1em;}
.boxL .boxContainer {background:url("i/boxLTop.gif") no-repeat !important;padding:10px 10px 5px 10px !important;width:628px;}
.boxM {width:415px;background:url("i/boxMTop.gif") no-repeat !important;padding-top:10px;margin:1em 0 1em 120px;}
.boxM .boxContainer {background:url("i/boxMBottom.gif") no-repeat left bottom !important;padding:0 10px 5px 10px !important;width:395px;}
.agence .carrefour .boxM {width:570px;background:url("i/boxMBottom-Agence.gif") no-repeat left bottom !important;padding-top:0;margin:1em 0 0 0;font-size:108%;}
.agence .carrefour .boxM .boxContainer {background:url("i/boxMTop-Agence.gif") no-repeat !important;padding:10px 10px 5px 10px !important;width:550px;}
.agence .carrefour .boxS {font-size:108%;}
.recrutement .boxM {margin-left:0;}
.boxS {width:275px;background:url("i/boxSBottom.gif") no-repeat left bottom !important;}
.boxS .boxContainer {background:url("i/boxSTop.gif") no-repeat !important;padding:10px 10px 5px 10px !important;width:255px;}
.boxXS {width:157px;background:url("i/boxXSBottom.gif") no-repeat left bottom !important;}
.boxXS .boxContainer {background:url("i/boxXSTop.gif") no-repeat !important;padding:10px 10px 5px 10px !important;width:140px}
.boxXS .boxContainer li {background:url("i/puce1.gif") no-repeat 0 0.35em;padding-left:10px;}
#ColonneContent .box {width:192px;background:url("i/boxColTop.gif") no-repeat !important; margin:0 0 20px 28px;}
#ColonneContent .box .boxContainer {background:url("i/boxColBottom.gif") no-repeat center bottom !important;padding:20px 0 10px 0 !important;}
#ColonneContent .box h4 {font-size:116%;padding-left:11px;padding-right:11px;margin-bottom:0;}
#ColonneContent .box dl {padding:10px 11px 0 11px; background:url("i/boxColSep.gif") no-repeat center top;margin-top:10px;}
#ColonneContent .box dt {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#ColonneContent .box ul {padding:10px 11px 0 11px;}
#ColonneContent .box li {background:url("i/puce3.gif") no-repeat 0 0.25em;padding-left:18px;}
#ColonneContent .box li a {color:#eda42a; text-decoration:none;}
#ColonneContent .box li a:hover {text-decoration:underline;}
#ColonneContent .box p {padding:10px 11px 0 11px;}
#ColonneContent .box .reglesdor li {background:none;padding-left:0;}
#ColonneContent .box .reglesdor span {background:#eda42a;padding:0 3px;color:#FFF;margin: 0 2px;}
.plus h4 {margin-left:-9px;}
.plus h4 span {color:#FFF;background:url("i/plusBg.gif") repeat-x; float:left; padding-left:10px;margin-right:5px;}
.astuce {background:url("i/actuceBottom.gif") no-repeat right bottom !important; width:281px;}
.astuce .boxContainer {background:url("i/astuceTop.gif") no-repeat right top !important;padding:10px 20px 20px 60px;}
.astuce .boxContainer h4 {padding-left:25px; font-weight:normal;}
.archives {width:509px;background:url("i/boxArchivesBottom.gif") no-repeat left bottom !important; margin-top:3em;margin-bottom:1px;}
.archives .boxContainer {background:url("i/boxArchivesTop.gif") no-repeat !important;padding:10px 20px 5px 20px !important;}
.archives h2 {color:#bbbbbb;}
.archives li {margin-left:20px;float:left;}
/* ==== Misc ==== */
form { background:#FFFFFF; border:1px solid #e3dedc; padding:10px 20px;}
fieldset {padding-bottom:1em;}
legend { display:table-row; font-weight:bold;padding-bottom:0.5em;}
label { display:table-cell;margin:0.3em 0;padding-right:10px;}
form p { display:table-row;}
form p.submit { text-align:center;}
form p.submit input {font-weight:bold;border:2px solid #e3dedc; }
label span {clear:both; font-size:75%;}
input, select, textarea {color:#515051;font-family:verdana,sans-serif;font-size:100%;border:1px solid #e3dedc;background:#f4f4f4;margin:0.3em 0;}
textarea {padding:5px}
.opt label {float:right;width:90%;margin-top:0;}
input.bad {border:1px solid #CC0000;}
label.red {color:#FF0033;display:block;margin-bottom:5px;margin-top:-6px;}
#formMsg {color:#CC0000;}
#dixxit_more_dixxit label {display:block;font-weight:bold;}
.push { background:#eda42a url("i/puce3.gif") no-repeat 10px 0.25em;margin-top:1em;padding-bottom:2px; line-height:1em;}
.push a:link,.push a:visited {color:#FFFFFF; text-decoration:none;padding:1px 0 0 25px;display:block;}
.push a:hover {text-decoration:underline;}
#ColonneContent .box .push {background:transparent url("i/puce3.gif") no-repeat 10px 1em; margin:0;}
#ColonneContent .box .push a {color:#eda42a; text-decoration:none; padding-left:18px;}
#ColonneContent .box .push a:hover {text-decoration:underline;}
.home #Actu #Link .push a, .home #Relais .item div .push a {padding-left:23px;}
.home #Relais .item div .push a {background:url("i/puce3.gif") no-repeat 10px; margin:0;}
.illus { width:100%; text-align:center;}
#prompt div.close {background-image:url("i/close.gif");cursor:pointer;height:20px;position:absolute;right:20px;top:5px;width:18px;z-index:150;}
input:focus, select:focus, textarea:focus {border:1px solid #b0adad;}