@page { margin: 10% }

@import url(moodalbox.css);

*{
	margin	: 0;
	padding	: 0;
}

body{
	font		: 70% verdana,arial,sans-serif;
	text-align	: center;
	background	: #fff;
}

img {
	border		: 0;
}

input, select, textarea {
	font		: 100% Verdana,Arial,Sans-serif;
}

.clear {
	clear		: both;
	visibility	: hidden;
}


.hide {
	display		: none;
}

.visible {
	display		: block;
}

/* =================================== */
/* ============ STRUCTURE ============ */
/* =================================== */


.ruban {
	display		: none;
}

div#menu {
	display		: none;
}

div#footer-wrap{
	display		: none;
}

div#footer{
	display		: none;
}

div#navigation {
	display		: none;
}

div#extra{
	display		: none;
}

div#top {
	text-align	: left;
	margin		: 0;
}

div#contenu{
	padding-top	: 10px;
	text-align	: left;
}


/* =================================== */
/* ============= HEADER ============== */
/* =================================== */

#header ul#marche {
	display		: none;
}

#header .ident {
	display		: none;
}

#header h1 a {
	display		: none;
}

#usr, #usr2 {
	width		: 120px;
}

#pwd, #pwd2 {
	width		: 87px;
}


/* =================================== */
/* ============ CONTENT ============== */
/* =================================== */

#content h2 {
	color		: #04124d;
	font		: bold 130% "Trebuchet MS",Tahoma,Verdana,Arial,Sans-serif;
}

#content h1 {
	color		: #04124d;
	font		: bold 140% Verdana, Arial, Sans-serif;
	padding		: 5px 0;
}

#content h1 a {
	color		: #585858;
	text-decoration: none;
}

#content h1 a:hover {
	color		: #000;
}

#content p.date {
	margin-bottom: 20px;
	color		: #585858;
	font-style	: italic;
}

#content #article {
	line-height	: 1.5em;
}

#content #article p {
	margin		: 10px 0;
}

#content #article ul {
	margin		: 0 0 0 40px;
}

#content #article a {
	padding		: 0 3px;
	background	: #efefef;
	text-decoration:none;
	color		: #858585;	
}

#content #article a:hover {
	color		: #fff;
	background	: #99b7e0;
}

#content #article img {
	margin		: 0 10px 10px 0;
	padding		: 5px;
	border		: 1px solid #f5f5f5;
}


/* =================================== */
/* ============== HOME =============== */
/* =================================== */

#content ul#onglets {
	display		: none;
}

#content #news_scroll ul {
	list-style	: none;
	margin-top	: 10px;
}

#content #news_scroll li {
	list-style	: none;
	margin		: 0 10px 0 5px;
	padding		: 0 0 0 6px;
	background	: url(../media/img/charte/fleche_droite.gif) 0 1px no-repeat ;
	color		: #a5a5a5;
	font-style	: italic;
}

#content #news_scroll li a {
	font-style	: normal;
	color		: #000;
	text-decoration: none;
}

#content #news_scroll li a:hover {
	text-decoration: underline;
}


/* =================================== */
/* ============ DOWNLOAD ============= */
/* =================================== */

#content #kit .date {
	float		: left;
	background	: url(../media/img/charte/kit_date.gif) top left no-repeat ;
	color		: #fff;
	text-align	: center;
	margin		: 10px 10px 0 0;
	padding		: 4px 0 0 0;
	font-weight	: bold;
	width		: 44px;
	height		: 44px;
	line-height	: 1.1em;
}

#content #kit .libelle {
	float		: left;
	margin		: 16px 0 0 0;
	font-weight	: bold;
}

#content #kit .libelle span {
	color		: #585858;
	font-weight	: normal;
}

#content #kit p {
	margin		: 10px 0;
	line-height	: 1.5em;
}


#content #kit .file {
	margin		: 0;
	padding		: 0;
	list-style	: none;
}

