/*

== INDEX: ==================================
* Filename: style.css
* Version: 1.0.4 (2009-08-14) YYYY-MM-DD
* Description: Minimum style for the page.
============================================

*/



/* HTML elements 
------------------------------------------*/

html {height:100%; max-height:100%}

body {
	height:100%; 
	max-height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4em;
	color:#454648;
    background-color:#808283;
	}

a {text-decoration:none}
a:hover {color:#ffffff;text-decoration:none}

/* DIV elements 
------------------------------------------*/

#conteneur {
    width:100%;
    margin:0 auto;
    text-align:center;
    position:relative
	}

#contenu {
	width:100%;
	margin:0 auto;
	background-color:#321041;
	}
	
	#contenuInterne {
		width:900px;
		margin:0 auto;
		}
		
		#colonneTitre {
			width:330px;
			margin:96px 0px;
			text-align:left;
			float:left;}
			
		#colonneTexte {
			width:530px;
			margin:96px 0px;
			text-align:left;
			color:#ffffff;
			float:left;}
			#colonneTexte img {
			margin:-84px 0px 0px -330px;
				}
	
#telechargement {
	width:100%;
	margin:0 auto;
	padding: 44px 0px 64px 0px;
	background:url(../images/ombre.jpg) 0 0 repeat-x;
	}
	
	#contenuTelechargement {
	width:900px;
	margin:0 auto;
	}
	
	#contenuTelechargement img {
		margin:0px 24px 0px 17px;
		}
	
#pieddepage {
	width:100%;
	margin:0 auto;
	}
	
	#contenuPieddepage {
	width:900px;
	margin:0 auto;
	border-top:solid #454648 1px;
	text-align:right;
	}
	
	#contenuPieddepage ul {margin:0;float:right;}

	#contenuPieddepage ul li {
    float:left;
    display:block;
    padding:0;
    margin:0 0 0 12px;
    }

	#contenuPieddepage ul li:hover {cursor:pointer}

	#contenuPieddepage ul li a {
    float:left;
    display:block;
    color:#454648;
    padding:0;
    }
 
	#contenuPieddepage ul li a:hover {color:#ffffff}


/* Clearing
------------------------------------------*/


#contenu:after, 
#colonneTexte:after, 
#telechargement:after, 
#pieddepage:after, 
#contenuPieddepage:after {
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden}
	
#contenu, 
#colonneTexte, 
#telechargement, 
#pieddepage,
#contenuPieddepage {
	height:1%;
	}