@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------------
	Body - #body container
--------------------------------------------------------------------*/
#wrap {
	min-width: 978px;
	position: relative;
}
#body {
	width: 978px;
	margin: 0 auto;
	position: relative;
}





/*------------------------------------------------------------------
	Header et nav - #header
--------------------------------------------------------------------*/

#header {
	width: 978px;
	margin:	0;
	padding: 0;
	position:relative;
	display:block;
	z-index: 84;
}

#header .rightNav{
	float:right;
	text-align:right;
	width:700px;
	padding: 5px 20px 0 0;
}

#header .logo{
	position:absolute;
	margin:0;
	padding:0;
	left:10px;
	top:0px;
	z-index: 200;
	width:221px;
	display:block;
}



/*------------------------------------------------------------------
	Main Navigation - #nav
--------------------------------------------------------------------*/



#body #nav { 
	width: 978px; 
	height: 36px; 
	margin: 20px 0 10px 0 ; 
	position: relative; 
	z-index: 100;
	display:block;
	border: 1px solid #ddd;
	background-color: #FFF;
	background-image:url(../images/bkg_mainNav.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
}

#body #nav ul{ 
	margin: 0; 
	padding: 0 0 0 224px; 
	list-style:none;
	text-transform: uppercase;
}

#body #nav li { 
	padding:0;
	margin:0;
	float:left;
	display:block;
	z-index: 1989;
}

#body #nav li a { 
	float: left; 
	font-weight: bold; 
	font-size:11px;
	height: 20px; 
	padding: 12px 8px 5px 8px; 
	color:#333;
	border-right:1px solid #DDD;
	display:block;
}

#body #nav  li a:hover { 
	color:#FFF;
	text-decoration:none;
	background:#c80270;

}

/*------------------------------------------------------------
    Flash Holder
--------------------------------------------------------------*/

#flashHolderFirst
{
    position: relative;
    z-index: 3;
}


/*------------------------------------------------------------------
	Left side - #leftSide
--------------------------------------------------------------------*/

#leftSide
{
    margin:20px 0 0 0;
	width:250px;
	padding:0;
	float:left
}


#leftSide #ongletPage
{
    display:block;
	margin:16px 0 0 0;
	background:#FFF;
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


#leftSide #ongletPage h3
{
    font-style: italic;
	font-size: 15px;
}

#leftSide #ongletPage  p
{
    margin:8px 0 0 0;
	padding:0;
}

#leftSide #ongletPage ul 
{
   margin: 10px 30px;
   padding:0;
   list-style:none
}

#leftSide #ongletPage ul li
{
   margin:0 0 10px 0;
   border-bottom:1px solid #DDD;
   padding:0 0 10px 0;
   display:block;
   
}

#leftSide #ongletPage ul li a
{
   margin:0;
   padding:0;
   color:#333;
   display:block;
   height:60px

}

#leftSide #ongletPage ul li a:hover
{
   color:#e0007c;
  text-decoration:none
}

#leftSide #ongletPage ul li.ongletDon
{
  background:url(../images/buttons/ico_faitesDon.jpg) top right no-repeat;
}

#leftSide #ongletPage ul li.ongletSupport
{
  background:url(../images/buttons/ico_demandSoutien.jpg) top right no-repeat;
}

#leftSide #ongletPage ul li.ongletPartners
{
  background:url(../images/buttons/ico_partenaire.jpg) top right no-repeat;
}

#leftSide #ongletPage ul li.ongletNewsletter
{
  background:url(../images/buttons/ico_infolettre.jpg) top right no-repeat;
}




/*------------------------------------------------------------------
	Right side - #rightSide
--------------------------------------------------------------------*/

#rightSide
{
    margin:20px 0 0 0;
	width:708px;
	padding:0;
	float:right;
	background:#FFF;
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#rightSide .titlePage
{
    margin:0;
	padding:10px 20px 4px 20px;
	display:block;
	width:668px;
	border-bottom: 1px solid #ddd;
}

#rightSide .entetePage
{
    margin:0;
	padding:0;
	display:block;
	width:708px;
	border-bottom: 1px solid #ddd;
	
}

#rightSide .contentPage
{
    margin:0;
	padding:0;
	display:block;
	width:708px;
}

#rightSide .contentPage .columnTxt
{
    float:left;
	padding: 20px 15px;
	width: 324px;
	margin:0
}

#rightSide .contentPage .wholeWidthContent
{
    padding: 20px 15px;
}

#rightSide .contentPage .fullTxt
{
    float:left;
	padding: 20px 15px;
	width: 680px;
	margin:0
}

/*------------------------------------------------------------------
	Form Layout - #WrapForm
--------------------------------------------------------------------*/




.formTable
{
	border:4px solid #dddddd;
	padding:0px;
	margin:0;
	color:#000;
	font-size:13px;	
}

 .Step{
	background: #dddddd;
	padding:8px;
	margin:0;
	color:#000;
	font-size:15px;

	
}

 .contentForm{
	padding:8px;
	margin:0;
	color:#333;
	font-size:13px;	
}

 .WrapFormBtnHolder{
	padding:8px 0 8px 0px;
	margin:0;
	color:#333;
	font-size:13px;	
	text-align:center !important;
}



.formTable input {
	font-size:12px;
	color:#666;
	border:none;
	padding:2px;
	border:1px solid #CCC;	
}
.RadioButtonList{
    font-size:13px;
	color:#666;
	border:none;
	padding:2px;
}



/*------------------------------------------------------------------
	HOME PAGE - #Flash older
--------------------------------------------------------------------*/

#flashHolder{
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	 margin: 8px auto; 
	 width: 976px; 
	 height:355px;
	 background-image: url(../images/bkg_flashHome.jpg); 
	 background-repeat: repeat-x;
	 background-color:#FFF
	
}
 
#flashHolder #mapFlash{ 
	 width: 303px; 
	 float:left;
	 margin:0;
	 padding:0;
	 display:block
}

