@charset "utf-8";

/* /////////////////////////////////// */
/* ////////// Redéfinitions ////////// */
/* /////////////////////////////////// */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 20px 0 0 0;
	padding: 0;
}

img {
	border: none;
}

cite {
	font-style: italic;
}

acronym, abbr {
	border-bottom-style: dotted;
	border-width: 1px;
}

/* /////////////////////////////////////// */
/* ////////// Classes générales ////////// */
/* /////////////////////////////////////// */



/* /////////////////////////////////////// */
/* ////////// Structure du site ////////// */
/* /////////////////////////////////////// */

/***** Conteneur principal du site *****/
#site_wrapper {
	text-align: center;
	margin: 0;
	padding: 0;
}

/***** Entête *****/
#site_header_wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/***** Logo *****/
#site_logo {
	margin: 0;
	padding: 0;
}

/***** Barre d'outil supérieure *****/
#site_toolbar {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 9pt;
	position: relative;
	top: -12pt;
	height: 10px;
	color: #666;
}
#site_toolbar li {
	display: inline;
	margin: 0;
	padding: 0 7px 0 0;
	background-image: url(/images/menu_slash.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#site_toolbar li.last {
	background-image: none;
	padding: 0;
}
#site_toolbar li a:hover {
	color: #333;
	text-decoration: underline;
}
#site_toolbar form {
	display: inline;
	margin: 0;
	padding: 0;
}
#site_toolbar input {
	font-size: 8pt;
	margin: 0;
	padding: 0;
	background-color: #F8F8F8;
	border-style: solid;
	border-color: #999;
	border-width: 1px;
	color: #666;
}
#site_toolbar input:hover {
	background-color: #E8E8E8;
	border-color: #666;
	color: #333;
}
#site_toolbar a {
	color: #666;
	text-decoration: none;
}

/***** Bandeau de photos *****/
#site_photos_wrapper {
	clear: both;
	padding-top: 10px;
}
#site_photos_wrapper dl,
#site_photos_wrapper dt,
#site_photos_wrapper dd {
	margin: 0;
	padding: 0;
}
#site_photos_wrapper dl {
	float: left;
	width: 33.3%;
	/*width: 25%;*/
	overflow: hidden;
}
#site_photos_wrapper dt {
	overflow: hidden;
}
#site_photos_wrapper dd {
	display: none;
}

/***** Contenu du site *****/
#site_content_wrapper {
	clear: both;
	padding-top: 20px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/***** Menu des thèmes *****/
#site_themes_menu_wrapper {
	float: left;
	text-align: right;
	width: 200px;
}
#site_themes_menu_wrapper ul {
	margin: 7px 0 15pt 0;
	padding: 0;
}
#site_themes_menu_wrapper li {
	list-style-type: none;
	margin: 0;
	padding: 2.5pt 20px 2.5pt 0;
}
#site_themes_menu_wrapper li.main a {
	font-variant: small-caps;
	/*text-decoration: underline;*/
}
#site_theme_black_menu li.selected,
#site_theme_black_menu li:hover {
	background-color: #F4F4F4;
}
#site_theme_black_menu li.main a,
#site_theme_black_menu li.selected a,
#site_theme_black_menu li a:hover,
#site_theme_black_menu li:hover a {
	color: #333;
}
#site_theme_purple_menu li.selected,
#site_theme_purple_menu li:hover {
	background-color: #F7EEF6;
}
#site_theme_purple_menu li.main a,
#site_theme_purple_menu li.selected a,
#site_theme_purple_menu li a:hover,
#site_theme_purple_menu li:hover a {
	color: #93117E;
}
#site_theme_blue_menu li.selected,
#site_theme_blue_menu li:hover {
	background-color: #EDF2F6;
}
#site_theme_blue_menu li.main a,
#site_theme_blue_menu li.selected a,
#site_theme_blue_menu li a:hover,
#site_theme_blue_menu li:hover a {
	color: #004286;
}
#site_theme_green_menu li.selected,
#site_theme_green_menu li:hover {
	background-color: #EDF3F0;
}
#site_theme_green_menu li.main a,
#site_theme_green_menu li.selected a,
#site_theme_green_menu li a:hover,
#site_theme_green_menu li:hover a {
	color: #005B2B;
}


#site_themes_menu_wrapper a {
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 11pt
}

