/*
* CSS - HOME.SCREEN LAYOUT
* 
* @version: 1.0
* @title: Soeurs de la Providence
* @langue: Toutes
* @year: 2008
* @author: CyberGénération - JF Morin
* @modif: CyberGénération - PG
* @comment: CyberGénération - PG : C'est pas top mais c'est mieu que c'était...
*
*/

body{font-family:Verdana, Arial, Helvetica, sans-serif;color:#323232}
body p{margin-bottom:12px;text-align:justify;}
p.last {padding-bottom:18px}
p.start {padding-top:5px}
h3{color:#4d6b75;font:bold 15px Arial, Helvetica, sans-serif;margin-bottom:5px}

#c1 #side_menu h3{font-size:15px;width:230px;display:block;position:absolute} /* R�gle un bogue d'affiche dans IE6 par rapport au sIFR */
#side_menu ul {padding-top:40px} 											  /* Compense pour le bogue du h3 dans IE6 par rapport au sIFR */

h3 { text-transform:uppercase}
h3.lowercase { text-transform: none}
h4{color:#8d9f43;font:bold 14px Arial, Helvetica, sans-serif;margin-bottom:5px}
h5 {color:#000000; font:bold 11px Verdana, Arial, Helvetica, sans-serif;}

#c1 #side_menu ul a{background-position:0px 0px}
a.more_info{background:url(../../images/bullet_more.jpg) no-repeat 2px 2px;padding-left:14px;color:#5a8c89;font-weight:700}
a.more_info:hover{text-decoration:underline}


/********* NORMAL - DEFAULT *********/
body.normal{font-size:11px}
body.normal #nouvelles .date{font-size:10px}
body.normal #nouvelles .titre{font-size:11px}
body.normal a.more_info{background-position:2px 2px}
body.normal #c1 #side_menu ul a{background-position:0px 0px}
body.normal h3{font-size:15px}
body.normal h4{font-size:14px}
body.normal h5{font-size:11px}

/********* LARGE *********/
body.large{font-size:12px}
body.large #c2 #nouvelles .date{font-size:11px}
body.large #c2 #nouvelles .titre{font-size:12px}
body.large a.more_info{background-position:2px 3px}
body.large #c1 #side_menu ul a{background-position:0px 1px}
body.large h3{font-size:18px}
body.large h4{font-size:16px}
body.large h5{font-size:12px}

/********* X-LARGE *********/
body.x-large{font-size:13px}
body.x-large #c2 #nouvelles .date{font-size:12px}
body.x-large #c2 #nouvelles .titre{font-size:13px}
body.x-large a.more_info{background-position:2px 4px}
body.x-large #c1 #side_menu ul a{background-position:0px 2px}
body.x-large h3{font-size:19px}
body.x-large h4{font-size:18px}
body.x-large h5{font-size:13px}

/********* XX-LARGE *********/
body.xx-large{font-size:14px}
body.xx-large #c2 #nouvelles .date{font-size:13px}
body.xx-large #c2 #nouvelles .titre{font-size:14px}
body.xx-large a.more_info{background-position:2px 5px}
body.xx-large #c1 #side_menu ul a{background-position:0px 2px}
body.xx-large h3{font-size:22px}
body.xx-large h4{font-size:20px;}
body.xx-large h5{font-size:14px}