/*
* 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...
*
*/

*{margin:0;padding:0;border:none;text-decoration:none;list-style-type:none}
body{background:#d9b445 url(../../images/bg_body.jpg) repeat-x center top}
#container{width:764px;padding:6px;margin:0 auto;background:#fff}

hr {
	background-color:#8D9F43;
	height:1px;
	border:0;
	color:#8D9F43;
	margin:20px 0;
	padding:0;
}

.right{float:right}
.left{float:left}
.center{text-align:center;}
.clear{clear:both}
.hide{display:none}
.font-resizer{margin-top:-5px}		
.dotBullet li {list-style:disc; margin:0 0 0 25px;}


.tabulation {
	margin: 5px 0 0 20px;
	padding:0;
}

/********* LIENS **********/
a:link { color: #A25414; }
a:visited { color: #A25414; }
a:hover { color: #8D9F43; }
a:active { color: #8D9F43; }

/********* HEADER *********/
#header{height:246px;width:764px}
#header span{display:none}

#header h1{position:absolute;top:25px;}
#header h1 a{display:block;width:250px;height:140px}

#header #mini_menu{height:19px}

#header #mini_menu .color_box{width:128px;height:19px;float:left;margin-right:1px}
#header #mini_menu .color_box.cyan{background-color:#5a8b88}
#header #mini_menu .color_box.orange{background-color:#b87b24}
#header #mini_menu .color_box.yellow{background-color:#caa126}

#header #mini_menu .liste_menu{width:362px;height:16px;background-color:#5a8b88;float:right;padding:3px 15px 0 0}
#header #mini_menu .liste_menu ul{list-style-type:none;margin:0;padding:0;float:right}
#header #mini_menu .liste_menu ul li{margin:0;padding:0;float:left;color:#FFF;font-size:10px}
#header #mini_menu .liste_menu ul li a{color:#FFF;padding:0 1px;font:bold 10px Verdana, Arial, Helvetica, sans-serif}
#header #mini_menu .liste_menu ul li a:hover{text-decoration:underline}

#header #banner{width:764px;height:146px;margin-top:1px}

/********* TOP HOVER MENU *********/	
#header #menu							{height:80px;width:764px;background:url(../../images/background_menu.jpg) no-repeat;position:relative; z-index:9000 }
#header #menu ul						{list-style-type:none;margin:1px 0 0;padding:0;float:right;height:40px;}
#header #menu ul li						{margin:0;padding:0;float:left;height:39px;position:relative;}
#header #menu ul li a					{display:block;height:39px; }
#header #menu ul li a span				{display:none}																										

/* style the table so that it takes no part in the layout - required for IE to work */
#header #menu table 					{ position:absolute; top:0; left:0; z-index:9100; }

/* hover of mainMenu bar */	
#container #header #menu li a:hover, #container #header #menu ul li ul a:hover	{ color:#ccc; position:static; z-index:9200; }


/* style for the dropdown menu */		
#header #menu ul ul 					{ position:absolute; top:23px; left:0; width:100%; padding-top:15px; visibility:hidden; }
#header #menu ul ul li 					{ background:#8d9e42; width:180px; height:auto; padding:0; margin:0; text-align:left;} 
#container #header #menu ul ul li a		{ background:none; width:160px; height:auto; margin:0 10px; padding:10px 0; color:#fff; font-weight:bold; font-size:10px; border-bottom: #fff 1px dotted }
#container #header #menu ul ul li:hover { background:#cae177; color:#8d9e42; }
#container #header #menu ul ul li:hover a 	{ color:#8d9e42; }
#container #header #menu ul ul li.noBorder a	{ border:none; }

/* hover of the dropdown menu */	
#header #menu ul li:hover ul, #header #menu ul li a:hover ul 	{ visibility:visible; z-index:9999; }
	
/********* CONTENT *********/
#content{background:url(../../images/shadow_c2.jpg) no-repeat 230px 0}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align:top; }

/* photos colonne de droite*/
.photo_col2 {
	width:215px;
	float:right;
	padding: 0 0 0 43px;
	margin:0;
	overflow:hidden;
}

.photo_col2 p.titre {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	
	font-style:normal;
	text-align:left;
}

.photo_col2 p {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	
	font-style:italic;
	text-align:left;
	padding:0;
}

/********* COLONNE 1 *********/
#c1{width:225px;float:left;padding:10px 0 20px 0}

#c1 #side_menu{padding:0 5px 15px 15px}
#c1 #side_menu ul li{padding:4px 0 5px 0;background:url(../../images/border_side_menu.gif) bottom left no-repeat}
#c1 #side_menu ul a{color:#8d9f43;font-weight:700;background:url(../../images/bullet_side_menu.gif) no-repeat;padding-left:20px;display:block}
#c1 #side_menu ul a:hover{text-decoration:underline}

/********* COLONNE 2 *********/
#c2{width:485px;float:left;padding:10px 23px 30px 23px; overflow:hidden}
#c2 img.right{margin:0 0 15px 10px}
#c2 img.left{margin:0 15px 10px 0}

/********* ÉQUIPE DE L'ADMINISTRATION GÉNÉRAL *********/
#equipeAdminGeneral table { width:100%;}
#equipeAdminGeneral table td { width:30%;}

/********** CENTRE INTERNATIONAL **********/
#CentreInternational table.format_tableau tr td a:link { color: black; font-weight: bold;}
#CentreInternational table.format_tableau tr td a:visited { color: black; font-weight: bold; }
#CentreInternational table.format_tableau tr td a:hover { color: black; text-decoration: underline;font-weight: bold; }
#CentreInternational table.format_tableau tr td a:active { color: black; }



/********* FOOTER *********/
#footer{background:#8d9e3f url(../../images/corner_left_footer.gif) no-repeat;width:764px;height:34px;position:relative;clear:both;text-align:center}
#footer p{color:#FFF;margin:0;padding:0;padding-top:5px}
#footer #corner_right{position:absolute;top:0;right:0;background:url(../../images/corner_right_footer.gif) no-repeat;width:2px;height:34px}
#footer a:link,#footer a:active,#footer a:visited,#footer a:hover {color:#FFF;}

/********* ARTICLES (CJPIC) ********/
#cjpic_wrapper h4 {
	margin-top: 20px;	
}

#cjpic_wrapper .article_wrapper {display:block; clear:both; margin:10px 0; position:relative;}
#cjpic_wrapper .article_wrapper .article_image {
	float: left;
	margin: 0 7px 5px 0px;
	border: 1px #6694A3 solid;
	padding: 1px;
}

#cjpic_wrapper .article_title {
	font-weight: bold;
	margin-bottom: 2px;
}

#cjpic_wrapper .article_resume {
	margin-bottom: 0;	
}

#cjpic_wrapper .article_link_full {
	background: url(../../images/bullet_more.jpg) no-repeat 2px 2px;
	padding-left: 14px;
	color: #5a8c89;
	font-weight: 700;
}

