@charset "utf-8";
/* CSS Document */
body {
    background: #EFEFEF;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #333;
}

div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: Arial, sans-serif;
    color: #333;
}

p {
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, sans-serif;
    color: #477DB4;
}

hr {
    background: #eee none repeat scroll 0 0;
    border: medium none;
    clear: both;
    float: left;
    height: 1px;
    margin: 5px 0;
    width: 100%;
}

/*******************************/
.container {
    background: #FFF;
    padding: 0 20px;
    width: 950px;
    border: 1px solid #ccc;
    margin: 10px auto;
}

.border-bottom {
    border-bottom: 1px solid #EEE;
    margin: 5px 0;
}

#banner {
    text-align: center;
}

#header {
    position: relative;
    height: 130px;
}

#header #date-now {
}

#header #date-now p {
    font-weight: bold;
    margin: 0;
    padding: 1px 0 0;
    text-align: left;
}

#header #meteo {
    text-align: center;
}

#header #meteo a.ville {
    display: inline;
    margin: 0 5px 0 0;
    font-weight: bold;
    text-decoration: none;
}

#header #meteo a:hover.ville {
    text-decoration: underline;
}

#header #meteo span.lowhigh {
    color: #FF6600;
}

#header #logo {
}

#header #today-aufait {
}

#header #today-aufait p {
    font-size: 11px;
    margin: 0;
    margin: 0 0 5px 5px;
    color: #666;
}

#header #today-aufait img {
    float: left;
    margin: 0 5px;
}

#header #today-aufait h3 {
    margin: 0;
}

#header #today-aufait h3 a {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    font-family: Georgia, serif;
}

#header #today-aufait ul.relatednews {
    list-style-image: url(../images/list.png);
    margin: 0 0 0 15px;
    float: left;
    clear: none;
}

#header #today-aufait h3 a:hover {
    text-decoration: underline;
}

#header #today-aufait h3 a img {
    float: none;
}

#header #today-aufait a {
    font-size: 10px;
    line-height: 16px;
    margin: 0;
    text-decoration: none;
}

#header #today-aufait a:hover {
    text-decoration: underline;
}

#header #pdf {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    background: #FFF;
}

/*****************	Menu	******************/
ul#mainmenu {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
    /*background:#D9D9D9;*/
    background: #eee;
    float: left;
    height: 56px;
}

ul#mainmenu li {
    display: inline;
}

ul#mainmenu li.telecharger_pdf a {
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
    float: right;
}

ul#mainmenu li.telecharger_pdf a:hover {
    text-decoration: underline;
    font-weight: normal;
    float: right;
}

ul#mainmenu li a {
    float: left;
    display: block;
    text-transform: uppercase;
    padding: 5px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    margin: 0;
    font-family: Georgia, serif;
}

ul#mainmenu li a:hover {
}

ul#mainmenu li.current a {
    /*background:#666;*/
    background: #343434;
    display: block;
    text-transform: uppercase;
    padding: 6px;
    text-decoration: none;
    color: #98CB00;
    font-family: Georgia, serif;
}

ul#mainmenu li.current a:hover {
}

ul#mainmenu li.current ul.sousmenu {
    display: block;
}

ul#mainmenu li ul.sousmenu {
    /*background:#666;*/
    background: #343434;
    list-style: none;
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: 28px;
    display: none;
    width: 950px;
}

ul#mainmenu li ul.sousmenu li {
}

ul#mainmenu li ul.sousmenu li a {
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    color: #FFF;
    font-weight: normal;
    font-family: Arial, sans-serif;
}

ul#mainmenu li ul.sousmenu li.current a {
    color: #98CB00;
}

ul#mainmenu li ul.sousmenu li a:hover {
    text-decoration: underline;
}

/****************	Fin Menu ********************/
.search-with-breadcrumb {
    padding: 5px 0 0 0;
    margin: 0 10px 0 0;
}

