/* CSS gÚnÚrique Ó reprendre pour mes pages */

/* dÚfinitions caractÚristiques des balises html */
body,form,table,tbody,tr,th,thead,td,div,h1,h2,h3,h4,h5,h6,
form,ol,ul,li,dl,dt,dl,dd,br,p,img,a,button,hr,label,legend,tt,input  {
	padding:0;
	margin:0;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
}

/* dÚfinition de tailles relatives */
p,li,dt,dd,a,div,h4,#content_1 table tr td h5 {
	font-size: 10px;
}
/*/*/a{}
body p,body li,body dt,body dd,body a,
body div,body h4,body #content_1 table tr td h5 {
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}
html>body p, html>body li, html>body dt, 
html>body dd, html>body a, html>body div, 
html>body h4, html>body #content_1 table tr td h5 {
	font-size: x-small;
}
/* */

html {
	overflow-y:scroll;
}
body {
	background: url(gfx/bg/main_bg.png) #fff center top no-repeat;
	text-align: center;
	color: #434343;
}
table {
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
}
table td {
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
}
table.separate {
	border-spacing:10px;
	border-collapse:separate;
}
table.separate td {
	padding:0 2px;
	border-spacing:10px;
	border-collapse:separate;
}
a {
	color: #009191 !important;
	text-decoration:underline;
/*	font-size: 10px;*/
}
a:hover {
	font-weight: bold;
}
a:visited {
	text-decoration: underline;
	color: #434343;
}
a:active {
	/*text-decoration: none; >> comportement selon spec IHM*/
	text-decoration: underline; /* modifiÚe suite Ó une demande via defect */
	color: #000;
	font-weight: normal;
}

a img {
	border:none;
}
hr {
	display:none;
}
acronym {
	cursor: help;
	border: none;
}
li {
	list-style: none;
}

/* dÚfinitions de classes gÚnÚriques : ATTENTION ne pas les utiliser pour dÚfinir autre chose !!! */
.href {
	cursor:pointer;
}
.alignRight {
	text-align:right;
}
.alignCenter {
	text-align:center;
}
.alignJustify {
	text-align:justify;
}
.alignLeft {
	text-align:left;
}.underline {
	text-decoration:underline;
}
.bold {
	font-weight:bold;
}
.nobold {
	font-weight:normal !important;
}
.italic {
	font-style:italic;
}
.alignTop {
	vertical-align:top;
}
.alignBottom {
	vertical-align:bottom;
}
.alignMiddle {
	vertical-align:middle;
}
.uppercase {
	text-transform:uppercase;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.cl, br.fix {
	clear:both;
	line-height:0!important;
	height:0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.line {
	height: 15px;
	margin: 0 15px 15px;
	border-bottom: 1px #7f7f7f dotted;
	clear:both;
}
.nodisplay {
	display: none;
}
.notop {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
.sep {
	height: 15px;
}
span.hidden {
	visibility: hidden;
	display: inline !important;
}

/* DÚfinitions des COULEURS utilisÚes dans le site */
.color_type01 { /*violet*/
	color:#6d479c;
}
.color_type02 { /*violet adouci*/
	color:#545490;
}
.color_type03 { /*violet durci*/
	color:#2f2f6c;
}
.color_type04 { /*vert*/
	color:#006767;
}
.color_type05 { /*vert adouci*/
	color:#009191;
}
.color_type06 { /*noir*/
	color:#000;
}
.color_type07 { /*gris anthracite*/
	color:#434343;
}
.color_type08 { /*blanc*/
	color:#fff;
}

/* DÚfinitions des caractÚristiques des titres et sous titres */
h1, h2, h3 {
	font-weight: normal;
}

#common_header, 
#navig, #intro, #main_menu, 
#main_content, #common_footer {
	text-align: left;
	width: 955px;
	margin: auto;
}
#main_content {
	overflow: hidden;
}
/* HEADER */
#common_header {
	height: 67px;
}
h1 {
	font-size: 9px;
	color: #6e6ea5;
	padding: 7px 0 9px 28px;
	line-height: 11px;
	float: left;
}
h1 img.logo {
	width: 100px;
	height: 51px;
	background: url(gfx/logos/logo_amsep.png) center center no-repeat;
}
h1 span {
	float: left;
	padding: 12px 0 0 35px;
	text-align: center;  /* suite Ó demande d'affichage en pyramide */
}
#header_link {
	height: 29px;
	float: right;
	margin-top: 40px;
	padding-right: 20px;
}
#header_link ul li.header_link_rub1 {
	width: 56px;
	text-align: center;
}
#header_link ul li.header_link_rub2 {
	width: 61px;
	text-align: center;
}
#header_link a {
	color: #545490 !important;
	display: block;
	float: left;
	font-size: 10px;
}
#header_link ul li.header_link_rub1 a,
#header_link ul li.header_link_rub2 a {
	display: inline;
	float: none;
}

