/*
   Tous Connectes - Screen CSS
*/

@import url(style.css);
@import url(page.css);

/** elements **/

/* body & wrapper */
body, input, select, textarea { color: #464749; background: white; font: 12px "Trebuchet MS", Trebuchet, Helvetica, sans-serif; }
#hbox { width: 980px; margin: 10px auto; position: relative; } /* relative for sidebar position */
/* header */
#header { height: 150px; background: url(img/header3.png) no-repeat top center; }
#header .box { padding: 0 25px 20px 25px; }
#logo { float: left; width: 190px; padding-top: 20px; }
#title { padding-top: 30px; }
#title a { display: block; width: 135px; height: 35px; background: url(img/logo.gif) no-repeat; }
#baseline { display: block; width: 135px; height: 15px; background: url(img/baseline.gif) no-repeat; }
html>body #title a { background-image: url(img/logo.png); }
html>body #baseline { background-image: url(img/baseline.png); }
#title span,
#baseline span { display: none; }
#header h3 { line-height: 1.5em; font-size: 1.5em; }
#header h3 span { font-family: Verdana, Arial, sans-serif; }
#header div.text { padding: .6em 1.2em; }
/* edito & poll */
#header div.sticky { float: left; padding-top: 15px; }
#header div.sticky h2 { font-size: 1.5em; text-transform: uppercase; font-weight: normal; color: #ff5c00; padding-top: 2px; }
#header div.sticky h2:first-letter { font-weight: bold; }
#edito { width: 390px; height: 110px; overflow: hidden; margin-left: 92px; margin-right: 13px; }
#edito h2 { text-align: right; padding-right: 25px; }
#edito div { font-size: .9em; text-align: justify; line-height: 1em; }
#poll { width: 245px; font-size: .9em; }
#poll h2 { padding-left: 50px; }
#poll h3 { font-size: .9em; font-weight: normal; }
#poll div.wp-polls-ans { font-size: .9em; }
#poll p { display: none; }
#poll ul { margin: .3em 0; }
#poll li { margin: 0; }
#poll input.Buttons { border: 1px #eee solid; background: white; padding: 0; }
/* menu */
#menu { height: 35px; font-size: 1.1em; }
#menu ul { padding: 5px 25px; list-style: none; text-transform: lowercase; }
#menu li { display: inline; }
#menu a { display: block; float: left; width: 130px; text-align: center; margin: 0 2px; }
#menu li.spacer { display: block; float: left; width: 15px; }
/*
#menu li.page-item-20 a { width: 200px; margin-left: 56px; font-size: 1.2em; }
#menu li.page-item-22 a { width: 200px; margin-right: 56px; font-size: 1.2em; }
*/
/* menu.connected */
#menu li.page-item-22 { color: #f3408f; }
#menu li.page-item-57 a,
#menu li.page-item-59 a,
#menu li.page-item-63 a,
#menu li.page-item-420 a,
#menu li.page-item-65 a { /* width: 125px; */ color: #f3408f; }
/* menu.teach */
#menu li.page-item-20 { color: #8aca1a; }
#menu li.page-item-48 a,
#menu li.page-item-50 a,
#menu li.page-item-53 a,
#menu li.page-item-55 a { /* width: 125px;*/ color: #8aca1a; }
/* menu.active */
#menu li.current_page_item a,
#menu li.current_page_ancestor a { font-weight: bold; font-size: 1.1em; }
#menu a:hover { color: black; }
/* body */
#body { width: 740px; float: left; padding: 0 10px; }
/*#body { margin-right: 210px; padding: 0 10px; height: 800px; }
body.home #body { height: 600px; }
html>body #body { height: auto; min-height: 800px; }
html>body.home #body { min-height: 600px; }*/
#subtitle { margin-top: 0.5em; font: 1.7em Verdana, Arial, sans-serif; font-weight: normal; }
#subtitle span { display: block; color: #727cac; font-size: .7em; }
/* nav */
#nav { height: 1em; margin-bottom: 2em; border-top: 1px #808386 solid; }
#nav ul { float: right; color: #aaa; list-style: none; }
#nav li { float: left; margin-left: 3em; }
/* sidebar */
/*#sidebar { position: absolute; width: 220px; top: 180px; right: 0; font-size: .9em; }*/
#sidebar { float: right; width: 220px; font-size: .9em; }
#sidebar li.widget { padding: 0 25px; margin-bottom: 1em; }
#sidebar li.phone { background: white url(img/phone.png) no-repeat center; height: 30px; }
#sidebar li.phone span { display: none; }
#sidebar li.top,
#sidebar li.bottom { display: none; }
/* sidebar.subscribe */
#sidebar #text-7 { height: 51px; padding: 12px 25px; background: url(img/subscribeback.png) no-repeat center; }
#sidebar #text-7 h3 { display: none; }
#sidebar #text-7 div { padding-left: 40px; background: url(img/subscribe.gif) no-repeat top left; color: #314564; }
#sidebar #text-7 a,
#sidebar #text-7 a:visited { font-weight: bold; color: #314564; }
/* sidebar.streams */
#sidebar li.stream h3 { padding-left: 45px; font-size: 1.4em; margin-bottom: 1em; padding-top: .4em; text-transform: uppercase; font-weight: normal; }
#sidebar li.stream h3 span { padding: 0 4px; }
#sidebar li.stream h3 a span { color: white !important; }
#sidebar li.stream dd { padding-bottom: .4em; }
#sidebar li.stream dd a,
#sidebar li.stream dd a:visited { color: black; }
/* sidebar.news */
#sidebar li.news-stream { background: url(img/streamtop.png) no-repeat top; padding-top: 15px; margin-bottom: 0; }
#sidebar li.news-stream div { background: url(img/news.gif) no-repeat top left; }
#sidebar li.news-stream h3,
#sidebar li.news-stream a,
#sidebar li.news-stream a:visited { color: #ff5c00; }
#sidebar li.news-stream h3 span { background: #ff5c00; }
/* sidebar.folder */
#sidebar li.folder-stream { background: url(img/streambot.png) no-repeat bottom; padding-bottom: 20px; padding-top: 1em; }
#sidebar li.folder-stream div { background: url(img/folder.gif) no-repeat top left; }
#sidebar li.folder-stream h3,
#sidebar li.folder-stream a,
#sidebar li.folder-stream a:visited { color: #8aca1a; }
#sidebar li.folder-stream h3 span { background: #8aca1a; }
/* sidebar.glossary */
#sidebar li.glossary h3 { display: none; }
#sidebar li.glossary div { margin: 3em 0; }
#sidebar li.glossary dt { font-weight: bold; font-size: 1.3em; color: #73005d; }
#sidebar li.glossary dd { margin-bottom: .4em; }
/* sidebar.search */
#sidebar #search-5 h3,
#sidebar #search-5 label { display: none; }
#sidebar #search-5 #s { border: 1px #eee solid; padding: 1px 3px; width: 110px; }
#sidebar #search-5 #searchsubmit { font-size: .8em; cursor: pointer; }
#sidebar #search-5 div { padding: 5px 0 5px 40px; background: url(img/search.gif) no-repeat top left; }
/* sidebar.ask */
#sidebar #text-6 { height: 56px; padding: 12px 25px; background: url(img/tipback.png) no-repeat center; }
#sidebar #text-6 h3 { display: none; }
#sidebar #text-6 div { padding-left: 40px; background: url(img/tip2.gif) no-repeat top left; color: white; }
#sidebar #text-6 a,
#sidebar #text-6 a:visited { color: white; }
/* footer */
#footer { height: 55px; background: url(img/footer3.png) no-repeat bottom center; }
#footer .box { padding: 20px 25px; }
#footer ul { float: right; font-size: .75em; }
#footer li { float: left; margin-left: .5em; }
#footer a,
#footer a:visited,
#footer em { font-style: normal; font-weight: bold; color: #444; }

/** tabs **/
#tabs { height: 25px; margin-top: -18px; border-bottom: 1px #808386 solid; }
body.page-id-20 #tabs,
body.parent-id-20 #tabs { border-color: #8aca1a; }
body.page-id-22 #tabs,
body.parent-id-22 #tabs { border-color: #f3408f; }
#tabs ul { float: right; list-style: none; padding: 0; margin: 0; }
#tabs li { display: inline; }
#tabs a { display: block; float: left; width: 120px; height: 15px; padding: 7px 10px 0 10px; margin-top: 3px; background: transparent no-repeat top; text-align: center; }
#tabs li.education a { background-image: url(img/tabgreen.png); color: #8aca1a; }
#tabs li.famille a { background-image: url(img/tabpink.png); color: #f3408f; }
#tabs a:hover,
#tabs li.active a { margin-top: 0; padding-bottom: 3px; position: relative; top: 1px; }

/** posts **/
div.posts { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px #808386 solid; }
div.posts h3.title { margin-bottom: 0; padding-left: 40px; }
div.posts h3.title a { color: #8aca1a; }
div.posts h3.title a:hover { color: #455775; }
div.posts div.inner h1,
div.posts div.inner h2,
div.posts div.inner h3,
div.posts div.inner h4 { font-size: 1em; font-weight: bold; color: #444; }
div.posts a.more-link { color: #ff5c00; }
div.posts a.more-link:hover { font-weight: bold; color: black; }
div.posts div.infos { padding-left: 40px; }
div.infos ul { list-style: none; padding: 0; margin-top: 0; margin-bottom: 1em; }
div.infos li { display: inline; color: #727cac; font-size: .8em; }
div.metas,
div.infos li.date span,
div.static div.infos li.date,
div.infos li.author { display: none; }
body.home div.infos { display: none; }
/* post.colors */
body.page-id-13 #subtitle,
body.page-id-13 h3.title a,
body.page-id-13 a.more-link,
body.category-actualites #subtitle,
body.category-actualites h3.title a,
body.category-actualites a.more-link { color: #ff5c00; }
body.category-presse #subtitle,
body.category-presse h3.title a,
body.category-presse a.more-link { color: #8aca1a; }
body.page-id-15 #subtitle,
body.page-id-15 h3.title a,
body.category-glossaire #subtitle,
body.category-glossaire h3.title a { color: #73005d; }
body.page-id-15 h3.title,
body.category-glossaire h3.title { padding-top: .8em; }
div.category-glossaire div.infos li.date { display: none; }
body.category-temoignages #subtitle,
body.category-temoignages div.page a,
body.category-partenaires #subtitle,
body.category-partenaires div.page a,
body.page-id-20 #subtitle,
body.parent-id-20 #subtitle,
body.parent-id-20 div.page a { color: #8aca1a; }
body.category-pratique #subtitle,
body.category-pratique div.page a,
body.category-legal #subtitle,
body.category-legal div.page a,
body.category-tests #subtitle,
body.category-tests div.page a,
body.category-conseils #subtitle,
body.category-conseils div.page a,
body.page-id-22 #subtitle,
body.parent-id-22 #subtitle,
body.parent-id-22 div.page a { color: #f3408f; }
body.page-id-55 h3.title,
body.page-id-55 div.infos { padding-left: 0; }
body.page-id-17 div.page h1,
body.page-id-17 div.page a { color: #8aca1a; }
body.page-id-129 div.page h1 { color: #f3408f; }
body.page-id-17 div.page h1 { background: url(img/contact.gif) no-repeat top left; padding: 10px 0 0 45px; }
body.page-id-129 div.page h1 { background: url(img/questions.gif) no-repeat top left; padding: 10px 0 0 45px; }
body.page-id-48 #subtitle { background: url(img/operations.gif) no-repeat top left; padding: 10px 0 0 45px; }
body.parent-pageid-48 #subtitle { background: url(img/conferences2.gif) no-repeat top left; padding: 0 0 0 45px; }
body.page-id-65 #subtitle { background: url(img/conferences.gif) no-repeat top left; padding: 0 0 0 45px; }
/* post.titles */
body.page-id-20 div.post h1,
body.parent-id-20 div.post h1,
body.page-id-22 div.post h2,
body.parent-id-22 div.post h2 { color: #8aca1a; }
body.page-id-20 div.post h2,
body.parent-id-20 div.post h2,
body.page-id-22 div.post h1,
body.parent-id-22 div.post h1 { color: #c5377c; }
div.post h1 { font-size: 1.5em; }
div.post h2 { font-size: 1.3em; }
div.post h3 { font-size: 1.2em; }
/* post.icons */
div.archive div.category-presse { background: url(img/folder.gif) no-repeat top left; }
div.archive div.category-edito,
div.archive div.category-actualites { background: url(img/news.gif) no-repeat top left; }
div.archive div.category-legal { background: url(img/legal.gif) no-repeat top left; }
div.archive div.category-pratique { background: url(img/pratique.gif) no-repeat top left; }
div.archive div.category-glossaire { background: url(img/glossaire.gif) no-repeat top left; }
div.archive div.category-tests { background: url(img/tests.gif) no-repeat top left; }
div.archive div.category-conseils { background: url(img/conseils.gif) no-repeat top left; }
div.archive div.category-temoignages { background: url(img/temoignages.gif) no-repeat top left; }
/* post.notfound */
div.notfound input.text { border: 1px #eee solid; padding: 1px 3px; width: 300px; margin: 0 1em; }
div.notfound input.button { border: 1px #eee solid; }
/* post.subtitle */
body.page-id-17 #subtitle,
body.page-id-129 #subtitle,
body.home #subtitle { display: none; }

/** home **/
body.home #menu { visibility: hidden; }
body.home div.heading { width: 370px; background: url(img/hottop.png) no-repeat top; padding-top: 20px; }
body.home div.heading div { padding: 20px; padding-top: 0; background: url(img/hotbot.png) no-repeat bottom; }
body.home div.heading h2 { font: 1.4em "Trebuchet MS", Trebuchet, sans-serif; margin-top: 0; margin-bottom: .2em; font-weight: bold; color: #ff5c00; text-transform: uppercase; font-weight: normal; }
body.home div.heading h2 span { font-family: Verdana, Arial, sans-serif; }
body.home div.heading p.more { margin-top: .5em; }
body.home div.col { width: 370px; float: left; }
body.home div.left-col { /*margin-right: 10px;*/ }
body.home div.space { background: transparent no-repeat bottom; }
body.home div.space ul { margin: 1.5em 0; padding: 0; font-size: 1.1em; list-style: none; }
body.home div.space div { padding: 10px 25px 20px 20px; }
body.home div.space h2 { font-size: 1.2em; line-height: 1.2em; background: transparent no-repeat top; padding: 30px 25px 0 20px; height: 60px; }
body.home div.space h2 span { line-height: 1.3em; }
body.home div.space h2,
body.home div.space a { color: white; }
body.home div.space h2 span { font-weight: bold; font-size: 1.3em; display: block; }
body.home div.teach-space { text-align: right; background-image: url(img/teachback.png); }
body.home div.teach-space li { padding-right: 20px; background: url(img/dotwhite.png) no-repeat right; }
body.home div.teach-space h2 { background-image: url(img/teachtitle.png); padding-left: 140px; }
body.home div.connected-space { margin-top: 50px; background-image: url(img/connectedback.png); }
body.home div.connected-space li { padding-left: 20px; background: url(img/dotwhite.png) no-repeat left; }
body.home div.connected-space h2 { background-image: url(img/connectedtitle.png); padding-right: 140px; }
body.home div.space li a:hover { color: black; }

/** misc & plugins **/

/* edit */
div.infos li.edit { float: right; font-size: 1.3em; margin-top: -1em; }
#body div.infos li.edit a { color: #81cbf1; }
/* comments */
.recentcomments a { display: inline !important; padding: 0 !important; margin: 0 !important; }
/* wp-polls */
.wp-polls .pollbar { margin: 1px; font-size: 6px; line-height: 8px; height: 8px; background-image: url(img/pollbg.gif); border: 1px solid #c8c8c8; }
/* vipers */
.vvqbox { display: block; max-width: 100%; visibility: visible !important; margin: 10px auto; }
.vvqbox img { max-width: 100%; height: 100%; }
.vvqbox object { max-width: 100%; }
/* wpcf */
div.page div.wpcf7 { width: 500px; margin: 2em auto; }
div.page div.wpcf7 input,
div.page div.wpcf7 select,
div.page div.wpcf7 textarea { border: 1px #eee solid; padding: 1px 3px; width: 300px; display: block; }
div.page div.wpcf7 dt { font-weight: bold; float: left; clear: left; width: 120px; text-align: right; }
div.page div.wpcf7 dd { margin-left: 150px; margin-bottom: .3em; }
/* flv */
#player1, #player2, #player3 { text-align: center; }