#search-header {
    /*float:right;*/
    text-align: center;
}

#search-header .submit {
    background: #eee;
    border: 1px solid #ccc;
    margin: 0 0 0 5px;
    font-size: 12px;
}

#search-header select {
    margin: 0 0 0 5px;
    width: 90px;
    font-size: 12px;
}

.breadcrumb {
    font-size: 13px;
    padding: 0;
}

.breadcrumb a {
    text-decoration: none;
    margin: 0 5px 0 0;
    font-size: 12px;
}

.breadcrumb a:hover {
    color: #0066cc;
    text-decoration: underline;
}

.breadcrumb a.breadcrumb-first {
    background: url(/images/aufait.jpg) no-repeat left 0;
    padding: 0 0 0 20px;
}

#rss {
    text-align: center;
}

#rss a {
    background: url(/images/rss.jpg) no-repeat left top;
    padding: 0 0 0 19px;
    text-decoration: none;
    display: block;
}

#rss a:hover {
    color: #122842;
    text-decoration: underline;
}

/********************************/
#news {
    /*float:left;*/
    width: 630px;
    display: inline;
}

#news #columright div {
    background: #F9F9F9 none repeat scroll 0 0;
    border: 1px solid #DDDDDD;
    float: left;
    padding: 8px 10px 5px;
    width: 168px;
}

#news #columright #pub {
    background: #FFFFFF none repeat scroll 0 0;
    border: medium none;
    float: left;
    padding: 0 29px;
    text-align: center;
    width: 130px;
}

#news #comment {
    margin-bottom: 12px;
}

#news #comment h3 {
    color: #666;
}

#news #comment textarea {
    height: 257px;
    padding: 5px;
    width: 260px;
    margin: 0;
}

#news #comment label {
    display: block;
    /*width:100px;*/
}

#news #comment input {
    margin: 0 0 5px;
    width: 180px;
    font-size: 11px;
}

#news #comment .envoyer {
    background: #EEEEEE none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    padding: 2px;
    height: 30px;
}

#news #comment p.italic {
    font-style: italic;
    color: #666;
}

#relatednews {
    background: #F9F9F9 none repeat scroll 0 0;
    border: 1px solid #DDDDDD;
    float: left;
    padding: 5px 10px 5px 5px;
    width: 168px;
}

#columright ul {
}

#columright ul li {
    margin-bottom: 5px;
}

#news #columright ul.relatednews li a {
    font-size: 10px;
    display: inline-block;
}

#columright a {
    font-size: 12px;
    color: #0066FF;
    text-decoration: none;
}

#news #columright a:hover {
    text-decoration: underline;
}

#news #columright div.share {
    border: none;
    margin: 8px auto;
    background: #FFF;
}

#news .share a {
    padding: 0 0 0 20px;
    margin: 0 0 5px;
    font-size: 12px;
    color: #666;
    text-decoration: none;
    float: left;
    display: inline-block;
    width: 64px;
    height: 16px;
}

#news .share a:hover {
    font-size: 12px;
    text-decoration: underline;
}

#single-view .share a {
    margin: 0 10px 0 0;
    width: auto;
}

#single-view .share a:hover {
    font-size: 12px;
    text-decoration: underline;
}

#news #savoir-plus ul {
    margin: 0 0 0 18px;
}

#news #savoir-plus ul li a {
    text-decoration: none;
    color: #0066FF;
    font-weight: bold;
}

#news #savoir-plus ul li a:hover {
    text-decoration: underline;
}

#news .share-bottom p {
    margin: 10px 0 0 0;
}

#news a.imprimer {
    background: transparent url(images/imprimer.gif) no-repeat scroll left 0;
    color: #666666;
    display: inline;
    font-size: 12px;
    margin: 0 10px 0 0;
    padding: 0 0 0 20px;
    text-decoration: none;
}

#news a.imprimer:hover {
    text-decoration: underline;
}

