html, body, div, p, h1, h2, h3, h4, h5, h6, tr ,td, form, fieldset {margin:0;padding:0;color:black}

body {
	font-size:75%;
	background-color:#304b5f;
}

body, tr, kbd {
	font-family: sans-serif;
}

h2	{
	border-left: #e6f4ff 8px solid;
	padding: 4px;
	background-color : #e6f4ff;
	font-family: 'Orbitron', verdana, arial, helvetica, sans-serif;
	font-weight: 900;
	font-size:1.4em;
	line-height:1.4em;
	text-align:center
}


h3	{
	font-family: 'Orbitron', verdana, arial, sans-serif; 
	font-weight: 700;
	padding: 0.5em 0;
	border-top: 1px solid #6096BF;
	font-size:1.1em;
}

a, a:link {
	color: #007;
	text-decoration: none;
	text-shadow : 0 1px 0 rgba(255, 255, 255, 0.8);
}

a:hover {
	text-decoration: underline;
}

a.bloc, #sidebar a {
	display:block;
}

a.suggest {
background-color:#d2ecff}

a.fond:hover, a.bloc:hover {
	text-decoration: none;
	background-color:#e6f4ff}

:target {
	background : #fff;
}

.article  a[rel*=external]:after{
	content: "\0000a0" url(/nav/external.png) ;
}


#sidebar > .extradiv a:hover {
	text-decoration: none;
	background-color:#e6f4ff}

.line, #sidebar a.line {
	display:inline;
}

a[rel*=lightbox] {
	cursor : pointer;
	cursor : zoom-in;
}



img	{
	border: none;
}

q, cite, quote, blockquote {
	quotes : "“" "”" "«" "»" ;
	}

blockquote, dl.mail {
	background : transparent url(/nav/quote.png) no-repeat 0% 0%;
	margin:0;
	border-left:8px solid #6096BF;
	border-right:8px solid #6096BF;
}

blockquote, dl.mail dd {
	padding:0 0 0 55px;
}

dl.mail dt {
	border-top:8px  solid #6096BF;
	padding:1em 0.4em 1em;
	margin-left: 50px ;
	background : #e6f4ff;
}

dl.mail dd {
	margin: 0 ;
	border-bottom:8px solid #6096BF;
}

abbr, accronym, .aide { 	cursor : help;
	border-bottom : thin dashed #333 ;	border-color : #ff0000;
	}

kbd {
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #CCCCCC #AAAAAA #888888 #BBBBBB;
    border-style: solid;
    border-width: 2px 3px 3px 2px;
    padding : 0 2px;
    color: #000000;
    display: inline-block;
    font-family: helvetica,arial,sans-serif;
    min-width: 15px;
    position: relative;
    text-align: center;
    text-shadow: none;
    white-space: nowrap;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.serif {
	font-family : serif;
}

code, tt, pre {overflow:auto;}

fieldset {
	border: none;
	width:100%;
}

label {
	display : inline;
	text-align:left;
}

input, textarea {
	border: 1px solid #708090;
	background:#bfe4ff;
	color: black;
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
}

input[type=submit],input[type=button] {
	background-color:#e6f4ff;
	}

input:hover, textarea:hover {
	border: 1px solid black;
}

input:focus, textarea:focus {
	background : white;
	border: 1px solid black;
}

.cl	{
	clear: both;
}

.l	{
	float: left;
	margin: 0.5em 0.5em 0.5em 0;
	display: inline;
}

.r	{
	float: right;
	margin: 0.5em 0 0.5em 0.5em;
	display: inline;
}

.c	{
	display:block;
	margin:0 auto;
	text-align:center;
}

.c a img {
vertical-align:middle
}

sup, .up	{
vertical-align:20%;
	font-size:xx-small;
   }

.demi	{
	width:48%
}

.flat	{
	padding : 0;
	list-style-type:none;
}

.never {	display:none
}

.petitescol {
	column-width: 300px;
	column-gap: 1em;
	column-space-distribution: between;
	column-rule:1px solid #6096BF;
	-moz-column-width: 300px;
	-moz-column-gap: 1em;
	-moz-column-space-distribution: between;
	-webkit-column-width: 300px;
	-webkit-column-gap: 1em;
	-webkit-column-space-distribution: between;
	-webkit-column-rule:1px solid #6096BF;
}

.petitescols li, cols li {
	page-break-inside : avoid;
	-moz-page-break-inside : avoid;
	-webkit-page-break-inside : avoid;
}

#wrapper {
	background-color: #bfe4ff;
	width: 100%;
	font-size: 0.9em;
	line-height: 1.5em;
	min-width: 780px;
}

#hotbar	{
	color: white;
	font-size: 9px;
	font-weight:bold;
	text-align: right;
	background : black;
	height:16px;
}

