body {background-color:transparent !important;font-family: Arial, Helvetica, sans-serif;font-size:85%;background-repeat:no-repeat;background-position:left top;}
body.main {background-color:#fff;}
.clear { clear:both; }
.right { float:right; margin: 10px 0 10px 10px; }
.left  { float:left; margin: 10px 10px 10px 0; }

sup,sub {height:0;line-height:1;vertical-align:baseline;_vertical-align:bottom;position:relative;}
sup {bottom:1ex;}
sub {top: .5ex;}

a:active{outline:none;}
a:focus{-moz-outline-style:none;outline:none;}

/* Header
-----------------------------------------------------------------------------*/
#h {width:981px;background-color:transparent !important;}
	
	#h h1, #h h1 a {width:138px;height:100px;}
	#h h1 {text-indent:-9999px;overflow:hidden;}
	#h h1 a {text-decoration:none;display:block;background-color:transparent;background-image:url(../images/logo-esad.gif);background-repeat:no-repeat;background-position:left top;}
	
	#h .a {width:138px;margin-top:10px;height:92px;}
	#h .b {width:810px;height:40px;text-align:right;}
	#h .a, #b-col-l {margin-left:33px;}
	#b-col-l {width:138px;}
	#b-col-r {width:769px;margin-left:42px;margin-top:-56px;}

/* Content
-----------------------------------------------------------------------------*/
#c {width:982px;}
	h2 {font-size:4.40em; font-weight:bold;}
	h3 {font-size:140%; font-weight:bold; padding:0 0 10px 0;}
	h4 {font-size:18px; font-weight:bold; padding:20px 0 25px 0;}
	p {padding-bottom:20px;}
	strong {font-weight:bold;}
	i, em {font-style:italic;}
	
	#b #b-h {border-bottom:1px solid black;min-height:98px;margin-bottom:10px;}
		#b #b-h p {font-size:78%;font-weight:bold;}
		#b #b-h p.subtitle {position:relative;font-size:78%;font-weight:bold;color:#7A7A7A;margin:-10px 0 0 0;padding:0;}

/* Footer
-----------------------------------------------------------------------------*/
#f {width:770px;margin-left:212px;font-size:85%;margin-top:10px;padding-top:10px;padding-bottom:50px;color:#646466;border-top:1px solid #000;}
	#f .a {}
	#f .b {text-lign:right;}
	#f .b ul {float:right;position:relative;}
	#f .arrow-up {display:block;float:left;width:13px;height:7px;margin:4px 5px 0 0;background:#666 url(../images/arrow_up2.gif) no-repeat left top;overflow:hidden;}
	#f a {text-decoration:none;color:#646466;}
	#f li {list-style:none; display:inline;color:#BFBFBF;font-weight:bold;}
	#f li#footer-d-left {}
	#f li#footer-d-center {color:#626262;font-weight:bold;margin:0px 7px;}
	#f li#footer-d-right {}

/* Navigation
-----------------------------------------------------------------------------*/
ul#menu-main {margin-top:40px;text-align:right;font-weight:bold;font-size:75%;}
	ul#menu-main a {height:15px;overflow:hidden;text-decoration:none;color:#7A7A7A;display:block;}
	ul#menu-main h3 {min-height:20px;padding-top:2px;}
	
/* separator */
.separator {clear:both;height:1px;color:#7A7A7A;background-color:#7A7A7A;margin:5px 0;}
	.separator hr {display:none;}

/* title */
h3.menu-main-title a {font-size:82%;border-top:2px solid black;text-decoration:none;background-image:url(../images/bt-off.gif);background-repeat:no-repeat;background-position:right center;padding-right:16px;}
h3.menu-main-title a:hover {background-image:url(../images/bt-hover.gif);}

/* submenu */
ul#menu-main ul {}
	ul#main-menu ul li p {margin:0;padding:0;color:#7A7A7A;font-size:60%;}
	ul#menu-main ul li {border-top:0px;padding:0px 0px 1px 0px;margin:0;min-height:0;}
	ul#menu-main ul li a {background-image:none;padding-right:0px;padding-bottom:0px;}

#menu-top  {position:relative;right:0px;top:10px;text-align:right;font-size:10px;color:#646466;}
	#menu-top .a {height:18px;overflow:hidden;width:592px;margin-top:0px;}
	#menu-top .b {width:185px;height:18px;overflow:hidden;}

	#menu-top a {color:#646466;text-decoration:none;}
	#menu-top a:hover { text-decoration:underline;}
	
	#menu-top ul li {list-style:none; display:inline;}
	
	#menu-top form {margin:0;padding:0;}
	#menu-top form label {display:block;float:left;padding:0 2px;text-align:right;}
	#menu-top form input {height:13px;margin:0;padding:0;float:left;}
	#menu-top form input.bton {height:15px;border-top: 1px solid #999999;border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
#menu-bottom-left {}
#menu-bottom-right {}

/* Recherche
-----------------------------------------------------------------------------*/
#recherche {color:#646466; font-size:10px;}
#search, #search-ok, #search-txt {float:left;}
#search-txt, #search {padding-left:5px;}


/* Mentions
-----------------------------------------------------------------------------*/
#mentions-reims {background-color:transparent;border-top:2px solid #000; padding-top:35px;}
	#mentions-reims p {margin:0;padding:0;}
	#mentions-reims p#logo {text-align:right;}
	#mentions-reims p#text { font-size:9px; letter-spacing:-0.05em; text-align:right; color:#666666;}
	#mentions-reims p#text a { color:#666; }

/* Forms
-----------------------------------------------------------------------------*/
input.text { padding: 3px; border: 1px solid #999999; }

/* Login
-----------------------------------------------------------------------------*/
#sf_guard_auth_form {font-size:90%;width:215px;border:1px solid black;margin:75px auto;padding:15px;}
	#sf_guard_auth_form .form-row {clear:both;margin-bottom:10px;}
	#sf_guard_auth_form .form-row label {display:block;float:left;width:110px;font-weight:bold;}
	#sf_guard_auth_form input {margin-left:123px;font-size:85%;background-color:#4C4C4C;color:#fff;font-weight:bold;border:0px;padding:2px 8px;letter-spacing:0.2em;}
	#sf_guard_auth_form .form-row input {font-size:90%;margin-left:0;width:100px;font-weight:bold;border:0px;padding:2px 0 2px 8px;color:#000;background-color:#DFDFDF;letter-spacing:0.1em;padding:2px;}
	#sf_guard_auth_forgot_password {display:none;}