* {
margin:0;
padding:0;
outline:none; }

body {
	max-width:1024px;
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
	background-image: url("images/images_tutos/fond_tutos.jpg");
	background-attachment:fixed;}

.en_tete {
	margin:auto;
	text-align:center;}

#titre {
	width:400px;
	margin:auto;
	border:4px ridge #000099;
	padding:1px;
	background-color:#99FFFF; }

#titre td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000099;
	font-weight:bold; }

#tableau {
	width:600px;
	margin:auto;
	border:4px ridge #000099;
	padding:0;
	text-align:center; }

.tableauFP {
	width:700px;
	margin:auto;
	border:4px ridge #000099;
	padding:0;
	text-align:center;
	background-color:#99FFFF; }

#tabastuces {
	width:860px;
	margin:auto;
	font-size:.9em;
	border:4px ridge #000099;
	padding:0;
	text-align:left; }

.td1 {
	font-family:"Comic Sans MS";
	font-size:1.2em;
	background-color:#66ccff;
	font-weight:bold;
	border-top:1px solid #191970;
	border-right:1px solid #191970;
	border-left:1px solid #191970;
	border-bottom:1px solid #a9a9a9;
	padding:1px 20px; }

.td2 {
	font-family:"Comic Sans MS";
	font-size:.9em;
	color:#003399;
	background-color:#99FFFF;
	font-weight:bold;
	border-top:1px solid #191970;
	border-right:1px solid #191970;
	border-left:1px solid #191970;
	border-bottom:1px solid #a9a9a9;
	padding:1px 20px; }

.td3 {
	font-family:"Comic Sans MS";
	font-size:.9em;
	background-color:#dcdcdc;
	font-weight:bold;
	border-top:1px solid #191970;
	border-right:1px solid #191970;
	border-left:1px solid #191970;
	border-bottom:1px solid #a9a9a9;
	padding:0px 20px; }


.en_tete h2 {
	margin:auto;
	font-family:"Comic Sans MS";
	color:#330099;
	font-size:1.6em;
	width:700px;
	border:4px ridge #000099;
	background-color:#faf1da; }

.bandeau {
	text-align:center;
	margin:0;
	padding:0; }

ul.image_puce {
	list-style-image:url("images/images_tutos/pucebleue.gif");
	width:840px;
	margin:auto;
	text-align:left; }

ul.image_puce li {
margin-bottom:10px; }

li.sans_puce  {
	list-style-type:none;
	text-align:left; }

ul.script_exemple {
	list-style-type:circle;
	width:650px;
	margin:auto;
	text-align:left; }

a {
	font-weight: bold;
	text-decoration:none;
	text-align:center;
	font-size:1.05em;
	color:#0000ff;}

#sommaire a {
	font-size:1.2em;}

a:hover, #sommaire a:hover {
	text-decoration:none; 
	color:#c00000;}

a img {
	border:0; }

.imageliste {
	margin-top:10px; }

.definitions table {
	background-color:#dcdcdc;
	width:63%;
	border-collapse:collapse;
	margin:auto;
	border-top:6px solid #6495ed;
	border-left:6px solid #6495ed;
	border-bottom:6px solid #191970;
	border-right:6px solid #191970;
	font-family:Arial;
	font-size:.8em;
	color: #191970; }

.definitions td {
	border:1px solid #191970;
	padding:1px 5px;
	text-align:left; }

.definitions th {
	background-color:#afeeee;
	border:1px solid #191970;
	padding:1px 5px;
	text-align:center; }

.versionpro {
	background-color:#ffb6c1;
	border:1px solid #191970;
	padding:1px 5px;
	text-align:left;}

#corps {
	padding-left:15px;
	padding-right:15px;
	text-align:left; 
	font-family:"Comic Sans MS";
	color:#003399;
	font-size:1em; }

.fleches_bas img {
	margin-left:40px;
	margin-right:40px;}

#corps li {
	font-family:"Comic Sans MS";
	color:#003399;
	font-size:1em; }

#corps h3 {
	width:800px;
	margin:auto;
	border:2px solid #191970;
	width:800px;
	background-color:#66ccff;
	font-family:"Comic Sans MS";
	color:#003399;
	font-size:1.2em; }

#corps h4 {
	width:600px;
	margin:auto;
	border:2px solid #191970;
	background-color:#b0c4de;
	font-family:"Comic Sans MS";
	color:#330099;
	font-size:1em; }

#corps h5 {
	width:500px;
	margin:auto;
	border:2px solid #191970;
	background-color:#dcdcdc;
	font-family:"Comic Sans MS";
	color:#330099;
	font-size:.9em; }

#sommaire, .center, .image, #corps p, .fleches_bas, .retour, #corps h3, #corps h4, #corps h5, .pied_de_page, #mediaspace1, #mediaspace2, #mediaspace3, #mediaspace4, #mediaspace5 {
	text-align:center;}

.titre_left {
	text-align:left;
	width:800px;
	margin:auto;
	font-family:"Comic Sans MS";
	color:#003399;
	font-size:1em; }

