/* ------------------------------- */
/* -- CSS By Prezenz			-- */
/* -- http://www.prezenz.com	-- */
/* -- Copyright 2009			-- */
/* ------------------------------- */

/* ------------------------------- */
/* -- STRUCTURE					-- */
/* ------------------------------- */

* {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

html {
	height:100%;
	/* 
	Par défaut, le texte moyen est de 16px
	 - 1.6em vaut 16px
	 - 1.4em vaut 14px
	 - 1.2em vaut 12px
	 - 1em vaut 10px
	 - 0.8em vaut 8px
	 - etc.
	*/
	font-size:62.5%;
}

body {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	font-size:1em;
}

/* ------------------------------- */
/* -- WEBSITE					-- */
/* ------------------------------- */

div#page {
	font-size:1.2em;
	/* Tous les browsers */
	height: auto !important; 
	/* Pour IE */
	height: 100%; 
	margin:0 auto 0 auto;
	/* Tous les browsers */
	min-height: 100%; 
	position: relative;
	text-align: left;
	width:900px;
}

/* -------------------- main */

div#main {
	display:table;
	padding:0 0 200px 0;
}

/* ------------------------------- */
/* -- COMMUN					-- */
/* ------------------------------- */

a { 
	color:#00A182;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#000;
}

input {
	padding:2px;
	border:1px solid #CCC;
	color:#000;
	width:250px;
}

input.auto {
	padding:0px;
	border:0px solid #CCC;
	color:#000;
	width:auto;
}

textarea {
	padding:2px;
	border:1px solid #CCC;
	color:#000;
	width:250px;
}

* html input {
	padding:0px;
}

select {
	padding:2px;
	border:1px solid #CCC;
	color:#000;
}

.button div {
	display:inline;
	width:auto;
	display:none;
}

	.button-left {
		background-image:url(../images/btn-left-greenbg.gif);
		color:#FFFFFF;
		background-position:left top;
		background-repeat:no-repeat;
		padding-top:5px;
		padding-bottom:4px;
		height:17px;
		width:3px;
	}
	
	.button-right {
		background-image:url(../images/btn-right-greenbg.gif);
		color:#FFFFFF;
		background-position:right top;
		background-repeat:no-repeat;
		padding-top:5px;
		padding-bottom:4px;
		height:17px;
		width:3px;
	}
	
	.button-middle {
		background-image:url(../images/btn-middle-greenbg.gif);
		color:#FFFFFF;
		background-position:left top;
		background-repeat:repeat-x;
		padding:6px;
		padding-top:5px;
		padding-bottom:4px;
		height:17px;
		text-transform:none;
	}
	
.grey .button-left { background-image:url(../images/btn-left-greybg.gif); }
.grey .button-right { background-image:url(../images/btn-right-greybg.gif); }
.grey .button-middle { background-image:url(../images/btn-middle-greybg.gif); }

.caption {
	font-size: 0.8em;
}

/* ------------------------------- */
/* -- HEADER					-- */
/* ------------------------------- */

div#header {
	background:#FFF;
	clear:both;
	color:#999;
	height:70px;
	position:relative;
	font-size:0.9em;
	z-index:10;
}

	/* -------------------- logo */
	
	div#header #logo img {
		margin-top: 10px;
		padding-right: 16px;
		float:left;
	}
	
	div#header #logo h1 {
		font-weight:normal;
		font-size:1.3em;
		color:#999;
		padding-top:30px;
	}
	
	/* -------------------- access */
	
	div#header #access {
		position:absolute;
		top:5px;
		right:0px;
		z-index:15;
		display:none;
	}
	
	div#header #access a {
		position:relative !important;
		z-index:15;
	}
	
	div#header #access a span {
		display:none;
	}
	
	div#header #access a:hover {
		text-indent:0px;
	}
	
	div#header #access a:hover span {
		display:block;
		position:absolute;
		right:0px !important;
		right:80px;
		width:180px;
		padding:5px;
		border:1px solid #DDD;
		background-color:#F9F9F9;
		z-index:20;
	}
	
	/* -------------------- submenu */
	
	div#header #submenu {
		position:absolute;
		bottom:5px;
		right:0px;
		color:#00A182;
		z-index:5;
		display:none;
	}
	
	div#header #submenu ul {
		list-style:none;
	}
	
	div#header #submenu ul li {
		display:inline;
	}
	
	div#header #submenu ul li a.active {
		color:#000;
	}

