/***
	General
******************************/
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #FFFFFF url(../images/bckgrnd.jpg) repeat-x;
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	text-align:justify;
}

img, tr, td, table, div {
	padding: 0;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

a:link, a:visited {
	color: #000000;
	text-decoration: underline;
}
a:active, a:hover {
	color: #000000;
	text-decoration: none;
}
.left {float:left;}
.right {float:right;}
/* sIFR typo setting
--------------------------------------------------------------- */
	
	/*.sIFR_pageTitle		{ color:#3a270b; font-size:18px; padding-top:4px; margin-top:0; margin-bottom:14px } */
	.sIFR_pageTitle			{ color:#000; font-size:16px; padding-top:4px; margin-top:0; margin-bottom:10px; }
	.sifr					{ font-size:16px; margin-bottom:10px; margin-top:10px;}
	.sifr embed				{ height:25px}
	
/***
	Top Menu
******************************/
#topmenu a {background-position: 0 0; display: block; height: 38px;} 
#topmenu a:hover {background-position: 0 -38px} 
#topmenu a.selected {background-position: 0 -76px}

#topmenu ul { height: 38px; display: block; margin: 0 0 1px 1px; padding: 0; list-style-type: none; }

#topmenu ul li { float: left; }


#topmenu #profil {
	background-image: url(../images/menus_profil.gif);
	width: 144px;
}

#topmenu #financement {
	background-image: url(../images/menus_financement.gif);
	width: 224px;
}

#topmenu #developpement {
	background-image: url(../images/menus_developpement.gif);
	width: 213px;
}

#topmenu #jeunesse {
	background-image: url(../images/menus_jeunesse.gif);
	width: 157px;
}

#topmenu a span { position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; }
	
/***
	Site-wide layout
******************************/
/* align="center" bgcolor="#ffffff" width="740" height="100%" cellpadding="0" cellspacing="0" border="0" */
#tablewrap {
	margin-left: auto; margin-right: auto;
	border-collapse: collapse;
	background-color: #fff;
	width: 740px;
	margin-bottom: 20px;
}

#header_image {
	margin: 1px; display: block;
}

#menu {
	background: url(../images/menus.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 38px;
	margin: 1px;
}

#menu_left {
	font-size: 9px;
	color: #889BA3;
	width: 276px;
}

h4 {
	font-size: 13px;	
}

.subtitle {
	font-weight: bold;	
}

/* FIX POUR FF : Enlever le whitespace sous les images d'un TD */
#menu_left #linklist img {
	vertical-align: bottom;
}

#submenu_wrapper {
	margin-top: 15px;	
}

#submenu {
	list-style-type: none;	
	padding: 0;
	margin: 0;
	text-align: left;
}

    #submenu ul {
    	list-style-type: none;
        padding-left: 20px;
    }
    
    #submenu ul li {
        margin-top: 3px;
    	border:0;
    }

#submenu li {
	background: url(../images/fleche.gif);
	background-repeat: no-repeat;
	padding: 0 0 3px 10px;
	background-position: 0 4px;
	border-bottom: 1px dotted #666;
	margin-bottom: 3px;
}

.section_profil #submenu li {
	background-image: url(../images/fleche2.gif);
}

.section_profil #submenu li.selected {
	background-image: url(../images/fleche2_on.gif);
}

.section_services #submenu li {
	background-image: url(../images/fleche5.gif);
}

.section_services #submenu li.selected {
	background-image: url(../images/fleche5_on.gif);
}

.section_financement #submenu li {
	background-image: url(../images/fleche.gif);
}

.section_developpement #submenu li {
	background-image: url(../images/fleche7.gif);
}

.section_developpement #submenu li.selected {
	background-image: url(../images/fleche7_on.gif);
}

.section_jeunesse #submenu li {
	background-image: url(../images/fleche3.gif)
}

.section_jeunesse #submenu li {
	background-image: url(../images/fleche6.gif)
}

.section_jeunesse #submenu li.selected {
	background-image: url(../images/fleche3_on.gif);
}

.section_archives #submenu li {
	background-image: url(../images/fleche6.gif)
}

.section_archives #submenu li.selected {
	background-image: url(../images/fleche6_on.gif);
}

#submenu li.selected {
	background-image: url(../images/fleche_on.gif);	
}

