body {
	background-color: maroon;
	padding: 8px;
}

img {
	border: #330000;
}

.retour {
	width:30px;
	height: 50px;
	float: right;
	margin-right: 5px;
}


a:link {
	color: black;
	font-weight: bolder;
}

a:visited {
	color: #330000;
	font-weight: bolder;
}



.corps a:link {
	color: black;
	font-weight: bolder;
}

.corps a:visited {
	color: #330000;
	font-weight: bolder;
}

.corps {
	width: 80%;
	height: 100%;
	float: left;
	margin-left: 1%;
	background-color: maroon;
	background-image: url(images/fond.jpg);
}

.defaut {
   color: black;
	font-weight: bolder;
	text-align: center;
	font-size: 1em;

	background-image: url(images/fond.jpg);
}

.hautpage {
	font-size: 2em;
	font-weight: bolder;
	text-align: center;
	color: black;
}

.titre {
	color: darkred;
	font-size: 1.5em;
	font-weight: bold;
	margin-left: 2%;
	margin-top: 6%;
}

.texte {
	font-size: 1em;
	font-weight: bolder;
	text-align: justify;

	margin-left: 4%;
	margin-right: 4%;
}

.citation {
	font-size: 1em;
	font-weight: bold;
	color: black;
	text-align: justify;

	margin-left: 10%;
	margin-right: 4%;
}

.parenth {
	font-size: 1em;
	font-weight: bold;
	color: black;
}


.lettrine {
	font: 4em Algerian;
}



/* -------------SIDEBAR-------------- */

.iconeimg {
	text-align: center;
}

.icone {
	background-image: url(images/icone.gif);
	width: 100px;
	height: 100px;
}


.sidebar {
	color: black;
	font: bold;
	background-color: black;
	float: left;
	width: 18%;
	height: 1000px;
	background-image: url(images/sidebarre.jpg);
	padding: 5px;
}


.titresid {
	font-size: 16px;
	font-weight: bold;
}

.titresid2 {
	font-size: 12px;
	font-weight: bold;
	margin-left: 12px;
}

.sidebar li {
	font-size: 11px;
	margin-left: 12px;
}


/* -------------REPORTAGE-------------- */



.italie img{
	width: 30%;
	border: red;
}





/* -------------PORTRAIT-------------- */

.portrait {
	background-image: url(images/fond.jpg);
}

.portrait .image {
	background-color: darkred;
	float: left;
	margin-left: 2%;
	width: 180px;
	height: 180px;
	border: none;
}

.portrait img {
	margin-bottom: 15px;
        margin-left: 15px;
	width: 150px;
	height: 150px;
	border: none;
}



.resume {
	color: maroon;
	font-size: 1em;
	font-weight: bold;

	float: left;
	padding-left: 20px;
	height : 210px;
}

.reponse {
	color: black;
	font-size: 1em;
	font-weight: bold;

	float: left;
	padding-left: 10px;
	margin-left: 2%;
	width: 35%;
	height: 210px;
}


.paragraph {
	float: left;
	margin-left: 2%;
	margin-bottom: 2%;
	color: #330000;
	width: 98%;
}

.paragraph img {
	padding : 10px;
	width: 100px;
	height: 100px;
}



.col1 {
	float: left;
	background-color: maroon;
	width: 160px;
	height: 480px;
	overflow: auto;
	scrollbar-arrow-color: black;
	scrollbar-3dlight-color: #220000;	
	scrollbar-highlight-color: black;	
	scrollbar-face-color: #330000;
	scrollbar-shadow-color: #440000;
	scrollbar-darkshadow-color: black;
	scrollbar-track-color: darkred;
}

.col1 img {
	width : 80px;
	height : 60px;
	border: none;
	margin-right: 10px;
}


.caract {
	color: black;
	text-align: center;
	font-size: larger;
	font-weight: bolder;
}



#picture {
	float: left;
	width: 620px;
	height: 480px;
}


/* -------------FORMULAIRE-------------- */

.form {
	background-image: url(images/fond.jpg);
}

.form .texte {
	color: maroon;
	font-size: larger;
	font-weight: bold;
	width: 150px;
}

.form .titre {
	text-align: center;
	color: maroon;
	font-size: 40px;
	font-weight: bolder;
}

.form TEXTAREA {
	background-color: black;
	width: 600px;
	height: 380px;
}

.form select {
	background-color: black;
	width : 200px;
}

.form input {
	background-color: black;
	width : 195px;
}

.form .separ {
	height : 20px;
}


/* -------------COLLECTION D'OBJETS Mise en Forme-------------- */

.ligne1 {
}

.colonne1_1 {
width : 110px;
padding-left : 40px;
}

.colonne1_2 {
}

.ligne1_2_1 p{
}

.ligne1_2_x img{
	width : 100px;
	height : 100px;
        padding : 2px;
        margin : 7px;
}

.ligne1_2_x td{
	text-align : center;
}



/* -------------IMAGES Mise en Forme-------------- */

.images {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border: black;
}

.images img{
	width: 100px;
	height: 100px;
	border: Maroon;
}

.center {
 text-align : center;
}

.pttcenter img{
 width : 95%;
}


/* -------------Bas de Page-------------- */

.baspage {
	color: Red;
	text-align: center;
}

.baspage span {
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.baspage img {
	text-align: center;
	margin-top: 20px;
}