@charset "UTF-8";
@import "workflow.css";
/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:inherit;font-weight:inherit;}
/*fonts.css*/
body {font:12px verdana, arial,helvetica,clean,sans-serif;}
table {font-size:inherit;}
a {color:#4189DD}
a:hover {color:#4189DD}
.sep {clear:both; display:block;}
.small {font-size:0.95em; font-weight:normal;}
img.left, .left img  {margin:0 10px 0 0;}
img.right, .right img  {margin:0 0 0 10px;}
img.middle { vertical-align:middle}
ul.list {padding-left:20px;}
ul.list li {list-style:disc;padding-bottom:0.5em;}
body {color:#333; background:#fff;}
.legal {padding-top:8px; border-top:1px solid #aaa;}
.legal, .legal p, p.legal {font-size:10px; color:#666; line-height:15px;}
.image-droite { float:right; margin:0 10px 0 10px;}
.image-gauche {float:left; margin:0 10px 10px 0;}
.tableau-bordure {border:1px solid #999; border-width:1px 1px 0 0;  width:100%;}
.tableau-bordure td, .tableau-bordure th {border:1px solid #999; border-width:0 0 1px 1px; padding:5px; vertical-align:top;}
.tableau-bordure th {background:#e5e5e5;}
.tableau-simple {border:none; width:100%;}
.tableau-simple td {border:none; padding:5px; vertical-align:top;}
div.encadre1 { padding:1em; margin:0 0 0.5em 0; background:#ff9; border:1px solid #BAB677;}
div.encadre2 { padding:1em; margin:0 0 0.5em 0; background:#eee; border:1px solid #999}

/*
---------------------
MSG
---------------------
*/
#msg div.wrong { background:#E48C2B; padding:8px; border:1px solid #CF3817}
#msg div.ok { background:#7EBA3F; padding:8px; border:1px solid #468106}
#msg div.ok p {color:#fff;}
#msg div.ok p, #bloc #msg div.ok p, #msg div.wrong p, #bloc #msg div.wrong p {color:#fff;}

.msg  {margin-bottom:1em; color:#fff;}
.msg div.wrong { background:#E48C2B; padding:8px; border:1px solid #CF3817}
.msg div.wrong a { color:#fff;}
.msg div.ok { background:#7EBA3F; padding:8px; border:1px solid #468106}
.msg div.ok p, #bloc .msg div.ok p, .msg div.wrong p, #bloc .msg div.wrong p {color:#fff;}
.msg div.wrong h3 { color:#5B3711; font-size:1.25em; padding-bottom:0.25em}
.msg div.wrong p a { color:#5B3711;}

/*
---------------------
BT
---------------------
*/
a.bt, a.btSmall {display:block; line-height:20px; color:#fff; background:url(../i/c/bt/btbg.gif) repeat-x; border:1px solid #b8441e; font-weight:bold; text-align:center; text-decoration:none;}
a:hover.bt, a:hover.btSmall {background-position:0 -37px; color:#681600}
a.btSmall {width:44px;}
a.bt.med {width:200px;}
a.btSimple {display:block; text-align:center; text-decoration:none;}
a.btSimple span {text-decoration:underline;}
.main .colA .bt, 
.main .colA .btSmall {color:#fff; margin-left:25%}

.button .bt, 
.button-duo .bt { color:#fff; width:200px; }
.button-duo {height:22px; margin:4px 0 8px 0;}
.button-duo .bt { float:left; margin-right:8px;}
.button-solo {margin:4px 0 8px 0; padding:4px 0 4px 0; border-top:1px dotted #999; border-bottom:1px dotted #999; width:100%;}
.button-solo a.bt, .button-solo a.btSimple { width:50%; display:block; margin-left:25%;}

.tools {margin:4px 20px 4px 0; height:24px; }
.tools a { font-size:11px; display:block; line-height:24px; float:right; margin-left:22px; padding-left:30px; background-repeat:no-repeat;}
.main .colA .tools a { color:#F05A28;}
.tools a.print {background-image:url(../i/c/picto/print.gif); padding-left:25px;}
.tools a.bookmark {background-image:url(../i/c/picto/bookmark.gif); padding-left:27px}
.tools a.talk {background-image:url(../i/c/picto/talk.gif);}


/*
---------------------
TOP
---------------------
*/
#top {height:80px; overflow:hidden;}
#top #logo {float:left;}
#top #siteSelection {float:left; height:80px; background:url(../i/c/top/site-selection.gif) no-repeat; padding-left:15px;}
#top #siteSelection.on {background-position:0 -80px;}
#top #siteSelection p {padding:25px 0 1px;}
#top #siteSelection p a {color:#999999;}
#top #siteSelection p a:hover {color:#4189DD;}
#top #siteSelection h2 {padding:0; margin:0; line-height:25px;}
#top #siteSelection h2 a { font-size:25px; text-decoration:none; font-weight:normal;}
#top #siteSelection.on h2 a {color:#999999;}
#top #siteSelection h2 a:hover {text-decoration:none;}

#top .ident { background:url(../i/c/bg/bg-ident.gif) repeat; width:330px; height:80px; float:right; }
#top .ident .in {padding:4px 8px 0;}
#top .ident h4 { font-size:14px; color:#333; line-height:14px;}
#top .ident table tr td { padding-right:4px;}
#top .ident label { font-size:11px; color:#666; line-height:11px; display:block; padding:3px 0 2px;}
#top .ident input { font-size:12px; color:#333; line-height:20px; height:20px; border:1px solid #999}
#top .ident #ident-mail {width:145px}
#top .ident #ident-pass {width:108px}
#top .ident .btSmall {margin-top:15px; width:40px;}
#top .ident .bt { width:200px;}
#top .ident .ident-creer {display:block; text-align:center;}
#top .ident .ident-creer a {color:#F05A28}
#top .ident .ident-logged .buttons {height:22px; margin-top:2px;}
#top .ident .ident-logged #ident-member-bt {width:180px; float:left; margin-right:5px;}
#top .ident .ident-logged #ident-logout-bt {width:120px; float:left;}

#nav {height:32px; background:#4189dd url(../i/c/nav/bg-nav.gif) repeat-x;}
#nav ul {height:32px; margin:0 10px; padding:0;}
#nav ul li {display:block; float:left; margin:5px 2px 0 0;}
#nav ul li a { display:block; color:#193454; background:#fff; line-height:27px; padding:0 6px; font-size:14px; text-decoration:none;}
#nav ul li a:hover {background:url(../i/c/b.gif) left bottom repeat-x; background-color:#18559c; color:#fff;}
#nav ul li.sel a:hover, #nav ul li.sel a {background:#18559c; color:#fff;}
#nav ul #li-home a {padding:0; display:block;background:url(../i/c/nav/li-home.gif) no-repeat; height:27px; width:27px} 
#nav ul #li-home.sel a, #nav ul #li-home a:hover { background-position:0 -27px;}
#nav ul li.last { display:none; padding:0; background:url(../i/c/nav/li-last.gif) right top; width:8px; height:27px;}

#ban {background:url(../i/c/illu/praxis.gif) no-repeat; color:#fff; position:relative; height:110px; overflow:hidden;}
#ban .colA {width:660px; float:left}
#ban h1 { font-size:30px;}
#ban h1, #ban a {color:#fff;}
#ban .baseline { padding:10px 100px 0 10px; font-size:14px;}
#ban .colB {width:320px; float:right;}
#ban .colB .newsletter { margin:5px 0 0 4px; padding:0; width:310px; height:143px;}
#ban .colB .newsletter .simple {margin:0 65px 0 10px;}
#ban .colB .newsletter .simple p { padding:0 0 3px}
#ban .colB .newsletter .simple a.lnk { line-height:14px; color:#18559C; display:block; font-size:10px;}

#ban .colB .newsletter h3 {font-size:16px; margin:0; padding:10px 0 2px 10px; line-height:16px;}
#ban .colB .newsletter p#nl-description { line-height:17px; font-size:12px; padding:2px 4px 4px 10px;}
#ban .colB .newsletter .form { float:left; margin:0 4px 0 0;}
#ban .colB .newsletter table { margin:0 0 0 10px; width:180px;}
#ban .colB .newsletter table tr td { padding:0 4px 0 0;}
#ban .colB .newsletter input { font-size:12px; color:#333; line-height:20px; height:20px; border:1px solid #AAA9A9; width:131px;}
#ban .colB .newsletter a.btSmall {color:#fff; width:40px; line-height:18px;}
#ban .colB .newsletter .nl-links { float:left;}
#ban .colB .newsletter .nl-links a {line-height:14px; color:#18559C; display:block; font-size:10px;}
#ban .colB .newsletter .nl-links span { display:none;}
.homePublication #ban .colB .newsletter {margin:10px 0 0 4px;}
.homePublication #ban .colB .newsletter .form { float:none;}
.homePublication #ban .colB .newsletter table { margin:0 10px; width:auto;}
.homePublication #ban .colB .newsletter input {width:196px;}
.homePublication #ban .colB .newsletter a.btSmall {width:46px;}
.homePublication #ban .colB .newsletter .nl-links {float:none;margin:0 10px; }
.homePublication #ban .colB .newsletter .nl-links a {line-height:17px; height:166px; display:inline; font-size:12px;}
.homePublication #ban .colB .newsletter .nl-links span { font-size:17px; line-height:17px; display:inline;}
.homePublication #ban {height:166px;}
.homePublication #ban .baseline { padding-right:130px;}

#ban .colB #cart-resume {margin:10px 0 5px; padding:0 10px 0; border-left:2px solid #fff; height:90px;}
#ban .colB #cart-resume h3 {font-size:16px; margin:0; padding:0 0 4px; line-height:16px;}
#ban .colB #cart-resume a.bt { margin-top:5px}

#ban .onglets { width:650px; height:42px; overflow:hidden; position:absolute; bottom:0; }
#ban .onglets ul {height:42px; padding-left:10px;}
#ban .onglets ul li {display:block; float:left; margin-right:4px; width:110px; }
#ban .onglets ul a {display:block; height:42px; line-height:16px; font-weight:bold; color:#fff; background:#18559C; text-decoration:none; text-align:center;}
#ban .onglets ul a span {display:block; padding:4px 4px 0; word-spacing:-0.075em; letter-spacing:-0.01em}
#ban .onglets ul a:hover, #ban .onglets ul li.sel a {color:#18559C; background:#fff;}

/*
---------------------
MAIN
---------------------
*/
.page {background:url(../i/c/bg/bg-page.gif) repeat-y center top}
.page-main {width:980px; text-align:left; background:#fff;}
.page-bot {height:8px; background:#fff url(../i/c/bg/bg-page-bt.gif) no-repeat center top;}
.main {margin:6px 6px 6px 10px; border-top:1px solid #fff; border-bottom:1px solid #fff; background:url(../i/c/bg/bg-main.gif) repeat-y; }

.main .colA {float:left; width:646px;}
.main .colA .adv { border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:4px; text-align:center; margin-bottom:8px;}
.main .colA .advIn .html { text-align:left; padding:0 30px; font-size:11px;}
.main .colB {float:right; width:310px; overflow:hidden;}
.main .colB .adv { padding:4px; text-align:center;}
.main .colB .advIn {border:1px solid #999; background:#fff; width:300px; height:250px; overflow:hidden;}
.main .colB .advIn .html { text-align:left; padding:5px; font-size:11px;}

.main .path {background:#F2F2F2; padding:2px 4px; font-size:11px; color:#444; margin-bottom:8px;}
.main .path a {color:#444;}

.main .colA h1 {font-size:14px; padding-bottom:0.25em; color:#444;}
.main .colA h2 {font-size:22px; padding-bottom:0.25em;}
.main .colA h3 {font-size:19px; padding-bottom:0.25em;}
.main .colA h4 {font-size:17px; padding-bottom:0.25em;}
.main .colA h2, .main .colA h3, .main .colA a { color:#3167A6;}

.extraNav { background:#4189DD; height:24px; margin-bottom:10px; border:1px solid #18559C}
.extraNav ul li {display:block; float:left;border-right:1px solid #18559C;}
.colA .extraNav ul li a { display:block; text-align:center; padding:0 4px;  background:#4189DD; color:#fff; font-size:13px; line-height:24px; }
.colA .extraNav ul li a:hover {color:#fff; background:#18559C; }
.colA .extraNav ul li.sel a {background:#fff; color:#18559C;  }

.tgShop { padding-bottom:2px; margin-bottom:16px; border-bottom:2px solid #ddd}
.tgShop .prod .text { float:left; width:460px;}
.tgShop .prod .image { float:right; width:184px; text-align:center}
.main .colA .tgShop h1 { font-size:14px; margin:0; padding:0;}
.main .colA .tgShop h2 { font-size:14px;}
.main .colA .tgShop h2 strong { font-size:21px;}

.shoplist { padding-bottom:2px; margin-bottom:8px;}
.main .colA .shoplist h3 { font-size:12px; font-weight:normal;}
.main .colA .shoplist h3 strong { font-size:16px; }
.shoplist .prod { border-bottom:1px solid #CCCCCC; padding:10px 0 10px;}
.shoplist .prod .text { float:right; width:540px;}
.shoplist .prod .image { float:left; width:100px; text-align:center;}

.main .colA .prod .text p {font-size:13px; padding-bottom:0.25em;}
.prod p.price i { font-style:normal; text-decoration:line-through; color:#F05A28; font-weight:bold;}
.prod p.price strong { font-style:normal; color:#F05A28; font-weight:bold; font-size:1.5em;}
.prod p.price em { font-style:normal; color:#F05A28; font-weight:bold;}
.prod p.price span {font-weight:bold;}
.prod .plinks { height:22px;}
.prod .plinks a.bt {margin-right:5px; float:left; width:150px; color:#fff;}
.prod .plinks a.bt.med {width:225px;}
.prod .plong {padding:10px 5px; font-size:12px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin:10px 0; background:#f2f2f2;}
.prod .hide {display:none;}
.prod .learnMore {color:#F05A28;cursor:pointer;text-decoration:underline; white-space:nowrap; display:block; margin-bottom:4px;}
.prod .zoom {display:block; text-align:center; text-decoration:underline; font-size:10px; line-height:12px; color:#666666;}
.modal-window .buttons {height:30px; margin-top:5px;}
.modal-window .buttons a {float:left; margin-right:10px}

#loginOrRegister { border:1px solid #999; background:#fff; border-left:none; border-right:none;}
#loginOrRegister p {font-size:14px; line-height:1.5em;}
#loginOrRegister label {font-size:14px; display:block;}
#loginOrRegister input {width:220px;}
#loginOrRegister .login { width:320px;}
#loginOrRegister .login { padding:10px 0 10px 0; margin:10px 0; float:left; border-right:2px dotted #999;}
#loginOrRegister .login table {margin-left:10px;}
#loginOrRegister .login .link-forgot {display:block;}
#loginOrRegister #become-member {padding:10px 0 10px 0; margin:30px 0 10px; float:right; width:240px; }
#loginOrRegister #become-member a.bt {color:#fff; width:220px; margin:4px 0;}
.register-chapeau { line-height:1.5em; font-size:12px; padding:4px 12px; margin-bottom:16px; background:#f2f2f2;}

.avert_WIN { background:#215919; border:1px solid #333333; padding:10px; margin-bottom:5px; color:#FFF;}
.avert_WIN ul, .avert_WIN ol {padding:0 0 0.5em 2em;}
.avert_WIN ul li { list-style:disc; padding:0 0 0.25em 0;}
.avert_WIN ol li { list-style:decimal; padding:0 0 0.25em 0;}
.avert_WIN .free { border:1px solid #999; background:#fff url(../i/c/picto/cadeau.gif) no-repeat 8px 8px; border-left:none; border-right:none; margin-bottom:10px; padding:6px 10px 6px 130px; height:117px; color:#333;}
.avert_WIN .free p {padding:4px 0 8px;}
.avert_WIN .invit-password {margin-bottom:8px;}
.avert_WIN #loginOrRegister .login { width:255px;}

.avert_PCS { background:#575701; border:1px solid #B0AA00; padding:10px; margin-bottom:5px; color:#FFF;}
.avert_PCS ul, .avert_PCS ol {padding:0 0 0.5em 2em;}
.avert_PCS ul li { list-style:disc; padding:0 0 0.25em 0;}
.avert_PCS ol li { list-style:decimal; padding:0 0 0.25em 0;}
.avert_PCS .free { border:1px solid #999; background:#fff url(../i/c/picto/cadeau.gif) no-repeat 8px 8px; border-left:none; border-right:none; margin-bottom:10px; padding:6px 10px 6px 130px; height:117px; color:#333;}
.avert_PCS .free p {padding:4px 0 8px;}
.avert_PCS .invit-password {margin-bottom:8px;}
.avert_PCS #loginOrRegister .login { width:255px;}

.main .text p { line-height:1.5em; padding-bottom:0.5em}
.main .text ul, .main .text ol {padding:0 0 0.5em 2em;}
.main .text ul li { list-style:disc; padding:0 0 0.25em 0;}
.main .text ol li { list-style:decimal; padding:0 0 0.25em 0;}
.main .text li {line-height:1.5em;}

.main ul.anchor { margin:0; padding:0 0 0.25em 0;}
.main ul.anchor li { list-style:none; background:url(../i/c/picto/anchor.gif) no-repeat 16px 2px; padding:0 4px 4px 34px; margin:0;}
.main .tiersAB {float:left; width:330px;}
.main .tiersC {float:right; width:290px;}
.main .indication {background:#e5e5e5 url(../i/c/picto/indication-fch.gif) no-repeat; color:#666633; font-size:11px; padding:4px 8px 4px 18px}

/*
---------------------
FORM
---------------------
*/
.form {margin:10px 0;}
.form table { width:80%;}
.form table td label {color:#333; font-size:1.2em;}
.form table td span {font-size:10px; display:block;}
.form table tr.label td {padding:6px 0 0 0; vertical-align:bottom;}
.form table tr.input td {padding:0 6px 0 0; vertical-align:top;}
.form table tr.input td input{ border: 1px solid #A89D60; background-color: #ffc; padding: 1px 0 1px 0; font-size:12px;height:18px;line-height:20px; width: 100%; margin-bottom:1px;}
.form table tr.input td select{border: 1px solid #A89D60; background-color: #ffc; font-size:12px; line-height:20px; width: 100%;}
.form table tr.input td textarea { border: 1px solid #A89D60; background-color: #ffc; width: 100%; font-size:12px; line-height:18px; height:80px;}
.form table tr.button td { padding:8px 0 0 0;}
.form table #state {margin-top:4px;}
.form table td label.error, label.error {display:block; background:#E48C2B url(../i/c/picto/showfield.gif) no-repeat 5px 5px; padding:2px 4px 2px 15px; margin-top:2px; border:1px solid #CF3817; color:#fff; font-size:11px;}
span.show {display:block; background:url(../i/c/picto/showfield.gif) no-repeat 5px 5px; padding:2px 4px 2px 15px; margin-top:2px; font-size:11px; color:#803004}

/*
---------------------
MODULES
---------------------
*/
.faq-r {padding:0 20px 10px 20px;}
.main .colA .faq-r h2 {color:#999; border-bottom:1px solid #ccc}
.faq-b {background:#fff url(../i/c/bg/bg-g.gif) repeat-x; padding:5px; border-bottom:1px solid #ccc; border-top:1px solid #fff;}
.faq-b h3 a { text-decoration:none; cursor:default;}
.faq-b .answer-b {padding:30px;}
.faq-b .answer-b p { padding:0 0 0.5em;}
.faq-r .button-solo {background:#fff; margin-top:0;}
.main .colA .faq-b .learnMore {color:#F05A28;cursor:pointer;text-decoration:underline; white-space:nowrap; display:block;}
.main .colA .faq-r h3 {font-size:15px;}

.decouverte  {padding:0 20px 10px 20px;}
.main .colA .decouverte h3 { font-size:15px;}
.decouverte .chapeau {font-weight:bold;}
.decouverte .pres-short { font-size:13px;}
.decouverte .pres-long { font-size:13px; padding:12px 12px 0;}
.decouverte .quickLinks {padding:4px; border-bottom:1px solid #999; margin-bottom:4px; border-top:1px solid #ccc; background:#fff url(../i/c/bg/bg-g.gif) repeat-x;}
.decouverte .quickLinks .link {color:#999;}
.main .colA .decouverte .learnMore, .main .colA .decouverte .quickLinks a {font-size:13px; color:#F05A28;cursor:pointer;text-decoration:underline; white-space:nowrap;}
.decouverte .decouverte-offre { background:#ffffdb url(../i/c/bg/bg-offre2.gif) repeat-x; padding:4px 0 0;border-top:1px dotted #999;}
.decouverte .decouverte-offre h2 { padding:4px 8px 2px;}
.decouverte .offre-content { padding:0 8px 8px;}
.decouverte .offre-form { border-top:1px dotted #999; padding-top:8px; background:#ffffdb url(../i/c/bg/bg-offre2-b.gif) repeat-x left bottom;}
.decouverte .offre-form .form table tr.input input, 
.decouverte .offre-form .form table tr.input select { background:#fff;}

.main .colA .texte1, .texte2 {padding:0 20px 10px 20px;}
.main .colA .formText { background:#ffffdb url(../i/c/bg/bg-offre2.gif) repeat-x; padding:4px 0 0;border-top:1px dotted #999;}
.main .colA .formText h3 { padding: 10px 15px 0 15px;}
.main .colA .formText .form table tr.input input, 
.main .colA .formText .form table tr.input select, .main .colA .formText .form table tr.input textarea { background:#fff;}
.main .colA .formText .msg { margin:5px 15px;}

.redacteur .redacteur-pres { padding-bottom:20px;}
.redacteur .photo { width:160px; float:right; text-align:center; overflow:hidden;}
.redacteur .intro, .redacteur .pres-short { width:483px;}
.redacteur .intro ul {margin:0;}
.redacteur .intro li {list-style:none; background:url(../i/c/picto/anchor.gif) no-repeat 0 2px; padding:0 4px 4px 18px; margin:0;}
.main .colA .redacteur .intro li a {color:#F05A28}
.main .colA .redacteur .intro h2 { font-size:30px; margin:0; padding:0}
.redacteur .pres-short { font-size:13px;}
.redacteur .pres-long { font-size:13px; padding:12px 12px 0;}
.redacteur .quickLinks {padding:4px; border-bottom:1px solid #999; margin-bottom:4px; border-top:1px solid #ccc; background:#fff url(../i/c/bg/bg-g.gif) repeat-x;}
.redacteur .quickLinks .link {color:#999;}
.main .colA .redacteur .learnMore, .main .colA .redacteur .quickLinks a {font-size:13px; color:#F05A28;cursor:pointer;text-decoration:underline; white-space:nowrap;}
/*
---------------------
ARTICLES COMMUN
---------------------
*/
.main .colA .article .tgArt {padding:0; margin:0; border:none;} 
.main .colA .tgArt h2  {padding:0; font-family:Georgia, "Times New Roman", Times, serif;}
.main .colA .tgArt h2 a { text-decoration:none;}
.main .colA .tgArt h2 span { display:block; font-size:14px; line-height:13px;}
.main .colA .tgArt .intro { font-size:14px; line-height:1.5em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; text-align:justify;}
.main .colA .tgArt .intro p {padding:0 0 2px 0;}
.main .colA .tgArt .learnMore { font-size:13px; font-weight:bold;}
.main .colA .tgArt .image { float:right; width:170px; text-align:right;}
.main .colA .tgArt .textimage { float:left; width:410px;}
.main .colA .tgArt p.art-infos  { line-height:16px; padding-bottom:8px;}
.main .colA .tgArt p.art-infos img { vertical-align:middle;}

.main .colA .articles .title p {font-size:14px;}
.main .colA .articles h4 { font-weight:normal; font-size:16px; padding-bottom:2px;}
.main .colA .articles h4 span { font-size:12px;}

.main .colA .articles h3.publi { font-weight:bold; font-size:16px; padding-bottom:2px;}
.main .colA .articles h3.publi span {font-weight:normal; font-size:12px;}

.main .colA .articles .title h2 {padding:0;}
.main .colA .articles .title .pres { float:left; width:418px; padding-bottom:8px;}
.main .colA .articles .option { float:right; width:222px; border-left:1px solid #ccc; padding:2px 0 8px; margin-bottom:4px; font-size:11px;}
.main .colA .articles .option strong {display:none; margin-left:10px; color:#666; font-weight:normal;}
.main .colA .articles .option a {display:block; margin-left:10px; color:#333;}
.main .colA .articles .option a.sel {color:#333; font-weight:bold;}

.main .colA .artlist { background:url(../i/c/bg/quadri.gif) repeat; padding:1px 2px; margin-bottom:16px;}
.main .colA .articles-resume .artlist h3,
.main .colA .artlist h3 { font-weight:normal; font-size:13px; margin:0; padding:0}
.main .colA .artlist h3 a {text-decoration:underline;}
.main .colA .artlist table {width:100%; border-top:1px solid #ccc;}
.main .colA .artlist td.title {padding:5px 6px 8px 6px}
.main .colA .artlist td { vertical-align:top; padding:5px 10px 8px 0; border-bottom:1px solid #ccc; }
.main .colA .artlist td a {text-decoration:none;}
.main .colA .artlist td a:hover {text-decoration:underline;}
.main .colA .artlist td.date { font-size:11px; width:80px;}
.main .colA .artlist td.kind {padding-right:0; width:130px;}
.main .colA .artlist tr:hover td {background:#fff;}

.editorial {font-size:13px; padding:20px 40px}
.main .colA .editorial p { padding:0 0 1em 0;}
.citation, .main .colA .text .citation {background:#FFFFcc; color:#000; padding:2px 5px; margin:0 2em 1em 2em; line-height:1.3em;}

.main .colA .articles-resume {  width:280px;}
.main .colA .articles-resume h2 { font-size:13px; color:#444; background:#f2f2f2; padding:2px 4px; margin-bottom:8px; }
.main .colA .articles-resume h3 {font-size:16px;}
.main .colA .articles-resume h3 span {font-size:12px; font-weight:normal;}
.main .colA .articles-resume .artlist td.date {display:none;}
.main .colA .articles-resume .artlist td.kind {display:none;}
.main .colA .publi-resume { float:left; width:302px; overflow:hidden;margin-left:20px;}
.main .colA .publi-resume h3 { color:#4189DD; font-size:16px;}
/*.main .colA .publi-resume p { background:#fff; margin:0 0 8px; border-left:7px solid #4189DD; padding:4px 8px; border-bottom:1px solid #fff;}*/
/*.main .colA .publi-resume p strong {display:block;}*/
.main .colA .publi-resume p a {display:block;}
.main .colA .publi-resume .publi-pro,
.main .colA .publi-resume .publi-par {background:#F2F2F2; margin-bottom:10px; padding:10px; border-top:4px solid #4189DD;}

.main .colA .publi-resume2 { float:left; width:302px; overflow:hidden; margin-left:20px;}
.main .colA .publi-resume2 h3 { color:#4189DD; font-size:16px;}
/*.main .colA .publi-resume p { background:#fff; margin:0 0 8px; border-left:7px solid #4189DD; padding:4px 8px; border-bottom:1px solid #fff;}
.main .colA .publi-resume2 p strong {display:block;}*/
.main .colA .publi-resume2 p a {display:block;}
.main .colA .publi-resume2 .publi-pro,
.main .colA .publi-resume2 .publi-par {background:#F2F2F2; margin-bottom:10px; padding:10px; border-top:4px solid #4189DD;}

.pHome .main .colA .tgShop {background:#F7F5B7; padding:8px; margin-bottom:0; border:none;}
.pHome .tgShop .prod .text {width:444px;}


.main .colA .tgArt {
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;

}

.main .colA .tgArt2 {
	border:1px solid #999;
	width: 280px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
	padding: 10px;
	float:left;
	height:235px;
}

.main .colA .tgArt2 h2  {padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;}
.main .colA .tgArt2 h2 a { text-decoration:none;}
.main .colA .tgArt2 h2 span { display:block; font-size:14px; line-height:13px;}
.main .colA .tgArt2 .intro { font-size:14px; line-height:1.5em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; text-align:justify;}
.main .colA .tgArt2 .intro p {padding:0 0 2px 0;}
.main .colA .tgArt2 .learnMore { font-size:13px; font-weight:bold;}
.main .colA .tgArt2 .image { display:none;}
.main .colA .tgArt2 .textimage { float:left; width:280px;}
.main .colA .tgArt2 p.art-infos  { line-height:16px; padding-bottom:8px;}
.main .colA .tgArt2 p.art-infos img { vertical-align:middle;}

/*
---------------------
NAV VT
---------------------
*/

.main .nav2 {background:#D9EAFF;  border-top:6px solid #3167A6; border-bottom:6px solid #fff;}
.main .nav2 h3 {color:#3167A6; font-size:18px; line-height:18px;  padding:6px 0 8px 0; margin:0 0 0 6px;}
.main .nav2 h3  a {text-decoration:none;}
.main .nav2 h3  a:hover {text-decoration:underline;}
.main .nav2 a {color:#3167A6;}
.main .nav2 .redac { padding:0 6px 8px 6px;}
.main .nav2 .redac td {vertical-align:top;}
.main .nav2 .redac td.photo {padding:0 6px 0 0;}
.main .nav2 .redac p {padding:0;margin:0;}
.main .nav2 .redac p strong {font-size:13px;}
.main .nav2 .redac h3 {font-size:19px; margin:0; padding:0; height:auto; border:none; line-height:normal;}

.main .nav2 .rss { padding:0 6px 8px 6px;}
.main .nav2 .rss strong a {display:block; color:#000; text-decoration:none; background:url(../i/c/picto/rss.gif) no-repeat right top; width:100px}
.main .nav2 .list {padding:0 6px 8px 6px;}
.main .nav2 .list strong {color:#000;}
.main .nav2 .list ul {padding-left:16px; color:#3167A6;}
.main .nav2 .list ul li {padding-left:0px; list-style:square; line-height:1.5em;}
.main .nav2 .search {padding:0 6px 8px 6px;}
.main .nav2 .search strong {color:#000; display:block;}
.main .nav2 .search table tr td { padding:4px 4px 0 0;}
.main .nav2 .search input { font-size:12px; color:#333; line-height:20px; height:20px; border:1px solid #3167A6; width:280px}
.main .nav2 .search select {width:232px; font-size:11px;}
.main .nav2 .search a.btSmall {color:#fff}

.main .nav2 .shopList p {padding:0 6px 2px 6px;}
.main .nav2 .shopList ul li {list-style:none; padding-bottom:1px;}
.main .nav2 .shopList ul li a { display:block; line-height:14px; font-size:14px; padding:4px 4px 7px 24px; background:url(../i/c/picto/fch.gif) no-repeat 6px 6px; text-decoration:none;}
.main .nav2 .shopList ul li a:hover, .main .nav2 .shopList ul li.sel a {color:#333; background-color:#fff; background-position:6px -44px}

.main .nav2 .edition { padding:0 6px 8px 6px;}
.main .nav2 .edition p { background:#fff; padding:5px; margin:2px 0 10px;}

.main .nav2 .articles {padding:6px 6px 8px 6px;}
.main .nav2 .articles h3 { display:none;}
.main .nav2 .articles .sepa { height:2px; margin-top:5px; font-size:0; list-style:none; padding:0; }

.main .nav2 .articles ul { padding:0; border-top:2px solid #3167a6; border-bottom:1px solid #3167a6; }
.main .nav2 .articles ul li {list-style-position:inside; list-style-type:square; padding:3px 0 3px 5px; margin:0; border-bottom:1px solid #ccc;background:#fff;}
.main .nav2 .articles ul li a { text-decoration:none;}
.main .nav2 .articles ul li a:hover { text-decoration:underline;}
.main .nav2 .articles ul li:hover {background:#ffc;}
.main .nav2 .articles li em { font-style:normal; font-size:10px;}
.main .nav2 .articles li.sel { background:#ffc;}
.main .nav2 .articles li.sel a {text-decoration:none;}

.main .nav2 .articles .articleSubList { padding-bottom:8px}
.main .nav2 .articles .articleSubList .sepa { display:none;}
.main .nav2 .articles .articleSubList strong a { text-decoration:none; color:#000;}

.main .nav2 .cloud { padding:0 6px 8px 6px;}
.main .nav2 .cloud p { font-size:10px;}
.main .nav2 .cloud strong a { text-decoration:none;}
.main .nav2 .tagcloud {text-align:left;}
.main .nav2 .tagcloud a:hover, .main .nav2 .tagcloud a:hover.size1, .main .nav2 .tagcloud a:hover.size2, .main .nav2 .tagcloud a:hover.size3, .main .nav2 .tagcloud a:hover.size4,  .main .nav2 .tagcloud a:hover.size5 { background-color:#fff;}

.tagcloud {text-align:justify;}
.tagcloud a {color:#aaa; font-size:92%; margin:0; padding:0; text-decoration:none; padding:0 3px; line-height:1.6em;}
.tagcloud a.size0 {font-size:110%; line-height:1.5em; color:#aaa;}
.tagcloud a.size1 {font-size:120%; line-height:1.4em; color:#777;}
.tagcloud a.size2 {font-size:130%; line-height:1.3em; color:#666;}
.tagcloud a.size3 {font-size:140%; line-height:1.2em; color:#444;}
.tagcloud a.size4 {font-size:150%; line-height:1.1em; color:#333;}
.tagcloud a.size5 {font-size:160%; line-height:1.0em; color:#111;}
.tagcloud a.sel {font-weight:bold;}
.tagcloud a em {display:none;}
.tagcloud a:hover, .tagcloud a:hover.size1, .tagcloud a:hover.size2, .tagcloud a:hover.size3, .tagcloud a:hover.size4,  .tagcloud a:hover.size5 { background-color:#e9e9e9;}
.tagcloud a.all {font-weight:bold; font-size:12px; white-space:nowrap;}

/*
---------------------
BOT
---------------------
*/
#links {background:#4189DD; text-align:left; color:#193454; margin:0; padding:1px 0;  min-height:100px; }
#links .fevad {float:right; padding-right:20px; padding-top:20px;}
#links .items {width:725px; }
#links .item { float:left; padding:20px 0 20px 20px;}
#links h3 { text-transform:uppercase; padding-bottom:7px; font-size:0.9em;}
#links li { padding:3px 0;  font-size:0.9em;}
#links li a {color:#fff; text-decoration:none; font-weight:bold;}
#links li a:hover {text-decoration:underline; color:#fff;}
#links .legal {background:#3671b6; padding:10px; text-align:center; color:#FFFFFF; line-height:1.25em; border-top:1px solid #fff; }
#links .legal p { font-size:0.857em;}
#links .legal .small { font-size:10px}
#links .legal a {color:#fff;}

#footer {position:relative; width:680px; padding-bottom:10px;}
#footer p {font-size:10px; color:#666; line-height:1.25em;}
#footer .small {font-size:1em;}
#footer p a.none {color:#666; text-decoration:none;}
#footer .legal { margin-bottom:0.5em; color:#999; padding:0; border:none;}
#footer .legal a { color:#666;}
#footer .analitics {position:absolute; top:0; right:0;}

/*
---------------------
PAGINATION
---------------------
*/
.main .pagin 	{  height:19px; }
.main .pagin ul {margin:0; padding:0; height:19px; list-style:none; float:left }
.main .pagin li, .main .text .pagin li {margin:0; padding:0; height:19px; background:#fff; display:block; float:left; width:19px; margin:0 4px; line-height:normal;}
.main .pagin li a {display:block; float:left; width:19px; height:19px; background:#fff url(../i/pagin/nb.gif); line-height:19px; text-align:center;  color:#4189dd; font-size:10px;}
.main .pagin li a:hover {background:#fff url(../i/pagin/nb_.gif);}
.main .pagin li.sel a, .main .pagin li.sel a:hover {color:#fff; background:#fff url(../i/pagin/nbs.gif);}
.main .pagin li.next {background: url(../i/pagin/next_.gif);}
.main .pagin li.next a, .main .pagin li.next a:hover {background: url(../i/pagin/next.gif);}
.main .pagin li.back {background: url(../i/pagin/back_.gif);}
.main .pagin li.back a, .main .pagin li.back a:hover {background: url(../i/pagin/back.gif);}
.main .pagin li.last {background:#fff url(../i/pagin/last_.gif)}
.main .pagin li.last a, .main .pagin li.last a:hover {background:#fff url(../i/pagin/last.gif)}
.main .pagin li.first {background:#fff url(../i/pagin/first_.gif)}
.main .pagin li.first a, .main .pagin li.first a:hover {background:#fff url(../i/pagin/first.gif)}
.main .pagin li.pginfo,
.main .pagin li.pginfo2 { width:100px; text-align:right; font-size:11px; line-height:19px;}
.main .pagin li.pginfo2 {text-align:left;}

/* UTILS */
.checkin { padding:5px 15px 5px 15px; background:#D8FFAD; border:1px solid #7EBA3F; margin:5px 0}

#presentationPraxis{
	
	padding:10px;
	margin:10px 15px 15px 15px;
	
}
#facebookIMG {
	float:left; margin-bottom:5px; margin-left:10px;
	}

#facebookTXT {
	float:left;width:240px; margin-left:85px; margin-top:-65px; font-size:15px; font-weight:bold;
}