body {
	width:17cm;
	margin:10px 0;
	padding:0;
	text-align:left; }

.en_tete {
	width:700px;
	margin:auto;
	text-align:left;
	top: 0 ;
	left: 0 ;
	padding:10px;
	padding:0; }

#sommaire {
	text-align:center; } 

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

#titre td {
	font-family:"Times New Roman";
	font-size:12pt;
	color:#000099;
	font-weight:bold; }

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

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

#tabastuces {
	width:700px;
	margin:0;
	border:2px solid #000099;
	padding:0;
	text-align:center; }

.td1 {
	font-family:"Times New Roman";
	font-size:14pt;
	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:"Times New Roman";
	font-size:12pt;
	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:"Times New Roman";
	font-size:12pt;
	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 {
	text-align:left;
	font-family:"Comic Sans MS";
	color:#330099;
	font-size:1.6em; }

.image {
	text-align:left;
	margin:0; }

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

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

.center {
	text-align:center; }

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

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

a:hover {
	text-decoration:none; 
	color:red; }

a img {
	border: 0; }

p img {
	border:1px solid #000099; }

.definitions table {
	background-color:#dcdcdc;
	width:700px;
	border-collapse:collapse;
	border-top:2px solid #b0c4de;
	border-left:2px solid #b0c4de;
	border-bottom:2px solid #191970;
	border-right:2px solid #191970;
	font-family:Arial;
	font-size:12pt;
	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 {
	text-align:left;
	width:17cm;
	font-size:12pt;
	color:#000000; }

#corps p, #en_tete p {
	text-align:left;
	margin:0;
	padding:10px 0 10px 0;
	font-family:"Times New Roman";
	color:#000000;
	font-size:12pt; }

#corps, #en_tete li {
	text-align:left;
	font-family:"Times New Roman";
	color:#000000;
	font-size:12pt; }

#corps h3 {
	margin:0;
	padding:0;
	border:none;
	font-family:"Times New Roman";
	color:#000000;
	font-size:20pt; }

#corps h4 {
	margin:0;
	padding:0;
	border:none;
	font-family:"Times New Roman";
	color:#000000;
	font-size:16pt; }

#corps h5 {
	margin:0;
	padding:0;
	border:none;
	font-family:"Times New Roman";
	color:#000000;
	font-size:12pt; }

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

.lien {
	font-size:15pt;
	color:#0000ff;
	font-style:italic; }

.lien2 {
	font-size:12pt;
	color:#0000ff;
	font-weight:bold; }

.exemple {
	font-size:12pt;
	color:#003399;
	font-style:italic; }

.italique {
	font-style:italic; }

.legende {
	font-size:12pt;
	font-weight:lighter;
	color:#000000;
	font-style:italic; }

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

.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:10pt;
	color:#ff9900; }

.script {
	color:red; }

#copyright {
	font-family:"Times New Roman";
	font-size:8pt;
	color:#00008b; }

.code {
	width:730px;
	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:740px;
	margin:auto;
	font-family:Verdana;}

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

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

.spoilercontenu {
	overflow:auto;
	min-height:16px;
	max-height:550px;
	background-color:#dff2ff;
	border:2px solid #191970;
	padding:5px 5px;
	text-align:left;
	font-size:11pt;
	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:740px;}

#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:13pt;
	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: 11pt;}

.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:16pt;
	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;}

/*******************************************
Modifications Print
*******************************************/
.pied_de_page, .imprimer, .retour, #titre, .bandeau, .fleches_bas, .image, #mediaspace1, #mediaspace2, #mediaspace3, #mediaspace4, #mediaspace5 { /*Les éléménts qui ne seront pas affichés */
	display:none; }

#en_tete h2 {
	margin:0px;
	padding:0 0 10px 0; }