/* ------------------------------- */
/* -- MENU						-- */
/* ------------------------------- */

div#menu {
	background-image:url(../images/bg_menu_top.gif);
	background-repeat:repeat-x;
	clear:both;
	color:#FFF;
	height:70px;
	text-align:center;
	display:none;
}

div#menu ul {
	list-style:none;
}

div#menu ul li {
	display:inline;
	color:#FFF;
}

div#menu ul li a {
	display:inline-block;
	color:#FFF;
	font-size:1.4em;
	width:220px;
	height:70px;
	text-align:left;
}

div#menu ul li .services {
	background-image:url(../images/btn_services.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

div#menu ul li .centres {
	background-image:url(../images/btn_centres.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

div#menu ul li .documents {
	background-image:url(../images/btn_documents.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

div#menu ul li .about {
	background-image:url(../images/btn_apropos.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

div#menu ul li a:hover {
	background-position:bottom center;
}

div#menu ul li .active {
	background-position:bottom center;
}

div#menu ul li a:hover {
	color:#FFFF00;
}
	
div#menu ul li a.active {
	color:#FFFF00;
}

/* ------------------------------- */
/* -- TOOLS						-- */
/* ------------------------------- */

div#tools {
	clear:both;
	color:#000;
	height:49px;
	position:relative;
	background-image:url(../images/bg_bandeau_green.gif);
	background-repeat:repeat-x;
	display:none;
}

div#tools #search {
	position:absolute;
	right:0px;
	padding:5px;
	padding-top:15px;
}

div#tools #finder {
	float:left;
	padding:10px;
	padding-top:15px;
	padding-left:45px;
	background-image:url(../images/icon_loupe.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

/* ------------------------------- */
/* -- CONTENT					-- */
/* ------------------------------- */

div#content {
	clear:both;
	height:auto !important;
	height:470px;
	min-height:470px;
	display:table;
	padding-bottom:40px;
}

div#content h1 {
	color:#333;
	font-size:1.4em;
	margin:0 0 10px 0;
}

div#content h2 {
	color:#333;
	font-size:1.2em;
	margin:0 0 5px 0;
}

