/********************************************************************************************/
/********************************************************************************************/
/*	EXPOSANT - www.exposant.fr

/*	COPYRIGHT		2004-2007 Michaël V. Dandrieux
/*	DISTRIBUTION	Sous licence, tel que decrit dans le fichier licence.txt

/*	FICHIER			media/css/general.cssƒ
/*	AUTEUR			mvd (mvd@exposant.fr)
/*	TYPE			Feuille de style SCREEN
/*	DESCRIPTION		Met en forme le systeme general
/********************************************************************************************/
/********************************************************************************************/

/********************************************************************************************/
/*	Generalite
/********************************************************************************************/
body {
	font-family: Arial, Geneva, Verdana, sans-serif;
	background:#385a81 url('../image/body_bg.jpg') top left;
}
/*	Annulations generales */
body, p, ul, form {
	padding:0;
	margin:0;
}
table	{border-collapse:collapse;}
img		{border:0;}
img.resize {width:100%;}
/*	Clear floats */
.clear {
	clear:both;
	height:0;
}

/********************************************************************************************/
/*	Structure
/********************************************************************************************/
/*	Positionnement */
#positionnement 	{
	margin:auto;
	margin-bottom:50px;
}
/*	Largeurs du cadre (absolue et relative)*/
#positionnement.absolute	{width:703px;}
#positionnement.relative	{width:100%;}

/********************************************************************************************/
/*	hypertexte
/********************************************************************************************/
a {
	color:#2a598f;
	text-decoration:underline;
}
a:visited {}
a:hover {color:#152d49;}
a:active {color:#0e1d2f}

.accesskey {
	text-decoration:underline;
}

/********************************************************************************************/
/*	boutons
/********************************************************************************************/
.go {
	line-height:20px;
	background:url('../image/li_go.gif') center left no-repeat;
	padding-left:20px;
	font-weight:bold;
}
.goback {
	line-height:20px;
	background:url('../image/li_goback.gif') center left no-repeat;
	padding-left:20px;
	font-weight:bold;
}
.send {
	line-height:20px;
	background:url('../image/li_submit.gif') center left no-repeat;
	padding-left:20px;
	font-weight:bold;
}

/********************************************************************************************/
/*	listes
/********************************************************************************************/
ul.bluedot {
	list-style-image:url('../image/li_bluedot.gif');
	padding-left:20px !important;
}

/********************************************************************************************/
/*	Structure de la page, du contenu et du contexte
/********************************************************************************************/
/* page */
#page {
	clear:both;
	background:#ffffff top right no-repeat;
	margin-bottom:1px;
	position:relative;
	overflow:auto;
	height:1%; /* sod off, ie ! */
}
.page01 {
	background:#ffffff url('../image/cnt_01_carte.jpg') top right no-repeat !important;
}
.page01 #cnt {
	width:350px;
}
.page04 {
	background:#d7df21 url('../image/cnt_04.gif') top right no-repeat !important;
	padding-top:50px;
}
.page04 #cnt {
	color:#000000 !important;
}
.page05 {
	background:#ff9900 url('../image/cnt_05.gif') top right no-repeat !important;
	padding-top:140px;
	color:#ffffff !important;
}
.page05 #cnt,
.page05 #cnt h1,
.page05 #ctx h1 {
	color:#ffffff;
}
.page05 #ctx {
	margin-top:50px !important;
	color:#ffffff !important;
}
.page05 a {
	color:#ffff00 !important;
}
#page #cnt .catchpaddingback {
	padding:15px;
}

/* Contenu */
#cnt {
	padding:7px;
	width:450px;
	float:left;
}
#cnt.fullwidth {
	width:auto;
	float:none;
	padding:0 !important;
}
/* Contexte */
#ctx {
	padding:7px;
	border-left:1px solid #d8d8d8;
	width:221px;
	float:right;
}
#ctx.defonce {
	background:#d7df21;
}

/********************************************************************************************/
/*	Menu 1
/********************************************************************************************/
#mn1 {
	list-style-type:none;
}
#mn1 li  {
	display:inline;
}
#mn1 li a {
	width:116px;
	height:40px;
	margin:0 1px 1px 0;
	float:left;
	background:#ffffff 10px 20px no-repeat;
}
#mn1 li a.mn100 {background-image:url('../image/mn1_00.gif');}
#mn1 li a.mn101 {background-image:url('../image/mn1_01.gif');}
#mn1 li a.mn102 {background-image:url('../image/mn1_02.gif');}
#mn1 li a.mn103 {background-image:url('../image/mn1_03.gif');}
#mn1 li a.mn104 {background-image:url('../image/mn1_04.gif');}
#mn1 li a.mn105 {
	background:transparent url('../image/mn1_05.gif') no-repeat;
	margin-right:0;
	width:118px;
	padding:0;
}
#mn1 li a {}
#mn1 li a.on,
#mn1 li a.off:hover {
	opacity:0.8;
}
#mn1 li a.off {}
#mn1 li a.off:hover {}

