﻿body /* IE */
{
	background-color:#E0E9EC;
	font-family:Calibri, Arial, Verdana;
	text-align:center;
	margin:0;
	height:100%;
}

body /* Firefox */
{
	background-color:#E0E9EC;
	font-family:Calibri, Arial, Verdana;
	text-align: -moz-center;
	margin:0;
	height:100%;
}

a
{
	font-size:9pt;/*12px*/
	color:#00b6dd;
	text-decoration:underline;
	font-weight:bold;
} 

h1
{
   color:            #00B6DD; 
   font-size:     14.5pt; /*20px*/
   font-family:   sans-serif;
   font-weight:   bold;

   margin-top:       3px;
   margin-bottom:    3px;

   padding-top:      5px;
   padding-right:    0px;
   padding-bottom:   5px;
   padding-left:     0px;
}

h2 , h2 em
{
	color:#a0bac4; 
	font-size:11pt; /*15px*/
	font-family: sans-serif;
	font-weight:bold;
}

form
{
	height:100%;
}

#MainPage /* IE */
{
	width:760px;
	height:100%;
	margin: 0 auto;
	text-align:left;
	background-color:white;
	background-image: url( '../images/aatop_menu3001.jpg' );
    background-repeat: repeat-y;
	z-index:1;
}   

#MainPage /* Firefox */
{
	width:760px;
	height:100%;
	margin: 0 auto;
	text-align:-moz-left;
	background-color:white;
	background-image: url( '../images/aatop_menu3001.jpg' );
    background-repeat: repeat-y;
	z-index:1;
}   

#Header
{
    width:760px;
    min-width: 760px;
    height: 90px;
    background-color: #00B6DD;
    z-index: inherit;
    background-image: url( '../images/atop002.jpg' );
    background-repeat: no-repeat;
    overflow: hidden;
}

/*
#logolink
 {
     display: block;
     height: 90px;
     width: 100%;
     text-align:-moz-left;
     background-image: url( '../images/atop002.jpg' );
 }
*/

.TopMenuPad
{
    padding-left:3px;
    padding-right:3px;
    overflow: hidden;
}
#imageHomeLink
{
	margin-top:10px;
	z-index: 1;
    width: 300px;
    height: 70px;
    float: left;
    overflow: hidden;
	
}
#topFacebooklinks
{
	margin-top:8px;
	text-align:right;
	margin-right:10px;	
	color:#336699;
	float:right;
    overflow: hidden;
}
#topmenulinks
{
	margin-top:15px; /*63px*/
	text-align:right;
	margin-right:10px;	
	color:#336699;
    width:450px;
    min-width:450px;
	/*float:right;*/
	z-index:99;
	overflow:hidden;
	/*overflow:hidden;*/
	_word-wrap:break-word;
	_overflow-x:hidden;
	/*position:relative;
	
	width:auto;*/
    float:right;      

}

#topmenulinks a {
color: #fff; 
text-decoration: underline;
font-size:7.5pt; /*14px*/
font-family: Arial;
}

#topmenulinks a:visited {
color: #fff; 
text-decoration: underline;
font-size:7.5pt;
font-family: Arial;
}

#topmenulinks a:link {
color: #fff; 
text-decoration: underline;
font-size:7.5pt;
font-family: Arial;
}

#topmenulinks a:active {
color: #fff; 
text-decoration: underline;
font-size:7.5pt;
font-family: Arial;
}

#topmenulinks a:hover {
color: #336699; /*A0BAC4*/
text-decoration: underline;
font-size:7.5pt;
font-family: Arial;
}


#Banner 
{
	width:558px;
	height:146px;
	background-color:#ffffff; /*Gray*/
	float:left;
	z-index:inherit;
	/*border-bottom: solid;
	border-color:#cccccc;*/
}
#LeftPanel
{
    width: 202px;
    z-index: inherit;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    float: left;
    height:100%;
}
#RightPanel
{
    overflow:hidden;
    min-height:100%;
    position:relative;
   
}
.LeftPanelMenu 
{
	width: 202px;
	border: none;
	margin-left: 0px;
	z-index:inherit;
	margin: 0;
	padding: 0px 0px;
}

#GenDonation
{
	width:528px; 
	background-color:White;
	z-index:inherit;
	padding-top:5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	float:right;
	margin-left: 5px; 
}
#Content 
{
	width:518px; /*518px*/
	background-color:white; 
	z-index:inherit;
	padding-top:20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	float:right;
	margin-left: 20px; 
}
.calendar_title
{
    float:left; 
    
    margin-left: 25px;
/*	padding-left: 12px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-left: 12px; */
	
    font-family: verdana;
    font-size: 16pt;/*22px*/
    font-weight: bold;
    color: #376683;
    border-bottom: solid 2px #00B6DD;
    letter-spacing: -1px;
    width:510px;
}
.title_image 
{    
	height:50px; 
}