#news a.lettre {
    background: transparent url(images/envoyer.gif) no-repeat scroll left 0;
    color: #666666;
    display: inline;
    font-size: 12px;
    margin: 0 10px 0 0;
    padding: 0 0 0 20px;
    text-decoration: none;
}

#news a.lettre:hover {
    text-decoration: underline;
}

#news #savoir-plus p {
    margin: 0 0 10px;
}

#news h5 {
    margin: 0;
    clear: both;
}

#news .border-bottom {
    border-bottom: 1px dashed #ccc;
}

#news h2.chapeau {
    font-size: 12px;
    color: #666;
    margin: 0;
    font-style: italic;
    line-height: 1.6;
}

#news hr {
    background: #EEEEEE none repeat scroll 0 0;
    border: medium none;
    clear: none;
    float: none;
    margin: 0 0 5px;
    width: inherit;
}

#news #single-view {
}

#news #single-view .date-article {
    font-size: 11px;
    font-weight: bold;
}

#news #single-view .auteur {
    font-size: 11px;
    font-weight: bold;
}

#news #single-view p {
    font-size: 12px;
    line-height: 1.5;
    margin: 0 0 10px;;
}

#news .sv-images {
    margin: 0 0 0 10px;
    width: 180px;
}

#news .sv-images .image-item {
    margin-bottom: 10px;
}

#news p {
    font-size: 11px;
    margin: 0;
    line-height: 1.3;
}

#news p a {
    font-size: 11px;
    text-decoration: none;
}

#news p a:hover {
    text-decoration: underline;
}

#news h1 {
    margin: 10px 0 15px;
}

#news h3 {
    margin: 0 0 5px;
}

#news h3 a {
    font-size: 14px;
    font-weight: bold;
    color: #477DB4;
    text-decoration: none;
}

#news h3 a:hover {
    border-bottom: 1px dotted #122842;
    color: #122842;
}

#news h4 {
    margin: 0 0 5px;
}

#news h4 a {
    font-size: 11px;
    font-weight: bold;
    color: #477DB4;
    text-decoration: none;
    line-height: 1;
}

#news h4 a:hover {
    border-bottom: 1px dotted #122842;
    color: #122842;
}

#news #single-view blockquote {
    border-bottom: 1px dashed #000000;
    color: #000000;
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin: 10px 0 5px 10px;
}* html #news #single-view blockquote {
    margin: 10px 0 5px;
}

#news #single-view h4 {
    margin: 0 0 5px;
    color: #333;
    font-weight: bold;
    font-size: 1em;
}

#news #single-view p.src-quot {
    font: 11px Georgia, serif;
    text-align: right;
    margin: 0 0 10px;
    font-weight: bold;
}

#news .margin0 {
    float: none;
    margin: 0;
}

#news .marginB5 {
    float: none;
    margin: 0 0 5px;
}

#news h2 {
    line-height: 1;
    margin: 5px 0 10px;
}

#news h2 a {
    font-size: 22px;
    font-weight: bold;
    color: #477DB4;
    text-decoration: none;
}

#news h2 a:hover {
    border-bottom: 1px dotted #122842;
    color: #122842;
}

#news .resume300 {
    float: left;
    width: 300px;
    padding: 10px 0 10px 10px;
}

#news .unresume200 {
    float: left;
    width: 200px;
    padding: 10px 0 10px 10px;
}

#news .unresume200 img {
    margin: 0 0 5px 0;
    float: none;
}

#news .unresume200 h3 {
    margin: 0 0 5px 0;
    float: none;
    font-size: 1.2em;
    font-weight: bold;
}

#news .float-right {
    float: right;
    padding: 0;
    margin: 0 0 0 10px;
}

#pointsvue {
    float: left;
    padding: 0;
    margin: 0 0 10px;
}

#pointsvue .slide {
    width: 340px;
    float: left;
}

#chroniquescrollout {
    float: left;
    height: 80px;
    overflow: hidden;
    width: 340px;
}