/***** Contenu de la page *****/
#page_content_wrapper {
	float: left;
	text-align: left;
	width: 560px;
	padding: 20px;
	color: #333;
}
#page_content_wrapper p,
#page_content_wrapper h1,
#page_content_wrapper h2,
#page_content_wrapper h3,
#page_content_wrapper h4,
#page_content_wrapper h5 {
	padding: 0;
	margin-top: 0;
	margin-bottom: 10pt;
}
#page_content_wrapper h1{
	font-size: 2em;
}
#page_content_wrapper a {
	color: #333;
}
#page_content_wrapper h2.small {
    font-size: 13pt;
    margin-bottom: 5pt;
}

/***** Pages générales et outils *****/
.service_black,
.tool  {
	background-color: #F4F4F4;
	background-image: url(/images/bg_rounded_grey.gif);
	background-repeat: no-repeat;
}
.service_black h1,
.tool h1 {
	background-image: url(/images/drops_multi.gif);
	background-repeat: no-repeat;
	background-position: right 0.5em;
	text-align: left;
	color: #333;
	padding-right: 60px !important;
}
.service_black a:hover,
.tool a:hover {
	color: #000 !important;
}
.service_black .list_elmt_wrapper,
.tool .list_elmt_wrapper {
	background-color: #FAFAFA;
	border-color: #EEE;
}
.service_black .list_pagination a,
.tool .list_pagination a {
	border-color: #F4F4F4;
}
.service_black .list_pagination a:hover,
.tool .list_pagination a:hover {
	background-color: #FAFAFA;
	border-color: #000;
}
/* TODO : décliner par couleur de service */
#page_menu input {
	background-color: #F8F8F8;
	border-color: #999;
}
/* TODO : décliner par couleur de service */
#page_menu input:hover {
	background-color: #E8E8E8;
	border-color: #666;
}

/***** Pages des thèmes *****/
/* TODO : revoir la pallette de couleur des services */
.service_purple,
.service_blue,
.service_green {
	background-repeat: no-repeat;
}
.service_purple h1,
.service_blue h1,
.service_green h1 {
	background-repeat: no-repeat;
	background-position: left 0.5em;
	text-align: right;
	padding-left: 60px !important;
}
/***** Page Production *****/
.service_purple {
	background-color: #F7EEF6;
	background-image: url(/images/bg_rounded_purple.gif);
}
.service_purple h1 {
	background-image: url(/images/drops_purple.gif);
	color: #93117E;
}
.service_purple a:hover,
.service_purple h3 a {
	color: #93117E !important;
}
.service_purple .list_elmt_wrapper {
	background-color: #FCF8FC;
	border-color: #F1E2F0;
}
.service_purple .list_pagination a {
	border-color: #F7EEF6;
}
.service_purple .list_pagination a:hover {
	background-color: #FCF8FC;
	border-color: #93117E;
}

/***** Page Observation *****/
.service_blue {
	background-color: #EDF2F6;
	background-image: url(/images/bg_rounded_blue.gif);
}
.service_blue h1 {
	background-image: url(/images/drops_blue.gif);
	color: #004286;
}
.service_blue a:hover,
.service_blue h3 a {
	color: #004286 !important;
}
.service_blue .list_elmt_wrapper {
	background-color: #F8FAFC;
	border-color: #E1EAF0;
}
.service_blue .list_pagination a {
	border-color: #EDF2F6;
}
.service_blue .list_pagination a:hover {
	background-color: #F8FAFC;
	border-color: #004286;
}
/***** Page Débats et rencontres *****/
.service_green {
	background-color: #EDF3F0;
	background-image: url(/images/bg_rounded_green.gif);
}
.service_green h1 {
	background-image: url(/images/drops_green.gif);
	color: #005B2B;
}
.service_green a:hover,
.service_green h3 a {
	color: #005B2B !important;
}
.service_green .list_elmt_wrapper {
	background-color: #F9FBFA;
	border-color: #E3ECE8;
}
.service_green .list_pagination a {
	border-color: #EDF3F0;
}
.service_green .list_pagination a:hover {
	background-color: #F9FBFA;
	border-color: #005B2B;
}

/***** Menu des outils *****/
#site_tools_menu_wrapper {
	float: right;
	text-align: left;
	width: 200px;
}
#site_tools_menu_wrapper ul {
	margin: 7px 0 15pt 0;
	padding: 0;
}
#site_tools_menu_wrapper li {
	list-style-type: none;
	padding: 2.5pt 0 2.5pt 20px;
	margin: 0;
}
#site_tools_menu_wrapper p {
	padding: 2.5pt 0 2.5pt 20px;
}
#site_tools_menu_wrapper li.selected,
#site_tools_menu_wrapper li:hover {
	background-color: #F4F4F4;
}
#site_tools_menu_wrapper li.selected a,
#site_tools_menu_wrapper li a:hover,
#site_tools_menu_wrapper li:hover a {
	color : #333;
}
#site_tools_menu_wrapper a {
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 11pt
}

