@CHARSET "UTF-8";

@CHARSET "UTF-8";
/* RESET */
/* Thx to Eric Meyer : http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
img
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
/* remember to define focus styles! */
:focus {

}
body {
	line-height: 1em;
	color: #7F7264;
	margin: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table td, table th
{
	padding: 3px;
}
table th
{
	font-weight: bold;
}
caption, th, td {
/*	text-align: left; */
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
	color: #00156F;
	padding-left: 5px;
	border-left: 15px solid #CCC;
}

/* GENERAL STYLES */
html
{
	height: 100%;
}	
body
{
	height: 100%;

	background: #FFF url('/images/background.png') top center no-repeat;
	font-size: 80%;
	line-height: 1.4em;
}
body, div, input
{
	font-family: Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
em
{
	font-style: italic;
}
strong
{
	font-weight: bold;
}
	
a
{
	color: #A09180;
	text-decoration: none;
}
a:hover
{
	color: #F8981D;
	text-decoration: none;
}
a:focus {
	outline: dotted 1px black;
}
h1, h2, h3
{
	line-height: 1em;
	font-weight: bold;
}
h1
{
	margin: 0.6em 0 1.6em 0;
	color: #F8981D;
	font-size: 24px;
	text-transform: uppercase;
}
h2
{
	padding-bottom: 6px;
	margin-bottom: 1.2ex;
	margin-top: 1.5ex;
	clear: both;
	/* background: transparent url("/images/pixel-orange-light.png") bottom left repeat-x; */
	border-bottom: 2px solid #F6BD75;
	color: #F8981D;
	font-size: 14px;
	text-transform: uppercase;
}
h2 img.icon
{
	position: absolute;
	right: 0;
	bottom: -5px;
}
h2 a
{
	color: #F8981D;	
}
h3
{
	
	font-weight: bold;
	padding-bottom: 6px;
	margin-bottom: 1ex;
	margin-top: 1.5ex;
	clear: both;
	/* background: transparent url("/images/pixel-orange-light.png") bottom left repeat-x; */
	color: #F8981D;
	font-size: 12px;
}
.error_msg
{
	color: #FF7800;
	font-weight: bold;
}


/*
** PAGINATION
*/

div#background
{
	background: transparent url("/images/background_bottom.png") bottom center repeat-x;
}
div#overall
{
min-height: 100%;
width: 1035px;
padding: 0;
margin: 0 auto;
position: relative;
}
div#header
{
height: 136px;
position: relative;
background: transparent url('/images/middle_content_top.png') bottom center no-repeat;
}
div#top_menu
{
padding: 4px 20px;
font-weight: bold;
font-size: 13px;
}
div#top_menu img
{
vertical-align:middle;
}

div#header h1
{
margin:0;
}
div#header h1 img
{
position: absolute;
top: 46px;
left: 35px;
}
div#baseline
{
position: absolute;
bottom: 12px;
left: 32px;
font-size: 13px;
letter-spacing: -0.8px;
}

div#center
{
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 147px;
	background: url('/images/middle_content.png')
}

div#center_content
{
	overflow: auto;
	background: transparent url('/images/middle_content_top_bg.png') 6px 0 no-repeat;
}


div#content
{
float: left;
width: 616px;
padding: 0 21px;
}

div#separateur
{
	position: absolute;
	top: 169px;
	right: 338px;
	bottom: 150px;
	width: 1px;
	background-color: #D7D7D7;
}
div#sidebar
{
float: right;
width: 284px;
padding: 21px 27px;
}

div#loginbox
{
	position: relative;
	width: 272px;
	height: 190px;
	padding: 6px 6px 0 6px;
	background: transparent url("/images/bg-loginbox.jpg") 0 0 no-repeat;
	color: #A0907F;
	font-size: 12px;
	line-height: 16px;
}
div#loginbox ul
{
	font-size: 11px;
	padding-left: 18px;
}
div#loginbox li
{
	padding: 0 0 0 12px;
	background: transparent url("/images/puce-carre-orange.gif") 0 7px no-repeat;
	text-decoration: underline;
	line-height: 14px;
}
div#loginbox img
{
	position: absolute;
	top: 109px;
	left: 116px;	
}
div#loginbox div
{
	position: absolute;
	bottom: 13px;
	left: 114px;
	font-weight: bold;	
}
div#loginbox div span
{
	font-size: 11px;
}
div#loginbox span a, div.followlink a
{
	text-decoration: underline;
	font-weight: normal;	
}
div.followlink
{
	text-align: right;
}

p#solutions
{
	text-align: justify;
}

span.tweetdate
{
	display: block;
	font-size: 10px;
	color: #999;
}

#youtube
{
	width: 284px;
	height: 118px;
	position: relative;
	background-image: url("/images/bg_youtube.gif");
}
#youtube img
{
	position: absolute;
	top: 3px;
	left: 10px;
}
#youtube div
{
	position: absolute;
	top: 24px;
	right: 12px;
	left: 145px;
	text-align: center;
	font-weight: bold;
}
#youtube div a
{
	font-weight: normal;
	text-decoration: underline;	
}
div#footer
{
position: absolute;
bottom: 0;
left: 0;
width: 1035px;
height: 122px;
padding-top: 20px;
background: transparent url('/images/footer-bg.png') 0 0 no-repeat;
}
div#footer p
{
	width: 450px;
	margin: 0 auto;
	font-size: 11px;
	line-height: 1.25em;	
}
div#footer p img
{
	float: left;
	margin-top: 3px;	
}
ul.publications li
{
	padding-left: 35px;
	line-height: 19px;
	background: transparent url("/images/icon-doc.gif") 9px 0 no-repeat;	
}

ul.publications li.comment
{
	padding-left: 35px;
	background: transparent url("/images/icon-bulle.gif") 9px 2px no-repeat;	
}

div.librairie
{
	position: relative;
	width: 590px;
	margin-left: 7px;
	background: url("/images/lib_bg.png");
	height: 263px;
}
#lib_bottom_img
{
	position: absolute;
	bottom: 0;
}

div.librairie ul
{
	padding: 0;
	margin: 0;
}
div.librairie ul li
{
	height: 33px;
	padding: 17px 0 0 44px;
	margin: 0 1px;
	font-size: 14px;
	font-weight: bold;
	z-index: 1;
}
div.librairie ul li:hover, div.librairie ul li.active
{
	background: #F7F7F7 4px 9px no-repeat;
}
#usage1:hover, #usage1.active {background-image:url("/images/cms-icone.png");}
#usage2:hover, #usage2.active {background-image:url("/images/portail-icone.png");}
#usage3:hover, #usage3.active {background-image:url("/images/ged-icone.png");}
#usage4:hover, #usage4.active {background-image:url("/images/collaboratif-icone.png");}
#usage5:hover, #usage5.active {background-image:url("/images/lib_icon_rs.png");}

div.librairie ul ul
{
	position: absolute;
	top:8px;
	left: 300px;
	right: 1px;
	bottom: 4px;
	overflow: visible;
	background-color: #F7F7F7;
	font-size: 11px;
	margin-bottom: 1px;
	z-index: inherit;
}
#usage1
{
	z-index: 2;/*Le premier est affiché par défault */	
}

div.librairie ul ul li
{
	height: auto;
	padding: 0 0 0 0;
	font-size: 11px;
	font-weight: normal;
	display: block;
	line-height: 1.4em;
}
div.librairie ul ul li:hover
{
	background: none;
}

div.librairie ul li:hover ul 
{
	z-index: 3;
	display: block;
}

.main_text
{
	padding-left: 12px;
	text-align: justify;
}

ul.list-tutoriaux
{
	padding: 20px 0 0 170px;
}
ul.list-tutoriaux li
{
	padding: 0 0 0 12px;
	background: transparent url("/images/puce-carre-orange.gif") 0 8px no-repeat;
	
}
ul.list-tutoriaux li a
{
	text-decoration: underline;
}