/* ### STYLE GLOBAUX ########################*/
body{
	background-color: #CE000C;
	background-image : url(img/wp.png);
	background-position : bottom;
	background-repeat : repeat-x;
	color : inherit;

	font-family : Times News Roman, Times, serif;
	word-spacing : 0.1em;
	letter-spacing : -0.1pt;
	
	margin : 0%;
	padding : 0%;
}

ol{
	list-style-type: none;
}

img{
	border: none;
}

legend{
	color: #FFFFFF;
	background-color : transparent;
	font-style: italic;
}

acronym{
	border-bottom : 1px dotted;
	cursor : help;
}

em{
	color : #FFFFFF;
	background-color : transparent;
}

a em{
	font-style : normal;
	font-weight : bold;
	text-decoration : underline;
}

h1{
	font-size: 1.2em;
	
	margin-top: 10px;
}

h2{
	font-size: 1em;
	font-style: italic;
	font-weight: bold;

	margin-top: 10px;
	clear : both;
}

h3{
	font-size: 1em;
	font-style: italic;
	font-weight: normal;

	clear : both;
}

/* ### CLASSES PERSONNALISEES ########################*/
.nosignification{
	display : block; 
	border : none;
}

.invisible{
	display : none;
}

#container{
	padding : 0%;
	margin : 0%;
}

/* ### MENU GAUCHE ########################*/
#menu{
	font-family : Trebuchet MS, Arial, sans-serif;

	position: absolute;
	width: 160px;
	left: 0px;
	top: 10px;
	float: left;
	border: none;
}

#buttoncontainer{
	background-image : url(img/bouton_vierge.png);

	margin-top : 10px;
}

.menubar{
	text-align : center;
	text-transform : uppercase;
	list-style-type : none;
	list-style-position : inside;

	padding : 0px;
	margin : 0px;
	border : none;
}

.menubar li{
	margin : 0px;
	padding : 0px;
	border : none;
	display : inline;
}

.menubar a{
	color : #000000;
	background-color : transparent;

	font-weight : bold;
	text-decoration : none;
	
	display : block;
	padding : 3px;
}

.menubar a:hover{
	color : #FFFFFF;
	background-color : transparent;
	background-image : url(img/bouton_vierge_sombre.png);
}

#container{
	overflow : visible;
	width:100%;
}

.iconbar{
	text-align : center;
	margin-top : 10px;
}

.menuhaut{
	background-image : url(img/bouton_haut.png);
	background-position : top;
	background-repeat : no-repeat;

	height:25px;
	width:160px;
}
.menubas{
	background-image : url(img/bouton_bas.png);
	background-position : bottom;
	background-repeat : no-repeat;
	
	height:25px;
	width:160px;
}

/* ### CONTENU PRINCIPAL ########################*/
#mainContent
{
	color : #FFFFFF;
	background-color : transparent;

	min-height : 480px;
	margin-top: 0px;
	margin-left: 170px;
	margin-right : 210px;
	padding-right: 5px;
	border: none;
}

#mainContent p{
	color : #EEEEEE;
	background-color : transparent;

	text-align: justify;
	font-size: 1em;
}

#mainContent a:link{
	color: #FFFFFF;
	background-color : transparent;
}

#mainContent a:visited{
	color: #DDDDDD;
	background-color : transparent;
}

#mainContent a:hover{
	color: #FFF2B0;
	background-color : transparent;
}

#mainContent ul{
	list-style-image : url(img/fleche.png);
}

#mainContent .arborescence{
	list-style-type: none;
	list-style-image : none;
}

/* ### Page d'accueil ### */

.intro{
	font-weight : bold;
	font-style : italic;
}

/* ### Formulaire de contact ### */

#mailform div{
	padding : 1%;
	clear : both;
}

#mailform .labelzone{
	/*border : 1px solid;*/
	width : 34%;
	float : left;
}

#mailform .controlzone{
	/*border : 1px solid;*/
	width : 64%;
	float : right;
}

#mailform input{
	width : 99%;
}

#mailform textarea{
	width : 99%;
}

/* ### CONTENU SECONDAIRE ########################*/
#secondaryContent
{
	background-color: #FFF2B0;
	background-image: url(img/news.png);
	background-repeat: no-repeat;
	background-position: top left;
	color: #000000;

	position: absolute;
	right: 0%;
	top: 0%;
	/*float: right;*/
	padding: 5px 20px 10px 25px;
	margin: 0%;
	border: none;
	width : 160px;
}

#secondaryContent p.texte{
	text-align: justify;
	font-size : 0.8em;
}

#secondaryContent p.illustration{
	text-align: center;
	font-size : 0.8em;
}

#secondaryContent a:link{
	color: #000000;
	background-color : transparent;
}

#secondaryContent a:visited{
	color: #550000;
	background-color : transparent;
}

#secondaryContent a:hover{
	color: #555555;
	background-color : transparent;
}

/* ### PIED DE PAGE ########################*/

#footer
{
	color: #DDDDDD;
	background-color : transparent;

	text-align: center;
	font-size: 0.8em;

	clear : both;
	/*display : block;*/
	position: relative;
	margin-top: 5%;
	bottom: 0%;
	border: none;
}

#footer a{
	color : #DDDDDD;
	background-color : transparent;
}