/* CSS Document */

* {
	font-size:100%;
}
#header, #header *, li, ul {
	margin:0; padding:0;
}


body{
	background:#FFFFFF url(images/bg_tail.gif) repeat-x bottom center;
	text-align:center;
	padding-bottom:90px;
}

img { }
a img { border:0;}

ul { list-style:none;}
ol { padding-left: 30px;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:18px;
		color:#373737;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#DDA600; outline:none;text-decoration:none;}
a:hover{text-decoration:underline;}
p {padding-bottom:18px;}
p b {color:#666959; font-weight:bold;}

h1{
	font-size:24px; 
	color:#4D4D4D; 
	line-height:1.2em;
	font-weight:normal;}

div#slogantitle {
	font-size:50px; 
	color:#808080; 
	line-height:1.2em;
	margin:-9px 0 0;
	font-weight:normal;}
	
div#h2div {
	padding:0px;
	background:url(images/footer_bg.gif) no-repeat bottom center;
	height:130px;
	}
div#h2div a#title{
	font-size:80px; 
	color:#000000;
	line-height:1.2em;
	letter-spacing:2px;
	padding-left:160px;
	padding-bottom:25px;
	display:inline-block;
	background:url(images/logo.gif) no-repeat left center;}
div#h2div div#subtitle {padding-left:160px;font-size:32px; color:#7C7B7B;margin-top:-30px}
div#h2div div#login {position:absolute; top:5px; left:800px; width:280px;background:#ffffff;}

#content h3,h4,h6 {font-weight:normal;line-height:1.1em;color:#DDA600;font-size:36px; }
#header h3 {padding-left:160px;font-size:36px; color:#7C7B7B;margin-top:-20px}
h4 {font-size:18px; color:#262820; padding:0 0 30px;line-height:1.2em;}
h5 {font-size:14px; color:#484c41; padding:12px 0 4px;}
h6 {font-size:11px; color:#af0613; padding:0 0 9px;}
/* ============================= main layout ====================== 
li { background:url(images/marker1.gif) no-repeat 0 7px; padding-left:12px; line-height:1.5em;}
li a {color:#B6BDC3;}*/

.imgindent {margin:0 16px 0 0; float:left;}
.fright {text-align:right;}
/* ============================= header ====================== */
#page1 #header {}
#header a:hover {text-decoration:none;}

.menu {
	padding:8px 0 0;
	overflow:hidden;
}
.menu li {float:left;width:140px;}
.menu li a {
	color:#2a2b26; 
	font-weight:bold; 
	font-size:12px;
	line-height:32px;
	display:inline-block;
	background:url(images/menu_bg.gif) no-repeat left top;
	cursor:pointer;
}
.menu li a.next {background:none;}
.menu li a:hover {color:#767d58;}
.menu li a span {display:inline-block;}
.menu li a span span { padding:0 17px 0 19px;}
.menu li a.active,.menu li a.active:hover {
	background:url(images/menu_tail.gif) repeat-x top center;
	color:#fff; 
	cursor:default;
}
.menu li a.active span {background:url(images/menu_left.gif) no-repeat top left;}
.menu li a.active span span {background:url(images/menu_right.gif) no-repeat top right;}

#header .slogan {padding:39px 84px 23px 50px; margin:8px 0 0;
	background:#d6e4af url(images/page2_header_bg.gif) no-repeat top center;}
#page1 #header .slogan {padding:10px 0 0; background:none;}
.slogan ul {float:right; width:170px; padding:33px 0 0;}
#page1 #header .slogan ul {float:left; width:170px; padding:35px 0 0;}
#header .slogan li {
	background:url(images/header_marker.gif) no-repeat left center; 
	padding-left:13px;
	
	}
#header .slogan li a{font-size:12px; line-height:24px; font-weight:bold; text-transform:none;color:#DDA600;}
#header .slogan li a:hover {color:#FFCC00;}
/* ============================= content ====================== */
#content {
	padding:29px 0 32px; 
	background:url(images/page2_header_bg.gif) no-repeat top center;
}
#page1 #content {background:none;
	padding:8px 0 32px; }
#content ul li {
	background:url(images/marker.gif) no-repeat left 13px; 
	padding:8px 0 9px 18px;
	border-top:1px dashed #ccc;
	}