#cjpic_wrapper .article_link_full:hover {
	text-decoration:underline;
}



/********* ARTICLES (CJPIC) ********/
#cjpic_wrapper h4 {
	margin-top: 20px;	
}

#cjpic_wrapper .farticle_wrapper .article_image {
	float: left;
	margin: 0 7px 0 0;
	border: 1px #6694A3 solid;
	padding: 1px 1px 1px 1px;
}

#cjpic_wrapper .article_title {
	font-weight: bold;
	margin-bottom: 2px;
	float: left;
}

#cjpic_wrapper .article_resume {
	margin-bottom: 0;	
}

#cjpic_wrapper .article_fulltext {
	margin-top: 10px;
}

#cjpic_wrapper .pdf_link {
	background : url(/images/icons/pdf.png) no-repeat;
	background-position: left center;
	padding: 5px 0 5px 20px;
	display: block;
}

#cjpic_wrapper .article_date {
	font-weight: normal;
	float: right;
	margin: 0;
	padding: 0;
}

#cjpic_wrapper .title_wrap {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/********* PROVINCES ********/
#monde_provinces h4 {
	margin-top: 20px;	
}
#monde_provinces h5 {
	margin-top: 20px;	
}

#monde_provinces .showText {float:right; margin-top:-20px;}
#monde_provinces .news_wrapper, #monde_provinces .link_full {display:block; clear:both; margin:8px 0;}
#monde_provinces .news_wrapper .jsHide {margin-bottom:10px;}