#sidebar {
	float: right;
	width:220px;
	font-size: 1em;	border-top: 1px solid #6096BF;
	color:#6096BF;}

#footer {
	clear: both;
	font-size:1em;	background-color:#304b5f;
	color : white;
	font-weight:bolder;
	border-top : #a0b0c0 2px solid;
	padding:0.2em;
}


.pub {
	width:49%;
	border : 2px solid;
}

.pub span {
	visibility : hidden;
	margin:2px;
}

.pub.g { background-image:url(http://supplementweekend.fr/interface/images/banniereswe.png) }
.pub.g:hover { background-image:none }
a.pub::after{display:none}

.g {
	float: left;
	background:url(/nav/SWElogo-pod.png) no-repeat 50% 50%;
}

.d {
	float: right;
	background:url(/dastyle/entete1.png) no-repeat 50% 50%;
}

.pub:hover{
	text-decoration: none;
	background:#e6f4ff;
	border : 2px solid #6096BF;
}
.pub:hover span {
	visibility : visible;
}

#header {
	background: transparent url(/dastyle/RipolineZeWeb1.png) no-repeat 10% 0%;
	height: 100px;
}

#header a {
	display:block;
	height:100%;
	background: transparent url(/dastyle/entete1.png) no-repeat 80% 50%;
	opacity : 0.5;	
}

#header a:hover {
	text-decoration: none;
	opacity : 1;
}

#header span, #header small {
	visibility : hidden; display : none;
}

.article {
	float: left;
	margin-bottom: 1em;
	width: 99%;
	font-size:1.2em; 	min-width: 540px;
	line-height: 140%;
	text-align: justify;
}

.post-content,.col {
	/*
	column-width: 540px;
	column-gap: 1em;
	column-space-distribution: between;
	column-rule:1px solid #6096BF;
	-moz-column-width: 540px;
	-moz-column-gap: 1em;
	-moz-column-space-distribution: between;
	*/
	/*-webkit-column-width: 540px;
	-webkit-column-gap: 1em;
	-webkit-column-space-distribution: between;
	-webkit-column-rule:1px solid #6096BF;*/
}

.post-content p {
	padding: 0.4em 0.4em 0.4em 0;
}

.post-content p a img, a .boxed {
	padding:3px;
	border : #6096BF solid 1px;
}

.post-content p a:hover img, a:hover .boxed  {
	background-color:#e6f4ff;
}

.post-info {
	border-left: #e6f4ff 8px solid;
	list-style-type:none;
	padding:0 1em;
	text-align:right;
	font-size:x-small;
}

.post-excerpt {		border-left: #e6f4ff 8px solid;
	list-style-type:none;
	padding:1em;
}

textarea#c_content {
	width:100%;
	font-family:sans-serif;
}

input.id {
	width : 12em;
	margin-bottom : 0.5em;
}

input.bouton {
	border:2px outset gray;
}

.field label {
	display:block;
	float:left;
	width : 10em;
	text-align:right;
	clear:both;
}

.form-help {
	font-size:x-small;
	text-align:right;
}


div#comments {
	position : relative;
}

.comment dt {
	background:#e6f4ff;
	padding:0 1em;
	border-radius:0.4em 0.4em 0.4em 0;
	-moz-border-radius:0.4em 0.4em 0.4em 0;
	-webkit-border-radius:0.4em 0.4em 0.4em 0;
}

.comment dd
{
	margin:0 0 1em 0;
	
}

dl.comment > dd
{	padding: 0.3em 1em;
	border-left:8px solid #e6f4ff;
}

.comment dd p {
	margin : 0.5em 0;
}

dd.me {
	background : #d2ecff;
}

.error {
	background : yellow;
	border : solid red 4px;
	color : black;
	margin : 4px; padding: 4px;
	font-weight : bold;
}

.message {
	background : white;
	border : solid blue 4px;
	margin : 4px; padding: 4px;
	color : black;
	font-weight : bold;
}

#hotbar ul, #hotbar ul li {
	margin:0;
	padding:0;
	list-style-type: none;
}

#hotbar ul li {
	padding: 0.3em;
	display: inline;
	cursor:pointer;
}

#hotbar ul li:hover {
	background:white;
	color:black;
}


#sidebar *, #sidebar a
{
	color:#6096BF;
}

#sidebar img 
{
	opacity : 0.5;
}

#hotbar li:hover img, #sidebar:hover img 
{
	opacity:1;
}

#sidebar:hover * 
{
	color : black;
}

#sidebar:hover a
{
	color: #007;
}

#sidebar dl {
	padding : 8px  0px 8px 24px;
	clear:both;
	background : transparent url(/dastyle/nul.png) no-repeat 0% 100%;
}

#sidebar dl#ailleurs {
	background-image: url(/nav/sidebar-ailleurs.png);
}

#sidebar dl#sitenav {
	background-image:url(/nav/sidebar-dascritch.png);
}

