/*---

Gouverneursdelespoir.org // CSS Global
Auteur : Arteca Design inc.
Derniere revision : 2 mai 2008

	1.	Header
	2.	Menu principal
	3.	Zone de contenu
	4.	Sidebar (droite)
	5.	Footer
	
Notes: 

---*/

 body {
 	font: normal 11px Arial, Helvetica, sans-serif;
 	background: url("img/common/bg_body.gif") repeat-y -10px 0 #525252;
 	margin: 0;
 	padding: 0;
 }

/* 
#wrapper {
	position: relative;
	width: 764px;
	margin-bottom: 100px;
	
} */

.frontPage { background: url("img/common/bg_main.gif") repeat-y -1px 0 transparent; }

.block1x1 {
	background-color: #000;
	height: 1px;
	width: 1px;
}

p {
	padding: 0;
	margin: 0 0 15px 0;
}

a img { border: none;}

/* ---------------------------------------- */
/* 1. Styles pour le header 				*/
/* ---------------------------------------- */

.headerDiv { background-color: #FFF; }

.tdLogoTop { padding: 0 0 0 10px; }

.tdDate {
	font-size: 10px;
	color: #999;
	margin: 0px;
	padding: 0 10px 8px 0;
}

#menuMedias { background-color: #A35229; }

#menuMedias td {
	font-size: 11px;
	height: 71px;
	padding: 5px 10px 8px 10px;
}

#menuMedias a {
	color: #FFF;
	text-decoration: none;
}

#menuMedias a:hover { color: #FFD100; }

.mediasFirstItem {
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #C0886B;
}

/* ---------------------------------------- */
/* 2. Styles pour Menu principal			*/
/* ---------------------------------------- */

.menuBarDiv {
	font-size: 10px;
	background: url("img/common/bg_menu.gif") repeat 0 0 #686868;	
	margin: 0;
	padding: 2px 0 3px 0;
}

div.menuBarDiv a { font-size: 11px; }
div.button a { font-size: 10px; }

a.menu {
	color: #FFF;
	font-size: 10px;
	text-decoration: none;
}

a.menuNoCursor {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	cursor: default;
}

a.menu:hover { color: #CECECE; }

a.menuNoCursor:hover { color: #CECECE;}

.menuItem {
	margin: 0;
	padding: 0 7px 0 0;
	border-right: 1px solid #7C7C7C;
}

.shadowUnderMenuDiv {
	height: 2px;
	background-color: #E5BC00;
}

.button ul {
	list-style: none;
	margin: 0;
    padding: 0;
	border: none;
}

.button li {
	border-bottom: solid 1px #7B7B7B;
	margin: 0;
}	

.button li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	background-color: #5D5D5D;
	color: #FFF;
	text-decoration: none;
}

html>body .button li a { width: auto; }

.button li a:hover {
	background-color: #4E4E4E;
	color: #FFCC00;
}

.button li.firstItemShadow a {
	background-image: url("img/common/bg_menu_firstItem.gif");
	background-repeat: repeat-x;
}

.button li.firstItemShadow a:hover {
	background-image: url("img/common/bg_menu_firstItem_ro.gif");
	background-repeat: repeat-x;
}

.button {
	position: absolute;
	width: 120px;
	border-right: 1px solid #4E4E4E;
	border-bottom: 1px solid #4E4E4E;
	padding: 0 0 0.5em 0;
	margin-bottom: 0.5em;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #686868;
	color: #333;
	font-size: 10px;
} 

/* ---------------------------------------- */
/* 3. Styles pour la zone de contenu		*/
/* ---------------------------------------- */

.subheaderDiv {
	height: 193px;
	background: url("img/common/bg_subheader.gif") repeat 0 0 #FFD100;
}

.titleFrontNews {
	background-color: #FFF1B3;
	border-top: 1px solid #996633;
	border-bottom: 1px;
	border-left: 1px solid #996633;
	margin-left: 155px;
}

.tdLeftFrontNews {	
	border-right: 1px solid #963;
	height: 65px;
}

.logoLargeDiv {
	height: 127px;
	/*background: url("img/common/logoFondationLarge_v2.gif") no-repeat right top transparent;*/
}

.sourireDiv {
	height: 193px;
	/*background: url("img/common/img_bg_subheader.jpg") no-repeat left top transparent;*/
	background: url("img/common/bg_nico.jpg") no-repeat left top transparent;
}

.structuralTable {
	width: 759px;
}

.shadowSection {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #E3E3E3;
}

.bgSection {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
}

.path {
	font-size: 10px;
	color: #666;
}

.path td {
	padding-left: 15px;
	height: 22px;
}

.path a {
	color: #A35229;
	text-decoration: underline;
}

.path a:hover {
	color: #333;
	text-decoration: underline;
}

.section {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
}

.captionSection {
	font-size: 10px;
	color: #333;
	padding: 7px 0px 7px 3px;
	height: auto;
	line-height: 11px;
}

.titleCaption {
	font-size: 11px;
	color: #333;
	font-weight: bold;
	padding: 0 0 7px 0;
}

.captionSection a {
	color: #A35229;
	text-decoration: none;
	font-size: 11px;
	line-height: 11px;
	display: block;
	padding: 4px 0; 
	margin: 0;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	margin-top: -1px;
	position: relative;
}

.captionSection br { display: none; }

.captionSection a:hover {
	color: #333;
}

#contentSection {
	font-size: 12px;
	color: #333;
	padding: 0 15px 5px 15px;
	margin: 0;
}