#header_link a.Aminus, #header_link a.Aplus {
	width: 31px;
	height: 29px;
	padding: 0;
}
#header_link a.Aminus {
	background: url(gfx/ico/a_minus.gif) 12px center no-repeat;
}
#header_link a.Aplus {
	background: url(gfx/ico/a_plus.gif) 3px center no-repeat;
}

#header_link a.fr, #header_link a.en, #header_link a.es {
	width: 31px;
	height: 29px;
	padding: 0;
}
#header_link a.fr {
	background: url(gfx/ico/fr_flag.gif) no-repeat 12px center;
}
#header_link a.en {
	background: url(gfx/ico/gb_flag.gif) no-repeat 3px center;
	width: 22px;
}
#header_link a.es {
	background: url(gfx/ico/es_flag.gif) no-repeat 3px center;
}

#header_link ul {
	float: left;
	width: 263px;
}
#header_link ul li span {
	display: none;
}
#header_link ul li {
	float: left;
	line-height: 29px;
}
/* HEADER End */

/* AccessibilitÚ */
p a.skiplink { display: none !important; }

/* MAIN_MENU */
#main_menu {
	margin-top: -5px;
	font-size: 10px;
	color: #2f2f6c;
}
#main_menu ul {
	width: 957px;
	height: 38px;
	float:left;
	background: url(gfx/bg/main_menu_bg.png) left top no-repeat;
}
#main_menu ul li {
	float:left;
	line-height: 34px;
	padding-bottom: 4px;
	text-align: center;
	overflow: hidden;
}
#main_menu ul li.rub_1 {
	width: 151px;
}
#main_menu ul li.rub_2 {
	width: 168px;
}
#main_menu ul li.rub_3 {
	width: 246px;
}
#main_menu ul li.rub_4 {
	width: 130px;
	background: url(gfx/bg/main_menu_line.png) right 1px no-repeat;
}
#main_menu ul li.rub_4b {
	width: 209px;
	background: url(gfx/bg/main_menu_line.png) right 1px no-repeat;
}
#main_menu ul li.rub_4b span,
#main_menu ul li.rub_4b a {
	float: left;
}
#main_menu ul li.rub_4b span {
	display: block;
	width: 109px;
	text-align: right;
	font-size: 10px;
	color: #bdbdec;
}
#main_menu ul li.rub_4b a {
	display: block;
	margin-top:3px;
	width: 97px;
	background: url(gfx/button/connexion_butt.png) center 6px no-repeat;
	text-align: center;
	line-height: 27px;
}
#main_menu ul li.rub_5 {
	text-align: right;
	width: 260px;
}
#main_menu ul li.rub_5 div,
#main_menu ul li.rub_5 a {
	float: left;
}
#main_menu ul li.rub_5 div {
	display: block;
	width: 132px;
	height: 34px;
	overflow: hidden;
}
#main_menu ul li.rub_5 div table td {
	vertical-align: middle;
	text-align: right;
	width: 132px;
	height: 34px;
	font-size: 10px;
	line-height: 10px;
	color: #2F2F6C;
	padding: 0;
	border: none;
	text-transform: capitalize;
}
#main_menu ul li.rub_5 a {
	display: block;
	margin-top:3px;
	width: 128px;
	background: url(gfx/button/deconnexion_butt.png) center 6px no-repeat;
	text-align: center;
	line-height: 27px;
}
#main_menu ul li a {
	color: #fff !important;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	display: block !important;
}
#main_menu ul li.rub_1 a:hover {
	background: url(gfx/bg/main_menu_bg1hover.png) left top no-repeat;
}
#main_menu ul li.rub_2 a:hover {
	background: url(gfx/bg/main_menu_bg2hover.png) left top no-repeat;
}
#main_menu ul li.rub_3 a:hover {
	background: url(gfx/bg/main_menu_bg3hover.png) left top no-repeat;
}
#main_menu ul li.rub_4 a:hover {
	background: url(gfx/bg/main_menu_bg4hover.png) left top no-repeat;
}
#main_menu ul li.rub_1 a.actif,
#main_menu ul li.rub_1 a.actif:hover {
	background: url(gfx/bg/main_menu_bg1.png) left top no-repeat;
}
#main_menu ul li.rub_2 a.actif,
#main_menu ul li.rub_2 a.actif:hover {
	background: url(gfx/bg/main_menu_bg2.png) left top no-repeat;
}
#main_menu ul li.rub_3 a.actif,
#main_menu ul li.rub_3 a.actif:hover {
	background: url(gfx/bg/main_menu_bg3.png) left top no-repeat;
}
#main_menu ul li.rub_4 a.actif,
#main_menu ul li.rub_4 a.actif:hover {
	background: url(gfx/bg/main_menu_bg4.png) left top no-repeat;
}

