* { margin: 0; padding: 0; }
html, body { margin:0; padding:0; background-color: #fdfaf3; color: #606060; font-family: 'Raleway', sans-serif; font-size: 10pt; }

a { text-decoration: none; color: #4eb8e9; }

/*
ul { border: 1px solid #FF6600; }
li { border: 1px solid #2700ff; }
*/

.back {
	margin: 10px;
	color: #888888;
	display: block;
}
.back:hover {
	color: orange;
}

button {
	border:1px solid #e2e2e2;
	background-color: white;
	font-size: 12pt;
	border-radius: 4px;
	padding: 3px 5px 3px 5px;
	margin: 5px;
}

input {
	min-width: 150px;
	min-height: 30px;
	padding: 3px;
	border:1px solid #e2e2e2;
	font-size: 12pt;
}

.message_ok, .message_error {
	padding: 5px;
	margin: 5px;
	text-align: center; 
}

.ok {
	background-color: #f1fff0;
	border:1px solid #68cd77;
	color: #8be672;
}

.error {
	background-color: #fff0f0;
	border:1px solid #cc6767;
	color: #e67373;
}

.header, .header_tiny {
	width: 100%;
	background-color: #222747;
	z-index: 9999;
}
.header ul, .content {
	width: 998px;
	min-height: 70px;
	margin: 0 auto 0 auto;
	list-style: none;
}

.header ul li, .header_tiny ul li {
	width: 30%;
	display: inline-block;
	list-style: none;
	text-align: center;
	vertical-align: middle;
}
.header ul li img {
	padding: 10px 0 0 0;
}
.header ul li:first-child, .header_tiny ul li:first-child {
	width: 68%;
	text-align: center;	
}
.header ul li a, .header_tiny ul li a {
	display:inline-block;
	height: 28px;
	font-style: italic;
	padding: 8px 0 0 0;
	font-size: 10pt;
}
.header ul li a:hover {
	color: #ee5a32;
}

.header .login, .header_tiny .login {
	background:url('/images/ui/bg_login_language.png') left center no-repeat;
	width: 142px;
}
.header .language, .header_tiny .language {
	background: url('/images/ui/bg_login_language.png') right center no-repeat;
	width: 91px;
}

.header_tiny {
	height: 30px;
	position: fixed;
}
.header_tiny ul {
	width: 998px;
	height: 30px;
	margin: 0 auto 0 auto;
	list-style: none;

}

.header_tiny ul li img {
	height: 30px;
	width: auto;
}
.header_tiny .login, .header_tiny .language {
	margin: -2px 0 0 0;
	font-size: 8pt;
}


.slideshow {
	background: url('/images/ui/aihja_congres_mexico.jpg') center top;
	height: 500px;
}
.page {
	height: 200px;
	background: url('/images/ui/aihja_congres_mexico.jpg') center center;
}
.menu {
	text-align: center;
	position: relative;
}
.menu_fixed {
	position: fixed;
	background-color: red;
}
.menu ul {
	border-bottom: 2px solid #71bed6;
}
.menu ul li {
	display: inline-block;
	margin: 10px 10px 0px 10px;
	height: 50px;
	position: relative;
}
.menu ul li a {
	color: #606060;
	font-size: 18pt;
}
.menu ul li a:hover {
	color: #d16e02;
}
.menu ul li img {
	position: absolute;
	left: 50%;
	top:42px;
	margin:0 0 0 -15px;
}
.menu .sub {
	background: #fdf3de;
	color: #606060;
	height: 50px;
	display: none;
}
.menu .sub a {
	margin: 15px 5px 0 5px;
	display: inline-block;
	color: #606060;
}
.menu .sub a:hover {
	border-bottom: 2px solid #d16e02;
}
.menu a.current {
	color: #d16e02;
}
.content {

}

.content .title {
	margin: 20px;
	display: block;
}
.welcome {
	padding: 5%;
}
ul.news li {
	width: 33%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
ul.news li img {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0 auto 15px auto;
}
ul.news li h3 {
	font-size: 12pt;
	color: #e5b97b;
	width: 80%;
	margin: 5px auto 10px auto;
}
ul.news li h3 i {
	font-size: 10pt;
}
ul.news li p {
	color: #606060;
	font-size: 11pt;
	text-align: justify;
	width: 80%;
	margin: 0 auto 0 auto;
}
.events {
	width: 100%;
	height: 300px;
	margin: 100px 0 100px 0;
}
.events ul {
	width: 100%;
	height: 300px;
}
.events ul li {
	width: 49.5%;
	min-height: 300px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	position: relative;
}
.events ul li:first-child {
	background: url(/images/ui/bg_events_aihja_iasaj.png) right top no-repeat;
}

.events ul li div {
	margin: 37px 0 0 0;
	background-color: #fdf3de;
	height: 185px;
}

.events ul li a:first-child {
	padding: 35px 0 0 0;
}

.events ul li div a {
	display: block;
	padding: 5px;
	color: #777777;
}
.events ul li div a:hover {
	color: orange;
}
.events ul li b {
	color: #474747;
	font-size: 12pt;
	padding: 5px 0 0 20px;
}

.events ul li span {
	width: 75px; height: 50px;
	color: #222747;
	text-align: center;
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
	display: block;
	position: absolute;
	left: 50%;
	margin: -45px 0 0 -33px;
}
.events ul li span img {
	display: block;
}

.footer {
	width: 100%;
	background-color: #222747;
	height: 150px;
}
.footer ul {
	width: 998px;
	margin:20px auto 0 auto;
}
.footer ul li {
	width: 33%;
	display: inline-block;
}
.footer, .footer a {
	color: #FFFFFF;
	padding: 20px 0 0 0;
}
.footer a {
	padding: 20px 10px 0 10px;
}
.footer a:hover {
	color: #ee5a32;
}
.footer ul li:nth-child(2) {
	text-align: center;	
}
.footer ul li:last-child {
	text-align: right;
}

.publications {
	list-style: none;
}
.publications h2 {
	font-size: 20pt;
	text-align: center;
	width: 100%;
	margin: 25px;
}

.publications a {
	display: inline-block;
	vertical-align: top;
	width: 21.8%;
	height: 35px;
	border:1px dashed #f0d7a0;
	padding: 5px;
	margin: 8px;
	font-size: 9pt;
	text-align: center;
	color: #666666;
	position: relative;
	background: url(/images/ui/icon_file3.png) right bottom no-repeat;
}
.publications a:hover {
	background-color: #f6f6f6;
	border:1px dashed #ffa947;
}



.publications i {
	background-image: url('/images/ui/flags.png');
	position: absolute;
	bottom: 2px;
	right: 2px;
	display: block;
	width: 15px; height: 15px;
	display: block;
}

.publications .french {
	background-position: -228px -173px
}
.publications .english {
	background-position: -228px -173px
}

.contact li {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}

.contact li label {
	display: block;
	padding: 5px;
	line-height: 130%;
	position: relative;
}
.contact li i {
	color: red;
	font-size: 14pt;
	position: absolute;
	left: -10px;
	top:3pt;
}
.contact li label input[type='text'], .contact li label select {
	width: 75%;
	height: 30px;
}
.contact li textarea {
	width: 75%;
	min-height: 150px;
	display: block;
	padding: 5px;
	margin: 5px;
}

#maCarte {
}

.gmap3 {
	margin:0;
	border: 1px dashed #C0C0C0;
	width:998px; height:460px;
}

.members h2 {
	background-color: #fff8e8;
	height: 40px;
	text-align: center;
	padding: 20px 0 0 0;
	margin: 0 0 20px 0;
}

.members a {
	color: #202f56;
	font-size: 16pt;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 24%;
}
.members i {
	color: #d36d08;
	font-size: 11pt;
	display: block;
	padding: 5px;
}
.members span {
	background-color: #fbefd9;
	border-radius: 4px;
	color: #d36d08;
	font-size: 9pt;
	width: 50px; height: 20px;
	padding: 4px;
}

.page_member .country {
	background-color: #fff8e8;
	height: 150px;
	text-align: center;
	color: #3d4140;
	font-size: 18pt;
	padding: 20px 0 0 0;
}

.page_member ul li {
	display: inline-block;
	vertical-align: top;
	width: 49.5%;
	margin: 0; padding: 0;
}
.page_member ul li:first-child {
	text-align: center;
}

.page_member .info {
	color: #232845;
	font-style: italic;
	margin: 0 0 30px 0;
}
.page_member .info b {
	color: #d26f09;
	display: inline-block;
	width: 100px;
}
.menu_page {
	background-color: #fff8e8;
	height: 40px;
	text-align: center;
}

.menu_page b {
	font-size: 12pt;
	color: #232845;
	height: 40px;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 10px;
}
.menu_page b:hover, .menu_page .current {
	color: #ce6f05;
	background: url('/images/ui/icon_menu_member_page.png') bottom center no-repeat;
	cursor: hand;
}

.member_page {
	display: none;
}

.pagination {
	position: relative;
	margin: 40px auto;
	text-align: right;
}
.pagination select {
	position: absolute;
	left: 10px; top:0;
}
.pagination a {
	width: 20px; height: 20px;
	font-size: 11pt;
	background-color: #fbefd9;
	color: #707070;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
}
.pagination a.current {
	border:1px solid orange;
}

#events {
	margin: 40px 0 40px 0;
	border:1px solid #e3e3e3;
	min-height: 150px;
	padding: 10px;
	font-size: 12pt;
}
#events:hover {
	background-color: #f7f7f7;
}