#content #kit .file li {
	margin		: 5px 0 10px 0;
}

#content #kit .file img {
	padding		: 0 5px 0 0;
}

#content #kit .file a {
	padding		: 5px 10px;
	color		: #585858;
	text-decoration	: none;
}

#content #kit .file a:hover {
	background	: #f5f5f5;
}

#content #kit p.encadre {
	margin		: 0;
	line-height	: 1em;
	border		: 1px dashed #a5a5a5;
}

#content #kit p.encadre a {
	display		: block;
	padding		: 5px;
	color		: #555;
	background	: #fff url(../media/img/charte/bg_pwd.gif) -10px right no-repeat;
}

#content #kit p.encadre a:hover {
	background	: #f5f5f5 url(../media/img/charte/bg_pwd.gif) -10px right no-repeat;
}


/* =================================== */
/* ============ TABLEAUX ============= */
/* =================================== */

table.tabEntete {
	margin-top	: 10px;
	border		: 1px solid #e5e5e5;
	border-width: 1px 1px 0 1px;
	border-bottom: 3px double #e5e5e5;
}

table.tabEntete th {
	font-size	: 90%;
	color		: #585858;
	padding		: 4px 3px;
	font-weight	: bold;
}

table.tabEntete th.last {
	background-image: none;
}

table.tabResult {
	border		: 1px solid #e5e5e5;
	border-width: 0 1px;
	margin-bottom: 10px;
}

table.tabResult td {
	font-size	: 90%;
	border		: 1px solid #e5e5e5;
	border-width: 0 0 1px 0;
	padding		: 2px 3px;
}

table.tabResult img {
	border		: 0;
}

table.tabResult a {
	color		: #000;
	text-decoration: none;
}

table.tabResult .ligne {
	cursor		: pointer;
}

table.tabResult .ligneOn {
	background	: #99b7e0;
}

table .center {
	text-align	: center;	
	padding-left: 1px;
	padding-right: 5px;
}


/* =================================== */
/* ============== FAQ ================ */
/* =================================== */


#_Fiches .box {
	float		: left;
	width		: 372px;
	padding		: 10px;
	margin		: 2px;
	height		: 80px;
	border		: 1px solid #e5e5e5;
	cursor		: pointer;
}

#_Fiches .box h1 {
	font-size	: 100%;
	font-weight	: bold;
}



/* =================================== */
/* ============== FAQ ================ */
/* =================================== */

div#mb_overlay {
	display		: none;
}

div#mb_center {
	text-align	: left;
	background	: #fff;
	width		: auto;
}

div#mb_contents {
	border		: 0;
	overflow	: visisble;
}

div#mb_bottom {
	display		: none;
}

div#mb_content {
	color		: #000;
	overflow	: visible;
}


div#mb_content .top {
	margin-top	: 40px;
	padding		: 10px 0;
}

div#mb_content .top h1 {
	font		: bold 130% Verdana,Arial,Sans-serif;
}

div#mb_content .top p {
	font		: normal 100% Verdana,Arial,Sans-serif;
}

div#mb_content .infos {
	padding		: 10px 0;
	border-bottom: 1px dashed #e5e5e5;
}

div#mb_content #pj {
	display		: none;
}

div#mb_content .contenu {
	line-height	: 1.5em;
	padding		: 10px 0;
	border-bottom: 1px dashed #e5e5e5;
}

div#mb_content .contenu p {
	margin		: 5px 0 10px 0;
}

div#mb_content .contenu ul {
	margin		: 0 0 0 40px;
}

div#mb_content .bas {
	padding		: 10px 0;
	color		: #888;
	text-align	: left;
	font		: normal 80% Verdana,Arial,Sans-serif;
}

#mb_error {
	font-size	: 1.2em;
	color		: #CD0000;
	font-weight	: bold;
	text-align	: center;
	padding		: 0.5em;
	font-family	: Verdana, Helvetica, sans-serif;
}

#mb_error em {
	font-size	: 0.8em;
}