#chroniquescroll {
    height: 80px;
}

#pointsvue img {
    margin: 27px 8px;
    float: left;
}

#pointsvue .article {
    width: 154px;
    float: left;
    margin-top: 5px;
    height: 65px;
    padding: 0px 0 0 5px;
    border-left: 1px solid #EEE;
}

#pointsvue .article img {
    float: left;
    margin: 0 10px 0 0;
}

#pointsvue .article p {
    margin: 0 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
}

#pointsvue .article p a {
    color: #477DB4;
}

#pointsvue span.toute_chroniques {
    font-size: 12px;
    padding-left: 200px;
}

#pointsvue span a {
    text-decoration: none;
}

#pointsvue span a:hover {
    text-decoration: underline;
}

#pointsvue .article a {
    line-height: 14px;
    color: #666;
    text-decoration: none;
    font-size: 11px;
}

#pointsvue .article a:hover {
    text-decoration: underline;
}

#pointsvue h4 {
    margin: 0;
    padding-left: 8px;
    color: #666;
    font-weight: bold;
    font-size: 12px;
}

#news .categorie {
    border-bottom: 1px solid #D3D4D6;
    margin: 0 0 5px;
    position: relative;
}

#news .categorie .title {
    background: #FFFFFF none repeat scroll 0 0;
    border-left: 1px solid #D3D4D6;
    border-right: 1px solid #D3D4D6;
    border-top: 1px solid #D3D4D6;
    display: inline;
    padding: 5px;
    position: relative;
    top: -2px;
}

#news .categorie .all-actu {
    position: absolute;
    top: -2px;
    right: 0;
}

#news .categorie .title a {
    font-size: 14px;
    font-weight: bold;
    color: #036;
    text-decoration: none;
}

#news .categorie a:hover {
    color: #333;
    border-bottom: 1px dotted #333;
    text-decoration: none;
}

ul.relatednews {
    margin: 0;
    clear: both;
}

ul.relatednews li {
    line-height: 1.3;
    list-style: none;
}

ul.relatednews li a {
    background: url(/images/list.png) no-repeat left 1px;
    padding: 0 0 0 12px;
    font-size: 11px;
    text-decoration: none;
    color: #06F;
}

ul.relatednews li a:hover {
    text-decoration: underline;
}

#single-view .relatednews {
    border: 1px solid #DDDDDD;
    padding: 5px;
    margin-right: 20px;
}

#single-view .relatednews ul {
    margin: 0;
}

#single-view .relatednews li {
    line-height: 1.2;
    list-style: none;
}

#single-view .relatednews li a {
    background: url(/images/list.png) no-repeat left 1px;
    padding: 0 0 0 12px;
    font-size: 10px;
    text-decoration: none;
    color: #06F;
    display: inline-block;
    margin: 0 0 5px;
}

/****************************/
#container-latest-news {
    line-height: 15px;
}

#container-latest-news #contscroll {
    height: 430px;
    margin: 0;
}

#container-latest-news .latest-news {
    overflow: hidden;
    border-bottom: 2px solid #fff;
    padding: 3px 0;
    background: #EEF8DF;
    float: left;
}

#container-latest-news .latest-news:hover {
    background: #E8F5BD;
}

#container-latest-news .heure-latestnews {
    width: 26px;
    float: left;
    font-size: 10px;
    margin: 0 4px 0 0;
    padding: 0 0 0 2px;
    display: inline;
}

#container-latest-news .titre-latestnews {
    width: 158px;
    float: left;
    display: inline;
}

#container-latest-news .titre-latestnews a {
    /*display:block;*/
    font-size: 10px;
    text-decoration: none;
    color: #1D5B9C;
    line-height: 15px;
    width: inherit;
}

#container-latest-news .titre-latestnews a:hover {
    text-decoration: underline;
}

#container-latest-news img {
    float: none;
}

#news #columright #artimg {
    width: 188px;
    border: 1px solid #DDDDDD;
    padding: 0;
    background: #FFF;
}