#events span {
	width: 50px; height: 35px;
	background-image: url(/images/ui/icon_calendar.png);
	display: inline-block;
	text-align: center;
	padding: 15px 0 0 0;
}

#events h2 {
	color: #686868;
	display: inline-block;
	padding: 0 0 0 25px;
}
#events .text {
	padding: 15px;
	display: block;
	color: #969696;
}

#events ul {
	padding: 5px 0 0 10px;
}

#events ul li {
	padding: 5px 0 0 20px;
}

.connexion, .oups {
	margin: 30px; padding: 20px;
	
}

.connexion input, .oups input {
	margin: 10px; padding: 10px;
	font-size: 11pt;	
}

.connexion button, .oups button {
	padding: 10px;
	font-size: 10pt;
	border-radius: 5px;
	background-color: white;
	border:2px solid #bdbdbd;
	color: #7ba754;	
}

/* 2019 */

.path {
	background-color: white;
	height: 40px;
	border-bottom: 1px solid #dcdcdc;
	margin: 10px 0 0 0;
	color: #e65833;
}
.path button {
	border:none;
	color: #42b437;
	text-decoration: underline;
	font-size: 10pt;
}
.path input {
	float: right;
	margin: 5px 20px 0 0;
	height: 15px;
	font-size: 12pt;
	border:1px solid #e4e4e4;
	padding: 0 0 0 10px;
	color: #222846;
}

