/* CSS Document */


/*
classes de titre
.titleW
.titleX
.titleY
.titleZ

titleZ est la classe de titre la plus petite. si on doit ajouter des niveaux,
on les ajoute avant titleW, donc titleV, titleU, etc... comme ça ça n'affecte
pas les tutoriaux déjà impliqués par les classes titre existantes
*/
h3 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	color: #063B5E;
	text-decoration: underline;

	padding-top: 18px;
	padding-bottom: 12px;
	}
	
h4
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	color: #063B5E;
	text-decoration: underline overline;
	}

h5
	{
	background-color: #DC1B01;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-transform:uppercase;
	}

h6
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #443322;
	}

/*
Classe de contenu
.content
*/
.content 
	{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align:left;
	color: #000000;
	background-color:#ffffff;
	
	}

/*
classes de codage :
.code
.codeframe -> applique une pseudo-frame de 20em à l'affichage (pour les long codes)
*/
.code
	{
	width: 60%;
        height: 30em;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	/*font-style: oblique;*/
	color: #063B5E;
	background: #C2C2C2;
	margin: 20px;
	overflow:auto;

	}

code div
	{
	width: 600px;
	height: 30em;
	overflow: auto;
	background-color:#C2C2C2;
	color: #000000;
	}

/*
classes d'affichage de blocks spécifiques
.rappel + .rappel .title
.info + .info .title
.def + .def .title
*/
.rappel 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #063B5E;
	background-color:#9DACBC;
	width:80%;
	border:2px solid #063B5E;
	text-align:justify;
	padding: 7px;
	}

.rappel .title
	{
    background: url(/images/tutoriaux/rappel.jpg) top left no-repeat;
	height: 41px;
	color: #063B5E;
	font-size: 12px;
	text-decoration: underline;
	text-align: right;
	}

.info
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #063B5E;
	background-color: #E7E7E7;
	border:2px solid #063B5E;
	width: 80%;
	text-align: justify;
	padding: 7px;
	}

.info .title
	{
	background: url(/images/tutoriaux/info.jpg) top left no-repeat;
	height: 41px;
	color: #063B5E;
	font-size: 12px;
	text-decoration: underline;
	text-align: right;
	}

.def
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #E7E7E7;
	background-color: #063B5E;
	border:2px solid #E7E7E7;
	width: 80%;
	text-align: justify;
	padding: 7px;
	}

.def .title
	{
	background: url(/images/tutoriaux/def.jpg) top left no-repeat;
	height: 41px;
	color: #FFF;
	font-size: 12px;
	text-decoration: underline;
	text-align: right;
	}
div .centered
    	{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 60%;
    height: 30em;
}

.wraptocenter * {
    vertical-align: middle;
}

/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/