/********************************************************************/
/*                        Import du fichier CSS                     */
/*   <link href="fichier.css" rel="stylesheet" type="text/css" />   */
/********************************************************************/

body {
	margin:0;
	padding:0;
	text-align: center;
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#page {
	/* PAGE COMPLETE */
	position:relative;
	text-align: left;
	width: 798px;
	height:600px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#conteneur {
	
}



a:link {
	color:#e64828;
}

a:hover {
	color:#97be0d;
}

a:visited {
	color:#e64828;
}

a:visited:hover {
	color:#97be0d;
}

hr {
	color:#e64828;
}

/*
a:active {
	color: #B0B18f;
	font-size: 110%;
}



a:visited {
	color: #464628;
}
*/


input {
	
}

textarea {
	
}

select {
	
}

ul {
	
}

li {
	
}

h1 {
	/* TITRE */
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
}

h2 {
	/* SOUS TITRE */
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
}

h3 {
	/* TEXTE */
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
}

h4 {
	/* CITATION */
	font-size:10px;
	font-style:italic;
	font-weight:normal;
	color:#000000;
}

h5 {
	/* COULEUR */
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color:#0000FF;
}

h6 {
	/* PETIT */
	font-size:8px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
}

strong {
	font-weight:bold;
	color:#e74a24;
}

.erreur {
	/* MESSAGE D'ERREUR */
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	color:#FF0000;
}

.titre {
	font-size:16px;
	font-weight:bold;
	color:#97be0d;
}

.soustitre {
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#e74a24;
}


/********
 * HAUT *
 *******/
 
#haut {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:0px;
	left:0px;
	width:798px;
	height:122px;
	background-image:url(./images/fond_haut.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#lien_accueil {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:0px;
	left:0px;
	width:798px;
	height:122px;
}



/********
 * MENU *
 *******/
 
#menu {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:122px;
	left:0px;
	width:123px;
	height:478px;
	background-image:url(./images/fond_menu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#menu ul.menu1 {
	display:block;
	position:absolute;
	margin:0;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:0;
	padding-right:0;
	top:0px;
	left:0px;
	width:123px;
	height:225px;
	background-color:#FFFFFF;
}

#menu ul.menu1 li {
	display:block;
	position:relative;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:-1px;
	padding:0;
	top:0px;
	left:0px;
	width:120px;
	height:27px;
	border:solid 1px #97be0d;
}

#menu ul.menu1 li a {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	top:0px;
	left:0px;
	width:120px;
	height:27px;
	line-height:27px;
	color:#000000;
	text-decoration:none;
	text-align:center;
	font-size:9px;
}

#menu ul.menu1 li a:hover, #menu ul.menu1 li a.on{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	top:0px;
	left:0px;
	width:120px;
	height:27px;
	line-height:27px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#e74a24;
	text-align:center;
	font-size:9px;
}

#menu ul.menu2 {
	display:block;
	position:absolute;
	margin:0;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:0;
	padding-right:0;
	top:235px;
	left:0px;
	width:123px;
	height:29px;
	background-color:#FFFFFF;
}

#menu ul.menu2 li {
	display:block;
	position:relative;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:-1px;
	padding:0;
	top:0px;
	left:0px;
	width:120px;
	height:27px;
	border:solid 1px #97be0d;
}

#menu ul.menu2 li a {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	top:0px;
	left:0px;
	width:120px;
	height:27px;
	line-height:13px;
	color:#FFFFFF;
	background-color:#97be0d;
	text-decoration:none;
	text-align:center;
	font-size:9px;
}

#menu ul.menu2 li a:hover, #menu ul.menu2 li a.on{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	top:0px;
	left:0px;
	width:120px;
	height:27px;
	line-height:13px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#e74a24;
	text-align:center;
	font-size:9px;
}

#menu #menu_bas {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:283px;
	left:15px;
	width:92px;
	height:190px;
	text-align:center;
	color:#FFFFFF;
	/*border:solid 1px #FFF;*/
}

#menu_bas ul {
	display:block;
	padding:0;
	margin:0;
	list-style:none;
}
#menu_bas li {
	display:block;
	padding:0;
	margin:0;
	list-style:none;
	width:92px;
	height:38px;
	background-color:#FFFFFF;
}



/***********
 * CONTENU *
 **********/
 
#contenu, #contenu_accueil, #contenu_programme {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:122px;
	left:123px;
	width:675px;
	height:478px;
	background-position:top left;
	background-repeat:no-repeat;
}


#contenu {
	background-image:url(./images/fond_contenu.jpg);
}