#flashHolder #donorsFlash{ 
	 width: 673px; 
	 float:right;
	 margin:0;
	 padding:0;
	 display:block
}




/*------------------------------------------------------------------
	HOME PAGE - #onglet
--------------------------------------------------------------------*/

#onglet{
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	 margin: 8px auto; 
	 width: 976px; 
	 height:111px;
	 background: url(../images/bkg_onglet.jpg); 
	 background-repeat: repeat-x;
	 background-color:#FFF;
	
}

#onglet .icoContent{
	float:left;
	display: block;
	border-right:1px solid #ddd
	
}

#onglet #bannerPartners{
	float:left;
	display: block;
	padding:5px 8px 5px 8px;
	text-align:center !important;
	
}

/*------------------------------------------------------------------
	HOME PAGE - #contentHome
--------------------------------------------------------------------*/

#contentHome{
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	 margin: 8px auto; 
	 width: 976px; 
	 /*height:355px;*/
	 background: #FFF; 
	 overflow:hidden;
	text-align: left;
}

#contentHome .Title{
	border-bottom: 1px solid #ddd; 
	width: 936px; 
	padding:5px 20px;
	
}

#contentHome .partners{
	 border-bottom: 1px solid #ddd;
	 width: 976px; 
	 height:66px;
	 background: #FFF; 
	
}


#contentHome #newsBlock{
	 width: 976px; 
	 display:block;
	 margin:0;
	 padding:0
}

#contentHome #newsBlock .bigNews{
	 width: 448px; 
	 display:block;
	 margin:0;
	 padding:10px 20px;
	 border-right:1px  solid #ddd;
	 float:left
}

#contentHome #newsBlock .moreNews{
	 width: 446px; 
	 display:block;
	 margin:0;
	 padding:8px 10px;
	 float:right

}

.tagPlacer {
	margin:0;
	padding:0;
	float:left; 
	width:250px;
	font-size:11px;
	color: #666
}

.txtPlacer {
	margin:0;
	padding:0; 
	font-size:12px;
	color: #333;
	clear:both;
}

.txtPlacer p
{
    text-align: left;
}

.txtPlacer p{
	margin:0;
	padding:0; 
}

.txtPlacer h3 {
	margin:0;
	padding:0; 
	font-size:19px;
	font-style: italic;
	color: #e0007c;
	font-weight:lighter;
}
.publishPlacer {
	margin:8px 0 0 0;
	padding:0;
	font-size:11px;
	color: #666
}
.commentPlacer{
	margin:0;
	padding:0;
	float:right; 
	width:180px;
	font-size:11px;
	color: #666;
	text-align:right;
}



/*------------------------------------------------------------------
	FOOTER - #footer
--------------------------------------------------------------------*/

#footer{
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	 width: 936px; 
	 background:#FFF url(../images/bkg_footer.gif) no-repeat bottom right;
	 color: #888; 
	 font-size: 12px; 
	 line-height: 1.3em;
	 margin: 8px auto; 
	 padding: 20px; 
	 text-align: left;
}

#footer .footerContent{
	float:left;
	width: 180px;
	
}

#footer .footerContentRight{
	float:right;
	width: 200px;
	text-align:right !important
	
}

#footer .footerContentRight ul{
	list-style:none; 
	margin: 0 0 20px 0; 
	padding: 0;
	font-weight:bold; 
}

#footer ul { 
	list-style:none; 
	margin: 0 0 20px 0; 
	padding: 0; 
	
	}

#footer li { 
	margin: 0; 
	padding: 0 ; 
	
	}
#footer li a { 
	width:130px; 
	color: #777; 
	text-decoration: none; 
	padding: 0 10px; 
	margin-left: -10px; 
}
#footer li a:hover { 
	color: #555; 
	text-decoration: none; }