#monde_provinces .news_wrapper {background:url(../../images/border_side_menu.gif) bottom repeat-x;}
#monde_provinces .showText, #histoire_historique .showText {color:#5a8c89; font-size:10px;font-weight:bold;background:url(../../images/bullet_showtext.gif) no-repeat right;padding-right:20px;display:block}
#monde_provinces .showText:hover { text-decoration:underline}



#monde_provinces .news_wrapper .image {
	float: left;
	margin: 0 7px 0 0;
	border: 1px #6694A3 solid;
	padding: 1px 1px 1px 1px;
}

#monde_provinces .news_wrapper .title {
	font-weight: bold;
	margin-bottom: 2px;
	float: left;
}

#monde_provinces .news_wrapper .region {
	font-weight: normal;	
}

#monde_provinces .news_wrapper .resume {
	margin-bottom: 0;	display:block; clear:both;
}

#monde_provinces .news_wrapper .pdf_link {
	background : url(/images/icons/pdf.png) no-repeat;
	background-position: left center;
	padding: 5px 0 5px 20px;
	display: block;
}

#monde_provinces .news_wrapper .date {
	font-weight: normal;
	float: right;
	margin: 0;
	padding: 0;
}

#monde_provinces .news_wrapper .title_wrap {
	overflow: hidden;
	margin: 0; padding: 0;
}

#monde_provinces .news_wrapper .link_full {
	background: url(../../images/bullet_more.jpg) no-repeat 2px 2px;
	padding-left: 14px;
	color: #5a8c89;
	font-weight: 700;
}

#monde_provinces .news_wrapper .link_full:hover {
	text-decoration:underline;
}

#monde_provinces .fnews_wrapper .date {
	font-weight: normal;
	margin: 0;
	padding: 0;
	float: none;
}

#monde_provinces .fnews_wrapper .title {
	margin: 0;
	padding: 0;
	float: none;
}

#monde_provinces .fnews_wrapper .fulltext {
	margin-top: 10px;
}

#monde_provinces .fnews_wrapper .pdf_link {
	background : url(/images/icons/pdf.png) no-repeat;
	background-position: left center;
	padding: 5px 0 5px 20px;
	display: block;
}

/******** FICHES ********/
.fiche_wrapper {display:block; clear:both; margin:10px 0; position:relative;}
.fiche_wrapper .title {
	font-weight: bold;
	margin-bottom: 1px;
	margin-top: 15px;
}

.fiche_wrapper .vignette {
	float: left;
	margin: 0 7px 0 0;
	border: 1px #6694A3 solid;
	padding: 1px;
}

.fiche_wrapper .image_wrapper {
	text-align: center;
	width: 100%;
	margin: 5px;
}

.fiche_wrapper .resume {
	margin-top: 1px;
	padding-top: 1px; 
}

.fiche_wrapper .link_full {
	background: url(../../images/bullet_more.jpg) no-repeat 2px 2px;
	padding-left: 14px;
	color: #5a8c89;
	font-weight: 700;
}

.fiche_wrapper .link_full:hover {
	text-decoration:underline;
}

/******** BULLETINS ********/
.bulletin_wrapper {
	overflow: hidden;	
	margin-top: 15px;
}

.bulletin_wrapper .title {
	font-weight: bold;
	margin-bottom: 1px;
}

.bulletin_wrapper .vignette {
	float: left;
	margin: 0 7px 0 0;
	border: 1px #6694A3 solid;
	padding: 1px;
}

.bulletin .image_wrapper {
	text-align: center;
	width: 100%;
	margin: 5px;
}

.bulletin_wrapper .resume {
	margin-top: 1px;
	padding-top: 1px;
}

/******** PROMOTIONS ********/
#promotion_wrapper .image {
	float: left;
	margin: 0 7px 0 0;
	border: 1px #6694A3 solid;
	padding: 1px 1px 1px 1px;
}

#promotion_wrapper .title {
	font-weight: bold;
	margin-bottom: 2px;
	float: left;
}

#promotion_wrapper .fulltext {
	margin-top: 10px;
}