#contentSection a {
	color: #A35229;
	text-decoration: underline;
}

#contentSection a:hover {
	color: #333;
}

#contentSection .entryTitle {
	font-size: 17px;
	font-weight: bold;
	color: #333;
	line-height: 15px;
	padding-bottom: 3px;
}

#contentSection div.titleNoComment {
	font-size: 17px;
	font-weight: bold;
	color: #333;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 15px;

}

#contentSection .commentUnderTitle {
	font-size: 10px;
	font-weight: bold;
	color: #A35229;
	padding: 0 0 10px 0;
	margin: 0;
}

#faqBox {
	margin: 7px 0 7px 0;
	padding: 0;
}

#faqBox .content {
	font-size: 11px;
	color: #FFF1B3;
	background-color: #A35229;
	border-right: 1px solid #6C361B;
	border-left: 1px solid #6C361B;
	margin: 0;
	padding: 4px 7px 4px 7px;
}

#faqBox h3 {
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
	padding: 0;
	margin: 0;
}

#faqBox .separator {
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0886B;
	margin: 5px 0 5px 0;
}

.subheaderDivForum { background-color: #D1D1D1; }

.paddingForum { padding: 10px; }

.shadowForum { border-top: 2px solid #D1D1D1; }

/* ---------------------------------------- */
/* 4. Styles pour la sidebar (droite)		*/
/* ---------------------------------------- */

.menuBarRightDiv {
	background: url("img/common/bg_menu.gif") repeat 0 0 #686868;
	height: 27px;
}

#rightDiv {
	width: auto;
	padding: 8px 8px;
	font-size: 11px;
	line-height: 13px; 
	color: #333;
	position: relative;
}

.subheaderRightDiv {
	border-top: 2px solid #E5BC00;
	background-color: #FFD100;
}

.titleSidebar { padding-bottom: 7px; }

#rightDiv H4 {
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 7px 0;
	margin: 0;
}

#rightDiv a {
	font-size: 11px;
	color: #333;
	text-decoration: underline;
}

#rightDiv a:hover { color: #A35229; }

#rightDiv form {
	margin: 0;
	padding: 7px 0 0 0;
}

.textfield {
	font-size: 1.2em;
	color: #666;
	background-color: #FFF;
	border: 1px solid #7C8571;
	margin: 0 1px 0 0;
	padding: 2px; 
	width: 110px;
}

.butt {
	background-color: #E0B800;
	margin: 0;
	font-size: 10px;
	color: #000;
	padding: 1px 5px;
}

#rightDiv .linkRight {
	border: 1px solid #000;
	font-weight: bold;
}

