/* Fondation des greffés pulmonaires du Québec */



/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#body{
background:#a69c8d url(/images/bgBody.gif) repeat-x;
font: 11px "Century Gothic", Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS" ;
color:#635643;
}


/* Typographie
------------------------------------- */

h1 {}

h2 {font-size:16px;color:#635643;font-weight:bold;padding-bottom:20px;}

h3 {font-size:12px;color:#635643;font-weight:bold;}

h4 {}

h5 {}

h6 {}

p {color:#635643;padding-bottom:10px;font-size:13px;text-align:justify;padding-right:5px;}

p span{
font-size:13px;
font-weight:bold;
}

ul {color:#635643;padding-left:20px;}

li {list-style:disc;font-size:13px;padding-bottom:4px;}


/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 830px;
	margin: 0 auto;
}



/* Le Header
--------------------------------------------------------------------------------------- */

#header {
width:830px;
height:251px;
position:relative;
background:url(/images/bgHeader.jpg);
}

#header .logo{
position:absolute;
top:13px;left:52px;
}

/* Le Menu
--------------------------------------------------------------------------------------- */
#menu{
width:830px;
height:34px;
padding-top:18px;
text-align:center;
padding-left:0px;
}

#menu li{
display:inline;
padding:0 8px;
border-right:1px solid #fff;
font-size:12px;
}

#menu li.brdRightNone{
border-right:0px;
}


#menu li a{

}

#menu li a:link {color:#fff;text-decoration:none;}
#menu li a:visited {color:#fff;text-decoration:none;}
#menu li a:hover {color:#fff;text-decoration:none;}
#menu li a:active {color:#fff;text-decoration:none;}


/* Le Contenu
--------------------------------------------------------------------------------------- */

#content {
width:830px;
float:left;
background:url(/images/bgContentLonger.gif) repeat-y;
}

#contentLonger{
width:830px;
float:left;
background:url(/images/bgContent.gif) no-repeat;
}

#contentRight{
width:287px;
padding-right:43px;
float:right;
padding-top:7px;
margin-left:10px;
}

#news{
width:227px;
padding:25px 30px 0px 30px;
height:170px;
background:url(/images/bgNews.jpg);
position:relative;
top:3px;
}

#news h2{
font-size:18px;
color:#fff;
padding-bottom:10px;
}

#news p{
font-size:10px;
color:#fff;
}

#news h3{
font-size:12px;
font-weight:bold;
}

#news a:link {color:#fff;text-decoration:none;}
#news a:visited {color:#fff;text-decoration:none;}
#news a:hover {color:#fff;text-decoration:underline;}
#news a:active {color:#fff;text-decoration:none;}


#bulletin{

width:287px;
position:Relative;
background:url(/images/bulletin.gif) top;
margin-bottom:10px;
top:-5px;
}

#bulletinInner{
width:225px;
padding:10px 0 10px 30px;
}
#bulletin p{
color:#fff;
}

#bulletin h2{
font-size:18px;
color:#fff;
padding-bottom:15px;
}
#bulletin ul{
padding-left:0px;
}

#bulletin ul li{
list-style:none;
padding-bottom:20px;
padding-left:30px;
font-size:11px;
}

#bulletin ul li.iconPDF{
background:url(/images/pdf.gif) no-repeat;
}
#bulletin ul li.iconDOC{
background:url(/images/doc.gif) no-repeat;
}
#bulletin ul li.iconELSE{
background:url(/images/else.gif) no-repeat;
}

#bulletin a:link {color:#fff;text-decoration:none;}
#bulletin a:visited {color:#fff;text-decoration:none;}
#bulletin a:hover {color:#fff;text-decoration:underline;}
#bulletin a:active {color:#fff;text-decoration:none;}


#bulletin h3{
font-size:12px;
font-weight:bold;
}

#contentLeft{
padding-top:20px;
padding-left:55px;
width:430px;
}


.nouvelle{
color:#635643;
}

.nouvelle .nouvelleSuite{
float:right;
padding-bottom:10px;
}

.nouvelle .nouvelleSuite a{
color:#635643;
font-weight:bold;
}

.nouvelle .nouvelleRetour{
}

.nouvelle .nouvelleRetour a{
color:#635643;
font-weight:bold;
}

.nouvelle .nouvelleDate{
color:#635643;
}

.stats{
border-color:#5c4d38;
border-style:solid;
border-width:2px;
width:428px;
}

.stats th{
font-weight:bold;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}

.stats td{
text-align:center;
padding:4px;
}

.stats .brown{
background:#ede7dd;
}

.bitleft{
position:relative;
left:-8px;
}


/* Liens
------------------------------------- */

a:link {color:#635643;text-decoration:underline;}
a:visited {color:#635643;text-decoration:underline;}
a:hover {color:#635643;text-decoration:none;}
a:active {color:#635643;text-decoration:underline;}


a.underline:link {color:#fff;text-decoration:underline;}
a.underline:visited {color:#fff;text-decoration:underline;}
a.underline:hover {color:#fff;text-decoration:none;}
a.underline:active {color:#fff;text-decoration:underline;}



/* Tableaux
------------------------------------- */

table {}
caption {}
th {}
td {}


/* Formulaires
------------------------------------- */

form {}

form div{
color:#635643;
float:left;
width:420px;
padding:5px;
}

form div.browndiv{
background:#ede7dd;
}

form label{
display:block;
float:left;
width:250px;
clear:left;
}
form select{
float:left;
width:160px;
}


form input{
float:left;
width:160px;
}

#btnSend{
clear:left;margin-top:15px;margin-bottom:15px;margin-left:140px;

}



input {}
textarea {}
label {}
fieldset {}
legend {}



/* La Sidebar
--------------------------------------------------------------------------------------- */

#sidebar {}



/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
color:#fff;
	clear: both;
	width:830px;
	height:40px;
	padding-top:6px;
	background:url(/images/bgFooter.gif);
	text-align:center;
}

#footer a:link {color:#fff;text-decoration:none;}
#footer a:visited {color:#fff;text-decoration:none;}
#footer a:hover {color:#fff;text-decoration:underline;}
#footer a:active {color:#fff;text-decoration:none;}