#content ul li.first {padding-top:0; border:0; background-position: left 4px;}
#content ul li a {color:#DDA600;}

/*borders*/
.line_border_top1,.line_border_top2 {background:url(images/bg_line.gif) no-repeat 0 0;} 
.line_border1,.line_border2 {background:url(images/bg_line_tail.gif) repeat-y 0 0;} 

/*blocks*/
.block_line {border-bottom:1px dashed #ccc; padding:4px 0 13px;}
.block {padding:25px 0 0;}
.free {padding:0;}

.row2 {padding:8px 0 0;}
/*buttons*/
a.btn {
	background:url(images/btn_bg_red.gif) no-repeat top center;
	font-size:10px;
	line-height:21px;
	color:#fff;
	width:86px;
	font-weight:bold;
	text-align:center;
	float:right;
}
a.red {
	background:url(images/btn_bg_red.gif) no-repeat top center;
	font-size:10px;
	color:#fff;
	width:86px;
	margin:3px 1px 0 0;
	margin-top:0;
}
a.btn:hover {color:#dc1515;	text-decoration:none;}
a.red:hover {color:#dc1515;}

/*comments*/
.comments p {padding:0;}
.comments p.fright { 
	color:#666959; 
	font-size:14px; 
	padding:0 0 18px;
	font-weight:bold;}

.pad {padding-top:4px;}
.images {padding-bottom:10px;}
#content ul.right,#content ul.left { padding-right:35px;}
/*phone*/
.phone span {font-weight:normal; float:right; color:#373737;}
.phone a {color:#666959; font-weight:bold; text-decoration:underline;}
.phone a:hover {text-decoration:none;}
/* ============================= footer ====================== */
#footer {
	color:#333333; 
	font-size:12px; 
	padding:17px 0;
	margin-top:5px;
	background:url(images/footer_bg.gif) no-repeat top center;
	text-align:right;}
#footer a {color:#767d58;}


/* ============================= forms ============================= */
#LoginForm {padding:12px 0 0;}
#LoginForm input {width:100px; height:19px; line-height:19px;position:relative; float:left;}
#LoginForm div#LoginFormDiv {width:270px; font-size:11px;;position:relative; float:left;}
#LoginForm div#LoginForm_login {width:85px; font-size:11px;;position:relative; float:left;}
#LoginForm div#LoginForm_pwd {width:85px; font-size:11px;;position:relative; float:left;clear:left;}
#LoginForm div#LoginForm_A {width:75px; font-size:11px;;position:relative; float:left;padding-left:5px;}

label {height:32px; display:block;}
#ContactForm input, #ContactForm textarea {
	width:216px;
	padding:2px 5px;
	font-size:14px;
	color:#373737;
	line-height:12px;
}
textarea {
	height:240px; overflow:auto; margin-bottom:20px;}
#ContactForm a {margin:0 0 0 15px;}

#topcontent  {width:980px;position:relative;float:left;}
#breadcrumbdiv {width:500px;position:relative;float:left;}
#toolsdiv {width:300px;position:relative;float:right;text-align:right;}

.DocumentTitle {
	visible : false;
	color: #4D4D4D;
	font-size: 1.4em;
	font-weight: bold;
}
.DocumentIntro {
	visible : false;
	color: #4D4D4D;
	font-size: 1.2em;
}
/*  dans lediteur*/
.DocumentContentTitle {
	color: #DCA500;
	font-size: 1.4em;
}
.DocumentContentSubTitle  {
	color: #DCA500;
	font-size: 1.2em;
}
.DocumentContentHighlight1 {
	color: #4D4D4D;
}
.DocumentContentHighlight2 {
	color: #DCA500;
}
.DocumentContentHighlight3 {
	color: #cc0000;
}
.DocumentContentHighlight4 {
	color: #FFCC00;
}
.DocumentContentHighlight5 {
	color: ##AF0613;
}