/***** Pied de page *****/
#site_footer_wrapper {
	clear: both;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 30px;
	color: #666;
	font-size: 9pt;
}
#site_footer_wrapper a {
	color: #666;
	text-decoration: none;
}
#site_footer_wrapper a:hover {
	color: #333;
	text-decoration: underline;
}

#site_footer_menu {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: left;
}
#site_footer_menu li {
	list-style-type: none;
	display: inline;
	padding: 0 7px 0 0;
	background-image: url(/images/menu_slash.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#site_footer_menu li.last {
	background-image: none;
	padding: 0;
}
#site_mentions {
	float: right;
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: right;
}
#site_adress {
	display: none;
}



/* ////////////////////////////// */
/* ////////// Contenus ////////// */
/* ////////////////////////////// */

/***** Contenus *****/
#page_content {
	width: 360px;
	/*width: 380px;*/
	text-align: justify;
}
/***** Contenu à gauche *****/
.leftcontent {
	float: left;
}

/***** Contenu à droite *****/
.rightcontent {
	float: right;
}

/***** Menus *****/
#page_menu {
	width: 180px;
	/*width: 160px;*/
}
/***** Menu à gauche *****/
.leftmenu {
	float: left;
	padding-right: 10px;
	border-right-style: dotted;
	border-right-color: #666;
	border-right-width: 1px;
}
/***** Menu à droite *****/
.rightmenu {
	float: right;
	padding-left: 10px;
	border-left-style: dotted;
	border-left-color: #666;
	border-left-width: 1px;
}
#page_menu h2 {
	font-size: 12pt;
	margin-bottom: 2pt !important;
}
#page_menu h3 {
	font-size: 10pt;
	margin-bottom: 2pt !important;
}
#page_menu ul {
	padding: 0;
	margin: 0 0 10pt 0;
	line-height: 10pt;
}
#page_menu li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 4pt 0;
}
#page_menu ul.menu_list li {
	list-style-type: circle;
	margin: 0 0 4pt 12pt;
}
#page_menu a {
	text-decoration: none;
}
#page_menu a:hover {
	text-decoration: underline;
}
#page_menu form {
	display: inline;
	margin: 0;
	padding: 0;
}
#page_menu input {
	font-size: 9pt;
	margin: 0;
	padding: 0;
	border-style: solid;
	border-width: 1px;
	color: #666;
}
#page_menu input:hover {
	color: #333;
}
.item_meta {
	font-size: 8pt;
	font-style: italic;
	color: #666;
}
.item_meta a {
	color: #666 !important;
}
#event_calendar {
	font-size: 9pt;
	margin-bottom: 10pt;
}
#event_calendar abbr {
	border-style: none;
}
#event_calendar caption {
	display: none;
}
#event_calendar th,
#event_calendar td {
	text-align: center;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	border-bottom-width: 1px;
}
#event_calendar tr {
}
#event_calendar .other_month {
	color: #999;
}
#event_calendar .event {
	font-weight: bold;
	background-color: #FFF;
}

#event_calendar .current_day {
	border-color: #999;
    border-style: solid;
    border-width: 1px;
}


/***** Element de liste *****/
.list_elmt_wrapper {
	padding: 5px 5px 0 5px;
	margin-bottom: 10px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.list_elmt_wrapper:hover {
	background-color: #FFF;
}
.list_elmt_wrapper h3 a {
	text-decoration: none;
}
.list_elmt_wrapper h3 a:hover {
	text-decoration: underline;
}
.list_elmt_wrapper h3 {
	margin-bottom: 0 !important;
}
.list_elmt_wrapper h3.small {
    font-size: 10pt;
}

.list_elmt_wrapper p {
    margin-bottom: 5pt !important;
}
.list_elmt_meta {
	font-size: 8pt;
	font-style: italic;
	color: #666;
	margin: 0 !important;
	padding: 0;
}
.list_elmt_meta a {
	color: #666 !important;
	text-decoration: none;
}
.list_elmt_meta a:hover {
	text-decoration: underline;
}
.list_elmt_text {
	padding: 0;
	margin: 0.3em 0 !important;
}
.more_link {
	text-decoration: none;
}
.more_link:hover {
	text-decoration: underline;
}
.list_pagination a {
	text-decoration: none;
	padding: 0 5px;
	border-style: solid;
	border-width: 1px;
	color: #000;
}
.list_pagination a:hover {
	border-style: solid;
	border-width: 1px;
}