#sidebar dl#ceblog {
	background-image:url(/nav/sidebar-ceblog.png);
}

#sidebar dl#cettepage {
	background-image:url(/nav/sidebar-cettepage.png);
}

#sidebar dl#aussi {
	background-image:url(/nav/sidebar-aussi.png);
}

#sidebar dl:hover {
	background-color : #e6f4ff;
}

#sidebar dl:hover dt,#sidebar dl:hover dd {
	background-color : #bfe4ff;
}

#sidebar dt {
	border-top: 1px solid #6096BF;
	font-weight:bold;
}

#sidebar dd, #sidebar ul {
	padding:0;
	margin:0;
}

#sidebar li, #sidebar:hover li
{
	list-style-type:none;
	padding-left:12px;
	background:url(/nav/pucecarreehover.gif) 0 0 no-repeat;
}

#sidebar ul>li
{
	background:url(/nav/pucecarree.gif) 0 0 no-repeat;
}

#sidebar abbr {
	border-bottom : transparent 0px solid;
}

#sidebar fieldset {
	margin :0;
	width:95%
}

#sidebar #quest {
	width : 95%;
	text-align : center;
}

#sidebar button img
{
	vertical-align : middle;
}

#calendar_m table {
	text-align : center;
	border-collapse: collapse;
	margin : 0 auto 1em;
}

#calendar_m  td {
	border: #6096BF 1px solid ;
		/*font-size: 0.9em;*/
	text-align : center;
	width : 2em;

}
td.active {
	background:#e6f4ff;
}
td.active a {
 	font-weight:bold;
}

#calendar_m  td a {
	display : block;
	width : 100%;
	font-weight : bold; 
}

#calendar_m  td a:hover {
background-color:#e6f4ff;
}

a[rel*="nofollow"] {
	color:#445
}
img.dumicon {
	width:12px;
	height:12px;
	border-width:2px;
	border-style:solid;
	content:url(/dastyle/nul.png);
	vertical-align:middle;
	margin-right:0.4em;
}
img.favicon {
	width:16px;
	height:16px;
	vertical-align:middle;
	border:0;
	margin-right:0.4em
}
.masqueur, #sidebar dt.masqueur {
	background : transparent url(/nav/masquable.gif) no-repeat right top;
	padding-right:32px;
	cursor : row-resize;
}
.masqueur:hover, #sidebar dt.masqueur:hover,.masqueur:focus, #sidebar dt.masqueur:focus {
	background: black url(/nav/masquable.gif) no-repeat right bottom;
	color : white;
	cursor : zoom-in;
	cursor : -moz-context-menu;
}
img.respect {
	border:0;
	vertical-align: middle;
	height : 15px;}

.icone	{
	border:0;
	float:left;
	margin-right:0.4em;
}

table.datas {
	border : gray solid 2px ;
	width:100%;
}
.datas tr td {
	border-top : gray dotted 2px ;
}
.datas tr:hover {
	background:white;
}
.datas thead {
	font-weight:bold;
}
table.datas:hover thead {
	background:yellow;
}

.rss {
	margin-left : 0;
	border-left: #e6f4ff 8px solid;
}

.rss li.entree {
	padding:0.5em;
}

.rss a {
	display:block;
	padding:0 1em;
}

.rss a:hover  { 	background-color: #e6f4ff ;
	text-decoration : none;
}

.rss > li[class~="entree"]:hover
{ 
	background-color: #e6f4ff ;
	text-decoration : none;
}

.rss strong {
	display:block;
	font-weight:bold;
	font-size : 1em;
}

.rss a .more {visibility : hidden}

.rss a:hover .more {visibility : visible}

.day-date h4 {
	font-family: verdana, arial, sans-serif;	text-align:right;
	color:#6096BF;
	padding: 0.5em;
	border-top: 1px solid #6096BF;
	font-size:1em;
	clear:both;
}

#footer * a {
	color : #ddf;
}


#tip {
	display : none; 	
	position : absolute;
	border :#6096BF 1px solid;
	background-color:#e6f4ff;
	padding:4px;
	color:black;
	max-width:400px;
	box-shadow : -3px 3px 3px rgba(0, 0, 0, 0.5);
}

#tip.external {
	background : yellow;
	}

#tiptit {
	font-weight:bold;
	color:black;
}

#tipsub {
	font-size:x-small;
}

.intl-tip, .extl-tip {
	border :#6096BF 1px solid;
	background:yellow;
	padding:4px;
	max-width:400px;
}


.extl-title, .intl-title {
	color:#777;
}




#lightbox, #lightbox-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:auto;
	right:auto;
	
	z-index:100;
	width:100%;
	height:auto;
	
	text-align:center;
	color:#333333;
	
		margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;
	
		text-decoration:none;
	background:none;
	word-spacing:normal;
	letter-spacing:normal;
	float:none;
	clear:none;
	display:block;
}