.newsCaption {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; /*11px*/
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 108px;

	background-color:#00b6dd;
}
.calendarnews 
{
    float:right;    
    width:510px;
	padding-left: 12px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-left: 12px; 
}
.news 
{
    float:right;    
    margin-top: 20px;
    width:510px;
	padding-left: 12px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-left: 12px; 
}
.news_title
{
    font-family: verdana;
    font-size: 16pt;
    font-weight: bold;
    color: #376683;
    border-bottom: solid 2px #00B6DD;
    letter-spacing: 1px;
    width:510px;
    margin-top:10px;
    margin-bottom:0px;
}
.calendar_subTitle 
{
    width:510px;
    font-family:Arial;
    font-size: 10.5pt;
    font-weight:bold;
    color:#A0BAC4;
    margin-top:5px;
    margin-bottom:12px; /*2px*/
    float:left;
}
.news_subTitle 
{
    width:390px;
    font-family:Arial;
    font-size: 10.5pt;
    font-weight:bold;
    color:#A0BAC4;
    margin-top:5px;
    margin-bottom:12px; /*2px*/
    float:left;
}
.news_subTitleFacebook 
{
    width:390px;
    font-family:Arial;
    font-size: 10.5pt;
    font-weight:bold;
    color:#A0BAC4;
    margin-top:5px;
    margin-bottom:12px; /*2px*/
    float:left;
}
.news_shortStory 
{
    width:98%;
    font-family:Arial;
    font-weight:normal;
    font-size:9pt;
    color:Black;
    float:left;
}
.innertable
{
	padding-right:10px;	
}
.news_thumbnail 
{
    width: 118px;
    float:right;
}

#menu {
width: 12.6em; /* set width of menu */
background: #eeeeee no-repeat scroll;
font-family:Calibri, Arial;
height:100%
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
font-family: calibri, arial, helvetica, sans-serif;
}

/* style, color and size links and headings to suit #menu a, */
#menu h2 {
font-weight: bold;
font-family: calibri, arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

.submenulinks
{
font-weight: bold;
font-family: calibri, arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
font-size:10.5pt;
font-family:Calibri, Arial;
}

#menu a {
color: #fff; 
background: #7EA2AE; 
text-decoration: none;
font-size:10.5pt;
font-family: Calibri, Arial;
}

#menu a:visited {
color: #fff; 
background: #7EA2AE; 
text-decoration: none;
font-size:10.5pt;
font-family: Calibri, Arial;
}

#menu a:link {
color: #fff; 
background: #7EA2AE; 
text-decoration: none;
font-size:10.5pt;
font-family: Calibri, Arial;
}

#menu a:active {
color: #fff; 
background: #7EA2AE; 
text-decoration: none;
font-size:10.5pt;
font-family: Calibri, Arial;
}

#menu a:hover {
color: #00b6dd; /*a00*/
background: #094b73; /*fff  9fb9c3*/
font-size:10.5pt;
font-family:Calibri, Arial;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
z-index:10;
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*Liens dans une liste*/
.bLinks
{
	margin-left:20px;
	color:#4a6681;
}