div#content h3 {
	color:#333;
	font-size:1.1em;
	margin:15px 0 5px 0;
}
	
	/* -------------------- right */
	
	div#right {
		display:table-cell;
		float:left;
		padding:20px 0px 40px 0px;
		width:220px;
		font-size:0.9em;
		display:none;
	}
	
	div#right ul {
		margin-left:14px;
		padding:0px;
		list-style:none;
	}
	
	div#right li {
	list-style-image: url(../images/bullet-down.gif);
	list-style-position: outside;
}
	
	/* -------------------- left */
	
	div#left {
		display:table-cell;
		float:left;
		padding:20px 5px 40px 5px;
		width:155px;
		font-size:0.9em;
		display:none;
	}
	
	div#left ul {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	
	div#left ul li a {
		display:block;
		padding-top:4px;
		padding-bottom:4px;
		padding-left:20px;
		background-image:url(../images/arrow1_gray.gif);
		background-position:left top;
		background-repeat:no-repeat;
		border-bottom:1px dotted #CDCDCD;
		color:#666;
		font-weight:bold;
		margin:0px;
	}
	
	* html div#left ul li a {
		height:1px;
	}
	
	div#left ul li a:hover, div#left ul li a.active {
		background-image:url(../images/arrow1_green.gif);
		color:#00A182;
	}
	
	div#left ul ul {
		margin-left:15px;
	}
	
	div#left ul ul li a {
		display:block;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:20px;
		background-image:url(../images/arrow1_gray.gif);
		background-position:left top;
		background-repeat:no-repeat;
		border-bottom:0;
		color:#666;
		font-weight:normal
	}
	
	div#left ul ul li a:hover, div#left ul ul li a.active {
		background-image:url(../images/arrow1_green.gif);
		color:#00A182;
	}

	/* -------------------- center */
	
	div#center {
		display:table-cell;
		float:left;
		padding:20px;
		padding-bottom:40px;
	}
	
	div#center hr {
		border-bottom: 1px solid #bfbfbf;
		border-top: none;
		border-left: none;
		border-right: none;
		padding-top:10px;
		padding-bottom:10px;
		margin-right: 20px;;
	}

	div#center-home {
		display:table-cell;
		float:left;
		padding:20px;
		width:640px;
		padding-bottom:40px;
	}
	
	div#center .listdown ul {
	}
	
		div#center .listdown li {
		list-style-image:url(../images/bullet-down.gif);
		margin-bottom: 6px;
	}
	
		
	div#center .listlinks ul {
		margin-left:40px;
		margin-top: 10px;
		padding:0px;
		list-style:none;
	}
	
	div#center .listlinks li {
		list-style-image: url(../images/bullet-right.gif);
		list-style-position: outside;
	}
	
	div#center #breadcrumb {
		margin-bottom:10px;
		display:none;
	}
	
	div#center ol, div#center-home ol {
		padding-top:3px;
		padding-bottom:3px;
		margin:0px;
		margin-left:30px;
		clear:left;
	}
	
	div#center ol li, div#center-home ol li {
		padding-bottom:5px;
	}
	
	div#center ul, div#center-home ul {
		padding-top:3px;
		padding-bottom:3px;
		margin:0px;
		margin-left:20px;
		clear:left;
	}
	
	div#center ul li, div#center-home ul li {
		list-style-image:url(../images/bullet.gif);
		padding-bottom:3px;
	}
	
	div#center .doc li, div#center-home .doc li {
		list-style-image:url(../images/arrow_doc.gif);
		padding-bottom:10px;
	}
	
	div#center ul ul li, div#center-home ul ul li {
		list-style-image:url(../images/arrow2_gray.gif);
		background-position:left 3px;
	}
	
	/*div#center p, div#center-home p {
		padding-bottom:5px;
		padding-top:5px;
	}*/
	
	/* -------------------- right / box */
	
	.box {
		width:220px;
	}
	
	.box .box-top {
		margin-left:10px;
		width:180px;
		padding:5px;
		padding-top:0px;
		padding-left:25px;
		background-image:url(../images/box_top.gif);
		background-repeat:no-repeat;
		background-position:top left;
		height:35px;
		font-size:1.4em;
		font-weight:bold;
		position:relative;
		vertical-align:middle;
	}
	
	.box .box-top-arrow {
		margin-left:10px;
		width:160px;
		padding:15px;
		padding-left:35px;
		background-image:url(../images/box_top_arrow.gif);
		background-repeat:no-repeat;
		background-position:top left;
		height:15px;
		font-size:1.2em;
		font-weight:normal;
		position:relative;
	}
	
	.box .box-top .arrow {
		display:block;
		background-image:url(../images/icon_fleche.gif);
		background-position:bottom right;
		background-repeat:no-repeat;
		height:30px;
		padding-top:5px;
	}
	
	.box .box-top .noarrow {
		display:block;
		height:30px;
		padding-top:5px;
		color:#666;
	}
	
	.box .box-top .icon-chiffre {
		float:left;
		background-image:url(../images/icon_chiffre.gif);
		background-position:left;
		background-repeat:no-repeat;
		padding-left:30px;
		margin-top:-0px;
		height:33px;
	}
	
	.box .box-top .icon-date {
		float:left;
		background-image:url(../images/icon_date.gif);
		background-position:left;
		background-repeat:no-repeat;
		padding-left:30px;
		margin-top:-0px;
		height:33px;
	}
	
	.box .box-top .icon-question {
		float:left;
		background-image:url(../images/icon_question.gif);
		background-position:left;
		background-repeat:no-repeat;
		padding-left:30px;
		margin-top:-0px;
		height:33px;
	}
	
	.box .box-middle {
		margin-left:10px;
		width:180px;
		padding:5px;
		padding-left:25px;
		background-image:url(../images/box_middle.gif);
		background-repeat:repeat-y;
		background-position:top left;
	}
	
	.box .box-middle hr {
		background-image:url(../images/box_separator.gif);
		background-repeat:no-repeat;
		background-position:center;
		height:2px;
		margin-top:5px;
		margin-bottom:5px;
	}
	
	.box .box-middle a {
		color:#666;
	}
	
	.box .box-middle ul li a {
		color:#00A182;
	}
	
	.box .box-middle a:hover {
		color:#666;
	}
	
	.box .box-middle .icon {
		float:left;
		padding-right:5px;
	}
	
	.box .box-middle .text {
		padding-left:40px;
		height:auto!important;
		height:30px;
		min-height:30px;
	}
	
	* html .box .box-middle .text {
		padding-left:0px;
	}
	
	.box .box-middle .text .doc li {
		list-style-image:url(../images/arrow_doc.gif);
	}
	
	.box .box-middle ul {
		padding-left:15px;
	}
	
	.box .box-bottom {
		margin-left:10px;
		width:180px;
		padding:5px;
		padding-left:25px;
		background-image:url(../images/box_bottom.gif);
		background-repeat:no-repeat;
		background-position:top left;
	}
	
