/* @group Initialize */

img, div, input { behavior: url("../css/iepngfix.htc") }

* {margin: 0;padding: 0;}

*:focus {outline: 0 none;}
a {text-decoration: none;color: #000;cursor: pointer;}
img {border: 0;}
.clear {clear: both;}
.float {float: left;}
.left {float: left;}
.right {float: right;}
.TextRight { text-align: right; }
table tr {vertical-align: top;}
.italic { font-style: italic; }
.caps, a.caps { text-transform: uppercase;}
.FirstCaps { text-transform: capitalize;}
.hide { display: none; }
a.underline, .underline { text-decoration: underline; }
hr {
	display: block;
	height: 0px;
	line-height: 1px;
	font-size: 1px;
	border: 0;
	border-top: 1px solid #999;
	background-color: transparent;
	#margin: -0.5em 0;
}

hr.dotted {
	border-top: 1px dotted #999;
}
/* @end */

/* @group Fonts */

@font-face {
	font-family: raleway;
	src: url('../fonts/raleway_thin.otf');
	#src: url('../fonts/raleway_thin.eot');
}

@font-face {
	font-family: raleway;
	font-weight: bold;
	src: url('../fonts/raleway.ttf');
}

/* @end */

/* @group html & body */

html {
	overflow-y: scroll;
}

body {
	color: #222;
	font: 11px/15px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}



/* @end */

/* @group Layout */

#Main {
	position: relative;
	width: 950px;
	margin: 0 auto 0 auto;
	z-index: 500;
}

#Content {
	position: relative;
	z-index: 500;
}

#MainContent {
	position: relative;
	z-index: 500;
}

#LeftContent {
	overflow: hidden;
	width: 590px;
	float: left;
	margin: 0 0 0 10px;
	z-index: 500;
}

#RightContent {
	overflow: visible;
	width: 150px;
	float: left;
	margin: 75px 0 0 50px;
	z-index: 500;
}



/* @end */

/* @group Right */

.RightBox {

}

.RightBox a.more {
	text-decoration: underline;
}

/* @end */

/* @group table */

table tr th {
	text-align: left;
}



/* @end */

/* @group form & label */

label {
	display: block;
	margin: 0 0 5px 0;
}

label.bold {
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 10px;
}

.Form .small {
	font-size: 11px;
	margin-top: -7px;
	font-style: italic;
	display: block;
}

input[type=text], input[type=password] {
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 2px 4px;
	border: none;
}
.noninput {
	display: block;
	margin: 0 0 10px 0;
}

.Form input[type=text], .Form input[type=password] {
	width: 178px;
}



/* @end */

/* @group HHHHH */

h1 {
	font: normal normal 20px/23px "raleway", "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	color: #444;
}

h2 {
	font: normal normal 36px raleway, "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}

h3, .h3Replace {
	font: normal normal 24px raleway, "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}

h4, .h4Replace {
	font: normal normal 18px raleway, "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}

h5 {

}

h6 {

}

/* @end */

/* @group Menu */

#Menu {
	overflow: visible;
	width: 150px;
	float: left;
}

#Menu a, .Menu a {
	font: normal normal 14px raleway, "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	display: block;
	line-height: 14px;
	margin: 0 6px 5px 0;
	color: #444;
}

.SubMenu a {
	margin: 0 6px 7px 0;
}

#Menu a:hover, .Menu a:hover {

}

#Menu a.select, .Menu a.select {

}

.SubMenu {
	margin: 5px 0 25px 10px;
	width: 150px;
}

.SubSubMenu {
	margin: -20px 0 25px 25px;
	width: 150px;
}

.menuwidth {

}

/* @end */

/* @group Tiny */

.Tiny p, p.Tiny {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 18px;
	padding-right: 10px;
}

.Tiny a {
	border-bottom: 1px dotted #000;
}

.Tiny ul, .Tiny ol {
	margin: 0 0 10px 15px;
	font-size: 12px;
}

.Tiny ul li, .Tiny ol li {
	list-style-position: outside;
	list-style-type: circle;
}

/* @end */

/* @group Webpage */

/* @end */

/* @group Logo */

#Logo {
	background: url(../images/logo_saa.png) no-repeat fixed;
	width: 124px;
	height: 41px;
	margin: 0 0 22px 0;
}

/* @end */

/* @group Header */

#Header {
	margin: 30px 0 50px 0;
	height: 90px;
}

#Header .LngBts a {
	color: #999;
	font: normal normal 14px raleway, "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}

#Header .LngBts a.select, #Header .LngBts a:hover {
	color: #222;
}

/* @end */

/* @group margin & padding */



.smb { margin-bottom: 7px; }
.smt { margin-top: 7px; }
.sml { margin-left: 7px; }
.smr { margin-right: 7px; }
.mmb { margin-bottom: 14px; }
.mmt { margin-top: 14px; }
.mml { margin-left: 14px; }
.mmr { margin-right: 14px; }
.lmb { margin-bottom: 20px; }
.lmt { margin-top: 20px; }
.lml { margin-left: 20px; }
.lmr { margin-right: 20px; }
.mb { margin-bottom: 15px; }
.mt { margin-top: 15px; }
.ml { margin-left: 15px; }
.mr { margin-right: 15px; }

.sp { padding: 7px; }
.mp { padding: 14px; }
.spb { padding-bottom: 7px; }
.spt { padding-top: 7px; }
.spl { padding-left: 7px; }
.spr { padding-right: 7px; }
.mpb { padding-bottom: 14px; }
.mpt { padding-top: 14px; }
.mpl { padding-left: 14px; }
.mpr { padding-right: 14px; }
.lpb { padding-bottom: 20px; }
.lpt { padding-top: 20px; }
.lpl { padding-left: 20px; }
.lpr { padding-right: 20px; }
.pb { padding-bottom: 15px; }
.pt { padding-top: 15px; }
.pl { padding-left: 15px; }
.pr { padding-right: 15px; }


