/*
Projet : WITAM
Prestataire : Sébastien CHERIAUX - www.droledepixel.com
Raccourcis : -o : outer, -i : inner, -c : center, -l : left, -t:top, -b:bottom, -r : right, col : colonne, mid : middle, bl : bloc
Structure :
main -> head / mid / foot
mid -> col-l / col-r

bl : bloc page accueil
*/

/* ***************************************** GENERAL */
* { padding:0; margin:0; border:0; }
a { text-decoration:none; cursor:pointer; outline:0 none; color:#a50225; }
li { list-style:none; }
label { cursor:pointer; }
.close-tb { /*position:absolute; right:15px; top:15px;*/ padding:0 15px 0 0; background:url(skin/btn-close-bt.gif) no-repeat 100% 3px; }

/* elements en clearfix */
.taber .ui-tabs-nav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.taber .ui-tabs-nav { display:inline-block; }
/*hides from IE mac \*/
* html .taber .ui-tabs-nav { height:1%; }
.taber .ui-tabs-nav { display:block; }
/*end hides from IE mac*/

/* elements en clearfix */
.cf:after, #line-1:after, #line-1 form:after, #mid:after, #mid-hp:after, .sm:after, #carEquipe:after, .partners:after, .partners li a:after, .presse li h2:after, .client p:after, .jcarousel-clip .ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cf, #line-1, #line-1 form, #mid, #mid-hp, .sm, #carEquipe, .partners, .partners li a, .presse li h2, .client p, .jcarousel-clip .ul { display:inline-block; }
/*hides from IE mac \*/
* html .cf, * html #line-1, * html #line-1 form, * html #mid, * html #mid-hp * html .sm, * html #carEquipe, * html .partners, * html .partners li a, * html .presse li h2, * html .client p, * html .jcarousel-clip .ul { height:1%; }
.cf, #line-1, #line-1 form, #mid, #mid-hp, .sm, #carEquipe, .partners, .partners li a, .presse li h2, .client p, .jcarousel-clip .ul { display:block; }
/*end hides from IE mac*/

/* ***************************************** STRUCTURE - HEAD - MID - FOOT */
body { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#35322e; background:#35322e; }
#main-o { margin:0 auto; width:980px; background:url(skin/bg-main-o.gif) no-repeat 0 100%; padding:0 0 5px 0; }
#main { background:#fff url(skin/bg-main.gif) repeat-y; padding:0 5px; }

/* ***************************************** PLUGINS */
/* tabs */
.taber { margin:0 0 15px 0; }
.ui-tabs-hide { display:none; }
.taber .ui-tabs-nav { width:680px; margin:0 !important; }
.taber .ui-tabs-nav li { display:inline; float:left; margin:0 2px 0 0; padding:0 !important; background:none !important; }
.taber .ui-tabs-nav a { display:block; float:left; padding:0 15px 0 0; background:url(skin/tab.png) no-repeat 100% -100px; margin:1px 0 0 0; }
.taber .ui-tabs-nav a span { display:block; padding:0 0 0 15px; background:url(skin/tab.png) no-repeat; line-height:27px; font-weight:bold; color:#69707d; }
.taber .ui-tabs-nav .ui-tabs-selected a { position:relative; top:1px; margin-top:0; }
.taber .ui-tabs-nav .ui-tabs-selected a span { padding-bottom:1px; }
.taber .ui-tabs-nav .ui-tabs-selected a, .taber .ui-tabs-nav a:hover, .taber .ui-tabs-nav a:focus, .taber .ui-tabs-nav a:active { background-position:100% -150px; text-decoration:none !important; }
.taber .ui-tabs-nav a, .taber .ui-tabs-nav .ui-tabs-disabled a:hover, .taber .ui-tabs-nav .ui-tabs-disabled a:focus, .taber .ui-tabs-nav .ui-tabs-disabled a:active { background-position:100% -100px; }
.taber .ui-tabs-nav .ui-tabs-selected a span, .taber .ui-tabs-nav a:hover span, .taber .ui-tabs-nav a:focus span, .taber .ui-tabs-nav a:active span { background-position:0 -50px; }
.taber .ui-tabs-nav a span, .taber .ui-tabs-nav .ui-tabs-disabled a:hover span, .taber .ui-tabs-nav .ui-tabs-disabled a:focus span, .taber .ui-tabs-nav .ui-tabs-disabled a:active span { background-position:0 0; }
.taber .ui-tabs-nav .ui-tabs-selected a:link, .taber .ui-tabs-nav .ui-tabs-selected a:visited, .taber .ui-tabs-nav .ui-tabs-disabled a:link, .taber .ui-tabs-nav .ui-tabs-disabled a:visited { cursor:text; }
.taber .ui-tabs-nav a:hover, .taber .ui-tabs-nav a:focus, .taber .ui-tabs-nav a:active, .taber .ui-tabs-nav .ui-tabs-deselectable a:hover, .taber .ui-tabs-nav .ui-tabs-deselectable a:focus, .taber .ui-tabs-nav .ui-tabs-deselectable a:active { cursor:pointer; }
.ui-tabs-panel { border:1px solid #97a5b0; padding:15px; background:#fff url(skin/bg-li-carEquipe.gif) repeat-x 0 100%; }
/* thickbox */
#TB_overlay { position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background:url(skin/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
* html #TB_overlay { position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position:fixed; background:#fff; z-index:102; color:#000; display:none; border:4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px; }
* html #TB_load { position:absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect { z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%; }
* html #TB_HideSelect { position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
/* jcarouselBase */
.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; }
.jcarousel-list li, .jcarousel-item { float:left; list-style:none; }
.jcarousel-next { z-index:3; display:none; cursor:pointer; }
.jcarousel-prev { z-index:3; display:none; cursor:pointer; }
.jcarousel-prev-disabled { filter:alpha(opacity=35); -moz-opacity:.35; opacity:0.35; }
.jcarousel-next-disabled { filter:alpha(opacity=35); -moz-opacity:.35; opacity:0.35; }

/* ***************************************** HEAD */
/* line-1 */
#line-1 { padding:8px 8px 20px 20px; }
#line-1 h1, #line-1 .h1 { float:left; padding:12px 0 0 0; font-variant:small-caps; font-size:14px; }
#line-1 h1 a { font-size:14px; font-variant:small-caps; }
#line-1 form, #line-1 .msg { float:right; width:245px; text-align:right; }
.messageAlert { color:#A50225; text-align:right; width:100%; font-weight:bold; }
#line-1 form label { font-weight:bold; float:left; line-height:21px; }
#line-1 form #email { float:left; border:1px solid #35322e; margin:1px 0 0 8px; width:119px; padding:2px 5px; color:#7f7f7f; font-size:11px; }
#line-1 form .sub { float:right; }
/* line-2 */
#line-2 { height:180px; overflow:hidden; position:relative; background:url(skin/bandeau.jpg) no-repeat; padding:0 0 0 700px; }
#space-client { padding:8px; background:url(skin/bg-space-client.gif) repeat-x; height:164px; overflow:hidden; color:#fff; text-align:right; }
#space-client h2 { text-align:left; font-size:14px; font-weight:bold; padding:0 0 8px 0; }
#space-client p { text-align:left; }
#space-client a { color:#fff; padding:3px 0 0 0; text-decoration:underline; }
#space-client .bor-dot-t { border-top:1px dotted #d8d6d2; padding:8px 0 0 0; margin:8px 0 0 0; }
/* menu */
#menu { height:30px; background:url(skin/bg-menu.gif) repeat-x; position:relative; z-index:2; }
#menu li { display:block; float:left; background:url(skin/bg-menu-sep.gif) no-repeat 100% 0; position:relative; }
#menu li a { display:block; float:left; height:30px; overflow:hidden; line-height:30px; text-transform:uppercase; color:#fff; text-align:center; }
#menu #it-1 a { width:81px; }
#menu #it-2 a { width:80px; }
#menu #it-3 a { width:91px; }
#menu #it-4 a { width:118px; }
#menu #it-5 a { width:110px; }
#menu #it-6 a { width:107px; }
#menu #it-7 a { width:157px; }
#menu #it-8 a { width:130px; }
#menu #it-9 a { width:88px; }
#menu li a:hover { text-decoration:underline; }
#menu .last { background:none; }
#menu li strong a { font-weight:normal; background:url(skin/bg-menu-on.gif) no-repeat 50% 0; }
#menu ul .sub { position:absolute; width:150px; top:-999em; left:0; z-index:9999; zoom:1; }
#menu ul li:hover .sub, #menu ul li.current .sub { top:30px; background:#7b011c; border-top:1px solid #fff; padding:3px 8px; }
#menu .sub li { display:block; float:none; background:none; }
#menu .sub li a { display:block; height:auto !important; float:none; padding:2px; line-height:18px; text-transform:none; border-bottom:1px dotted #d8d6d2; text-align:left; width:134px !important; }
#menu .sub .last a { border:none; }

/* ***************************************** FOOT */
#foot { height:22px; overflow:hidden; background:url(skin/bg-foot.gif) repeat-x; line-height:22px; color:#fff; text-align:right; padding:0 8px; z-index:1; }
#foot a { color:#fff; padding:0 7px; }
#foot a:hover { text-decoration:underline; }

/* ***************************************** MID */
#mid {  background:url(skin/coord.gif) no-repeat 15px 100%; min-height:480px; height:auto !important; height:480px; }
#mid-hp { position:relative; z-index:1; }
/* col-l */
#col-l { float:left; width:222px; background:#fff url(skin/bg-col-l.gif) repeat-x; min-height:380px; height:auto !important; height:380px; padding:20px 14px 0 14px; }
#col-l .sm-o { width:222px; background:url(skin/bg-sm-b.gif) no-repeat 0 100%; padding:0 0 15px 0; }
#col-l .sm { background:#fff url(skin/bg-sm-t.gif) no-repeat; padding:15px 15px 0 15px; margin:0; }
#col-l .sm li { border-left:3px solid #a50225; padding:0 0 0 8px; margin:0 0 10px 0; display:block; }
#col-l .sm .last { margin:0; }
#col-l .sm li a { color:#a50225; font-weight:bold; font-size:12px; }
#col-l .sm li a:hover { text-decoration:underline; }
#col-l #coord { position:absolute; left:15px; bottom:15px; display:block; width:160px; height:60px; background:url(skin/bg-coord.gif) no-repeat; padding:0 0 0 60px; font-size:10px; color:#716f6c; display:none; }
#col-l p { padding:3px 0; }
#col-l .dot-b { border-bottom:1px dotted #9a9896; }
/* col-r */
#col-r { float:right; width:680px; padding:20px; font-size:12px; }

/* ***************************************** PAGE TYPE */
#col-r h1 { font-size:15px; color:#a50225; font-weight:normal; text-transform:uppercase; padding:5px 0 5px 10px; border-left:10px solid #a50225; margin:0 0 10px 0; }
#col-r h2 { font-size:13px; color:#3b2e1e; border-bottom:1px dotted #898278; margin:0 0 10px 0; padding:0 0 3px 0; }
#col-r h3 { font-size:12px; color:#a50225; margin:0 0 10px 0; }
#col-r p { margin:0 0 12px 0; text-align:justify; color:#3b2e1e; }
#col-r p strong { color:#898278; }
#col-r ul { margin:0 0 5px 0; }
#col-r li { padding:0 0 3px 10px; background:url(skin/bg-li.gif) no-repeat 0 3px; color:#3b2e1e; text-align:justify; }
#col-r li ul { padding:5px 0 0 10px !important; }
#col-r a:hover { text-decoration:underline; }
#col-r .li { padding:0 0 0 12px; background:url(skin/bg-li.gif) no-repeat 0 4px; }
.liste-pdf { margin:0 0 15px 0; }
.liste-pdf li { padding:0 0 8px 25px !important; background:url(skin/picto-pdf.gif) no-repeat !important; font-weight:bold; }
.img-c { text-align:center; }

/* ***************************************** ACCUEIL */
.hp { padding:20px 0 20px 7px; }
.hp .bl-o { float:left; width:228px; background:url(skin/bg-bl-hp2.gif) no-repeat; padding:14px 0 0 0; margin:0 14px 0 0; position:relative; z-index:1; }
.hp .last { margin-right:0; }
.hp .bl { background:url(skin/bg-bl-hp.gif) no-repeat 0 100%; padding:0 14px 30px 14px; display:inline-block; width:200px; }
.hp .bl h2 { height:45px; overflow:hidden; border-left:8px solid #a50225; padding:5px 0 0 8px; color:#a50225; text-transform:uppercase; font-size:15px; margin:0 0 8px 0; }
.hp .bl h2 span { display:block; font-size:11px; font-weight:normal; text-transform:none; }
.hp .bl p { text-align:justify; padding:0 0 8px 0; }
.hp .bl .more { text-align:right; }
.hp .bl a { text-decoration:underline; }
.hp .bl li { padding:10px 0 10px 24px; border-top:1px dotted #35322e; background:url(skin/picto-pdf.gif) no-repeat 0 10px; }
.hp .bl .first { padding-top:0; border-top:none; background-position:0 0; }
.hp .bl li a { display:block; font-weight:bold; text-decoration:none; }
.hp .bl li a:hover { text-decoration:underline; }
.hp .bl li span { display:block; font-size:10px; }
.hp .bl .adress { padding:0 0 10px 0; border-bottom:1px dotted #35322e; margin:0 0 10px 0; }
.hp .bl .adress strong { display:block; }
.hp .bl .img { position:absolute; bottom:10px; right:22px; width:48px; height:59px; }

/* ***************************************** INTERLOCUTEURS */
.carouEquipe .jcarousel-container { width:644px; height:195px; overflow:hidden; padding:0 11px; }
.carouEquipe .jcarousel-next { width:11px; height:195px; background:#756c61 url(skin/btn-next.gif) no-repeat 3px 95px; position:absolute; right:0; top:0; }
.carouEquipe .jcarousel-prev { width:11px; height:195px; background:#756c61 url(skin/btn-prev.gif) no-repeat 3px 95px; position:absolute; left:0; top:0; }
.carouEquipe .jcarousel-clip { width:644px; /*height:195px;*/ }
.carouEquipe .jcarousel-item, .carouEquipe li { width:153px; height:195px; float:left; /*margin:0 4px;*/ margin:0 !important; border-left:4px solid #fff; border-right:4px solid #fff; padding:0 !important; background:#fff !important; display:block; position:relative; }
.carouEquipe li div { display:block; height:183px; border:1px solid #756c61; background:url(skin/bg-li-carEquipe.gif) repeat-x 0 100%; padding:5px; }
.carouEquipe li .visu { width:140px; height:90px; overflow:hidden; margin:0 0 5px 0 !important; }
.carouEquipe li .identite { font-weight:bold; margin:0 0 5px 0 !important; }
.carouEquipe li a { position:absolute; bottom:10px; left:10px; padding:0 0 0 18px; background:url(skin/picto-contact.gif) no-repeat 0 3px; }

/* associes */
#associes { border:1px solid #756c61; width:665px; height:298px; margin:0 0 20px 0; z-index:1; }
.tabs-lombard { background:url(../img/equipe/benoist-lombard.jpg) no-repeat 15px 15px; padding:15px 15px 15px 185px; min-height:200px; height:auto !important; height:200px; }
.tabs-jubin { background:url(../img/equipe/francois-jubin.jpg) no-repeat 15px 15px; padding:15px 15px 15px 185px; min-height:200px; height:auto !important; height:200px; }

/* ***************************************** PARTENAIRES */ 
.partners { padding:0 0 10px 0; }
.partners li { display:block; float:left; width:310px; padding:0 12px 10px 0 !important; height:42px; overflow:hidden; background:none !important; }
.partners li a { display:block; background:#eee; height:42px; }
.partners li a:hover { background:#ddd; }
.partners li img { display:block; float:left; margin:0 10px 0 0; border:1px solid #eee; width:80px; height:40px; overflow:hidden; }
.partners li span { display:block; font-size:12px; font-weight:bold; padding:7px 0 0 0; }

/* ***************************************** ACCORDION */
#accor { width:680px; }
#accor h2.title { height:27px; line-height:27px; background:#bab5b0 url(skin/bg-accor-off.gif) no-repeat 635px 2px; cursor:pointer; margin:0; border-top:1px solid #fff; padding:0 13px; font-size:12px; color:#3b2e1e; }
#accor h2.title:hover { color:#fff; }
#accor h2.selected { color:#fff; background:#756c61 url(skin/bg-accor-on.gif) no-repeat 635px 2px; }
#accor div { border-left:1px solid #756c61; border-right:1px solid #756c61; border-bottom:1px solid #756c61; background:url(skin/bg-accor-div.gif) repeat-x 0 100%; padding:15px; }
/* biblio */
.biblio li { padding:0 0 5px 25px !important; background:url(skin/picto-pdf.gif) no-repeat !important; }
.biblio li a { font-weight:bold; }
.biblio li span { font-size:11px; display:block; }

/* ***************************************** PRESSE */
.presse { margin:10px 0 0 0; }
.presse li { display:block;padding:0 0 10px 60px !important; background:url(skin/picto-presse.gif) no-repeat !important; min-height:46px; height:auto !important; height:46px; }
.presse li h2 { padding:0 !important; margin:0 !important; }
.presse li h2 a { float:right; font-weight:normal; font-size:11px; color:#a50225; }
.presse li h2 span { float:left; }
.presse li h3 { font-size:12px; font-weight:normal; }
.presse li h3 span { font-size:11px; color:#898278; }

/* ***************************************** ARTICLE */
.article { background:url(skin/bg-accor-div.gif) repeat-x 0 100%; margin:0 0 20px 0; }
.article h2 { padding-left:10px !important; padding-right:10px !important; margin-bottom:0px !important; color:#a50225 !important; border-color:#a50225 !important; }
.article h2 .title { float:left; }
.article h2 .date { float:right; font-weight:normal; font-size:11px; }
.article p { padding:0 10px 8px 10px !important; margin:0 !important; }
.article .url { padding:0 0 0 20px; background:url(skin/bg-li.gif) no-repeat 5px 3px; }
.article .pdf { padding:0 0 0 20px; background:url(skin/picto-pdf.gif) no-repeat 0 0; display:block; line-height:16px; }

/* ***************************************** DEVENIR CLIENT */
.client p { background:url(skin/bg-pointille.gif) repeat-y 400px 0; margin:0 !important; padding:3px 0 !important; }
.client p .intitule { float:left; padding:0 0 0 12px; background:url(skin/bg-li.gif) no-repeat 0 3px; width:378px; }
.client p .pdf, .client p .amf { float:right; width:240px; }
.client p .pdf a { display:block; padding:0 0 0 20px; background:url(skin/picto-pdf.gif) no-repeat; line-height:18px; }
.client p .amf a { display:block; padding:0 0 0 20px; background:url(skin/picto-amf.gif) no-repeat 0 8px; line-height:18px; }

/* ***************************************** IE6 */
* html {  }

/* ***************************************** IMPRESSION */
@media print { 

}