#footerCredit{
	
	 width: 936px; 
	 color: #888; 
	 font-size: 12px; 
	 line-height: 1.3em;
	 margin: 18px auto; 
	 padding: 5px 20px 5px 20px; 
	 text-align: right !important
}

/***************************************/
/*  COMING FROM THE PREVIOUS VERSION   */
/***************************************/

body .noPadding
{
    padding: 0 !important;
}

.WrapForm .BorderForm{
	border-bottom:6px solid #DDD;
	border-right:6px solid #DDD;
	border-left:6px solid #DDD;
	padding:8px;
}

.WrapForm .BorderForm .FormContent{
	background: #f4f4f4;
	padding:8px 14px 8px 22px;
	
}

.WrapForm .BorderForm .FormContent .FormField{
	float:left;
	width:350px;
	
}

table.list {
	
	background-color:#ffffff;
}

.listTitleCell
{
	padding:6px 3px 6px 3px;
	background:#f1f1f1;
	font-weight:bold;
	font-size: 14px;
	color:#666;
}

.listTitleCell a
{
	color:#666;
	font-weight:normal;
	font-size:14px;
}

.listTitleCell a:hover
{
	color:#000;
}

.listContentCell
{
	padding:3px;
	font-size:normal;
	
	font-size:13px;
}

.listContentCell img { vertical-align:middle}

.listContentCell a
{
	color:#333;
	font-weight:normal;
	font-size:13px;
}

.listContentCell a:hover{
	color:#f52496;
	text-decoration:underline;
}

.thirdWidth
{
    width: 33% !important;
}

.noPaddingTop
{
    padding-top: 0 !important;
}

.noPaddingBottom
{
    padding-bottom: 0 !important;
}

.testimonial
{
    font-style: italic;
    padding-left: 25px;
}

.partnersContainer
{
    display: block;
}

.partnersContainer a
{
    display: block;
    float: left;
    padding: 15px;
}

.ourDonorsSearchTitle
{
    float: left;
    width: 150px;
    font-weight: bold;
}

.ourDonorsSearchBody
{
    float: left;
    width: 250px;
}

.ourDonorsSearchButton
{
    float: left;
    width: 150px;
    text-align: center;
    padding-top: 22px;
}

.ourDonorsSearchBox
{
    float: left;
    width: 410px;
}

.searchBoxContainer { vertical-align:middle; }

.searchBoxContainer input
{
    padding-top: 4px;
}

.ColorLink
{
    color: rgb(204, 0, 102) !important;
}

#WhatIsThisBox
{
    font-size: 12px;
    width: 200px;
    border: 2px solid #F52496;
    background-color: White;
    position:absolute;
}

#WhatIsThisBoxHeader
{
    text-align: center;
    background-color: #F52496;
    color: White;
    font-weight: bold;
}

#WhatIsThisBoxText
{
    padding: 5px;
}

/* ------ Calendrier dans form.aspx -------*/
.CalendarImage
{
    cursor: pointer;
}

/*  CLASSES CSS POUR LE CALENDRIER  */

.ajaxCalendarForm
{
}

.ajaxCalendarForm .ajax__calendar_container
{
    background-color: White;
    color: black;
    border: 1px solid black;
}

.ajaxCalendarForm .ajax__calendar_header
{
    background-color: #E53E9A;
    color: White;
}

.ajaxCalendarForm .ajax__calendar_today
{
    margin-top: -8px;
}

.ajaxCalendarForm .ajax__calendar_other
{
    color: gray;
}

.BlockNews{
	display:block;
	padding:0;
	margin: 0;	
	position:relative;

}


.BlockComment{
	display:block;
	padding:0;
	margin: 0;	
}

.BlockComment .TitleComments{
	display:block;
	margin: 0;	
	color: #000;
	border-top: 1px solid #DDDDDD;
	padding:6px 0 6px 0;
}



.BlockComment .ContentComments{
	display:block;
	margin: 0;
	padding:10px 6px 10px 6px;
	color: #666;
	font-size:12px;
	border-bottom: 1px solid #DDDDDD;
	background: #f4f4f4;
}

.FieldComments{
	display:block;
	padding:20px 0 10px 0;
	margin: 0;	
	position:relative
}

.BorderImage{
	float:right;
	margin: 0 0 10px 10px;
}

.center
{
    text-align: center !important;
}

.donorListCell1Width
{
    width: 27%;
}

.donorListCell2Width
{
    width: 27%;
}

.donorListCell3Width
{
    width: 46%;
}

.valigntop td
{
    vertical-align: text-top !important;
}

/********************************************/
/*        ACCORDION CONTROL                 */
/********************************************/

.accordionSelectedHeader
{
    padding-left: 25px !important;
    background-image: url(../images/flecha_V.gif);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
}

.accordionHeader
{
    padding-left: 25px !important;
    background-image: url(../images/flecha_H.gif);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
}

.collapsibleImageSmall
{
    padding: 0 5px 2px 0;
}

.CursorPointer
{
    cursor: pointer !important;
}