/*===================================================================*/
/*============================ CLEAR ================================*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold; }
em { font-style: italic; }
.clear { clear: both; }
.hidden { display: none; }
.error_message, .info_message, .indicator_message { padding: 15px 10px; margin: 20px; }
.error_message { background: #F4CACA; border: 2px solid #CC0000; color: #CC0000; }
.info_message { background: #CAF4CA; border: 2px solid #090; color: #090; }
.indicator_message { background: #F4F4F4; border: 2px solid #999; color: #999; }
.error_message ul, .info_message ul, .indicator_message ul { list-style: none; }

/*===================================================================*/
/*=============================== GMAP ==============================*/
div#divgmap {
	margin-bottom: 10px;
	border: 1px solid #666;
	width: 100%;
	height: 300px;
}
/*===================================================================*/
/*=============================== PNG FIX IE6 =======================*/
.header .overlay { 	
	behavior: url(/themes/_common/iepngfix.htc);
}

/*===================================================================*/
/*=============================== LAYOUT ============================*/
body, table {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.print_logo {
	display: none;
}
a {
	color: #374d99;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

body {
	text-align: center;
	background-color: #5f71ad;
	background-image: url('../images/design/body_bg.jpg');
	background-repeat: repeat-x;
	background-position: top;
}


.container {
	text-align: left;
	background-image: url('../images/design/container_bg.jpg');
	background-repeat: repeat-y;
	background-position: center;
	width: 960px;
	margin: auto;
}

.container_bis {
	background-image: url('../images/design/container_bis_bg.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	padding: 0 20px;
}

.main {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding-top: 40px;
}

.clear { clear: both; }
/*===================================================================*/
/*=============================== HEADER ============================*/
.header {
	height: 163px;
	width: 920px;
	position: relative;
}
.header .header_menu {
	font-size: 12px;
	color: #333;
	background-image: url('../images/design/header_menu_bg.png');
	padding: 8px 12px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 12;
}
.header .header_menu a {
	color: #374d99;
	text-decoration: none;
	margin: 0 4px;
}
.header .header_menu a:hover {
	color: #000;
	text-decoration: none;
}

.header h1 a {
	display: block;
	height: 110px;
	width: 397px;
	position: absolute;
	top: 25px;
	left: 30px;
	z-index: 11;
}
.header h1 a span { display: none; }
.header .overlay {
	background-image: url('../images/design/header_overlay.png');
	background-repeat: no-repeat;
	background-position: top center;
	height: 163px;
	width: 920px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.header .slideshow {
	height: 160px;
	width: 920px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	overflow: hidden;
}
/*===================================================================*/
/*=============================== MENU ==============================*/

.menu ul li a {
	color: #374d99;
	border-bottom: 1px solid #d1d1d1;
	display: block;
}
.menu ul li a:hover {
	color: #000;
	text-decoration: none;
}
.menu ul {
	margin: 0;
	padding: 0 10px;
	list-style: none;
}
.menu ul li {
	color: #374d99;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}


.menu ul li.childs li a {
	color: #666;
	border: none;
}
.menu ul li.childs li a:hover {
	color: #333;
}
.menu ul li.childs ul {
	margin: 0;
	padding: 0;
	list-style: disc;
	padding-left: 20px;
}
.menu ul li.childs li {
	color: #666;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

/*===================================================================*/
/*=============================== SIDEBARS ==========================*/
.sidebar {
	float: left;
	width: 200px;
}
.left {
	padding: 0 30px 0 20px;
}
.right {
	padding: 0 20px 0 30px;
}

.convention h2 {
	display: none;
}
.convention {
	margin-left: -12px;
}
.sidebar .box_repeat_bg {
	width: 200px;
	background-image: url('../images/design/box_repeat_bg.jpg');
	background-repeat: repeat-y;
	background-position: center;
	min-height: 10px;
	height: auto !important;
	height: 10px;
}
.sidebar .box_top_bg {
	background-image: url('../images/design/box_top_bg.jpg');
	background-repeat: no-repeat;
	background-position: top;
	min-height: 10px;
	height: auto !important;
	height: 10px;
}
.sidebar .box_bottom_bg {
	background-image: url('../images/design/box_bottom_bg.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 10px;
	min-height: 10px;
	height: auto !important;
	height: 10px;
}
.sidebar .box {
	font-size: 12px;
}
.sidebar .box h2 {
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	padding-bottom: 4px;
	background-color: #374d99;
	background-repeat: no-repeat;
	background-position: center;
}
.sidebar .box h3 {
	color: #374d99;
}

.sidebar .content_box { padding: 15px 15px; }
.sidebar a { text-decoration: none; }
.sidebar a:hover { text-decoration: none; }
.sidebar .logo {
	text-align: center;
	margin-top: 30px;
}
/*=============================== NEWSLETTER ========================*/
.sidebar .newsletter h2 { background-image: url('../images/design/box_newsletter_title_bg.jpg'); }
.sidebar .newsletter input { padding: 5px; border: 1px solid #666; margin: 5px 0; width: 138px; }

/*=============================== NEWS ==============================*/
.sidebar .news h2 { background-image: url('../images/design/box_news_title_bg.jpg'); }
.sidebar .news p.date { color: #999999; font-style: italic; margin-bottom: 5px; }
.sidebar .news h3 { margin-bottom: 5px; }
.sidebar .news p.text { text-align: left; margin-bottom: 5px; }

.sidebar .news .new { margin-bottom: 20px; }
.sidebar .news .new_separate {
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/*=============================== MEMBERS ===========================*/
.sidebar .members h2 { background-image: url('../images/design/box_members_title_bg.jpg'); }
.sidebar .members input[type="text"],
.sidebar .members input[type="password"] { padding: 5px; border: 1px solid #666; margin: 5px 0; width: 138px; }
.sidebar .members h3 {
	color: #374d99;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.sidebar .members ul {
	padding-left: 15px;
	margin: 0;
}


/*===================================================================*/
/*=============================== CONTENT ===========================*/
.content {
	float: left;
	width: 420px;
}
.content h1,
.content h2 {
	color: #374d99;
	font-size: 24px;
	font-weight: normal;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-top: 5px;
}
.content h3 {
	color: #374d99;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 5px;
}

.content p {
	line-height: 18px;
	margin-bottom: 10px;
}
.content li {
	line-height: 18px;
}

#tools {
	text-align: right;
	padding-top: 10px;
}
/*=============================== MailForm ==========================*/
.content .mailform form {
	background-color: #f2f2f2;
	border: solid 1px #c4c4c4;
	padding: 0 10px;
}
.content .mailform p.address {
	background-color: #f2f2f2;
	border: solid 1px #c4c4c4;
	padding: 10px;
}
.content .mailform .submit {
	text-align: right;
	padding: 10px 0;
}
.content .mailform label {
	font-size: 12px;
	float: left;
	display: block;
	width: 200px;
	margin-right: 10px;
}
.content .mailform p.label {
	font-size: 12px;
}
.content .mailform input[type="text"] {
	width: 180px;
}
.content .mailform input[type="text"].number  {
	width: 90px;
}
.content .mailform label.radio {
	font-size: 12px;
	float: none;
	display: inline;
}
.content .mailform .field {
	clear: both;
	border-bottom: solid 1px #c4c4c4;
	padding: 10px 0;
}
.content .mailform .error {
	color: #CC0000;
	background-color: #FFB7B7;
	border: solid 1px #CC0000;
	padding-bottom: 0;
	margin-bottom: 5px;
}
.content .mailform .error .info {
	background-color: #CC0000;
	color: #fff;
	font-size: 10px;
	font-style: italic;
	padding: 2px;
	clear: both;
}
.content .mailform .english {
	color: #999999;
	font-style: italic;
}
.content .mailform h3 .english,
.content .mailform h4 .english {
	color: inherit;
	font-style: italic;
}


/*=============================== MySpace ===========================*/
.content .myaccount {

}
.content .login {
	
}
.content .login .field {
	min-height: 28px;
	height: auto !important;
	height: 28px;
}
.content .myaccount label,
.content .login label {
	display: block;
	float: left;
	width: 150px;
	height: 28px;
	line-height: 28px;
}
.content .login {
}
.content .myaccount input[type="text"],
.content .myaccount input[type="password"],
.content .login input[type="text"],
.content .login input[type="password"] {
	padding: 5px;
	border: 1px solid #666;
	margin: 5px 0;
	width: 200px;
}

/*===================================================================*/
div.myspace li {
	cursor: pointer;
}
div.myspace span.icon {
	display: block;
	width: 200px;
	height: 20px;
	overflow: hidden;
}
div.myspace span.icon img {
	vertical-align: middle;
}
div.myspace ul {
	margin: 10px 0 30px;
	padding: 0;
}
div.myspace ul li {
	display: block;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #7D7D7D;
	font-size: 12px;
	padding: 5px 0;
}
div.myspace ul li:hover {
	background: #EEEEEE;
}
div.myspace ul li.new_message:hover {
	background: none;
}
div.myspace ul li {
	border-bottom: 1px solid #BBBBBB;
}
div.myspace ul li.last {
	border: none;
}
div.myspace ul li span img {
	margin: 0 10px;
}
div.myspace ul li span a {
	font-weight: bold;
}
div.myspace ul li span.type {
	font-size: 11px;
	margin-left: 10px;
}
div.myspace ul li span.center {
	font-size: 11px;
	position: absolute;
	top: 5px;
	right: 70px;
}
div.myspace ul li span.right {
	font-size: 11px;
	position: absolute;
	top: 5px;
	right: 0px;
	padding: 0;
}
div.myspace ul li span.description {
	display: block;
	font-size: 11px;
	padding: 2px;
	margin: 3px 5px 0;
	position: relative;
	padding-left: 30px;
}
div.myspace form div.field input, div.myspace form div.field textarea {
	width: 300px;
}
div.myspace form input.submit {
	margin-left: 160px;
}
/*===================================================================*/
/*=============================== AGENDA ============================*/
div.agenda li.desc {
	cursor: pointer;
}
div.agenda div.month {
	border: 1px solid #DDDDDD;
	padding: 10px;
	margin-bottom: 30px;
}
div.agenda ul {
	margin: 0;
	padding: 0;
}
div.agenda ul li {
	display: block;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #7D7D7D;
	font-size: 12px;
	padding: 5px 0;
}
div.agenda ul li:hover {
	background: #EEEEEE;
}
div.agenda ul li.separated {
	border-bottom: 1px solid #BBBBBB;
}
div.agenda ul li span img {
	margin: 0 10px;
}
div.agenda ul li span.titre {
	font-weight: bold;
	font-size: 12px;
	display: block;
}
div.agenda ul li.desc span.date {
	font-size: 11px;
}
div.agenda ul li span.description {
	display: block;
	font-size: 11px;
	padding: 2px;
	margin: 3px 5px 0;
	position: relative;
	padding-left: 30px;
}
/*===================================================================*/
/*============================= ANNUAIRE ============================*/
.annuaire_item {
	font-size: 12px;
}
.annuaire_item h3 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}
.annuaire_item .photo {
	float: right;
}
.annuaire_liste .separate {
	border-bottom: 1px solid #D1D1D1;
}
.annuaires form {
	border-bottom: 1px solid #D1D1D1;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.annuaires form .field {
	float: left;
	width: 140px;
	margin-bottom: 5px;
}
.annuaires form .field label {
	font-size: 12px;
}

/*=============================== PARTNERS ==========================*/
.content .box {
	margin-top: 50px;
}
.content .box h2 {
	color: #999999;
	font-size: 11px;
}
/*===================================================================*/
/*=============================== FOOTER ============================*/
.copyright {
	color: #fff;
	text-align: right;
	font-size: 11px;
	background-color: #5f71ad;
	background-image: url('../images/design/footer_bg.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	height: 40px;
	padding-top: 20px;
	padding-right: 40px;
	line-height: 40px;
}

.copyright a {
	color: #fff;
	text-decoration: none;
}
.copyright a:hover {
	color: #fff;
	text-decoration: underline;
}
/*===================================================================*/
/*=========================== PAGINATION ============================*/
div.pagination, div#sequence { margin-bottom: 40px; padding: 1px; }
div.pagination a, div#sequence a, div.pagination span, div#sequence span {
	color: #FFF;
	dislay: block;
	float: left;
	text-align: center;
	height: 20px;
	line-height: 20px;
	padding: 0 7px;
	text-decoration: none;
	margin-right: 1px;
	background-color: #BBB;
}
div.pagination a:hover, div#sequence a:hover { color: #FFFFFF; text-decoration: none; background-color: #333; }
div#sequence a img { position: relative; top: 6px; }
div.pagination span, div#sequence span { background-color: #374D99; color: #fff; }