.themes {
	height: 100px;
	width: 100%;
	color: #e65833;
	background-color: white;
}
.themes img {
	margin: 10px auto 0 auto;
	width: 80px;
	height: 80px;
	border:1px solid #bababa;
	display: block;
}
.themes li {
	width: 40%;
	display: inline-block;
	vertical-align: top;
	height: 100px;
}
.themes li:first-child {
	width: 19%;
	text-align: center;
}
.themes li:last-child {
	text-align: right;
}
.themes b {
	color: #222846;
	padding: 30px 0 0 0;
	display: inline-block;
}

.new_dir {
	display: none;
	position: absolute;
	width: 350px;
	height: 200px;
	left: 50%;
	top:20%;
	border:1px solid #ff7800;
	padding: 15px;
	margin: 0 0 0 -150px;
	background-color: white;
	text-align: center;
	-moz-box-shadow: 5px 5px 10px 0px #c0c0c0;
	-webkit-box-shadow: 5px 5px 10px 0px #c0c0c0;
	-o-box-shadow: 5px 5px 10px 0px #c0c0c0;
	box-shadow: 5px 5px 10px 0px #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=10);
}
.new_dir input {
	margin: 10px auto 10px auto;
	width: 90%;
	border:1px solid #4e4e4e;
}
.new_dir button {
	border:1px solid #ff7800;
}
.new_dir button:hover {
	background-color: #dbcc90;
}