/* user styles */

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



img	{
	border: none;
}

q, cite, quote, blockquote {
	quotes : "\201c" "\201d" "\00ab\00a0" "\00a0\00bb";
	}

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


.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:80%;
	font-size:xx-small;
}

.demi	{
	width:48%
}

.icone	{
	border:0;
	float:left;
	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.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
}

.masquable, .masquee {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

dl.mail	{
	background:transparent url(/nav/quote.png) no-repeat 0% 0%;
	margin:0;
	border-left:8px solid #6096BF;
	border-right:8px solid #6096BF
}
dl.mail dt{
	border-top:8px  solid #6096BF;
	padding:1em 0.4em 1em;
	margin-left:50px;
	background:#e6f4ff
}
dl.mail dd{
	padding:0 0 0 55px;
	margin:0;
	border-bottom:8px solid #6096BF
}

.post-excerpt {
	padding : 4px;
	border: 1px solid rgb(221, 221, 255);
}


.entete {
	width : 120% ;
	position : absolute ;
	z-index : -1;
	height : auto;
	transition:opacity 0.2s, left 0.2s;
	}
.top0 #entete1 , .top1 #entete2 {
	opacity : 1;
	left : 0;
}
.top1 #entete1 ,.top0 #entete2  {
	opacity : 0;
	left : -5%;
}

.post-summary {
	display : block;
	color : inherit;
	text-decoration:none;
}

.h3-ancre {
	visibility : hidden;
	float : right;
}

h3:hover .h3-ancre , h3:focus .h3-ancre , h3:active .h3-ancre , h3:target .h3-ancre  {
	visibility : visible;
}

/*** des billest de code ***/

ol.listserif { list-style-type: upper-roman }
ol.listserif li:before { font-family : serif }

code {
	text-align : left !important;
	word-break: break-all
}
code .element {
}
code .blsg , .article code strong {
	font-weight: bold;
	color: #000000;
}
code .var , .article code em {
	color: #800000;
}
code .url {
	color: #008000;
}
h1 a img {
	vertical-align : top
}
h1 a {
 display : block;
}
figure {
	display: block;
	margin: 0px auto;
	text-align: center;
	border : 1px solid #CCC;
}
.post-content figure img {
	border : none;
}
figcaption {
	padding : 0px 4px;
}

#breadcrumb { display : none; }
#minisom { text-align : right ; }

/*** media queries ***/


@media only screen and (max-width:560px) {
  .l,.r	{
	float: none;
	display: block;
	margin:0 auto;
	text-align:center;
  }

  iframe {
		max-width : 90%
  }

  .post-info-co {
	display: none;
  }
}
@media only screen and (max-width:892px) {
	.supranav li a span , .li3 , .li4 {
		display : none !important;
	}
	h1 {
		text-align : left;
	}
}

@media only screen and (min-width:481px) and (max-width:640px) {

	#stickers {
		position: absolute;
		top: 0;
		right: -4px;
		font-size: .75em;
	}
	#stickers li {
		text-align: center;
		width: 40px;
		height: 30px;
		padding: 0;
	}
	#stickers img {
		top: -2px;
		clip: rect(4, 32px, 32px, 0);
	}
	#stickers a:hover, #stickers a:focus {
		background : none !important;
	}
	#stickers a span {
		display : none;
	}

	#stickers a:hover span, #stickers a:focus span {
		display : block;
		color: #686867;
		text-align: right;
		position : relative;
		right : 60px;
		top : -50px;
		width : 50px;
		background: #fff !important;
		z-index : 10;
		padding : 4px;
	}
}
@media only screen and (min-width:640px) {
	#stickers {
		position: absolute;
		top: 0;
		right: 0;
		padding-right: 3%;
		font-size: .75em;
		}
	#stickers li {
		display: block;
		float: left;
		text-align: center;
		width: 60px;
		padding: 0;
		}
	#stickers span {
		display: block;
		text-align: center;
		position: absolute;
		top: -500px;
		}
	#stickers a:hover, #stickers a:focus {
		background: #fff !important;
		}
	#stickers a:hover span, #stickers a:focus span {
		color: #686867;
		position: static;
		top: 0;
		}
}
.post-tags a {
	white-space: nowrap;
}


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;
	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);
}

.serif {
	font-family : serif;
}



#form-help {
	/* l'info technique sur le champ de texte n'est révélé que si le textarea a le focus */
	display : block;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.4s;
}

textarea:focus ~ #form-help {
	opacity: 1;
}


html{ scroll-behavior:smooth; }

#dascritchtcom a {
	display : inline-block;
	width : 128px;
	height : 34px;
	background-image: url(./img/cv-dascritchcom.png);
	background-position: 20px 4px, center;
	background-repeat:no-repeat;
}

#supplementweekend a {
	display : inline-block;
	width : 128px;
	height : 39px;
	background-image: url(./img/banniereswe.png);
	background-position: 20px 4px, center;
	background-repeat:no-repeat;
}

#html5badges img {
	width : 130px;
	height : 32px;
}

@media print , (min-resolution: 1.01dppx) {
	#dascritchtcom img {
		display : inline-block;
		width : 128px;
		height : 34px;
	}
	#supplementweekend img {
		display : inline-block;
		width : 128px;
		height : 39px;
	}
	#dascritchtcom a, #supplementweekend a {
		background : none;
	}

}