/* @end */

/* @group Column & ColumnFrame */

.ColFrame {
	z-index: 500;
	overflow: hidden;
}

.ColMargin {
	margin-left: 10px;
}

.ColGutter {
	float: left;
	width: 10px;
}

.Col1 {
	float: left;
	width: 30px;
}

.Col2 {
	float: left;
	width: 70px;
}

.Col3 {
	float: left;
	width: 110px;
}

.Col4 {
	float: left;
	width: 150px;
}

.Col5 {
	float: left;
	width: 190px;
}

.Col6 {
	float: left;
	width: 230px;
}

.Col7 {
	float: left;
	width: 270px;
}

.Col8 {
	float: left;
	width: 310px;
}

.Col9 {
	float: left;
	width: 350px;
}

.Col10 {
	float: left;
	width: 390px;
}

.Col11 {
	float: left;
	width: 430px;
}

.Col12 {
	float: left;
	width: 470px;
}

.Col13 {
	float: left;
	width: 510px;
}

.Col14 {
	float: left;
	width: 550px;
}

.Col15 {
	float: left;
	width: 590px;
}

.Col16 {
	float: left;
	width: 630px;
}

.Col17 {
	float: left;
	width: 670px;
}

.Col18 {
	float: left;
	width: 710px;
}

.Col19 {
	float: left;
	width: 750px;
}

.Col20 {
	float: left;
	width: 790px;
}

/* @end */

/* @group Footer */

#Footer {
	padding-top: 50px;
	clear: left;
	overflow: hidden;
}

#FooterLeft {
	float: left;
	position: relative;
	width: 830px;
	background-color: #e1e1e1;
	z-index: 200;
}

#FooterRight {
	float: left;
	position: relative;
	width: 110px;
	margin: 51px 0 0 10px;
	z-index: 200;
}

#FooterRightBackground {
	position: absolute;
	right: 35px;
	bottom: 18px;
	width: 180px;
	height: 25px;
	z-index: 100;
	background-color: #999;
}

.NewsletterFormMessage {
	display: none;
}

/* @end */

/* @group Color */

.BackgroundGrey {
	position: absolute;
	background-color: #999;
	z-index: 100;
}

.EventDate {
	text-align: center;
	font: normal normal 12px raleway, "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	width: 70px;
	padding-top: 10px;
	height: 70px;
	background-color: #e1e1e1;
}

.EventDate .Num {
	font: normal normal 20px raleway, "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group More */

.ReadMoreContent {
	display: none;
}

/* @end */

/* @group Download */



.downloadFile {
	height: 40px;
	margin-right: 5px;
}

.downloadFile a {
	border: 0;
}

.downloadFile .fileIco {
	width: 20px;
	font-family: Verdana, sans-serif;
	height: 17px;
	color: #fff;
	font-size: 9px;
	padding: 5px 0;
	text-align: center;
	float: left;
	background: #ccc url(../images/ico.gif);
	margin: 0 10px 10px 0;
}

.downloadFile .fileIco a {
	color: #fff;
	text-decoration: none;
}

.downloadFile .fileInfo {
	float: left;
	padding: 10px 0 0 0;
}
.downloadFile .fileInfo .fileSize {

}

/* @end */

/* @group Preview */

div#PreviewAlert{ color: #fff; position: fixed; bottom: 0px; left: 0px; width: 100%; padding:10px 20px; width: 100%; z-index: 5000; -webkit-box-shadow: 0px -1px 2px rgba(19,19,19,0.5); -moz-box-shadow: rgba(19,19,19,0.5) 0px -2px 2px;
	background-color: #2c2c2c;
}

div#PreviewAlert a{ color: #fff; margin: 0; display: block; float: left;}

div#PreviewAlert form{ float : right; margin : 0 35px 0 0;}



/* @end */

/* @group video */

embed, object {
	display: block;
}

/* @end */

/* @group Tip */

/* pour la version 2 de la carte : stephane noel */
#carte-europe {
width:590px;
height:441px;
}

#zones {
display:none;
}

#lazone {
display:block;	
width:590px;
height:441px;
z-index:5000;
}

#lazone img {
border:0;	
}

/*  */

#ImageMap {
	position: static;
	z-index: 2000;
	height: 376px;
	width:590px;
	top: 0px;
	left: 0px;
}

.tip {
	font: 11px/12px Helvetica, Arial, Geneva, sans-serif;
	position: absolute;
	z-index: 3000;
	padding: 11px;
	-webkit-box-shadow: 1px 1px 2px #999;
	-moz-box-shadow: #999 1px 1px 4px;
	background: #e1e1e1;
	z-index: 3000;
}
.tip-top {
}
.tip-title {
	padding: 0;
	margin: 0;
	margin-bottom: 3px;
	color:#000;
	font-weight: bold;
}
.tip-text {
	padding: 0;
	margin: 0;
	color:#000;
}
.tip-bottom {

}

#Tip-Target {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5000;
}

/* @end */

/* @group membership */

.MembershipForm input[type='text'], .MembershipForm input[type='password'] {
	background-color: #e1e1e1;
	margin: 0;
}

.MembershipForm input[type='submit'], .MembershipForm button {
	font: normal normal 14px raleway, 'Trebuchet MS';
	background: #fff;
	border: 0;
	padding: 3px 3px 3px 0;
	cursor: pointer;
}

.MembershipForm .inputInfo {
	font-style: italic;
}

.MembershipForm a {
	border-bottom: 1px dotted #000000;
}

/* @end */