body
{
	background-color:#E0E9EC;
	font-family:Calibri, Arial, Verdana;
	text-align: -moz-center;
	text-align:center;
	margin:0;
}

a
{
	font-size:12px;
	color:#00b6dd;
	text-decoration:underline;
	font-weight:bold;
} 

h1
{
   color:            #00B6DD; 
   font-size:     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:15px; 
	font-family: sans-serif;
	font-weight:bold;
}

form
{
	height:100%;
}

#MainPage
{
    width: 760px;
    margin: 0 auto;
    text-align: -moz-left;
    text-align: left;
    background-color: white;
    background-image: url( '../images/back_cnt.jpg' );
    background-repeat: repeat-y;
}   
#Header
{
    width: 760px;
    height: 90px;
    background-color: #00B6DD;
    z-index: inherit;
    background-image: url( '../images/atop003.jpg' ); 
    background-repeat: no-repeat;
}
/*
#logolink
 {
     display: block;
     height: 90px;
     width: 100%;
     text-align:-moz-left; 
     background-image: url( '../images/atop003.jpg' );
 }
*/
#imageHomeLink
{
	margin-top:10px;
	z-index: 1;
    width: 300px;
    height: 70px;
    float: left;
	
}

#topmenulinks
{
	margin-top:63px;
	text-align:right;
	margin-right:10px;	
	color:#336699;
}

#topmenulinks a {
color: #fff; 
text-decoration: underline;
font-size:small;
font-family: Calibri, Arial;
}

#topmenulinks a:visited {
color: #fff; 
text-decoration: underline;
font-size:small;
font-family: Calibri, Arial;
}

#topmenulinks a:link {
color: #fff; 
text-decoration: underline;
font-size:small;
font-family: Calibri, Arial;
}

#topmenulinks a:active {
color: #fff; 
text-decoration: underline;
font-size:small;
font-family: Calibri, Arial;
}

#topmenulinks a:hover {
color: #336699; /*A0BAC4*/
text-decoration: underline;
font-size:small;
font-family:Calibri, Arial;
}


#Banner 
{
	width:558px;
	height:146px;
	background-color:#00B6DD;
	float:left;
	z-index:inherit;
}

#LeftPanel
{
    width: 202px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    float: left;
}
.LeftPanelMenu 
{
	width: 202px;
	border: none;
	margin-left: 0px;
	z-index:inherit;
	margin: 0;
	padding: 0px 0px;
}
#RightPanel 
{
    width: 558px;
}

#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; 
	text-align:left;
}
.calendar_title
{
    float:left; 
    
    margin-left: 25px;
/*	padding-left: 12px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-left: 12px; */
	
    font-family: verdana;
    font-size: 22px;
    font-weight: bold;
    color: #376683;
    border-bottom: solid 2px #00B6DD;
    letter-spacing: -1px;
    width:510px;
}

#tellAFriend
{
	background-image: url( '.../images/Catalogue/tellafriend_en.jpg' );	
}
.title_image 
{    
	height:50px; 
}

.newsCaption {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 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: 22px;
    font-weight: bold;
    color: #376683;
    border-bottom: solid 2px #00B6DD;
    letter-spacing: 1px;
    width:510px;
    margin-top:10px;
    margin-bottom:10px;
	text-align:left;
}
.calendar_subTitle 
{
    width:510px;
    font-family:Arial;
    font-size: 14px;
    font-weight:bold;
    color:#A0BAC4;
    margin-top:5px;
    margin-bottom:12px; /*2px*/
    float:left;
}
.news_subTitle 
{
    width:390px;
    font-family:Arial;
    font-size: 14px;
    font-weight:bold;
    color:#A0BAC4;
    margin-top:5px;
    margin-bottom:12px; /*2px*/
    float:left;
	text-align:left;
}
.news_subTitleFacebook 
{
    width:390px;
    font-family:Arial;
    font-size: 14px;
    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:12px;
    color:Black;
	text-align: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;
} 

#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:small;
font-family:Calibri, Arial;
}

#menu a {
color: #fff; 
background: #7EA2AE; 
text-decoration: none;
font-size:small;
font-family: Calibri, Arial;
}

#menu a:visited {
color: #fff; 
background: #7EA2AE; 
text-decoration: none;
font-size:small;
font-family: Calibri, Arial;
}

#menu a:link {
color: #fff; 
background: #7EA2AE; 
text-decoration: none;
font-size:small;
font-family: Calibri, Arial;
}

#menu a:active {
color: #fff; 
background: #7EA2AE; 
text-decoration: none;
font-size:small;
font-family: Calibri, Arial;
}

#menu a:hover {
color: #00b6dd; /*a00*/
background: #094b73; /*fff  9fb9c3*/
font-size:small;
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:16px;
	padding-bottom: 6px;
}

.bLinks a
{
	color:#4a6681;
	text-decoration:underline;
	font-weight:bold;
	font-size:16px;
}

.bLinks a:hover
{
	color:#4a6681;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
}




.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: 300px; 
	float: left; 
	margin-bottom: 10px;
}

.FormRow
{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: small;
	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: 11px;
	font-weight: normal;
	margin-right:40px;
}

.DonationHeaderPop
{
	color: #4f4f4f ;  /* #005e96*/
	font: bold 12px Calibri, Arial, Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.DonationHeader
{
	color: #708c9c;  /*#005e96;*/
	font: bold 16px 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: small;
	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:small;
	font-weight:bold;
	font-family: Calibri, Arial; 
	color: #d43437;	
}


.br 
{ 
	clear: left;
}

input
{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:small;
}

.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:small;
	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:small;
	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:15px; 
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:13px; 
font-family: sans-serif;
font-weight:bold;
padding-bottom:6px;
}

.txtturquoise , .txtturquoise p {
color:#00b6dd; 
font-size:13px; 
font-family: sans-serif;
font-weight:bold;
padding-bottom:6px;
}
er
{
	font-size:11px;
	color:#668199;
	font-weight:bold;
	text-align: right;
}

#Footer 
{
	width:100%;
	margin-right:0;
	border-top-style:solid;
	border-top-color:#00B6DD;
	border-top-width:4px;
	background-color:#E0E9EC;

}
#FooterShop 
{
	width:900px;
	height:4px;
	background-color:#00B6DD;
	z-index:inherit;
	margin-right:0;
}

.txtFooter
{
    font-size: 11px;
    color: #376683;
    font-weight: bold;
    text-decoration: none;
    margin-top: 15px;
    margin-bottom: 15px;
	float:right;
}
.txtFooter a
{
	font-size:13px;
	color:#376683;
	font-weight:bold;
	text-decoration: none;
}
.txtFooter a:hover
{
	font-size:13px;
	color:#376683;
	font-weight:bold;
	text-decoration: underline;
}


.txtFooterCheckout
{
	font-size:13px;
	color:#668199;
	font-weight:bold;
	text-align: center;
}
.txtFooterCheckout a
{
	font-size:13px;
	color:#376683;
	font-weight:bold;
	text-decoration: none;
}
.txtFooterCheckout a:hover
{
	font-size:13px;
	color:#376683;
	font-weight:bold;
	text-decoration: underline;
}

#ContentPlaceHolder
{
    float: Left;
    width: 558px;
    background-color: White;
}