/*Ce CSS définit la mise en page de la section DOCUMENTATION*/

span{
	font-size: inherit;
}

/*On définit le style du contenu*/
#contenu{
	width: 960px;
}


/*On définit la forme du contenu de la page. Cela comprend le rectangle de coins arrondis*/
#sousContenu{
	padding: 20px 0 0 130px;
}

#encadreArrondi{
	width: 707px;
	margin-left: -6px;
	padding-bottom: 55px;
	background: url(../medias/photos/structure/contourRond.png) no-repeat;
}

#contenuEncadre{
	width: 620px;
	margin-left: 45px;
	text-align: left;
}

#contenuEncadre h1{
	color: #be4401;
	padding: 45px 0 10px 0;
	font-weight: 100;
	font-size: 1.2em;
	border-bottom: 1px solid #be4401;
	line-height: 1.3em;
}

#contenuEncadre h2{
	color: #0c5697;
	font-size: 1em;
}

#contenuAide{
	margin: 30px 0 30px 0;
	text-align: right;
}

#contenuAide div{
	margin-bottom: 50px;
}

#contenuAide h3{
	font-size: 0.8em;
	font-weight: 100;
	color: #be4401;
}

#contenuAide p{
	font-size: 0.8em;
	color: #272727;
	margin-bottom: 15px;
}

.credit h2{
	margin-bottom: 10px;
}


 
/*Coins arrondis en bas de page*/
#encadreArrondiBas{
	width: 707px;
	height: 108px;
	margin-left: -6px;
	background: url(../medias/photos/structure/contourRondBas.jpg) no-repeat;
}

#ombreBasContenu{
	background: url(../medias/photos/structure/ombreBasContenu.png) no-repeat;
	width: 960px;
	height: 45px;
}


/*Cela permet au texte de rester dans sa division (accessibilité)*/
#titre{
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}