/* ------------------------------- */
/* -- TINY MCE STYLES   		-- */
/* ------------------------------- */

.pic-left {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	border:1px solid #999;
}

.pic-right {
	float: right;
	margin-left:2px;
	margin-right: 5px;
	border:1px solid #999;
	margin-bottom: 5px;
}

/* ------------------------------- */
/* -- FOOTER					-- */
/* ------------------------------- */

div#footer {
	font-size:1.1em;
	background:none;
	bottom: 0 !important;
	/* Pour IE */
	bottom: -1px; 
	clear:both;
	color:#FFFFFF;
	height: 225px;
	position: relative;
	margin: -225px auto 0 auto;
	width:880px;
	padding-left:20px;
	background-repeat:repeat-x;
	background-position:20px 20px;
	background-image:url(../images/footer_grad.jpg);
	overflow:hidden;
	display:none;
}

div#footer h3 {
	font-size:1.2em;
	margin:0 0 10px 0;
}

div#footer hr {
	border:0px;  
    border-top:1px solid #999;  
	margin-top:10px;
	margin-bottom:10px;
	margin-right:20px;
}

div#footer a {
	color:#FFF;
	text-decoration: underline;
}

div#footer a:hover {
	color:#000;
	text-decoration: none;
}

div#footer ul {
	margin:0px;
	padding:0px;
}

div#footer ul li {
	margin:0px;
	padding:0px;
	margin-left:15px;
	list-style-image: url(../images/bullet-white.gif);
}

	div#footer div#fintro {
		padding-bottom:5px;
		color:#000;
		font-size:14px;
	}

	div#footer div#fintro a {
		color:#000;
		text-decoration: underline;
	}
	
	div#footer div#fintro a:hover {
		color:#666;
		text-decoration: none;
	}
	
	/* -------------------- left */
	
	div#footer div#fleft {
		float:left;
		padding:10px;
		padding-top:20px;
		padding-right:30px;
		width:280px;
	}

	/* -------------------- center */
	
	div#footer div#fcenter {
		float:left;
		padding:10px;
		padding-top:20px;
		width:350px;
	}
	
	/* -------------------- right */
	
	div#footer div#fright {
		float:left;
		padding:5px;
		padding-top:20px;
		padding-left:20px;
		width:150px;
		border-left:1px solid #999;
		height:160px;
	}