/************************************/
#content-right {
    padding: 5px;
    background: #eee;
}

#content-right h3, #container-latest-news h3, #columright h3, #single-view .relatednews h3 {
    color: #666;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 5px;;
    padding: 5px;
    text-align: left;
    border-bottom: 1px solid #D3D4D6;
}

#news #columright h3, #container-latest-news h3, #single-view .relatednews h3 {
    border: none;
    margin: 0;
}

#content-right #annonces {
    background: #FFF;
    margin: 0 0 5px;
    text-align: center;
}

#content-right #annonces .txt {
    width: 286px;
    font-size: 11px;
    margin: 0 0 5px 0;
}

#content-right #annonces p {
    margin: 0 10px 0 0;
    float: left;
    padding: 0 0 0 5px;
}

#content-right #annonces a {
    color: #333333;
    font-size: 11px;
    text-decoration: none;
}

#content-right #annonces a:hover {
    text-decoration: underline;
}

#content-right #login {
    float: left;
    background: #fff;
    margin: 0 0 5px;
    padding: 0 0 2px;
}

#content-right #login p {
    padding: 0 5px;
    margin: 0;
    clear: both;
}

#content-right #login a {
    color: #333333;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

#content-right #login a:hover {
    text-decoration: underline;
}

.mail {
    width: 126px;
    margin: 0 0 0 5px;
    float: left;
    height: 12px;
    font-size: 11px;
}

.pass {
    float: left;
    width: 80px;
    margin: 0 0 0 5px;
    height: 13px;
    font-size: 11px;
}

.ok {
    float: left;
    margin: 0 0 0 5px;
    padding: 2px;
    font-size: 9px;
    background: #eee;
    border: 1px solid #ccc;
    height: 18px;
}

#sondage {
    padding: 0 0 5px;
    float: left;
    background: #fff;
    margin: 0 0 10px;
}

#sondage p {
    font-size: 11px;
    padding: 0 0 0 5px;
    margin: 0 0 5px 0;
    font-weight: bold;
}

#sondage span {
    display: block;
    margin: 0 0 5px 0;
    padding: 0 0 0 10px;
    font-size: 11px;
}

#sondage .btnvote {
    border: 1px solid #ccc;
    background: #eee;
    color: #333;
    display: block;
    margin: 0 15px;
    float: left;
}

.Newsletter{
	text-align:center;
}
.Newsletter img{
	margin:0 5px 0 0;
}
.Newsletter a{
	background:url(../images/newslettre.jpg) no-repeat left 0;
	
	float:left;
	color:#333;
	margin:0;
	padding:0 0 0 25px;
	text-decoration:none;
	display:block;
}



.Newsletter a:hover{
	color:#122842;
	text-decoration:underline;
}


#publicite-right {
    margin: 0 0 10px;
    height: 250px;
}

#publicite-right h3 {
    font-size: 11px;
    color: #333;
    padding: 5px 0;
    margin: 0 0 5px;
    font-weight: bold;
    text-align: center;
    border: 1px dashed #CCCCCC;
    background: #FFF;
}

#gallery {
    background: #fff;
    float: left;
    margin: 0 0 10px 0;
}

#gallery img {
    float: left;
    margin: -5px 0 0;
}

#gallery a {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

#gallery a:hover {
    text-decoration: underline;
}

#most-search {
    margin: 0 0 10px;
    background: #fff;
}

#most-search span {
    margin: 0 2px;
}

#most-search a {
    color: #4C6DB9;
    text-decoration: none;
}

#most-search a:hover {
    text-decoration: underline;
}

#most-search .search-1 a {
    font-size: 20px;
    font-weight: bold;
}

#most-search .search-2 a {
    font-size: 18px;
    font-weight: bold;
}

#most-search .search-3 a {
    font-size: 12px;
}

#most-search .search-4 a {
    font-size: 10px;
    color: #4C6DB9;
    text-decoration: none;
}

