body {margin: 0em; background:url("../img/background-new.jpg") fixed repeat; }
@media print { body {background: none; }}

#page  {width: 970px; 
		background: #F9F9F9;
		background: rgba(255, 255, 255, 0.65);
		text-align: left; 
		margin: 25px auto 30px auto; padding: 0px 0px 0px 0px; 
		border: 2px #006633 solid;
		font-family: 'Lucida Grande', Arial, Verdana, Tahoma, sans-serif;
		font-size: 70%;
		line-height: 1.35em; }
@media print { #page {width: 100%; background: none; border: none; font-size: 100%; }}

.blog ul, .horiz, .liste ul, .texte {background: #F9F9F9; }
@media print { .blog ul, .horiz, .liste ul, .texte {background: none; }}

h1 {font-weight: bold; font-size: 1.35em; line-height: 1.45em; color: #B80000; padding-bottom: 4px; margin-bottom: 0px; border-bottom: 1px solid #006633; }
h2 {font-weight: bold; font-size: 1.20em; line-height: 1.40em; margin-bottom: 7px; margin-top: 3px; text-align: left; }
h3 {font-weight: bold; font-size: 1.10em; color: #B80000; }
h4 {font-weight: bold; font-size: 1.00em; line-height: 1.30em; margin-bottom: 3px; margin-top: 3px; text-align: left; }

.article {text-align: justify; }

span.auteur {text-align: left; color: #666666; }
span.date {text-align: right; float: right; color: #666666; }
span.date_agenda {color: #B80000; }
span.light {font-weight: normal; }

p {margin: 0px 0px 8px 0px; padding: 0px; }

hr {color: #006633; background-color: #006633; height: 1px; border: 0; margin: 12px 0 12px 0; }

table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { padding: 2px; caption-side: top; text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first { background: #DDEAE4; }
table.spip tr.row_odd { background: #F5F5F5; }
table.spip tr.row_even { background: #EEEEEE; }
table.spip th, table.spip td { padding: 0.30em 0.50em; text-align: left; border: 1px solid #BDDFCE; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }

a {text-decoration: underline; color: #B80000; }
a:link {color: #B80000; }
a:visited {color: #B80000; }
a:hover {color: black; text-decoration: underline; }

.auteur a, .pagination a {text-decoration: none; color: #666666; }
.auteur a:link, .pagination a:link {color: #666666; }
.auteur a:visited, .pagination a:visited {color: #666666; }
.auteur a:hover, .pagination a:hover {color: #B80000; text-decoration: underline; }

h1>a {text-decoration: none; color: #B80000; }
h1>a:link {color: #B80000; }
h1>a:visited {color: #B80000; }
h1>a:hover {color: black; text-decoration: underline; }

h4>a, h2>a, #footer a, .related a {text-decoration: none; color: black; }
h4>a:link, h2>a:link, #footer a:link, .related a:link {color: black; }
h4>a:visited, h2>a:visited, #footer a:visited, .related a:visited {color: black; }
h4>a:hover, h2>a:hover, #footer a:hover, .related a:hover {color: #B80000; text-decoration: underline; }
.related h3>a:hover {text-decoration: none; }

#header {height: 205px; background:url("../img/banner-new-big.jpg"); }
@media print { #header {display: none; }}
#title {float: left; font-weight: bold; color: white; font-size: 4.70em; padding: 20px 0 0 8px; }
#subtitle {clear: both; float: left; color: white; font-size: 1.30em; padding: 10px 0 0 8px; }
#formulaire_recherche {float: right; padding: 5px 5px 0 0; }
#formulaire_recherche label {font-size: 14px; font-weight: bold; color: white; }

#menu {border-top: 1px #888888 solid; border-bottom: 1px #888888 solid; height: 24px; background: #B80000; font-size: 14px; white-space: nowrap; }
@media print { #menu {display: none; }}

#menu ul {float: left; list-style-type: none; margin: 0px; padding: 0px; height: 24px; }
#menu ul li {float: left; display: block; border-right: 1px solid #888888; }
#menu ul a {color: white; text-decoration:none; display: block;  margin: 0px; height: 24px; text-align: center; font-weight: bold; background-color: #B80000; color: #FFFFFF; padding: 4px 10px 4px 10px; height: 16px; }
#menu ul a:hover {color: white; background-color: #006633; cursor: pointer; }

#menu li ul {display: none; position: absolute; }
#menu li:hover>ul {display: block;}
#menu li:hover>a {color: white; background-color: #006633; }

#menu ul ul {z-index: 2; font-size: 12px; }
#menu ul ul li {float: none; position: relative; display: block; top: 0px; left: -1px; margin: 0px; height: 19px; border-style: solid; border-color: #888888; border-width: 0 1px 1px 1px; padding: 0; }
#menu ul ul li:first-child {border-style: solid; border-color: #888888; border-width: 1px 1px 1px 1px; padding: 0; }
#menu ul ul li a {text-decoration: none; display: block; padding: 2px 10px 4px 10px; height: 13px; background: rgb(240, 240, 240); background: rgba(240, 240, 240, 0.90); color: black; text-align: left; font-weight: normal; }
#menu ul ul li a:hover, #menu ul ul li:hover {color: black; background-color: #006633; }

#menu ul ul li:hover>a {color: black; background-color: #006633; }
#menu ul ul ul {z-index: 3; top: -1px; left: 100%; }

#footer {border-top: 1px #888888 solid; font-size: 1.10em; background-color: #DDDDDD }
@media print { #footer {display:none; }}

ul.horizontal {list-style: none; margin: 0; padding: 0;}
ul.horizontal>li {float: left; padding-right: 15px; }
		
.content {padding: 5px; overflow: none; }

.columns, .clear {clear: both; }
@media print { .printclear {clear: both; }}
.column {clear: none; float: left; }

.two-a .column.first {width: 696px; }
.two-a .column.second {width: 274px; }
@media print {
	.two-a .column.first {width: 100% }
	.two-a .column.second {display: none; }
}

.two-b .column.first {width: 438px; }
.two-b .column.second {width: 258px; }
@media print {
	.two-b .column.first {width: 100% }
	.two-b .column.second {display: block; width: 100%; }
}

#une-wrap {width: 686px; height: 310px; position: relative; }
#une {position: absolute; top: 0; left: 0; width: 513px; height: 310px; }
#une img {position absolute; bottom: 0; left: 0; border: 1px solid #006633; margin: -1px 0px 0px 0px; width: 511px; height: 308px; }
#une .over {position: absolute; bottom: 2px; left: 1px; width: 495px; padding: 4px 8px; background: black; background: rgba(0, 0, 0, 0.85); color: white; }
#une .over h2 {color: #B80000; }
#une-tabs {position: absolute; bottom: 1px; right: 0; width: 174px; }
#une-tabs img {border: 1px solid #006633; margin: -1px 0px 0px 0px; width: 172px; height: 102px; }

#video-wrap {width: 264px; height: 237px; position: relative; }
#video {position: absolute; top: 0; left: 0; width: 264px; height: 178px; }
#video img {position absolute; bottom: 0; left: 0; border: 1px solid #006633; margin: -1px 0px 0px 0px; width: 262px; height: 176px; }
#video .over {position: absolute; bottom: 0; left: 1px; width: 246px; padding: 4px 8px; background: black; background: rgba(0, 0, 0, 0.85); color: white; }
#video .over h4 {color: #B80000; margin-bottom: 7px; }
#video-tabs {position: absolute; bottom: 0; left: 0; width: 312px; }
#video-tabs img {float: left; border: 1px solid #006633; margin: -1px 0px 0px 0px; width: 86px; height: 59px; }

.slide {display: none; }
.disabled {visibility: hidden !important; }
.over h2 {color: white; }

.blog ul {list-style: none; margin: 0px; padding: 0px; border-left: solid #BDDFCE 1px; border-right: solid #BDDFCE 1px; }
.blog li {background-image: url("../img/puce-6f.gif"); background-repeat: no-repeat; background-position: 5px 15px; display: block; border-bottom: solid #BDDFCE 1px; padding: 5px 5px 8px 5px; margin: 0px; text-align: justify; }
.blog li.video {background-image: url("../img/cam.gif"); background-position: 4px 13px; padding: 5px 8px 8px 5px; }
@media print {.blog li {background-image: none; }}

.bloghoriz ul {list-style: none; padding: 8px 0px 0px 0px; margin: 0px 0px 0px -4px; }
.bloghoriz li {background-image: url("../img/puce-6f.gif"); background-repeat: no-repeat; background-position: 0px 10px; float: left; width: 220px; display: block; margin: 0px 10px 0px 10px; text-align: justify; }
.debat-plus {float: right; width: 210px; border: solid #BDDFCE 1px; background-color: #DDEAE4; background-image: none; text-align: center; padding: 3px 5px 3px 5px; margin-right: 10px; margin-bottom: 5px; }
.horiz {border-left: solid #BDDFCE 1px; border-right: solid #BDDFCE 1px; border-bottom: solid #BDDFCE 1px; }
@media print {
	.bloghoriz ul {margin: 0px; }
	.bloghoriz li {background-image: none; float: none; width: 100%; display: block; padding: 5px 5px 8px 5px; margin: 0px; }
	.debat-plus {display: none; }
	.horiz {border: none; }
}

.liste ul {list-style: none; margin: 0px; padding: 0px; border-left: solid #BDDFCE 1px; border-right: solid #BDDFCE 1px; }
.liste li {background-image: url("../img/puce-rond-f.gif"); background-repeat: no-repeat; background-position: 5px 11px; display: block; padding: 3px 5px 2px 5px; margin: 0px; }
li.fermeture {border-top: solid #BDDFCE 1px; padding: 0 5px 0 5px; }
.chroniques li {background-image: none !important; }

.blog img, .bloghoriz img, .liste img {border: 1px solid #660066; margin: 3px 12px 5px 0px; float: left; }
.blog h2, .bloghoriz h2 {padding-left: 12px; }
.blog .video h2 {padding-left: 16px; }
.liste h4 {padding-left: 10px; }
@media print {
	.blog h2, .bloghoriz h2, .liste h4 {padding-left: 0 };
}

#logo_pdf {background-image: url("../img/logo_pdf.jpg"); border: 1px solid #006633; width: 262px; height: 44px; margin-top: 5px; }
#logo_pdf>h1 {text-align: center; margin-top: 12px; border-bottom: 0px; }

#logo_money {background-image: url("../img/money.jpg"); border: 1px solid #006633; width: 262px; height: 88px; margin-top: 5px; }

.dossiers ul {list-style: none; margin: 0px; padding: 0px; }
.dossiers li {display: block; padding: 5px 0px 5px 0px; margin: 0px; }
.dossiers img {border: 1px solid #006633; margin: 5px 0px 0px 0px; width: 262px; height: 100px; }

li.dark {background-color: #EEEEEE; }
li.pagination {background-color: #DDEAE4; background-image: none; text-align: center; padding: 3px 5px 3px 5px; }
.pagination .on {color: #006633; }
@media print { li.pagination {display: none; }}

@media print {.blog ul, .liste ul, .bloghoriz.ul, .blog li, .liste li, bloghoriz.li {border: none; background: none; }}

.article {padding: 5px 5px 5px 5px; }
.texte {padding: 5px 10px 5px 10px; border-left: solid #BDDFCE 1px; border-right: solid #BDDFCE 1px; border-bottom: solid #BDDFCE 1px; }
@media print {.texte {border: none; }}
.texte h1 {margin: 25px 0px 5px 0px; }
.texte .spip_documents img {border: 1px solid #660066; }
.spip_documents_center img, .spip_documents_center object {margin-left: auto; margin-right: auto; display: block; }
div.spip_documents {margin: 0px 0px 8px 0px; padding: 0px; }
.texte img.spip_logos {border: 1px solid #660066; float: left; margin: 0px 12px 8px 0px; }
.texte iframe {align: center; }

div.sidebox-right {border: 1px solid #660066; float: right; background-color: #EEEEEE; margin: 0px 0px 8px 12px; padding: 8px; width: 180px; text-align: left; }
div.sidebox-left {border: 1px solid #660066; float: left; background-color: #EEEEEE; margin: 0px 12px 8px 0px; padding: 8px; width: 180px; text-align: left; }
.sidebox-right h3, .sidebox-left h3 {border-bottom: 1px solid #660066; font-size: 1.05em; line-height: 1.30em; margin-bottom: 4px; margin-top: 3px; text-align: left; }

.spip_surligne {background-color: #DDBBDD; }

@media print {.no-print {display: none; }}

.addthis_toolbox {width: 80px; padding: 14px 0px 0px 10px; float: right; }

dl.spip_documents {clear: both; display: block; height: 54px; padding: 0px 0px 0px 0px; }
dl.spip_documents dt a img {float: left; border: none !important; padding: 0px 10px 0px 0px; }
dl.spip_documents dt.spip_doc_titre {font-weight: bold; }
dl.spip_documents dd.spip_doc_credits {color: #666666; }

/* iPhone, etc… */

/*@media screen and (max-width: 970px){
	body {-webkit-text-size-adjust: none; }
	#page {width: 98%; margin: 25px auto; }
	.two-a .column.first {width: 696px; }
	.two-a .column.second {width: 696px; }
	div.bloghoriz {width: 696px; }
	.two-b .column.first {width: 438px; }
	.two-b .column.second {width: 258px; }
	.bloghoriz ul {list-style: none; margin: 0px; padding: 0px; border-left: solid #BDDFCE 1px; border-right: solid #BDDFCE 1px; }
	.bloghoriz li {clear: both; width: 696px; background-image: url("../img/puce-6f.gif"); background-repeat: no-repeat; background-position: 5px 15px; display: block; border-bottom: solid #BDDFCE 1px; padding: 5px 15px 8px 5px; margin: 0px; text-align: justify; }
	.horiz {border: none; }
}

@media screen and (max-width: 676px){
	body {-webkit-text-size-adjust: none; padding: 5px; }
	#page {width: 100%; margin: 0; border: 0; }
	#header {display: none; }
	.two-a .column.first {width: 100%; }
	.two-a .column.second {width: 100%; }
	.bloghoriz ul {list-style: none; margin: 0px; padding: 0px; border-left: solid #BDDFCE 1px; border-right: solid #BDDFCE 1px; }
	.bloghoriz li {clear: both; width: 100%; background-image: url("../img/puce-6f.gif"); background-repeat: no-repeat; background-position: 5px 15px; display: block; border-bottom: solid #BDDFCE 1px; padding: 5px 15px 8px 5px; margin: 0px; text-align: justify; }
	.horiz {border: none; }
	.no-print {display: none; }
}*/
