/* @group CSS 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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, 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; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
/* tables still need 'cellspacing="0"' in the markup */
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: "" ""; }
/* @end */

body { background-color: #FFF; font-family: Arial, sans-serif; font-size: 10px; color: #000; text-align: center; }
a { color: #1A1A1A; text-decoration: none; }
a:hover { text-decoration: underline; }
p { text-align: justify; }
.clear { clear: both; }

#wrapper { overflow: hidden; width: 960px; margin: 0 auto 0 auto; padding: 0 0 40px 0; text-align: left; }

#header { margin: 0; }

.timer { margin:0 0 5px 10px; border:0; color:#666; }

#logo { float: left; margin: 6px 0 13px 0; }
#logo a { display: block; width: 340px; height: 60px; text-indent: -5000px; background: url("../images/logo.png") left top no-repeat; }
#logo h1 { color:#ed1e79; font-family: "Trebuchet MS"; font-size: 20px; letter-spacing: 0em; text-align: right }

/*********************WEATHER**************************/
#wrapper #header #weather { float: right; }

#citations { float: right; padding: 30px 0 0; width: 450px; }
#citations .citation { font-family: Georgia; font-size:20px; text-align:right; }
#citations .auteur { font-size:12px; padding-top:3px; text-align: right; font-style: italic; color:#666; }

#navigation { }
#navigation ul { overflow: hidden; width: 960px; height: 37px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin: 0; padding:0; }
#navigation ul li { display: inline; float: left; }
#navigation ul li a { float: left; display: block; height: 37px; text-indent: -5000px; background: url("../images/sprite.png") left top no-repeat; }
#navigation ul li.news a { width: 95px; background-position: left -40px; }
#navigation ul li.lifestyle a { width: 118px; background-position: -95px -40px; }
#navigation ul li.science a { width: 168px; background-position: -213px -40px; }
#navigation ul li.initiative a { width: 90px; background-position: -381px -40px; }
#navigation ul li.culture a { width: 85px; background-position: -471px -40px; }
#navigation ul li.opinion a { width: 96px; background-position: -556px -40px; }
#navigation ul li.folder a { width: 99px; background-position: -652px -40px; }
#navigation ul li.ressource a { width: 119px; background-position: -751px -40px; }
#navigation ul li.media a { width: 90px; background-position: -870px -40px; }
#navigation ul li.news a:hover { background-position: left -77px; }
#navigation ul li.lifestyle a:hover { background-position: -95px -77px; }
#navigation ul li.science a:hover { background-position: -213px -77px; }
#navigation ul li.initiative a:hover { background-position: -381px -77px; }
#navigation ul li.culture a:hover { background-position: -471px -77px; }
#navigation ul li.opinion a:hover { background-position: -556px -77px; }
#navigation ul li.folder a:hover { background-position: -652px -77px; }
#navigation ul li.ressource a:hover { background-position: -751px -77px; }
#navigation ul li.media a:hover { background-position: -870px -77px; }

#toolbar { float:right; overflow:hidden; width: 960px; height: 30px; padding: 6px 0; }
#tools { float:right; padding: 6px; margin:0; }
#tools li { display: inline; padding: 0 6px; }
#tools li a { font-size: 1.2em; color: #999; }
#toolbar form {float:right; margin: 0 6px;}
#toolbar form input{ padding:2px 4px; background: none; border: 1px solid #999; color:#999 }
#toolbar form button{ margin: 0 6px; padding:1px 3px; background: none; border: 1px solid #999; color:#999 }

#illustration { margin-bottom:30px; }
#illustration img { border-top: #1A1A1A solid 6px; border-bottom: #1A1A1A solid 6px; }
#illustration p { text-align: right; color: #999; }

#social-networks { display:none; width: 296px; margin-bottom: 1em; padding: 1.1em 0; line-height: 20px; text-align: center; border: 1px solid #DDD; }

#left-col { float: left; width: 630px; margin-right: 30px; }
#right-col { float: right ; width: 300px; padding-top:1em; }
.half-content { float: left; width: 300px; margin-right: 30px; }
.half-content-last { margin-right: 0px; }
.read-more {display: block; margin-top: 1.5em; font-size: 1.2em; line-height: 1.5em; color: #333;}

h1#section-title { margin-top:0.45em; margin-bottom: 0.6875em; font-family: Georgia, serif; font-size:2.4em; line-height: 1em; background:#333; color:#fff; padding:0.5em;}
h1#folder-title  { margin-bottom: 0.5em; font-family: Georgia, serif; font-size: 1.5em; }
h1#folder  { margin-bottom: 0.5em; font-family: Georgia, serif; font-size: 3em; }

.article .classification { margin-bottom:0.5em; font-size: 1.2em; color: #888 }
.article .classification a { color: #888; text-decoration:none; }
.article .classification a:hover { color: #ed1e79; }
.article h2 { margin-bottom: 0.625em; padding-bottom: 0.625em; font-family: Georgia, serif; font-size: 2.8em; line-height: 1em; color: #1A1A1A; border-bottom:3px solid #999;}
.article h3 { margin-bottom: 0; padding-bottom: 0.525em; font-family: Georgia, serif; font-size: 1.5em; line-height: 1em; color: #1A1A1A; }


.article a { text-decoration:underline; }
.article a:hover { color:#ed1e79; }
.article h2 a { color: #1A1A1A; text-decoration:none; }
.article h2 a:hover { color: #ed1e79; }
.article p { margin-bottom: 1em; color: #374252; }
.article a.read-more { display: block; margin: 0.5em 0 1.5em; font-size: 1em; color: #1A1A1A; font-family: Georgia, Times, Serif; font-style: italic; }
.article a.read-more:hover { color: #ed1e79; }
.article a.read-more-search { display: block; margin-top: 0em; font-size: 1.2em; line-height: 1.5em; color: #333; }
.article .article-body { font-size: 1.2em; line-height: 1.5em; }
.article .article-media-left { float: left; margin: 0 1.7em 1.7em 0; }
.article .article-body .article-media .legend { margin: 0.5em 0 0 0; font-size: 1em; text-align: center; font-style:italic; }
.article .article-body .article-media .long-text {margin-bottom: 1.2em; font-size: 1.2em; line-height: 1.5em; text-align:left;}
.article .article-body .article-media {float: left; text-align: center; background: #fff; margin-bottom: 0.625em; margin-right:8px;}
.article .article-body .alone { float: none; }
.article .article-body .article-media img { }
.article .article-media ul { list-style: none; }
.article .article-media .file { width: 200px; float: left; text-align: center; }
.article .article-media .content { width: 390px; float: left; }
.article .article-media .content .short-text { margin: 0 0 10px 10px; }
.article .article-media .content .legend { margin: 0 0 10px 10px; }
.article .article-media h2 { margin-bottom: 0.625em; font-family: Georgia, serif; font-size: 2.4em; line-height: 1em; color: #1A1A1A; text-align: center; border-bottom: 0; }

.article-main { overflow: hidden; padding: 1em 0; margin-bottom: 2.8em; border-bottom: #1A1A1A solid 6px }
.article-main .classification { font-size: 1em; }
.article-main h2 { margin-bottom: 0; padding-bottom: 0.225em; font-family: Georgia, serif; font-size: 2.8em; line-height: 1em; color: #1A1A1A; border-bottom:0; }
.article-main .article-media { float: left; margin-right:10px; }
.article-main img { }
.article-main hr { color: #666; background-color: #666; height: 3px; border: 0; margin-bottom: 0.425em; }
.article-small-row { overflow: hidden; margin-bottom: 2em; }
.article-small { float: left; width: 300px; margin-right: 30px; }
.article-small h2 { font-size: 2.4em; }
.article-small .article-media-2col .article-media { text-align: center; background: #fff; margin-bottom: 0.625em; width: 300px; }
.article-small .article-media-2col .article-media img { height:200px; }
.article-small-even { margin-right: 0px; }

.article-navigation { clear: both; overflow: hidden; margin: 3.3em 0.5em 5.1em 0.5em;}
.article-navigation a {font-size: 1.4em; line-height: 1.1em; width: 45%;}
.article-navigation a span { font-size: 0.8em;}
.article-navigation .previous {float:left;}
.article-navigation .next { float: right; text-align: right;}

.comments { border-top:6px solid #999; padding-top: 0.7em; clear: both; }
.comments h3 { margin-bottom: 0em; font-size: 1.8em; }
.comments dl { font-size: 1.2em; line-height: 1.5em; color: #555; margin: 1em 0; }
.comments dt { margin-bottom: 0; }
.comments dd { margin-bottom: 0.8em; padding-bottom: 0.8em; border-bottom: 1px solid #999; }
.comments form { overflow: hidden; margin: 1.4em 0 2em 0; }
.comments form label { display: block; margin: 1em 0 0.8em 0; font-size: 1.2em; }
.comments form input { display: block; margin-bottom: 0.5em; padding:5px; width: 612px; border:solid #ccc; }
.comments form input:focus { border:solid #1A1A1A; }
.comments form textarea { display: block; margin-bottom: 0.5em; padding:5px; width: 610px; border:solid #ccc; }
.comments form textarea:focus { border:solid #1A1A1A; }
.comments form button { float: right; border: solid #1A1A1A; color:#1A1A1A; background: #ccc; cursor:pointer; font-size: 1.3em; padding:0.35em 1.5em;}
.comments form button:hover { border: solid #ccc; color:#ccc; background: #1A1A1A;}

.associated { margin-bottom: 1.5em; }
.associated h3 { margin-bottom: 0.25em; font-size: 1.5em; color: #333; font-style: italic; font-family: Georgia, serif; }
.associated ul { margin: 0 0 1.8em 1.5em; font-family: Georgia, serif; font-size: 1.3em; color: #374252; list-style-type: decimal; list-style-position: outside; }
.associated ul li { line-height: 1.3em; margin:0.25em 0; padding:0.25em 0; border-bottom: 1px dotted #999 }
.associated dl { margin-top: 0.6em; }
.associated dl dt { margin-bottom: 0.1em; font-family: Georgia, serif; font-size: 1.4em; color: #374252; }
.associated dl dd { margin-bottom: 1.2em; line-height: 1.4em; text-align: justify; }

.article .article-dossier { font-size: 1.2em; line-height: 1.5em; clear: both; margin-top:20px; }
.article .article-dossier .classification { margin-bottom:0.5em; font-size: 0.9em; color: #888 }
.article .article-dossier h2 { margin-bottom: 0.325em; padding-bottom: 0.225em; font-family: Georgia, serif; font-size: 1.8em; line-height: 1em; color: #1A1A1A; border-bottom:3px solid #999; }
.article .article-dossier .media { float:left; margin-right: 15px; margin-bottom: 0; padding-bottom: 0; width: 300px; text-align: center; }
.article .article-dossier .article-media .legend { margin: 0.2em 0 0 0; font-size: 0.8em; text-align: center; font-style:italic; }
.article .article-dossier .article-media .long-text {margin-bottom: 1.2em; font-size: 1.2em; line-height: 1.5em; text-align:left;}
.article .article-dossier .article-media { text-align: center; background: #ddd; margin-bottom: 0.625em; }
.article .article-dossier .infos { width: 300px; float: left; }
.article .article-dossier .article-media img { }

h3.videoAVoir {margin-bottom: 0.6875em; font-family: Georgia, serif; font-size:1.6em; line-height: 1.25em; background:#333; color:#fff; padding:0.5em 1em;}
.media { margin-bottom: 1.6em; padding-bottom: 1.5em; }
.media h3 { margin-bottom: 0.6875em; font-family: Georgia, serif; font-size:1.6em; line-height: 1.25em; }
.media h3 a { color: #374252; }
.media .media-element { margin-bottom: 0.8em; }
.media .media-element img { width:300px; }
.media p { line-height: 1.6em; }
.media-short { border-top: 6px solid #999; padding-top: 1em; margin-bottom: 1em; }

.media-show {}
.media-show .article-media .legend { margin-bottom: 0.8em; text-align: left; }
.media-show .article-media .long-text { margin-bottom: 1.2em; font-size: 1.2em; line-height: 1.5em;}
.media-show .article-media .copyright { font-size: 1.1em; color: #000000; }

.alpha-pager { margin-bottom: 2.1em; }
.alpha-pager li { display: inline; margin: 0 0.5em 0 0; padding: 0 0.5em 0 0; }
.alpha-pager li a { font-size: 1.1em; text-transform: uppercase; }
.alpha-pager li.curr a { text-decoration: underline; }

.pager { float: right; }
.pager li { display: inline; padding: 0 0.5em 0 0; }
.pager li a { font-size: 1.2em; }
.pager li a.cur { font-weight: bold; }
.more-articles { font-size: 1.44em; color: #374252; }

.resource { }
.resource dt { margin-bottom: 0.5em; font-family: Georgia, serif; font-size: 1.4em; color: #374252; }
.resource dd { margin-bottom: 1em; line-height: 1.4em; color: #374252; text-align: justify; }

#left-col #ours { font-size: 12px; margin:5px 0 10px; line-height: 1.45em; color:#333; }
#left-col #ours .text { margin:0 0 25px; }
#left-col #ours .text p { margin:0 0 7px; }
#left-col #ours h2 { margin-bottom: 0.625em; padding-bottom: 0.325em; font-family: Georgia, serif; font-size: 2.8em; line-height: 1em; color: #1A1A1A; border-bottom:3px solid #1A1A1A; }
#left-col #ours .author { float:left; width: 300px; margin-bottom: 20px }
#left-col #ours .marginRight { margin-right:25px; }
#left-col #ours .author h3 { margin:5px 0 10px; padding:0 0 5px; border-bottom:3px solid #999; }
#left-col #ours .author h3 a { font-family: Georgia, serif; font-size: 1.8em; line-height: 1em; color: #1A1A1A; }
#left-col #ours .author h3 a:hover { color: #ed1e79; }
#left-col #ours .author .presentation { }
#left-col #ours .author .articles ul { list-style: upper-roman; margin: 6px 0 12px; display: none }
#left-col #ours .author .articles ul li { list-style: upper-roman; margin: 1px 0; }
#left-col #ours .author .articles ul li a { color:#666; }

/*********************QUIZ**************************/
#left-col .quiz h1 { margin-bottom: 0.625em; padding-bottom: 0.325em; font-family: Georgia, serif; font-size: 2.8em; line-height: 1em; color: #1A1A1A; border-bottom:3px solid #1A1A1A; }
#left-col .quiz ul { list-style: decimal; margin: 6px 0 12px; }
#left-col .quiz ul li { margin: 1px 0; font-size: 12px; }
#left-col .quiz ul li a { color:#1A1A1A; font-family: Georgia,Times, Serif; font-size: 16px; }

#left-col .questions h1 { margin-bottom: 0.625em; padding-bottom: 0.325em; font-family: Georgia, serif; font-size: 2.8em; line-height: 1em; color: #1A1A1A; border-bottom:3px solid #1A1A1A; }
#left-col .questions h1 .quiz { font-family: Arial, Sans-serif; font-size: 0.5em; color:#666; }
#left-col .questions .presentation { margin: 0 0 10px 0; }
#left-col .questions .presentation p { font-size:12px; line-height:1.5em; }
#left-col .questions .error { margin: 0 0 10px 0; color: #CE0101; }
#left-col .questions .question { margin: 0 0 4px 0; font-size:18px; line-height:1.5em; font-family: Georgia, serif; }
#left-col .questions .answers { margin: 0 0 20px 0; font-size: 13px }
#left-col .questions .answers input { margin:0 15px 5px 0; }
#left-col .questions .good-comment, #left-col .questions .bad-comment { margin: 0 0 30px 0; }
#left-col .questions ul { list-style: decimal; margin: 6px 0 12px; }
#left-col .questions ul li { margin: 1px 0; font-size: 12px; }

#left-col .questions .good-comment { color: #0ECE01; }
#left-col .questions .bad-comment { color: #CE0101; }

#left-col .result { margin: 10px 0 0 0; }
#left-col .result .count { margin: 0 0 10px 0; font-weight: bold; }