#most-search a:hover {
    text-decoration: underline;
}

#most-search div {
    padding: 0 10px 10px;
}

/****************************/
.tabcontent-most ul {
    margin: 0 0 0 15px;
    padding: 0;
    list-style-image: url(/images/list.jpg);
    list-style-position: outside;
}

.tabcontent-most li {
}

.tabcontent-most ul li a {
    font-size: 10px;
    text-decoration: none;
}

.tabcontent-most ul li a:hover {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

.width-300 {
    width: 300px;
}

h6.description {
    margin: 0 0 10px 0;
    padding: 0 2px 0 0;
    font-size: 10px;
    color: #fff;
    text-align: right;
    background: #666;
}

h6.publicite {
    margin: 0;
    font-size: 9px;
    color: #333;
    text-align: right;
}

.margin-bottom {
    margin-bottom: 20px;
}

.inline {
    display: inline;
}

#news .date {
    font-size: 11px;
    color: #666;
    font-weight: bold;
}

.mainmenu .float-right {
    float: right;
}

.mainmenu .float-right a {
    padding: 5px;
    text-decoration: none;
    font-weight: normal;
    text-transform: none;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #666;
}

.mainmenu .float-right a:hover {
    text-decoration: underline;
}

/*****************************/
#footer {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    width: 990px;
}

#footer p {
    color: #fff;
    margin: 0;
}

#footer ul {
    list-style: none;
}

#footer ul li {
    float: left;
    margin: 0 7px 0 0;
}

#footer ul li a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-family: Georgia, serif;
}

#footer ul li ul {
    list-style: none;
    margin: 0;
}

#footer ul li ul li {
    float: none;
}

#footer ul li ul li a {
    text-decoration: none;
    color: #fff;
    text-transform: none;
    font-family: Arial, sans-serif;
}

#footer a {
    text-decoration: none;
    color: #333;
}

#footer a:hover {
    text-decoration: underline;
}

#footer .copyright {
    background: #999;
}

#footer .copyright p {
    text-align: center;
    color: #fff;
    font-size: 11px;
}

.cropped {
    float: left;
    margin-right: 10px;
}

.list div {
    margin-bottom: 15px;
}

#news div.a_la_une p {
    font-size: 12px;
    padding-bottom: 5px;
}

#news div.a_la_une {
    margin-bottom: 20px;
}

.margin-top {
    margin-top: 10px;
}

.LV_invalid {
    color: red;
    font-weight: bold;
    padding-left: 5px;
}

.nodata {
    padding: 4px 4px 4px 30px;
    margin-bottom: 12px;
    font-size: 1.1em;
    border: 2px solid;
    text-align: center;
    background-color: #FFEBC1;
    border-color: #FDBF3B;
    color: #A6750C;
}

.rsslist {
    list-style: none;
    margin-left: 0;
}

.rsslist li {
    height: 30px;
    display: block;
}

.rsslist li a {
    padding-left: 10px;
}

.arquo {
    color: #99CC00;
    font-weight: bold;
    padding-left: 3px;
    font-size: 15px;
}

.search_field {
    width: 150px;
    height: 13px;
    font-size: 11px;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.margin-top3 {
    margin-top: 3px;
}

select#id {
    float: right;
}

.red {
    color: red;
    font-weight: bold;
}

#aufait_pdf {
    list-style: none;
}

#aufait_pdf li {
    text-align: center;
}

#aufait_pdf li a {
    text-decoration: none;
}

#aufait_pdf li a:hover {
    text-decoration: underline;
}

.float-left {
    float: left;
}

.pagination {
    text-align: center;
}

span.see_more a {
    color: #003366;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.author_and_last_update {
    font-weight: bold;
}

.surtitre {
    font-size: smaller;
}

.a_la_une .surtitre {
    font-size: inherit;
    color: #666;
    text-transform: capitalize;
}