#promotion_wrapper .pdf_link {
	background : url(/images/icons/pdf.png) no-repeat;
	background-position: left center;
	padding: 5px 0 5px 20px;
	display: block;
	clear: both;
}

#promotion_wrapper .title_wrap {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/******** PAGE NAVIGATOR (boutique) ********/
div.navigator{
    float: right;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 190px;
    text-align: right;

}
div.navigator span{
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}

div.navigator select
{
    float:left;
    padding: 0px;
    margin: 0px;
}

div.navigator a.move.extreme-left,
div.navigator a.move.immediate-left,
div.navigator a.move.immediate-right,
div.navigator a.move.extreme-right {
    display: block;
    float: left;
    height: 16px;
    width: 16px;
    margin-right: 2px;
    margin-left: 2px;
}
div.navigator a.move span {
    display: none;
}

div.navigator a.move.extreme-left {
    background:url(/cyber/images/control_start.png);
}
div.navigator a.move.immediate-left {
   background:url(/cyber/images/control_rewind.png);
}
div.navigator a.move.immediate-right {
   background:url(/cyber/images/control_fastforward.png);
}
div.navigator a.move.extreme-right {
    background:url(/cyber/images/control_end.png);
    margin-right: 0;
}

div.navigator a.move.inactive {
    opacity: 0.2;
    filter:alpha(opacity=20);
}
.nbelement {
	clear: both;
	display: block;
	font-weight: bold;
}

/********* HISTORIQUE *********/

#histoire_historique h4 {
	margin: 37px 0 17px 0;
}

#histoire_historique h4.title {
	padding-top: 186px;
}

#histoire_historique h4.fix {
	margin: 37px 0 0 0;
}

#histoire_historique img {
	position: absolute;
	margin: 30px 0 0 0;
	
}

#histoire_historique ul.timeline {
	background: transparent url(../images/bg-time-line.gif) repeat-y 41px 0;
}

#histoire_historique ul.timeline li {
	margin: 0 0 19px 0;
	padding: 0 0 5px 0;
	height: 1%;
	overflow: hidden;
	background: transparent url(../images/bg-bulle-box.gif) no-repeat 72px bottom;
}

#histoire_historique ul li .arrow {
	background: transparent url(../images/bg-arrow.gif) no-repeat right 4px;
}

*html #histoire_historique ul.timeline li {
	margin: 0 0 17px 0;
}

*+html #histoire_historique ul.timeline li {
	margin: 0 0 17px 0;
}

#histoire_historique ul.timeline li div {
	float: left;
}

#histoire_historique ul.timeline li .year {
	width: 59px;
	color: #ceab3f;
	font-weight: bold;
}

#histoire_historique ul.timeline li .info {
	width: 361px;
	padding: 0 23px;
	background: transparent url(../images/bg-bulle.gif) no-repeat left top;
	overflow: hidden;
}

#histoire_historique ul.timeline li .info .title {
	margin: 0;
	color: #387387;
	font-weight: bold;
}

#histoire_historique .btn a {
	color: #8d9e3f;
	font-weight: bold;
}

#histoire_historique .btn a:hover {
	text-decoration: underline;
}

#histoire_historique .btn a.previous {
	float: left;
	background: transparent url(../images/bg-previous-arrow.gif) no-repeat left center;
	padding: 0 0 0 17px;
}

#histoire_historique .btn a.next {
	float: right;
	background: transparent url(../images/bg-next-arrow.gif) no-repeat right center;
	padding: 0 17px 0 0;
}

.cjpic_folder_wrapper {display:block; clear:both;}

#c2 ul {margin:5px 0;list-style:none; }
#c2 ul li {background:url(../../images/bullet.jpg) no-repeat left 4px; list-style:none; padding-left:20px;display:block}

#c2 ol li {list-style-type:decimal !important; display:list-item; margin-left:20px;}

body #container a.text:link,  
body #container a.text:visited,  
body #container a.text:active {text-decoration:none; color:#555; font-weight:normal;}
body #container a.text:hover {color:#A25414;}

/*LES TABLEAUX*/
.format_tableau tr.odd td {
	background-color: #eee;
}

.format_tableau tr th {
	background-color: #8D9F43;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid black;
}

.format_tableau tr td {
	background-color:#fff;
	padding: 5px;
	text-align:justify;
}