/***
	Style pour nouvelles sur l'accueil
******************************/
.news					{ border-bottom:1px solid #eaeaea; padding-bottom:5px; margin-bottom:9px;}
.news .image { float: none; clear:both; margin: 0; padding: 0 5px 0 0; }

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

.news .title { font-weight: bold; margin: 0; margin-bottom: 5px; }

.news .resume { text-align: justify; }

.news .texte { text-align: justify; }

.news .pdf_link {
	background: url(../images/icons/pdf.gif) no-repeat 2px 0px;
	padding: 3px 0 0 25px;
	height: 25px;
	clear: both;
	margin-top: 10px;
}

.news a.news_link_full{
	background:url(../images/bullet_more.jpg) no-repeat 2px 3px;
	padding-left:14px;
	color:#5a8c89;
	font-weight: bold;
}

/***
	Style pour inscription au bulletin de nouvelles
******************************/
#ci_form {
	margin-top: 10px;
}

#ci_form fieldset {
	border: 0;
}

#ci_form label {
	float: left;
	display: block;
	width: 100px;
}

#ci_form input, #ci_form select {
	margin-bottom: 5px;
	padding: 2px;
}

/***
	Style pour publications
******************************/
.publication { float: left; text-align: center; margin : 0; width: 50%; }

.publication .image { margin: 0 auto 5px auto; }

.publication .title {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	height: 30px;
}

.publication .pdf {
	padding-left: 20px;
	background: url(../images/icons/pdf.gif) no-repeat;
	height: 30px;
}

/***
	Style pour offres d'emploi
******************************/
.job_listing { border-bottom: 1px solid #666; }

.job_listing .title { font-weight: bold; }

.job_listing .desc { text-align: justify; }

/***
	Backgrounds
******************************/
.section_index {
	background: url(../images/bckgrnd_accueil.gif) repeat-x;
}
.section_financement {
	background: url(../images/bckgrnd_financement.gif) repeat-x;
}
.section_profil {
	background: url(../images/bckgrnd_profil.gif) repeat-x;
}
.section_jeunesse, .section_coordonnees {
	background: url(../images/bckgrnd_contact.gif) repeat-x;
}
.section_services {
	background: url(../images/bckgrnd_aide.gif) repeat-x;
}
.section_archives {
	background: url(../images/bckgrnd_archives.gif) repeat-x;
}
.section_developpement {
	background: url(../images/bckgrnd_region.gif) repeat-x;
}

/***
	Submenu styles for every section
******************************/
#submenu_wrapper li.selected > a {
	font-weight: bold !important;
	color: #FFFFFF !important;
}
.section_financement #submenu_wrapper a:link, .section_financement #submenu_wrapper a:visited {
	color: #233994;
	font-weight: bold;
	text-decoration: none;
}
.section_financement #submenu_wrapper a:active, .section_financement #submenu_wrapper a:hover {
	color: #233994;
	font-weight: bold;
	text-decoration: underline;
}
.section_profil #submenu_wrapper a:link, .section_profil #submenu_wrapper a:visited {
	color: #546D3E;
	font-weight: bold;
	text-decoration: none;
}
.section_profil #submenu_wrapper a:active, .section_profil #submenu_wrapper a:hover {
	color: #546D3E;
	font-weight: bold;
	text-decoration: underline;
}
.section_jeunesse #submenu_wrapper a:link, .section_jeunesse #submenu_wrapper a:visited {
	color: #ABABA4;
	font-weight: bold;
	text-decoration: none;
}
.section_jeunesse #submenu_wrapper a:active, .section_jeunesse #submenu_wrapper a:hover {
	color: #ABABA4;
	font-weight: bold;
	text-decoration: underline;
}
.section_services #submenu_wrapper a:link, .section_services #submenu_wrapper a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.section_services #submenu_wrapper a:active, .section_services #submenu_wrapper a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
.section_developpement #submenu_wrapper a:link, .section_developpement #submenu_wrapper a:visited {
	color: #B7BDB7;
	font-weight: bold;
	text-decoration: none;
}
.section_developpement #submenu_wrapper a:active, .section_developpement #submenu_wrapper a:hover {
	color: #B7BDB7;
	font-weight: bold;
	text-decoration: underline;
}

.section_archives #submenu_wrapper a:active, .section_archives #submenu_wrapper a:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}

.section_archives #submenu_wrapper a:link, .section_archives #submenu_wrapper a:visited {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

/***
	Sections-specific styles
******************************/
.teammember {
	clear: both;
	margin-top: 30px;	
	border-bottom:1px dotted #ccc; padding-bottom:30px;
}
	
.teammember p {
	margin: 10px;
	margin-top: 0;
	padding: 0;	
}

.teammember .picture {
	width: 90px;
	height: 90px;
	background-color: #666;	
	float: left;
	margin-right: 10px;
	border:1px solid #ccc;
}

.teammember .title {
	font-weight: bold;
}

.teammember .name {
	font-weight: bold;
	font-size: 110%;
}

.teammember .extension {
	
}

.teammember .email {
	
}

.teammember .texte {padding:10px 0 0 0; margin:10px 0 0 0;}