/* CSS Document */

body
{
	margin:24px 16px 24px 16px;
	background-color:#043455;
	background-image:url(background.png);
	background-repeat:repeat-x;
	font:10px Verdana, Arial, Helvetica, sans-serif
}

div, img
{
	margin:0px;
	padding:0px;
	border:0px
}

h1
{
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#333
}

h1.patch
{
	margin-top:4px;
}

p
{
	margin:8px;
	padding:0px
}

ul
{
	margin:0px 8px 8px 16px;
	padding:0px;
	font:12px Helvetica, sans-serif;
	font-weight:bold;
}

li
{
	padding:0px;
	margin:4px 0px 4px 0px;
}

div.banner
{
	width:960px;
	height:86px;
	margin:0px auto 0px auto;
	background-image:url(title.png);
}

div.left_banner
{
	width:760px;
	height:86px;
	float:left;
}

div.right_banner
{
	width:200px;
	height:86px;
	float:left;
}

p.banner
{
	margin:0px 0px 0px 24px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	position:relative;
	top:68px
}

div.under
{
	width:960px;
	height:12px;
	margin:0px auto 0px auto;
	background-image:url(under.png);
}

div.login
{
	margin:8px;
	border:1px solid #FFF;
}

div.column
{
	margin:auto;
	width:958px;
	background-color:#DEF;
	background-image:url(background_inserted.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	border-left:1px solid #AAA;
	border-right:1px solid #AAA;
}

div.column_left
{
	width:200px;
	float:left
}

div.column_center
{
	width:556px; /*556px*/
	border-left:1px dashed #0AF;
	border-right:1px dashed #0AF;
	overflow:hidden;
	float:left
}

div.column_right
{
	width:200px;
	float:right
}

hr.floatBreaker
{
	margin:0px;
	padding:0px;
	border:0px;
	visibility:hidden;
	clear:both;
}

div.adBox
{
	width:540px;
	margin:8px;
	padding:0px;
	text-align:center;
	overflow:hidden;
}

div.textBox
{
	margin:8px;
}

p.text
{
	margin:0px 0px 8px 0px;
	font:12px Helvetica;
	text-align:justify;
	line-height:1.5;
}

p.copyright
{
	margin:0px;
	padding:0px;
	color:#000;
	text-align:center;
}

/* Boites colonnes */

div.sideBox
{
	width:182px;
	margin:8px auto 8px auto;
	background-color:#FFF;
	border-top:1px solid #0AF;
	border-bottom:8px solid #0AF;
	border-left:1px solid #0AF;
	border-right:1px solid #0AF;
}

h1.sideBox
{
	margin:8px;
	font-size:14px;
	color:#000;
}

p.textSideBox
{
	font-size:12px;
}

div.charteBox
{
	width:180px;
	height:180px;
	margin:8px auto 8px auto;
	background-color:#DEF;
	background-image:url(charte_blue.gif);
	background-repeat:no-repeat;
	border:1px solid #DEF;
}

p.charteText
{
	margin:16px; 
	font-size:14px;
	font-style:italic;
	text-align:center;
	color:#0066CC
}

a.menu:link, a.menu:visited
{
	color:#FFF;
	text-decoration:none
}

a.menu:hover, a.menu:active
{
	text-decoration:underline
}

a.bluelink:link, a.bluelink:visited
{
	color:#00F;
	text-decoration:none
}

a.bluelink:hover, a.bluelink:active
{
	text-decoration:underline
}

a.redlink:link, a.redlink:visited
{
	color:#F00;
	text-decoration:none
}

a.redlink:hover, a.redlink:active
{
	text-decoration:underline
}

/* cadres des offres */

div.offreBox
{
	height:200px;
	width:184px;
	overflow:hidden
}

div.infoBox
{
	margin:32px auto 0px auto;
	width:540px;
	border-top:1px solid #0AF;
	border-bottom:8px solid #0AF;
	border-left:1px solid #0AF;
	border-right:1px solid #0AF;
	background-color:#DEF;
	font-size:11px;
	font-style:italic;
	text-align:center;
	color:#000066
}

div.packBox
{
	margin:0px 16px 0px 0px;
	width:240px;
	text-align:right;
	font-weight:bold;
	font-size:12px;
}

div.faqBox
{
	margin:8px;
	border-top:1px solid #0AF;
	border-bottom:8px solid #0AF;
	border-left:1px solid #0AF;
	border-right:1px solid #0AF;
	background-color:#FFF;	
}

p.faq_sum
{
	margin:4px 8px 4px 8px;
	padding:0px;
	font-size:12px;
}

a.faq_link:link, a.faq_link:active, a.faq_link:visited
{
	color:#000;
	text-decoration:none
}

a.faq_link:hover
{
	text-decoration:underline
}

p.faq_question
{
	font-size:14px;
	font-weight:bold;
}

p.faq_answer
{
	margin:8px 8px 24px 16px;
	text-align:justify;
}

/* CSS extern*/
div.message
{
	width: 320px;
	height: 120px;
	font:14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #F5F5FF;
	border: 1px solid #000;
	position:absolute;
	top:45%;
	left:45%;
}

/* Concerne les listes */

div.listBox
{
	margin:8px;
	border:1px solid black;
}

div.tabBox
{
	height:24px;
	margin:8px 8px 0px 8px;
}

div.tab
{
	width:120px;
	height:24px;
	background-color:#1C6380;
	border-right:1px solid #0E3240;
	color:#999;
	cursor:pointer;
	float:left
}

p.tabText
{
	margin:4px;
	font-weight:bold;
	text-align:center
}

div.listBoxWTab
{
	margin:0px 8px 8px 8px;
	border-top:1px solid #1C6380;
	border-bottom:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	clear:both;
}

div.listHeader
{
	height:30px;
	margin:0px;
	background-color:#33B0E3;
	border-top:1px solid #33B0E3;
	border-bottom:1px solid white;
	clear:both;	
}

p.listTextHeader
{
	margin:6px 8px 6px 8px;
	color:#FFFFFF;
	font-weight:bold;
}

div.listSection
{
	height:32px;
	margin:0px;
	background-color:#DEF;
	border-bottom:1px solid black;
	clear:both;
}

div.listLine
{
	height:32px;
	background-color:#FFF;
	border-bottom:1px solid #DDD;
	clear:both;
}

p.listText
{
	margin:6px 8px 6px 8px;
}

div.listButton
{
	margin:6px 8px 6px 8px;
}

div.listCase
{
	float:left;
}

div.listCaseRight
{
	float:right;
}

/* Formulaire */

div.formBox
{
	margin:8px;
}

div.formSeparator
{
	margin:4px 0px 0px 0px;
}

p.formText
{
	margin:0px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold
}