#lightbox a, #lightbox a:link, #lightbox a:visited, #lightbox a:hover {
	text-decoration:underline;
	color:#999999;
}

#lightbox-overlay {
	z-index: 90;
	background-color:#000000;
	height: 100%;
	position:fixed;
}
#lightbox-overlay-text {
	text-align: right;
	margin-right: 20px;
	margin-top: 20px;
	color: white;
	font-size: 12px;
	cursor: default;
	line-height:normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
	color:white;
}
#lightbox-overlay-text span {
	padding-left:5px;
	padding-right:5px;
}

#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; }

#lightbox-imageBox {
	position:relative;
	border:1px solid black;;
	background-color:white;
	width:400px;
	height:400px;
	margin:0 auto;
}

#lightbox-imageContainer {
	padding:1px;
}

#lightbox-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}


#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display:block;
	width:49%;
	height: 100%;
	background:transparent url("/dastyle/nul.png") no-repeat;			zoom:1 ;		
	padding:0px;
	margin:0px;
}
#lightbox-nav-btnPrev { 
	left:0;
	right:auto;
	float:left;
}
#lightbox-nav-btnNext { 
	left:auto;
	right:0;
	float:right;
}

#lightbox-infoBox {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0px;
	
	}

#lightbox-infoContainer {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#666;
	
	line-height:normal;
	}
#lightbox-infoHeader {
	width:100%;
	text-align:center; 
}
#lightbox-caption {
	text-align:justify;
}
#lightbox-caption-title {
	font-weight:bold;
}
#lightbox-caption-description {
	font-weight:normal;
}

#lightbox-infoFooter {
	margin-top:3px;
	color:#999999;
}
#lightbox-currentNumber {
	display:block;
	width:49%;
	float:left;
	text-align:left;
}
#lightbox-close {
	display:block;
	width:45%;
	float:right;
	text-align:right;
}
#lightbox-close-button{
	padding-left:30%;
}
#lightbox-close-button:hover {
	color:#666666;
}

#lightbox-infoContainer-clear {
	clear:both; 
	visibility:hidden;
}

body, #tip, #wrapper
{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


#sidebar .tags ul li {
	display: inline;
	background: none;
}

.tag0	{ opacity: 0.3; }
.tag10	{ opacity: 0.35; }
.tag20 { opacity: 0.4; }
.tag30 { opacity: 0.45; }
.tag40 { opacity: 0.5; }
.tag50 { opacity: 0.6; }
.tag60 { opacity: 0.7; }
.tag70 { opacity: 0.8; }
.tag80 { opacity: 0.9; }
.tag90 { opacity: 0.95; }
.tag100 { opacity: 1; }


.post-tags {
	overflow: hidden;
	font-size:x-small;
	margin:0 0 0 0.5em;
}

.post-tags li { display: inline; margin:0 0.5em}
.post-tags li a:link, .post-tags li a:visited {
	padding: 0;
	display: inline;
	text-decoration: none;
	white-space: nowrap;
}
.post-tags li a:hover { text-decoration: underline; }

#breadcrumb { display : none; }

@media screen {
.aural, .noscreen, .mobile {display:none;visibility:hidden}
#content {margin: 0 220px 0 1em;}
}

@media print, embossed {
.noprint,.aural, .mobile, .screen {display:none;visibility:hidden}
body {background-color:white}
}

@media aural, braille {
.noaural, .mobile,.screen {display:none;visibility:hidden}
}

@media handheld {
.mobile {display:block; visibility:visible}
.screen,.aural,.nomobile {display:none;visibility:hidden}
}


@media all and (max-width: 780px) 
{
	#header 
	{
		background: transparent url(/dastyle/RipolineZeWeb1.png) no-repeat 0% 0%;
	}

	#header a 
	{
		background: transparent url(/dastyle/entete1.png) no-repeat 100% 50%;
	}
	
	#wrapper
	{
		min-width : 480px;
	}
	#hotbar
	{
		display : none;
	}
	#content
	{
		margin : 0 1em;
	}
	#sidebar
	{
		float : none;
		width : 100%;
		max-width : 780px;
		column-width: 220px;
		column-gap: 1em;
		column-space-distribution: between;
		column-rule:1px solid #6096BF;
		-moz-column-width: 220px;
		-moz-column-gap: 1em;
		-moz-column-space-distribution: between;
		-webkit-column-width: 220px;
		-webkit-column-gap: 1em;
		-webkit-column-space-distribution: between;
		-webkit-column-rule:1px solid #6096BF;
	}
	/*
	#sidebar dl
	{
		width : 220px;
		display : inline-block;
		vertical-align : baseline;
	}*/


	textarea#c_content
	{
		max-width:480px;
	}
}