.relatednews .surtitre, .titre-latestnews .surtitre {
    font-size: inherit;
    color: #1D5B9C;
}

.relatednews .surtitre {
    color: #0066FF
}

#recaptcha_area {
    margin: 7px 0;
}

#news p.comment_error {
    background: #feb96e;
    padding: 5px;
    font-weight: bold;
}

#TabbedPanels1 .surtitre {
    color: #477DB4;
    font-size: 10px;
}

/**********************************************/
/*          AUFAIT STYLES                     */
/**********************************************/
/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -
 http://creativecommons.org/licenses/by/2.0/deed.en  */
.citation {
    font-style: italic;
    font-weight: 700;
    font-size: 12px;
    color: #4d9fcc;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: right;
    padding-left: 10%;
    border-right-width: 4px;
    border-right-style: double;
    border-right-color: #999999;
    padding-right: 5px;
}

.citation_src {
    / /

text-transform:uppercase;

color:
    #666666;

font-weight:bold;

font-size:
    10px;

text-align:right;

text-decoration:overline;
}

.siteweb {
    color: #0099CC;
    font-weight: 700;
    font-size: 11px;
    text-decoration: underline;
}

.intertitre {
    font-weight: 700;
    font-size: 14px;
}

.question {
    font-weight: 700;
    font-size: 12px;
    color: #666666;
}

#news #single-view p.chiffre {
    background-color: #ec2525;
    size: auto;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    text-transform: none;
    text-align: center;
    margin-bottom: 0px !important;
}

.chiffre_desc {
    size: auto;
    font-size: 10px;
    background-color: #FFF0F0;
    text-align: center;
    padding: 4px;
    margin-top: 0px !important;
    line-height: 18px;
}

.complement_entete {
    background-color: #FFCC66;
    font-weight: bold;
    font-size: 11px;
    color: #333333;
    margin-bottom: 0px !important;
    padding: 4px;
}

.complement {
    font-size: 11px;
    /*background-color: #FFF7E6;*/
    background-color: #fef1d1;
    text-align: left;
    margin-top: 0px !important;
    line-height: 18px;
    padding: 7px;
}

.exergue {
    background-color: #999999;
    size: auto;
    font-weight: bold;
    font-size: 12px;
    padding: 4px;
    color: #FFFFFF;
    text-transform: none;
    text-align: center;
    border: 1px solid #333333;
}

span.italic {
    font-style: italic;
}

/*********  UNES AUFAIT  **************/
#right-latest-news {
    line-height: 15px;
    background: #333;
    padding: 3px 0 1px 3px;
    width: 297px;
    margin-bottom: 10px;
}

#right-latest-news h3 {
    color: #FFF;
    border: none;
}

#scroller {
    float: left;
    width: 294px;
    height: 207px;
    overflow: hidden;
}

#inner {
    height: 621px;
}

#right-latest-news .latest {
    overflow: hidden;
    padding: 3px 1px 3px 3px;
    background: #666666;
    /*
     float:left;
     */
    margin-bottom: 3px;
    /*
     width:270px;
     */
    /*
     display:inline;
     */
    height: 60px;
}

#right-latest-news .latest a {
    font-size: 10px;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 15px;
    width: inherit;
}

#right-latest-news .latest a span {
    color: #FFFFFF;
    font-weight: bold;
}

#right-latest-news .latest a:hover {
    text-decoration: underline;
}

#right-latest-news img {
    float: left;
    margin-right: 5px;
}

#right-latest-news p {
    font-size: 11px;
    margin: 0;
    color: #98CB00;
}

#scroll-up-down {
    display: inline;
    margin-top: -26px;
    margin-left: 241px;
    float: left;
}

.up, .down {
    display: block;
    margin: 0;
    padding: 0;
}

.scroll-repeat {
    background: url(../images/scroll01.png) repeat-y 8px 0;
    height: 182px;
    display: block;
}

.scroll-content {
    height: 207px;