.bLinks li
{
	list-style:none;
	background-image:url(../images/puce.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:18px;
	color:#4a6681;
	font-size:10.5pt;
	padding-bottom: 6px;
}

.bLinks a
{
	color:#4a6681;
	text-decoration:underline;
	font-weight:bold;
	font-size:10.5pt;
}

.bLinks a:hover
{
	color:#4a6681;
	text-decoration:none;
	font-weight:bold;
	font-size:10.5pt;
}




.FormTitle
{
	display: block;
	width: 150px;
	float: left;
	/*margin-bottom: 10px;*/
	text-align: right;
	width: 146px;
	padding-top: 3px;
	padding-right: 20px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

.FormTitleHead
{
	font-weight:bold;
}

.inputTexts
{ 
	height:10px;
	
}

.FormFieldRadio
{ 
	/*display: block; */
	margin-bottom: 10px;
}
.FormFieldBig
{ 
	display: block; 
	width: 510px; 
	float: left; 
	margin-bottom: 10px;
}
.FormField
{ 
	display: block; 
	width: 356px; 
	float: left; 
	margin-bottom: 10px;
}

.FormRow
{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	font-weight: normal;
	margin-bottom: 0px;
}

.FormTitlePop
{
	display: block;
	width: 175px;
	float: left;
	/*margin-bottom: 10px;*/
	text-align: right;
	width: 170px;
	padding-right: 20px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.FormTitleHeadPop
{
	font-weight:bold;
}

.FormFieldPop
{ 
	display: block; 
	width: 200px; 
	float: left; 
	font-weight:bold;
	/*margin-bottom: 10px;*/
}

.FormRowPop
{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	margin-right:40px;
}

.DonationHeaderPop
{
	color: #4f4f4f ;  /* #005e96*/
	font: bold 9pt Calibri, Arial, Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.DonationHeader
{
	color: #708c9c;  /*#005e96;*/
	font: bold 10.5pt Calibri, Arial, Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.ScreenMessage
{
	width:420px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight: normal;
}

.ScreenMessageNo
{
	border: solid 1px #d43437;
	margin: 1px 0px;
	padding: 20px 0px 0px 85px;
	background: #FFE5E5 url(../images/Error_small.gif) no-repeat;
	background-position: 20px 10px;	
	display:none;
}

.ErrMsg
{
	margin-left:85px;
	font-size:12pt;
	font-weight:bold;
	font-family: Calibri, Arial; 
	color: #d43437;	
}


.br 
{ 
	clear: left;
}

input
{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:12pt;
}

.ValidationSummary
{
	border: solid 1px #d43437;
	font-family: Calibri, Arial; 
	color: #d43437;
	margin: 1px 0px;
	padding: 20px 0px 0px 85px;
	background: #FFE5E5 url(../images/Error_small.gif) no-repeat;
	background-position: 20px 10px;
}

.confirm
{
	border: solid 1px #006600;
	font-family: Calibri, Arial; 
	font-size:12pt;
	color: #006600;
	font-weight:bold;
	padding: 5px 0px 5px 0px;
	background: #ECFFE5;
	margin-right:40px;
	text-align:center;
}

.ProcessingImage
{
	width:400px;
	height:60px;
	vertical-align:middle;
	text-align:center;	
	font-family: Calibri, Arial; 
	font-size:12pt;
	color: #4f4f4f;
	font-weight:bold;
	margin-top:25px;
}

/* Cellules Tables */

.tdfoncer {
background-color: #a5b7c1;
color: #ffffff;
font-weight: bold;
padding-left: 8px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 20px;
border-bottom:solid;
border-color: #ffffff;
border-width: 1px;}

.tdpale {
background-color: #e9edf0;
color: #376683;
font-weight: bold;
padding-left: 8px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 20px;
border-bottom:solid;
border-color: #ffffff;
border-width: 1px;}

.txtbleupale{
color:#a0bac4;
font-weight:bold; }

.txtbleupaletitle {
color:#a0bac4; 
font-size:11pt; 
font-family: sans-serif;
font-weight:bold;
}

.txtbleupale a{
color:#a0bac4;
font-weight:bold;
text-decoration:underline; }

.txtbleupale a:hover{
color:#a0bac4;
font-weight:bold;
text-decoration:none; }


.txtnavy , .txtnavy p {
color:#376683; 
font-size:10pt; 
font-family: sans-serif;
font-weight:bold;
padding-bottom:6px;
}

.txtturquoise , .txtturquoise p {
color:#00b6dd; 
font-size:10pt; 
font-family: sans-serif;
font-weight:bold;
padding-bottom:6px;
}
er
{
	font-size:8pt;
	color:#668199;
	font-weight:bold;
	text-align: right;
}

#Footer 
{
	width:760px;
	height:4px;
	background-color:#00B6DD;
	z-index:inherit;
	margin-right:0;
    bottom:0;
    float:right;
}
#FooterShop 
{
	width:900px;
	height:4px;
	background-color:#00B6DD;
	z-index:inherit;
	margin-right:0;
}

.txtFooter
{
	font-size:8pt;
	color:#376683;
	font-weight:bold;
	text-decoration: none;
	margin-top:15px;
	margin-bottom:15px;
	float:right;
}
.txtFooter a
{
	font-size:10pt;
	color:#376683;
	font-weight:bold;
	text-decoration: none;
}
.txtFooter a:hover
{
	font-size:10pt;
	color:#376683;
	font-weight:bold;
	text-decoration: underline;
}


.txtFooterCheckout
{
	font-size:10pt;
	color:#668199;
	font-weight:bold;
	text-align: center;
}
.txtFooterCheckout a
{
	font-size:10pt;
	color:#376683;
	font-weight:bold;
	text-decoration: none;
}
.txtFooterCheckout a:hover
{
	font-size:10pt;
	color:#376683;
	font-weight:bold;
	text-decoration: underline;
}

#ContentPlaceHolder
{
	float:right;
	width:558px;
	background-color:White;
	bottom:0;
	margin-bottom:0;
	min-height:100%;
}
