/*

== INDEX: ==================================
* Filename: reset.css
* Version: 1.0.3 (2009-05-14) YYYY-MM-DD
* Description: Reset all default CSS styles.
* This is based on the YUI Library : http://developer.yahoo.com/yui/ 
============================================

== CARE : ==================================
.clear : keep it in this order
============================================

*/

*, html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, font, p, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, dl, dt, dd, input,
ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline}

:focus {outline:0}

ol, ul, li {list-style:none}

table {
	border-collapse:collapse;
	border-spacing:0}

address, caption, cite, code, dfn, em, strong, 
th, var {
	font-style:normal;
	font-weight:normal
	}
	
caption, th {text-align:left}
h1, h2, h3, h5, h5, h6 {font-weight:normal}

blockquote:before, 
blockquote:after, 
q:before, q:after {
	content:""}

blockquote, q {quotes:"" ""}

em {font-style:italic}
strong {font-weight:bold}
a { border:0}
p {margin-bottom:16px}


/* Clear */
.clear:after {
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden}

.clear {display:inline-block}
.clear {display:block}



/*

== 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 {color:#f08212;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%;
	}