/********************************************************************************************/
/*	Menu 2 de la page 2
/********************************************************************************************/
#mn2_02 {
	margin:23px 0 5px 0 !important;
	list-style-type:none;
	padding:0 !important;
	overflow:auto;
	height:1%; /* sod off, ie ! */
}
#mn2_02 li {
	border:1px dotted #ffffff;
	float:left;
}
#mn2_02 li a {
	width:26px;
	height:26px;
	margin:1px;
	color:#ffffff;
	font-size:20px;
	line-height:25px;
	text-align:center;
	display:block;
	text-decoration:none;
	font-family:verdana;
}
#mn2_02 li.mn2_02_01 a {background:#2f3247;}
#mn2_02 li.mn2_02_02 a {background:#fdc146;}
#mn2_02 li.mn2_02_03 a {background:#7d568b;}
#mn2_02 li.mn2_02_04 a {background:#c5de88;}
#mn2_02 li.mn2_02_05 a {background:#319184;}
#mn2_02 li.mn2_02_06 a {background:#4279c2;}
#mn2_02 li.mn2_02_07 a {background:#51abe7;}
#mn2_02 li a {}
#mn2_02 li.on,
#mn2_02 li.off:hover {
	border-color:#666666;
}
/* mn2_02bis */
#mn2_02bis {
	font-size:12px;
	padding:0 0 0 20px !important;
	margin:5px 0 0 0 !important;
}
#mn2_02bis li {
	border-bottom:1px dotted #d8d8d8;
	padding:0 0 10px 0 !important;
	margin:0 0 10px 0 !important;
}
#mn2_02bis li a {
	text-decoration:none;
}
#mn2_02bis li.on a {
	color:#000000;
}
#mn2_02bis li.off:hover a {
	color:#000000;
}

/********************************************************************************************/
/*	Menu 2 de la page 3
/********************************************************************************************/
#mn2_03 {
	list-style-type:none;
	padding:0 !important;
}
#mn2_03 li {
	margin-bottom:10px;
	font-weight:bold;
	font-size:11px;
	line-height:13px;
}
#mn2_03 li.on {
	color:#ffffff;
}

/********************************************************************************************/
/*	Contenu
/********************************************************************************************/
#cnt {
	font-size:12px;
	line-height:16px;
	color:#7d7d7d;
}
#cnt .chapo {
	font-size:14px;
	color:#000000;
	line-height:16px;
	font-weight:bold;
}
/* Titres */
#cnt h1 {
	color:#000000;
	text-transform:uppercase;
	font-size:13px;
	line-height:16px;
	margin:15px 0 3px 0;
	clear:both;
}
#cnt h2 {
	text-transform:none;
	font-size:12px;
	margin:10px 0 0 0;
	color:#2a598f;
}
/* Defauts */
#cnt ul {padding:0 0 0 20px;}
#cnt ul,
#cnt p {
	margin:0 0 10px 0;
}

#cnt .image {
	padding:1px;
	border:1px solid #cccccc;
	width:100px;
	float:left;
	margin-right:10px;
}
#cnt .image img {
	width:100%;
}

/********************************************************************************************/
/*	Contenu
/********************************************************************************************/
#cnt #article {
	float:left;
	width:200px;
}
#cnt #itineraire {
	float:right;
	width:200px;
}
#cnt #article,
#cnt #itineraire {
	font-size:11px;
	line-height:13px;
}
#cnt #article h1,
#cnt #itineraire h1 {
	text-transform:none;
	color:#2a598f;
	margin:0 0 10px 0;
}
#cnt #article h2,
#cnt #itineraire h2 {
	font-size:11px;
	margin:0;
}
#cnt #article h2 {
	color:#7d7d7d;
}
#cnt #article ul,
#cnt #itineraire ul {
	padding:0;
}
#cnt #article ul li,
#cnt #itineraire ul li {
	list-style-type:none;
	margin-bottom:10px;
	overflow:auto;
}

/********************************************************************************************/
/*	Contexte
/********************************************************************************************/
#ctx {
	font-size:10px;
	line-height:12px;
	color:#7d7d7d;
}
/* Titres */
#ctx h1 {
	font-size:12px;
	line-height:14px;
	margin:10px 0 1px 0;
	clear:both;
	color:#2a598f;
}
#ctx ul,
#ctx ol {padding-left:20px;}
#ctx ul,
#ctx p {
	margin:0 0 10px 0;
}

/********************************************************************************************/
/* Grandtitre
/********************************************************************************************/
#youarehere {
	font-size:2.8em;
	line-height:1em;
	height:40px;
	margin-bottom:15px;
	font-family: Helvetica, "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	border-bottom:1px solid #e2e2e2;
}
#youarehere a {
	color:#333333;
}
#youarehere a:hover {
	color:#0089d0;
	text-decoration:none;
}

/********************************************************************************************/
/* Footer
/********************************************************************************************/
#footer {
	clear:both;
	background:#ffffff;
	font-size:10px;
	padding:5px;
	text-align:center;
	color:#999999;
}

/********************************************************************************************/
/* bko
/********************************************************************************************/
#page #cnt ul.list {
	padding:0;
}
#page #cnt ul.list li {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #cccccc;
	list-style-type:none;
}
#page #cnt ul.list li .image {
	padding:1px;
	border:1px solid #cccccc;
	width:30px;
	float:right;
}
#page #cnt ul.list li .image img {
	width:100%;
}

.input {
	border:1px solid;
	padding:5px;
	font-family: Arial, Geneva, Verdana, sans-serif;
	font-size:12px;
}
.input.text,
.textarea {
	border-color:#cecece !important;
	border-top-color:#8f8f8f !important;
	border-bottom-color:#e3e3e3 !important;
	background:#ffffff;
	width:400px;
}
.input.button,
.input.submit {
	border-color:#ffad31 !important;
	border-top-color:#ffad31 !important;
	border-bottom-color:#df972b !important;
	background:#ff9900;
	color:#ffffff;
}