/* NAVIG */
#navig {									
	padding-left: 20px;
}
html>body #navig {									
	width: 935px;
}												
#navig, #navig a {
	font-size: 10px;
	color: #545490 !important;
	line-height: 24px;
}
#navig span, #navig a {
	white-space:nowrap;
}
/* NAVIG End */

/* LEFT MENU */
#sub_menu {
	width: 210px;
	float: left;
}
#sub_menu .top {
	height: 20px;
	width: 201px;
	background: url(gfx/modules/left_menu-top.png) left top no-repeat;
}
#sub_menu .bottom {
	height: 25px;
	width: 201px;
	background: url(gfx/modules/left_menu-bott.png) left top no-repeat;
}
#sub_menu .middle {
	background: url(gfx/modules/left_menu-middbgvert.png) left top repeat-y;
	width: 201px;
	overflow: hidden;
}
#sub_menu .middle dl {
	margin: 0 4px;
	background: url(gfx/modules/left_menu-middbg.png) #83d5d5 left top repeat-x;
	padding: 0 16px 48px;
}
#sub_menu .middle dl dt a {
	text-decoration:none;
	font-weight: bold;
}
#sub_menu .middle dl dt a:hover {
	text-decoration:underline;
}
#sub_menu .middle dl dt {
	border-bottom: 1px #7f7f7f dotted;
	padding: 9px 0 9px 12px;
}
#sub_menu .middle dl dt.close {
	background: url(gfx/li/dt_close.gif) no-repeat left 11px;
}
#sub_menu .middle dl dt.open {
	background: url(gfx/li/dt_open.gif) no-repeat 3px 13px;
}
#sub_menu .middle dl dd {
	padding: 6px 5px 6px 22px;
	background: #f1fafa;
}
#sub_menu .middle dl dd.no-link{
	background: url(gfx/li/dd_span.gif) #f1fafa no-repeat 12px 10px;
}
#sub_menu .middle dl dd.link {
	background: url(gfx/li/dd_a.gif) #f1fafa no-repeat 12px 10px;
	color: #009191;
}

/* LEFT MENU End */

