@import url(http://www.developpez.com/template/kit/article.css);

/*
	REFERENCE EN BAS DE PAGE
*/
#tutoList {
	background-color: #DDEEFF;
	border: 3px solid #345678;
	-moz-border-radius: 1.2em;
	border-radius: 1.2em;
	padding: 0.5em 1.2em;
	width: 60%;
	margin: 3em 20%;
	list-style-type: none;
}

#tutoList li {
	margin-left: 6em
}

#tutoList li.title {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0.8em 2em;
}

#tutoList a, #tutoList a:visited {
	font-weight: bold;
	color: #123456;
	text-decoration: none;
}

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



h1 {
	color: #274E9C;
	font-size: 3em;
	text-shadow: #000 0 0 1px;
}

.TitreSection0, .TitreSection1, .TitreSection2, .TitreSection3, .TitreSection4, .TitreSection5 {
	line-height: 1.5em;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	box-shadow: 0 0 6px #000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-shadow: #000 0 0 4px;
}

div.divarticle {
	max-width: 820px;
	margin: auto;
}

div.paragraph {
	padding: 2em 0;
}


div.blockcode {
	width: 90%;
	margin: 1em auto 3em auto;
	padding: 0;
	position: relative;
	border: 1px solid #d8dadd;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	box-shadow: 0 0 6px #000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

div.blockcode div.title {
	line-height: 0.85em;
	font-size: 0.8em; font-weight: bold;
	margin: 0;
	padding: 5px 10px;
	color: #333;
	background-color: #eee;
	border-bottom: inherit;
}

div.blockcode pre {
	margin: 0; padding: 0;
}

div.infobulle {
	width: 88%;
	margin: 1em auto;
	padding: 1em 1em 1em 60px;
	border: 1px solid;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 2px 2px 6px #000;
	-webkit-box-shadow: 2px 2px 6px #000;
	box-shadow: 2px 2px 6px #000;
	border-color: #666;
	color: #666;
	background: #EFEFEF no-repeat 13px center;
}
div.infobulle.info {
    background: #bde5f8 url("idea.jpg") no-repeat 13px center;
    border-color: #145fa2;
    color: #145fa2;
}
div.infobulle.warning {
    background: #feefb3 url("warning.jpg") no-repeat 13px center;
    border-color: #a66c14;
    color :#a66c14;
}
div.infobulle.error {
    background: #ffccba url("error.jpg") no-repeat 13px center;
    border-color: #d94314;
    color :#d94314;
}

#summary {
	position: fixed;
	top: 40%; left: 0;
	background: #fff;
	border: 1px solid #274E9C;
	border-width: 1px 1px 1px 0;
	border-radius: 0 6px 6px 0;
	z-index: 1000;
	width: 64px;
	overflow: hidden;
	line-height: 0.3em;
	box-shadow: 0 0 10px #274E9C;
}
#summary * {
	font-size: 0.1em;
}
#summary:hover {
	top: 0; bottom: 0;
	height: auto;
	width: auto;
	overflow: auto;
	padding: 0 1em;
	box-shadow: 0 0 40px #274E9C;
}
#summary:hover * {
	font-size: 1em;
}
#summary a:hover {
	text-decoration: underline;
}