#rightDiv .linkRight.droitParole {
	border: none;
}
		
#rightDiv .linkRight a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 4px 4px 4px 0.5em;
	background-color: #5D5D5D;
	font-size: 10px;
	width: 100%;
	background: url("img/common/arrow_btn_sidebar.gif") no-repeat 100% 50% #5D5D5D;
}

html>body #rightDiv .linkRight a { width: auto; }

#rightDiv .linkRight a:hover {
	background-color: #6E6E6E;
	color: #FFF;
}

#rightDiv .linkright.droitParole a {  
	background: url("img/common/droit_parole.jpg") no-repeat;
	width: 160px;
	height: 45px;
	display: block;
	padding: 0 0 4px;
	text-indent: -5000px;
}

.separatorRight {
	width: auto;
	border-bottom: 1px solid #EDB808;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.autresJeunes { padding: 7px 0 0 0; }

/* ---------------------------------------- */
/* 5. Styles pour le footer					*/
/* ---------------------------------------- */

.footerRight {
	height: 1px;
	width: 1px;
}

#footer {
	background-color: #686868;
	border-top: 1px solid #7B7B7B;
	padding: 3px 10px 0;
	border-bottom: 10px solid #686868;
	width: 100%;
}

html>body #footer { width: auto; }

#footer td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCC;
}

#footer td a {
	color: #CCC;
	text-decoration: none;
}

#footer td a:hover { color: #FFF; }

/* ---------------------------------------- */
/* 6. Styles pour l'accueil	 				*/
/* ---------------------------------------- */

#colonneFrontLeft {
	background: url("img/common/img_pin_accueil.gif") no-repeat left top transparent;
	height: 271px;
}

#colonneCal {
	padding: 5px 0 0 1px;
	height: auto;
}

#colonneFront {
	font-size: 11px;
	color: #FFF1B3;
	color: #EDD197;
	padding: 5px 10px 0 15px;
	height: auto;
	overflow: hidden;
}

#colonneFront a {
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-decoration: underline;
}

#colonneFront a:hover { color: #FFD100; }

#colonneFront H3 {
	margin: 0;
	padding: 0;
}

#colonneFront h3 a {
	font-size: 15px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}

#colonneFront h3 a:hover { color: #FFD100; }

.homeOver { display: none;}
#colonneFront .homeOver { position: absolute; top: 569px; left: 599px; display: block;}

.news {  padding-bottom: 15px; }


.news p {
padding: 5px 0 0 0;
margin: 0;
/* text-align: justify; */
}

.dateNews  {
	font-size: 10px;
	color: #FFF;
	padding: 0 0 7px 0;
	margin: 0;
	text-align: right;
	width: auto;
}

#calendar  {
	font-size: 10px;
	padding-top: 18px;
}

#calendar td {
	font-size: 9px;
	margin: 0;
	padding: 0;
	height: auto;
	width: auto;
	text-align: center;
}

.beforeFooterFront { border-top: 1px solid #824221; }

span.icnForm a,
span.icnFonds a { 
	display: block;
	background: url('http://www.gouverneursdelespoir.org/img/common/icn_formulaire.gif') no-repeat 2px 1px;
	padding-left: 18px;
	line-height: 15px;
}

span.icnFonds a { background-image: url('http://www.gouverneursdelespoir.org/img/common/icn_levees_fonds.gif');  background-position: 1px 0; }

span.icnForm a:hover { background-position: 2px -27px; }

span.icnFonds a:hover { background-position: 1px -28px; }

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

/* ---------------------------------------- */

#pharmaprixList h3 {
	border-top: 1px solid #CCC;
	padding-top: 25px;
}

#pharmaprixList dl,
#pharmaprixList dt,
#pharmaprixList dd {
	padding: 0;
	margin: 0;
}

#pharmaprixList dt { 
	margin: 0 0 10px 0;
	text-decoration: underline;
}

#pharmaprixList dd { margin: 0 0 10px 30px; }

#pharmaprixList dd strong {
	display: block;
}