.note {
	font-size:1.4em;
	color:#FF0000;
	font-weight:bold;
	font-style:italic; }

.attention {
	margin:auto;
	background-color:#ffe4c4;
	width: 600px;
	border: 3px solid #FF0000; }

.attention_left {
	background-color:#ffe4c4;
	margin-left:0;
	width: 900px;
	border: 1px solid #000099;
	padding:2px 10px;}

.parametres {
	background-color:#ffe4c4;
	width:385px;
	margin-top:5px;
	margin-bottom:5px;
	padding:2px 10px;
	font-size:.95em;
	border: 1px solid #330099; }

.lien {
	font-size:1.3em;
	color:#0000ff;
	font-style:italic; }

.lien2 {
	font-size:1em;
	color:#0000ff;
	font-weight:bold; }

.exemple {
	font-size:1em;
	color:#003399;
	font-style:italic; }

.italique {
	font-style:italic; }

.legende {
	font-size:1em;
	font-weight:lighter;
	color:#000000;
	padding-bottom:30px;
	font-style:italic; }

.debutcode {
	width:800px;
	margin:auto;
	font-size:1em;
	color:#000000;
	text-align:left;}

.rouge {
	font-family:Arial;
	font-style:normal;
	font-weight:bold;
	font-size:1em;
	color:#ff0033; }

.note_vert {
	font-family:"Comic Sans MS";
	font-style:italic;
	font-weight:bold;
	font-size:1.2em;
	color:#008000; }

.modification {
	color:#ff0033;
	font-weight:bold; }

.orange {
	width:500px;
	margin:auto;
	font-family:Arial;
	background-color:#333333;
	padding:5px 5px;
	text-align:left;
	font-style:normal;
	font-weight:bold;
	font-size:.8em;
	color:#ff9900; }

.script {
	color:red; }

#copyright {
	font-family:"Comic Sans MS";
	font-size:.6em;
	color:#00008b; }

.code {
	width:800px;
	background-color:#dcdcdc;
	margin:auto;
	border:1px solid #191970;
	padding:5px 5px;
	text-align:left;
	font-family:Arial;
	font-size:.8em;
	color: #191970;
	font-style:italic; }

.commentairescode {
	color:#008000;
	font-style:normal;
	font-weight:bold;
	line-height:25px;
	text-align:left; }

.code_rouge {
	color:#ff0033;
	font-weight:bold; }

.code_vert {
	color:#008000;
	font-weight:bold; }

.code_bleu {
	color:#0000ff;
	font-weight:bold; }

.code_magenta {
	color:#ff00ff;
	font-weight:bold; }

.code_violet {
	color:#9400d3;
	font-weight:bold; }

/*******************************************
css spoiler
*******************************************/
.spoiler {
	width:1024px;
	margin:auto;
	font-family:Verdana;}

.spoilertitre {
	padding-left:5px;
	margin-bottom:4px;
	font-weight:bold;
	font-size:12px;}

.spoilertitre input {
	width:80px;
	font-size:12px;}

.spoilercontenu {
	overflow:auto;
	min-height:16px;
	max-height:550px;
	background-color:#dff2ff;
	border:2px solid #191970;
	padding:5px 5px;
	text-align:left;
	font-size:12px;
	color: #191970;}

.spoilercontenu span.spoilervert {
	text-align:left;
	color: #008000;
	font-style:italic; }

.spoilercontenu span.spoilerorange {
	color: #ef10ef;
	font-style:italic; }

.spoilercontenu span.spoilerrouge {
	color:#ff0033;
	font-weight:bold;}

/*******************************************
css tutoriel widgets
*******************************************/
#widgets {
	margin:auto;
	margin-top:20px;
	padding:10px 0;
	background-color:#bed1f4;
	width:800px;}

#widgets .fullwidth {
	margin:0 10px 10px 10px;
	background-color:#dff2ff;
	border:1px solid #1b009a;}

#widgets .last {
	margin: 0 10px;}

#widgets .fullwidth .data {
	display:inline;
	float:left;
	margin:0 10px 0 0;
	overflow:hidden;
	width:590px;}

#widgets .fullwidth .data p {
	color:#000000;
	font-family:"Trebuchet MS";
	font-size:13px;
	margin:0 0 0.5em;
	text-align:left;}

#widgets .leftpane {
	width:142px;
	display:inline;
	float:left;
	padding:0 8px;
	margin: 8px 0;
	text-align: center;}

.small {
	font-size: 11px;}

.label {
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#000;
	padding-right:0.5em;}

.clearer {
	clear:both;}

.widgets {
	margin:8px 0;
	font-size: 1.5em;
	font-weight: bold;}

.bouton a {
	color:#c00000;
	width:180px;
	margin:auto;
	background-image:url(images/images_tutos/boutonbg.png);
	border:3px solid #5c5f6d;
	display:block;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-repeat:repeat-x;
	background-position:0 0;
	height:16px;
	line-height:16px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:12px 0;}

.bouton a:hover {
	border:3px solid #c00000;
	background-position:0 -45px;
	color:#c00000;}

.bouton a img {
	vertical-align:top;
	margin:-4px 5px 0 0;}