@charset "utf-8";
/* CSS Document */

<!--

.label-g
{
	display:block;
	width: 110px;
	float:left;
}

.div-d
{
	display:block;
	width:450px;
	float:right;
}
.div-g
{
	display:block;
	width:450px;
	float:left;
}

.divta
{
	width:1010px;
}

textarea
{
    width:99%;
	padding:0px;
	margin-left:5px;	
}
body {
	font: 90%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #ffffff;
	background: black url("../img/Fond.jpg") fixed no-repeat top right;
}

/* ~~ Sélecteurs d'éléments/balises ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h4, h5, h6, p{
	margin: 5px;
	margin-bottom:15px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	font-size: 15px;
}
h2 {
	margin: 5px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	font-size: 25px;
}

h3 {
	margin-bottom: 20px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	font-size: 18px;
}

a img { 
	border: none;
}

a:link {
	color: #FFFFFF;
	text-decoration:inherit; 
}

a:visited {
	color: #FFFFFF;
	text-decoration: inherit;
}

a:hover, a:active, a:focus { 
	text-decoration:underline;
}

.container {
	width: 1024px;
	margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
}


header {
	background-color: #000000;

}
.logo {
	width: 1024px;
	height: 213px;
	background-image:url(../img/Logo.png);
	margin: 0px 0px 30px 0px;
	border: 2px white inset;
	border-radius: 50px 10px 50px 10px;
	box-shadow: 10px 10px 10px white;

}
.sidebar1 {
	padding-bottom: 0px;
	padding-top: 155px;	
}

.content {
	padding: 10px 0;
	width: 1024px;
	float: left;
}

aside {
	float: right;
	width: 180px;
	background-color: #000000;
	padding: 10px 0;
}

.content ul, .content ol {
	padding: 0 15px 15px 40px; /*  cette marge intérieure reflète la marge intérieure droite dans les en-têtes et la règle de paragraphe ci-dessus. Une marge intérieure a été placée en bas, afin d'assurer un espace entre les autres éléments des listes, et à gauche pour créer le retrait. Vous pouvez les régler comme bon vous semble. */
}

/*
/* ~~ Styles de liste de navigation (peuvent être supprimés si vous optez pour un menu de survol prédéfini tel que Spry) ~~ */
ul.nav {
	list-style: none; /*  entraîne la suppression du marqueur de liste */
	margin-bottom: 10px; /*  crée l'espace entre la navigation et le contenu en dessous */
	float: right;
	margin-left: 8px;
}
ul.nav li {
	border-bottom: 1px solid #666; /*  crée la séparation des boutons */
	display: inline; 
}
ul.nav a, ul.nav a:visited { /*  le regroupement de ces sélecteurs garantit que vos liens conservent leur apparence de bouton, même après avoir été activés */
	padding: 1px 10px 1px 10px;
	display: inline; /*  attribue au bloc de liens des propriétés qui lui font remplir toute la balise LI qui le contient. Force la zone entière à réagir à un clic de souris. */
	width: 160px;  /*cette largeur permet de cliquer sur le bouton entier dans IE6. Si la compatibilité avec IE6 n'est pas nécessaire, vous pouvez la supprimer. Pour calculer la largeur approprié, soustrayez la marge intérieure de ce lien de la largeur du conteneur de barre latérale. */
	text-decoration: none;
	background-color: #000000;
	font-size:17px;
	font-style:italic;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /*  modifie la couleur de l'arrière-plan et du texte pour les navigateurs à la souris et au clavier. */
	/*background-color: #FFFFFF;*/
	color: rgba(155,0,78,1.00);
	
}


/* ~~ Pied de page ~~ */
footer {
	width: 1024px;
	margin: 0 auto;
	/*background-color: #000000;*/
	position: relative;/* donne hasLayout à IE6 de façon à permettre un effacement correct */
	clear: both; /* cette propriété d'effacement force le .container à comprendre où se terminent les colonnes et à les contenir */
}
.textfooter{
	font-size:12px;
	align-content:center;
}

/* ~~ Classes flottant/effacement diverses ~~ */
.alignRight {  /* cette classe peut servir à faire flotter un élément depuis la droite sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float:right;
}
.alignLeft {  /* cette classe peut servir à faire flotter un élément depuis la droite sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float:left;
}


.clearfloat { /* cette classe peut être placée sur un <br /> ou un élément de bloc vide en tant qu'élément final suivant le dernier bloc flottante (dans le .container) si le pied de page est supprimé ou retiré du .container. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*Prise en charge de HTML5 - Définit les nouvelles balises HTML5 sur display:block afin que les navigateurs sachent comment effectuer un rendu correct des balises. */
header, section, footer, aside, article, figure {
	display: block;
}
.text { 
	padding: 390px 1px 1px 1px;
}

.presG
{
	width:	330px;
	height: 430px;
	display:block;
	float:left;
	text-align:center;
	padding:0px;
	margin:0px;
}
.presD
{
	width:	694px;
	height: 430px;
	display:block;
	float:right;
	padding:0px;
	margin:0px;
}

.presM
{
	width:	1024px;
	display:block;
	float:left;
	padding:0px;
	margin:0px;
}


.sousTitre
{
	text-align: center;
	font-size: 20;
	font-style:inherit;
}
.alignJ
{
	text-align:justify;
}

span
{
	color: #ffffff;
}
-->