/* MAIN CONTENT */
#content_1 {
	float: left;
	width: 588px;
}
#content_1 h2, #content_1 h3, 
#content_1 h4, #content_1 h5, 
#content_1 p, #content_1 form {
	margin: 0 15px;
}
#content_1 div.top {
	height: 20px;
	width: 581px;
	background: url(gfx/modules/main_mod-top.gif) left top no-repeat;
}
#content_1 div.bottom {
	height: 23px;
	width: 581px;
	background: url(gfx/modules/main_mod-bott.gif) left top no-repeat;
}
#content_1 div.middle {
	background: url(gfx/modules/main_mod-midd.gif) left top repeat-y;
	width: 581px;
}
#content_1 h2 {
	font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
	font-size: 18px;
	color: #009191;
	padding-left: 24px;
	background: url(gfx/li/h2_title.gif) left 15px no-repeat;
	line-height: 32px;
	border-bottom: 1px #7f7f7f dotted;
}
#content_1 h3 {
	font-size: 16px;
	color: #6d479c;
	padding-left: 24px;
	line-height: 30px;
	border-bottom: 1px #7f7f7f dotted;
}
#content_1 p {
	padding: 20px 0 15px;
}
#content_1 form p {
	padding: 0;
	margin: 0;
}
/* MAIN CONTENT End */

/* ICONES File type */
a.pdf, a.word, a.excel, a.powerp, a.default_ico {
	padding-right:25px;
	background-position: right bottom;
}
.pdf {
	background-image:url(gfx/ico/pdf_ico.gif);
	background-repeat: no-repeat;
}
.word {
	background-image:url(gfx/ico/word_ico.gif);
	background-repeat: no-repeat;
}
.excel {
	background-image:url(gfx/ico/xls_ico.gif);
	background-repeat: no-repeat;
}
.powerp {
	background-image:url(gfx/ico/ppt_ico.gif);
	background-repeat: no-repeat;
}
.default_ico {
	background-image:url(gfx/ico/default_file.gif);
	background-repeat: no-repeat;
}

/* INPUT aux bords arrondis */
div.champ {
	height: 21px;
	margin-top: 4px;
}
div.champ div.champLeft {
	height: 21px;
	width: 13px;
	background: url(gfx/modules/input_left.gif) left top no-repeat;
	float: left;
}
div.champ div.champRight {
	height: 21px;
	width: 11px;
	background: url(gfx/modules/input_right.gif) left top no-repeat;
	float: left;
}
div.champ div.champMiddle,
div.champ div#champMiddle {
	height: 21px;
	background: url(gfx/modules/input_midd.gif) left top repeat-x;
	float: left;
}
div.champ div.champMiddle input,
div.champ div#champMiddle input {
	margin-top: 2px;
	height: 16px;
	width: 90px;
	font-size: 10px;
}
div.champ div.champMiddle input,
div.champ div#champMiddle input {
	border: 0px #fff solid;
}
div.champ div.champMiddle>input,
div.champ div#champMiddle>input {
	border: transparent 1px solid !important;
}

/* TEXTAREA aux bords arrondis */
div.champCenter {
	background: url(gfx/modules/textarea_bg.png) 10px top no-repeat;
	padding-left: 20px;
	margin-top: 3px;
}
div.champCenter textarea {
	height: 50px;
	width: 440px;
	font-size: 10px;
	font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
	overflow: hidden;
	margin : 10px 0 14px;
	border: none;
}
div.champCenter>textarea {
	border: transparent 1px solid;
}

/* FOOTER */
#common_footer {
	border-top: 1px #7f7f7f dotted;
	margin-top: 10px;
}
#common_footer li {
/*	font-size: 10px; */
	float: left;
	line-height: 27px;
}
#common_footer li span {
	color: #009191;
	padding: 0 10px;
}
#common_footer a {
	color: #545490 !important;
	text-decoration:underline;
}
#common_footer a:hover {
	font-weight: bold;
}