@charset "iso-8859-1";
/* --------------------------------------------------- */
/* -----------------|* BALISES HTML *|---------------- */
/* --------------------------------------------------- */
* { padding:0; margin:0; }

body {
	font: normal 62.5% Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #fff;
}

img, a img {
	border: 0 none;
	display: block;
}

address { 
	margin-top: 1ex;
	font-size: 1.2em;
	color: #444; 
	font-style: normal;
}


/* --------------------------------------------------- */
/* ------------|* CONTENEURS PRINCIPAUX *|------------ */
/* --------------------------------------------------- */

h1 div,
div#content,
div#footer {
	width: 980px;
	margin: 0 auto;
}


div#head-100 {
	height: 299px;
	background: transparent url(../img/div-header-100-bg.jpg) 0 0 repeat-x;
}

h1 div {
	height: 248px;
}
div#content-100 {
	background: transparent url(../img/div-content-100-bg.png) 0 0 repeat-x;
}

div#content { 
	padding: 0 4px 0 3px;
	width: 973px;
	background-color: #fff; 
}

div#rightContent {
	float: right;
	width: 705px;
	padding: 1em 16px 1em 10px;
}

div#outerNav { 
	width: 240px;
	float: left;
	padding-top: 12px;
	background: transparent url(../img/nav-top.gif) 0 0 no-repeat;
}

div#coords {
	background-color: #f2f6f9;
	margin-right: 380px;
	margin-top: 3em;
	-moz-border-radius: 4px;
	padding: 1.6em;
}

div#coords p { 
	color: #079; 
	padding: 0;
}

div#coords strong { color : #056; } 

div#footer {
	margin: 1em auto 0 auto;
	width: 980px;
	text-align: center;
	padding: 1em;
}

/* --------------------------------------------------- */
/* --------------------|* TITRES *|------------------- */
/* --------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: "Arial Black", Arial, sans-serif;
	font-weight : bold;
}

h1 { 
	padding-top: 51px;
	height: 248px;
	display: block;
	background: transparent url(../img/div-header-bg.jpg) center 0 no-repeat;
}


h1 a {
	margin: 0 auto;
	display: block;
	width: 320px;
	height: 106px;
	position: relative;
	top: -62px;
}

h2 {
	height: 53px;
	line-height: 53px;
	font-size: 2.4em ;
	padding-left: 50px;
	background: transparent url(../img/h2-bg.png) left top no-repeat;
	color: #e62;
	margin-bottom: 0.5em;
}

h3 {
	margin: 1em 0 1em 1em;
	padding-left: 36px;
	font-size :1.6em;
	background: transparent url(../img/h3-puce.png) left top no-repeat;
	color: #056;
}

/* --------------------------------------------------- */
/* --------------------|* LISTES *|------------------- */
/* --------------------------------------------------- */
ul { list-style-type:none; }

li {
	font-size: 1.1em;
	font-weight: bold;
}

body#index div#rightContent li { padding-right: 100px; }

body#rea div#rightContent ul { 
	margin: 1em 0 0 1em; 
}
body#rea div#rightContent li {
	display: inline;
	margin: 0 20px 0 0;
	background: none;
	padding:0;
}
body#rea div#rightContent li img {
	padding: 1px;
	display: inline;
	border: 1px solid #ddd;
}
body#rea div#rightContent li.vertical { margin-right: 13px; }
	
ul#nav {
	background: #40accb url(../img/nav-bg.jpg) 0 bottom no-repeat;
	padding-bottom: 278px;
}

ul#nav li {
	width: 230px;
	margin: 0 auto 2px auto;
}

div#rightContent ul li {
	font-size: 1.4em;
	padding-left: 24px;
	margin: 0 0 1.6em 2em;
	color: #444;
	font-style:italic;
	background: transparent url(../img/picto-pouce.png) left top no-repeat;
}

div#footer ul li {
	display: inline;
}


/* --------------------------------------------------- */
/* -----------------|* PARAGRAPHES *|----------------- */
/* --------------------------------------------------- */
p {
	font-size: 1.4em;
	line-height: 1.5em;
	text-align: justify;
	padding-left: 1em;
}

h1 p { text-indent: -5000px; }

body#index div#rightContent p { padding-right: 100px;}
body#contact p { }



/* --------------------------------------------------- */
/* ---------------------|* LIENS *|------------------- */
/* --------------------------------------------------- */
a { text-decoration: none; }

a:hover, a:focus, a.focus { color: #3bd; }

ul#nav li a {
	display: block;
	height: 36px;
	font: normal 1.8em/36px "Arial Black", Arial, sans-serif;
	padding-left: 40px;
	background: transparent url(../img/ul-nav-a-bg.png) 0 0 no-repeat;
	color: #079;
}

ul#nav li a:hover,
ul#nav li a.focus {
	background-position: 0 -36px;
	color: #0ad;
}


div#footer ul li,
div#footer ul li a { color: #079; }
div#footer ul li a:hover { color: #0ad; }


/* --------------------------------------------------- */
/* --------------|* CLASSES GENERIQUES *|------------- */
/* --------------------------------------------------- */
.flashText {
	position: relative;
	bottom: -5px;
}
.rightlast { margin-left:0; padding-left:0;}
.right { float: right; }
.left { float: left; }
.centre { margin: 0 auto; }
.noborder { border: 0 none; }
.hide { display: none; }
.lineclear { 
	clear: both;
	height: 0;
	width: 1px;
	line-height: 0;
	font-size:0;
}