#contenu_accueil {
	background-image:url(./images/fond_accueil.jpg);
}

#contenu_programme {
	background-image:url(./images/fond_programme.jpg);
}



#texte {
	display:block;
	position:absolute;
	margin:0;
	padding:10px;
	top:0px;
	left:0px;
	width:655px;
	height:409px;
	overflow:auto;
	text-align:justify;
	color:#646c6e;
	overflow-x:hidden;
	/*border:solid 1px #F00;*/
}

#texte_accueil {
	display:block;
	position:absolute;
	margin:0;
	padding:10px;
	top:0px;
	left:0px;
	width:405px;
	height:409px;
	overflow:auto;
	text-align:justify;
	color:#646c6e;
}

#news_accueil {
	display:block;
	position:absolute;
	margin:0;
	padding:10px;
	top:0px;
	left:425px;
	width:225px;
	height:130px;
	color:#646c6e;
}


#texte_programme {
	display:block;
	position:absolute;
	margin:0;
	padding:10px;
	top:0px;
	left:0px;
	width:405px;
	height:409px;
	overflow:auto;
	text-align:left;
	color:#646c6e;
	/*border:solid 1px #F00;*/
}


#fin_accueil {
	position:relative;
	width:inherit;
	text-align:right;
	z-index:1;
}

#lien_plaquette {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:150px;
	height:40px;
	z-index:99;
	text-align:center;
}

#contenu_droite {
	position:absolute;
	display:block;
	top:0px;
	left:425px;
	padding:10px;
	height:409px;
	width:225px;
	overflow:hidden;
	text-align:center;
}



#texte_visiter {
	display:block;
	position:absolute;
	margin:0;
	padding:0px 10px 0px 10px;
	top:60px;
	left:0px;
	width:310px;
	height:350px;
	overflow:auto;
	text-align:justify;
	/*border:solid 1px #F00;*/
}

#texte_partenaires {
	display:block;
	position:absolute;
	margin:0;
	padding:0px 5px 0px 10px;
	top:80px;
	left:0px;
	width:315px;
	height:310px;
	overflow:auto;
	/*border:solid 1px #F00;*/
}

#texte_exposer {
	display:block;
	position:absolute;
	margin:0;
	padding:0px 10px 0px 10px;
	top:115px;
	left:0px;
	width:310px;
	height:310px;
	overflow:auto;
	text-align:justify;
	/*border:solid 1px #F00;*/
}

#texte_presentation {
	display:block;
	position:absolute;
	margin:0;
	padding:0px 10px 0px 10px;
	top:80px;
	left:0px;
	width:310px;
	height:330px;
	overflow:auto;
	text-align:justify;
	/*border:solid 1px #F00;*/
}

#texte_contacts {
	display:block;
	position:absolute;
	margin:0;
	padding:0px 10px 0px 10px;
	top:70px;
	left:0px;
	width:310px;
	height:380px;
	overflow:auto;
	text-align:justify;
	/*border:solid 1px #F00;*/
}

#planning {
	display:block;
	position:absolute;
	margin:0;
	padding:10px;
	top:10px;
	left:0px;
	width:640px;
	height:425px;
	overflow:auto;
	/*border:solid 1px #F00;*/
}

#planning_texte {
	display:block;
	position:absolute;
	margin:0;
	padding:0px 10px 0px 10px;
	top:100px;
	left:0px;
	width:310px;
	height:150px;
	overflow:auto;
	/*border:solid 1px #F00;*/
}

#planning_logo_partenaire {
	display:block;
	position:absolute;
	margin:0;
	padding:0px 10px 0px 10px;
	top:235px;
	left:0px;
	width:310px;
	height:100px;
	text-align:center;
}


#planning_liste {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:100px;
	left:350px;
	width:290px;
	height:300px;
	overflow:auto;
	/*border:solid 1px #F00;*/
}

#inscription {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:430px;
	left:290px;
	width:90px;
	height:23px;
	
}


#bas_gauche {
	display:block;
	position:absolute;
	top:430px;
	left:0px;
	width:425px;
	height:35px;
	text-align:center;
	padding-top:10px;
	font-size:12px;
	color:#646c6e;
}

#bas_droite {
	display:block;
	position:absolute;
	top:430px;
	left:425px;
	width:250px;
	height:45px;
}

#bas_droite ul {
	position:absolute;
	top:8px;
	left:13px;
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}

#bas_droite li {
	float:left;
	position:relative;
	display:block;
	margin:0 0 0 6px;
	padding:0;
	list-style:none;
}