/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, b, u, i, center, 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-size: 100%; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } #facebox .b { background:url(../images/b.png); } #facebox .tl { background:url(../images/tl.png); } #facebox .tr { background:url(../images/tr.png); } #facebox .bl { background:url(../images/bl.png); } #facebox .br { background:url(../images/br.png); } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 10px; background: #fff; width: 370px; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px!important; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } body { margin: 0 auto 0 auto; padding: 0; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; color: #808084; background: url('../images/design/background.jpg') top left repeat-x #f9f9f2; text-align: left; vertical-align:top; height:100%; } body.accueil_1 { background: url('../images/design/background_accueil.jpg') top left repeat-x #f9f9f2;} a:link, a:visited { color:#39210A; text-decoration:none; } a:hover { color:#39210A; text-decoration:underline; } ul { color:#837f7f; color:#39210A; display:inline; float:left; margin-bottom:0px; margin-left:40px; margin-right:85px; } ol, ul { list-style-image:none; list-style-position:outside; list-style-type:disc; line-height:15px; font-size:11px; } li { color:#39210A;} table { #margin:0; #padding:0; } /* Main Elements ----------------------------------------------------------------------------------*/ .TEAMMain { width: 960px; margin-bottom: 30px; margin-left: auto; margin-right: auto; _height:auto; } .TEAMMain h1 { color:#837f7f; font-family: AntennaThin, Arial, sans-serif; font-size:25px; font-weight:normal; text-align:left; margin-left:0px; margin-top:20px; margin-bottom:24px; } .TEAMHeader { margin-bottom:37px; height: 185px; overflow:hidden; } .TEAMHeader.accueil_2 { height: 402px; overflow:hidden; margin-bottom:33px; } .TEAMLogo { margin: 0 auto; margin-top: 23px; width: 178px; height: 108px; overflow:hidden; } .TEAMLogo.accueil_3 { margin: 0 auto; margin-top: 19px; width: 821px; height: 321px; overflow:hidden; } .TEAMMenu { margin:0 auto; /*margin-top:15px;*/ height: 42px; overflow:hidden; text-align:center; } .TEAMMenu.accueil_4 { margin:0 auto; height: 42px; height: 48px; overflow:hidden; text-align:center; } .TEAMMenu p { display:inline; vertical-align:middle; font-size: 13px; margin:0 22px; font-family: Century Gothic, "Century Gothic", Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.3em; line-height:60px; color:#ffffff; } .TEAMMenu p a { color: white; } ul.TEAMMenu { margin:0; width:960px; /*margin-top:15px;*/ height: 47px; overflow:hidden; text-align:center; } ul.TEAMMenu li { display:inline; vertical-align:middle; font-size: 13px; margin:0 8px; font-family: Century Gothic, "Century Gothic", Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.3em; line-height:60px; color:#39210A; color:#ffffff; } ul.TEAMMenu li a.bouton { color: white; background:transparent none repeat scroll 0 0; border:0 none; color:white; cursor:pointer; display:inline-block; margin:0; padding:0; text-align:center; vertical-align:middle; white-space:nowrap; text-decoration: none; } ul.TEAMMenu li a.bouton span { background:transparent; float:left; padding:0 0 0 12px; _padding:0 0 0 12px; position:relative; vertical-align:middle; } ul.TEAMMenu li a.bouton.selected span, ul.TEAMMenu li a:hover span { background:transparent url(../images/design/bouton_gauche.png) no-repeat scroll left top; } ul.TEAMMenu li a.bouton.selected span, ul.TEAMMenu li a:hover span { _background:transparent; } ul.TEAMMenu li a.bouton span span { background:transparent; padding:0 12px 0 0; _padding:0 24px 0 0; } ul.TEAMMenu li a.selected.bouton span span, ul.TEAMMenu li a:hover span span { background:transparent url(../images/design/bouton_droite.png) no-repeat scroll right top;} ul.TEAMMenu li a.selected.bouton span span, ul.TEAMMenu li a:hover span span { _background:transparent;} ul.TEAMMenu li a.bouton span span span { background:transparent; height:29px; line-height:27px; padding:0 2px; _padding:0 2px; color:white; /*width:137px;*/ } ul.TEAMMenu li a.selected.bouton span span span, ul.TEAMMenu li a:hover span span span { background:transparent url(../images/design/bouton_centre.png) repeat-x scroll left top;} ul.TEAMMenu li a.selected.bouton span span span, ul.TEAMMenu li a:hover span span span { _background:transparent;} ul.TEAMMenu li a.selected.bouton span span span{ color:#39210b; _color:white; } ul.TEAMMenu li a { color: white; } .TEAMCyclePhotos { margin-top: 13px; margin-bottom: 11px; width:960px; overflow:hidden; height:120px; } .TEAMCyclePhotos img{ margin-right:9px; } h4.accordion_toggle { color:#837f7f; font-family: odilero, Arial, sans-serif; font-size:16px; font-weight:normal; text-align:left; } h5.accordion_toggle { color:#837f7f; font-family: odilero, Arial, sans-serif; font-size:14px; font-weight:normal; text-align:left; } hr { height: 1px; background: url("../images/design/separation_hori.png") no-repeat top left transparent; margin:0; padding:0; border:none; } .TEAMContent { width: 960px; height:589px; background: url(../images/backgrounds/bg_content.jpg) top left no-repeat transparent; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; text-align:left; } .TEAMContent h1 { color:#837f7f; font-family: AntennaThin, Arial, sans-serif; font-size:25px; font-weight:normal; text-align:left; margin-left:0px; margin-top:20px; margin-bottom:24px; } .TEAMContent h2 { color:#837f7f; font-family: AntennaThin, Arial, sans-serif; font-size:18px; font-weight:normal; line-height:18px; text-align:left; margin:20px; margin-left:80px; } .TEAMContent p { color:#837f7f; font-family: Arial, sans-serif; font-size:12px; line-height:20px; text-align:left; margin-bottom:24px; } .TEAMContent p { margin-bottom:6px; } .TEAMContent input[type=text], .TEAMContent input[type=file] { border: 2px solid #bd644d; width:250px; } .TEAMContent ul { color:#837f7f; font-family: Arial, sans-serif; font-size:12px; line-height:17px; text-align:left; margin-left:40px; margin-bottom:10px; list-style-type: disc; list-style-position: inside; } div.TEAMContenu table.ContactBrun { color: #39210A; } div.TEAMContenu p a { color: #39210A; text-decoration: none; } div.TEAMContenu p a:hover { color: #39210A; text-decoration: underline; } div.droite p a { color: #39210A!important; text-decoration: none; } div.droite p a:hover { color: #39210A!important; text-decoration: underline; } div.TEAMContenu div.ContactForm { position: relative; left: 120px; top: -45px; } table.PhoneNumbers { margin-bottom: 15px; } .TEAMContenu h2.ContactUs { margin-bottom: 10px; } .clear { clear: both!important; line-height: 0px!important; font-size: 0px!important; overflow: hidden!important; width: 0!important; height: 0!important; float: none!important; margin: 0!important; padding: 0!important; } .TEAMCopyright { clear: both; border-top: 1px solid #242729; padding-top: 15px; margin: 42px 0 50px 0; } /* * * phpMailer * * * */ .TEAMLabel { width:83px; padding:6px 0; } .TEAMInput { width:258px; vertical-align:middle; overflow:hidden; } input#contactFormButton { margin: 0; } .TEAMInput input, .TEAMInput textarea { width:250px; margin:6px 0; border: 1px solid #999997; background:white; } .TEAMInput textarea { height:90px; } strong.SEO { font-weight: normal; } .TEAMContenu { margin:0 auto; width:822px; overflow:hidden; } .TEAMContenu.accueil_5 h1 { margin-bottom:30px; } .TEAMContenu h1 { margin-top:0; margin-bottom:30px; font-family: Arial, sans-serif; font-family: Century Gothic, serif; font-size: 24px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 24px; color: #39210a; } .TEAMContenu.accueil_5 h2 { margin-bottom:30px; } .TEAMContenu h2 { margin-top:0; margin-bottom:25px; font-family: Century Gothic, serif; font-family: Arial, sans-serif; font-size: 24px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 24px; color:#39210a; } .TEAMContenu.accueil_5 h3 { margin-bottom:30px; } .TEAMContenu h3 { margin-top:0; margin-bottom:30px; font-family: Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 18px; color:#39210a; } .TEAMContenu.accueil_5 h4 { margin-bottom:30px; } .TEAMContenu h4 { margin-top:0; margin-bottom:10px; font-family: Helvetica, Arial, sans-serif; font-family: Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 23px; color:#39210a; } .TEAMContenu p { margin:0; margin-bottom:25px; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.7em; color:#5d5954; } .TEAMContenu p:last-child { margin:0 !important; /*background:red;*/ } .TEAMContenu td p { margin:0; margin-bottom:0px; font-family: Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.7em; color:#5d5954; color:#39210a; } .TEAMContenu.accueil_5 p { margin:0; margin-bottom:30px; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.7em; color:#5d5954; } .TEAMContenu p sup {font-size:10px;} .TEAMContenu.projets_speciaux p.references { margin-bottom:30px; border-top:1px solid #39210a;padding-top:5px;position:relative; top:-5px;font-size:10px;} .TEAMContenu ul { margin:0; margin-left:14px; _margin-left:16px; float:none; display:block; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; color:#5d5954; font-family: Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 1.4em; color:#39210a; } .TEAMContenu .TEAMBlocNouvelles { margin-top:6px; margin-left:38px; margin-right:6px; width:264px; float:right; /*min-height:300px;*/ } .TEAMContenu .TEAMBlocNouvelles .TEAMBlocNouvellesTop { height: 32px; width: 264px; background:url('../images/design/nouvelles_top.jpg') bottom center no-repeat transparent; overflow:hidden; } .TEAMContenu .TEAMBlocNouvelles .TEAMBlocNouvellesMiddle { padding-top:0px; padding-left:20px; padding-right:20px; padding-bottom:0px; width: 224px; /* 264-20-20 = 224*/ background:url('../images/design/nouvelles_middle.jpg') top center repeat-y transparent; overflow:hidden; } .TEAMContenu .TEAMBlocNouvelles .TEAMBlocNouvellesBottom { height: 6px; width: 264px; background:url('../images/design/nouvelles_bottom.jpg') top center no-repeat transparent; overflow:hidden; } .TEAMContenu .TEAMBlocNouvelles .TEAMBlocNouvellesMiddle p { margin-bottom:5px; line-height:1.4em; } .TEAMContenu .TEAMBlocNouvelles .TEAMBlocNouvellesMiddle p.LaDate { margin:0; margin-top:15px; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; color:#e8410e; } .TEAMContenu .TEAMBlocNouvelles .TEAMBlocNouvellesMiddle h1 { margin:0; font-family: Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.45em; color:#39210a; } .TEAMContenu .TEAMBlocNouvelles .TEAMBlocNouvellesMiddle p.LeTexte { margin:0; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; color:#5d5954; } .TEAMContenu .TEAMBlocNouvelles .TEAMBlocNouvellesMiddle p.LaSuite { margin-bottom:0px; } .TEAMContenu .TEAMBlocNouvelles .TEAMBlocNouvellesMiddle p.LaSuite a { margin:0; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; text-decoration: underline; letter-spacing: normal; color:#39210a; } .TEAMContenu .TEAMBlocNouvellesGauche { margin-top:30px; position:relative; left:129px; width: 247px; } .TEAMContenu .TEAMBlocNouvellesGauche h1, .TEAMContenu .TEAMLaNouvelle p.LaDate { margin-bottom:15px; font-family: Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; text-transform: uppercase; letter-spacing: normal; line-height: 1.5em; color:#e8410e; } .TEAMContenu .TEAMBlocNouvellesGauche h1 { color:#39210a; } .TEAMContenu .TEAMLaNouvelle p.LaDate { margin-bottom:0px; } .TEAMContenu .TEAMLaNouvelle ul, ol { color:#5d5954; margin-bottom: 25px; } .TEAMContenu .TEAMLaNouvelle li { color:#5D5954; font-family:Arial,sans-serif; font-size:12px; font-style:normal; font-weight:normal; letter-spacing:normal; line-height:1.7em; margin:0 0 15px; } .TEAMContenu .TEAMLaNouvelle h2.LeTitre { margin:0px; margin-top:-0px; margin-bottom:5px; font-family: Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 1.4em; color:#39210a; } .TEAMContenu .TEAMLaNouvelle h3 { margin:0px; margin-top:5px; margin-bottom:10px; font-family: Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; color:#39210a; } .TEAMContenu .TEAMBlocNouvellesGauche p { margin:0; margin-bottom:15px; color:#e8410e; } .TEAMContenu .TEAMBlocNouvellesGauche p a, .TEAMContenu .TEAMBlocNouvellesGauche p a:hover { color:#e8410e; text-decoration:none; } .TEAMContenu .TEAMBlocNouvellesGauche p a strong, .TEAMContenu .TEAMBlocNouvellesGauche p a strong:hover { font-weight:bold; color:#39210a; text-decoration:none; } .TEAMContenu .gauche { float:left; width:380px; } .TEAMContenu .droite { float:left; margin-left:46px; width:382px; } div.jcarousel-container { width: 302px!important; padding-left: 40px!important; padding-right: 40px!important; background-color: #F9F9F2!important; } div.jcarousel-clip { width: 302px!important; height: 77px!important; } li.jcarousel-item { display: block; width: 100px!important; height: 77px!important; margin-left: 0; margin-right: 0px!important; padding-right: 24px!important; #padding-right: 23px!important; margin-top: 0px!important; margin-bottom: 0px!important; } li.jcarousel-item img { border: 1px solid #39210B; } ul#mycarousel { margin: 0; } div#MainPhotoWrap img { border: 1px solid #39210B; } div#CarouselWrap { margin-top: 30px; margin-bottom: 30px; } .jcarousel-skin-tango .jcarousel-next-horizontal, .jcarousel-skin-tango .jcarousel-prev-horizontal { top: 20px!important; } .TEAMFooter { margin: 30px auto; padding-top:7px; width: 818px; color:#5d5954; font-size:10px; border-top: 1px solid #cecece; position:relative; left:-3px; }/** * This <div> element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 142px; height: 94px; } /** * The buttons are added dynamically by jCarousel before * the <ul> list (inside the <div> described above) and * have the classnames "jcarousel-next" and "jcarousel-prev". */ .jcarousel-next { z-index: 3; display: none; } .jcarousel-prev { z-index: 3; display: none; } .jcarousel-skin-tango .jcarousel-container { /* -moz-border-radius: 10px; border: 1px solid #346F97; */ background: transparent; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 547px; padding: 0px 40px; margin-top:20px; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 549px; height: 94px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-tango .jcarousel-item { width: 142px; height: 94px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 33px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(jcarousel/skins/tango/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 33px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(jcarousel/skins/tango/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 33px; width: 32px; height: 32px; cursor: pointer; background: transparent url(jcarousel/skins/tango/next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(jcarousel/skins/tango/prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; }