@charset "utf-8";
/*******************************************************************************
	table of content and structure of this CSS
********************************************************************************
- author, license and tips
- reset
- universal styles
- library (classes)
- main colors
- layout
	- header
	- main content
	- footer
- individual page styles
- spip specific classes
- JavaScript specific classes

	You can jump through the document by using your search tool
and prefixing known sections with "=" (ex: "=scrutari")
*******************************************************************************/



/*******************************************************************************
	author, license and tips
********************************************************************************
- author:	Fabien Basmaison
- URL:		http://arkhi/org/
- license:	http://creativecommons.org/licenses/by-sa/2.0/fr/

- order of properties in rule's block of declarations:
	1: position (float, display, position, top, right, bottom, left, z-index...)
	2: dimension (width, height, paddings, borders, margins, clip, overflow...)
	3: list specific
	4: table specific
	5: font
	6: text
	7: colors
	8: other properties (content...)
	9: non-standard properties (opacity, -webkit-, -o-, -moz-, filter...)

- colors (dark / pale):
	Home:					#4A982B / #abd197
	Information:		#A01026 / #de452a
	Documentation:		#003871 / #5e91c7
	Action:				#d14814 / #f29400
	Workshops:			#9C0063 / #eb80c4
	Biennials:			#3eb5b0 / #acd9d6

	head-band:			#E4E1CD
	home right bg:		#EDE8E2
	global menu bg:	#EEECDE

	body text:			#000
	no tab h2 fg:		#333

	warning:				#f00;
*******************************************************************************/



/*******************************************************************************
=reset
*******************************************************************************/
@import url(reset.css);



/*******************************************************************************
=universal styles
*******************************************************************************/
body {
	padding: 0 8px;
	/* 62.5=10px on MOST browsers (default should be 16px) */
	font: normal normal 62.5%/1.5 Arial,"Trebuchet MS",Verdana,Helvetica,sans-serif;
	/* with pretty font *//*
	font: normal normal 70%/1.5 "Myriad Pro",helvetica, arial, sans-serif;/**/
}

/* titles */
h1 {
	padding: 16px 0 0 31px;
	font-size: 6.4em;
/* font-size: 4.8em;
	font-weight: bolder;/**/
	text-transform: uppercase;
	line-height: 1em;
}
h2, h3, h4, h5, h6 {
   font-weight: bold;
}

/* adds a non-breaking space after and before the quote-mark in French */
blockquote[lang|='fr'] { quotes: "«\000a0" "\000a0»" "‘" "’" }
q[lang|='fr'] { quotes: "«\000a0" "\000a0»" "‘" "’" }
q:before { content: open-quote }
q:after  { content: close-quote }

/* allows some Opera versions to use cite attribute as a link */
blockquote[cite], q[cite] {
	-o-link: attr(cite);
	-o-link-source: current;
}

/* lists */
dt {
   font-weight: 900;
}


/* links */
a {
	text-decoration: none;
	color: inherit;
}
a:visited {
	color: inherit;
}
a[href]:hover, a[href]:focus {
	text-decoration: underline;
}
a:active {
	color: #fff;
}
	a img {
		border: none;
	}

/* forms */
input, textarea {
   padding: 0;
   margin: 0;
	border: solid 1px #000;
	vertical-align: middle;
}
button:hover, label:hover {
	cursor: pointer;
}

/* common block elements */
hr {
	clear: both;
	height: 0;
	padding: 0;
	margin: 0;
	border: none;
	visibility: hidden;
}
/* used mainly for Google results */
iframe, object {
	width: 100%;
}

/* common inline elements */
img {
	position: relative;
	max-width: 100%;
	height: auto !important;
}
strong {
	font-weight: 700;
}
small {
	font-size: .8em;
}

/*******************************************************************************
=typography
*******************************************************************************/
   .content-header p {
      margin-top: 1.385em;
      font-size: 1em;
      line-height: 1.8;
   }
   .content-body div>p,
   .content-body div>dl,
   .content-body div>ol,
   .content-body div>ul,
   .content-body div>table {
      margin-top: .42em;
      font-size: 1.2em;
   }

   #content a {
      text-decoration: underline;
   }
   #content a:hover,
   #content a:focus {
      text-decoration: none;
   }

	#content div[lang]+p,
	#content div[lang]+ul,
	#content div[lang]+ol,
	#content div[lang]+dl,
	#content div[lang]+blockquote,
	#content p+[lang],
	#content p+p,
	#content p+ul,
	#content p+ol,
	#content p+dl,
	#content p+blockquote,
	#content ol+ol,
	#content ol+ul,
	#content ol+dl,
	#content ol+[lang],
	#content ol+p,
	#content ol+blockquote,
	#content ul+ul,
	#content ul+ol,
	#content ul+dl,
	#content ul+[lang],
	#content ul+p,
	#content ul+blockquote,
	#content dl+dl,
	#content dl+ul,
	#content dl+ol,
	#content dl+[lang],
	#content dl+p,
	#content dl+blockquote,
	#content blockquote+blockquote,
	#content blockquote+[lang],
	#content blockquote+p,
	#content blockquote+ul,
	#content blockquote+ol,
	#content blockquote+dl,
	#content .embedded+[lang],
	#content .embedded+p,
	#content .embedded+ul,
	#content .embedded+ol,
	#content .embedded+dl,
	#content .embedded+blockquote {
	   overflow: auto;
		margin: 1.5em auto 0;
	}
	.content-body ol ol,
	.content-body ol ul,
	.content-body ul ol,
	.content-body ul ul {
   	margin: auto auto auto 36px;
	   overflow: auto;
	}
	.content-body li+li {
		margin-top: .25em;
	}
	#content ol {
		list-style-type: decimal;
	}
	#content ol>li ol>li {
		list-style-type: lower-latin;
	}
	#content ul>li {
		list-style-type: disc;
	}
	#content li ul>li {
		list-style-type: circle;
	}
	#content li li ul>li {
		list-style-type: square;
	}
	#content blockquote {
		border-left: 2px solid;
	}

	#content h3+p,
	#content h3+ul,
	#content h3+ol,
	#content h3+dl,
	#content h3+blockquote {
	   overflow: auto;
		margin-top: 0;
	}

#content .content-body div+h3 {
   margin: 3em auto 0;
}
.content-header h2 {
   min-height: 2.25em;
   overflow: auto;
   font-size: 2.4em;
	line-height: 1.5;
}
.content-header h2 img {
   float: left;
   margin-right: 8px;
}
.content-header p.subtitle {
   display: block;
   width: 72%;
   margin: .85em 0 1.35em 0;
   font-size: 1.4em;
   font-weight: 900;
   line-height: 1.3;
}
.content-body h3 {
   margin: 1.1375em 0 .1em;
   font-size: 1.8em;
   line-height: 1;
}
.content-body p + h3,
.content-body ol + h3,
.content-body ul + h3 {
   margin-top: 2.9em;
}
#content h4 {
   margin: 1.125em auto 0;
   font-size: 1.6em;
   line-height: 1.125;
}
#content div h5 {
   padding-left: 25px;
   font-size: 1.4em;
   line-height: 1.28571;
}
#content h4+h5 {
   margin-top: 0;
}
#content h6 {
   font-size: 12px;
}



/*******************************************************************************
=library
	classes used throughout the website, whatever the context
*******************************************************************************/
.debug {
	display: none;
}
.floatLeft {
	float: left;
	margin: 0 1em .5em 0;
}
.floatRight {
	float: right;
	margin: 0 0 .5em 1em;
}
.clear {
	clear: both;
}
a.actual {
	font-weight: bolder;
}
.print_it {
   display: block;
   padding-left: 18px;
   background: transparent url(../img/icon_printer.png) no-repeat 0 50%;
}

table.spip {
  width: 100%;
  table-layout: fixed;
  border-top: solid 1px;
}
table.spip tr.row_even, table.spip tr.row_odd {
  background: #fff;
}
table.spip th, table.spip td {
  padding: 1.5em 0;
  border-style: none none solid;
}
table.spip tr>td+td:last-child {
  text-align: right;
}

dl.insert {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  left: -15px;
  border: solid #e8e6d5 3px;
  border-radius: 17px 0 17px 0;

	-moz-border-radius: 17px 0 17px 0;
	-webkit-border-top-left-radius: 17px;
	-webkit-border-bottom-right-radius: 17px;
}
  dl.insert dt {
    display: table-cell;
    width: 11.5em;
    border-radius: 13px 0 0 0;
    vertical-align: middle;
    font-size: 1.16666667em;
    text-indent: 12px;
    text-transform: uppercase;
    background: #e8e6d5;

	  -moz-border-radius: 13px 0 0 0;
	  -webkit-border-top-left-radius: 13px;
  }
  dl.insert dd {
    padding: 1em 0 1em 3em;
  }
/*******************************************************************************
=colors
	main colors depending on the context
*******************************************************************************/
/* themed foregrounds */
.home h1, .home .content-header, .home h3, .home h4, .home h5, .home h6,
.home #tips a, .home #tips h2, .home #content a, .home #sub-sections, .insert.home dt,
#satelites .information a {
	color: #4a982b
}

.information h1, .information .content-header, .information h3, .information h4, .information h5, .information h6,
.information #tips a, .information #tips h2, .information #content a, .information #sub-sections, .insert.information dt,
#satelites .information a {
	color: #a01026
}

.documentation h1, .documentation .content-header, .documentation h3, .documentation h4, .documentation h5, .documentation h6,
.documentation #tips a, .documentation #tips h2, .documentation #content a, .documentation #sub-sections, .insert.documentation dt,
#RCHF_Resultat_Liste dt,
#satelites .documentation a {
	color: #003871
}

.action h1, .action .content-header, .action h3, .action h4, .action h5, .action h6,
.action #tips a, .action #tips h2, .action #content a, .action #sub-sections, .insert.action dt,
#satelites .action a {
	color: #d14814
}

.workshops h1, .workshops .content-header, .workshops h3, .workshops h4, .workshops h5, .workshops h6,
.workshops #tips a, .workshops #tips h2, .workshops #content a, .workshops #sub-sections, .insert.workshops dt,
#satelites .workshops a {
	color: #9c0063
}

.biennials h1, .biennials .content-header, .biennials h3, .biennials h4, .biennials h5, .biennials h6,
.biennials #tips a, .biennials #tips h2, .biennials #content a, .biennials #sub-sections, .insert.biennials dt,
#satelites .biennials a {
	color: #3eb5b0
}

/* themed backgrounds */
#navigation-main .home, #navigation-main .home a,
.home #breadcrumbs, .home #warning_ie,
.home #footer,
.index #zoom h2 {
	background-color: #4a982b;
}
#navigation-main .information, #navigation-main .information a,
.information #breadcrumbs, .information #warning_ie,
.information #footer,
.index #news h2 {
	background-color: #a01026;
}
#navigation-main .documentation, #navigation-main .documentation a,
.documentation #breadcrumbs, .documentation #warning_ie,
.documentation #footer,
#scrutari {
	background-color: #003871;
}
#navigation-main .action, #navigation-main .action a,
.action #breadcrumbs, .action #warning_ie,
.action #footer,
.index #slideshow h2 {
	background-color: #d14814;
}
#navigation-main .workshops, #navigation-main .workshops a,
.workshops #breadcrumbs, .workshops #warning_ie,
.workshops #footer,
.workshops .pole h2 {
	background-color: #9c0063;
}
#navigation-main .biennials, #navigation-main .biennials a,
.biennials #breadcrumbs, .biennials #warning_ie,
.biennials #footer,
.index #forumag h2 {
	background-color: #3eb5b0;
}

/* themed borders */
.home #container {
	border-color: #4a982b
}

.information #container {
	border-color: #a01026
}

.documentation #container {
	border-color: #003871
}

.action #container {
	border-color: #d14814
}

.workshops #container {
	border-color: #9c0063
}

.biennials #container {
	border-color: #3eb5b0
}


/*******************************************************************************
=forms
*******************************************************************************/
#form_info {
   margin: .6em 0;
   font-size: 2em;
}
.form-search h2 {
	margin: 0;
	vertical-align: baseline;
}
.form-search div {
	display: none;
}
.form-search p {
	display: inline;
}
.form-search label, .form-search input {
	margin-right: 6px;
	white-space: nowrap;
	vertical-align: middle;
}
.form-search input, .query button, .query button img {
	background: #fff;
	border: none;
}
.query {
   font-size: 1em;
	line-height: 1.8;
	white-space: nowrap;
}
	.query input, .query button {
	   height: 1.8em;
	   padding: 0 2px;
	   vertical-align: middle;
	}
	.form-search .query input {
		width: 11.7em;
		margin: 0;
	}
      .query button img {
         display: inline;
	      vertical-align: middle;
      }

/* =form google ********************************************************************/
#google {
	float: right;
	padding: 0;
	margin: 0;
}
	#google h2, #google dl *, #google dl {
		display: inline;
	}
	#google dl {
		margin-right: 8px;
	}
	#google form {
		display: inline;
		white-space: nowrap;
	}
		#google h2 {
			margin-right: 8px;
		}

#google-results {
   width: 100%;
}

/* =form scrutari ******************************************************************/
#scrutari {
   padding: 3.2em 8px 1.25em 0;
	color: #fff;
}
	#scrutari h2 {
	   margin-bottom: .75em;
	   font-size: 1.8em;
		text-align: left;
		text-indent: 36px;
		color: #fff;
	}
	#scrutari {
		text-align: right;
	}
	#scrutari p {
	   font-size: 1.2em;
	}

/* =form login *********************************************************************/
#content .content-header.login {
   padding-bottom: 0;
}
#content .login h3 {
   float: left;
   margin-top: .6em;
}
.formulaire_login {
   float: left;
   clear: both;
   margin: .2em 0 3em;
}
   .formulaire_login #spip_logo_auteur {
      display: block;
      width: 80px;
      height: 80px;
      margin: 2em auto 0;
   }
   .formulaire_login fieldset {
	   display: block;
	   padding: 0 17px 1.5em;
	   border: solid 2px #4A982B;
   }
#formulaire_login li {
   display: block;
}
#formulaire_login .editer_login, #formulaire_login .editer_password {
   margin: 1.85em 0 0;
   overflow: hidden;
}
#formulaire_login legend, #formulaire_login .editer_login label, #formulaire_login .editer_password label,
#formulaire_login #var_login, #formulaire_login #password {
   display: block;
   font-size: 1.2em;
   line-height: 1.5;
}
#formulaire_login .editer_login label, #formulaire_login .editer_password label {
   float: left;
   clear: left;
   margin-right: .5em;
}
#formulaire_login #var_login, #formulaire_login #password {
   float: right;
   clear: right;
   width: 50%;
   margin: 0;
   border: solid 1px;
}
#formulaire_login li.editer_session div {
   float: right;
   clear: both;
   display: block;
   width: 50%;
   padding: 0;
   margin: 0;
}
#formulaire_login .choix {
   text-align: left;
}
#formulaire_login .details {
   float: left;
   margin-right: .5em;
   font-size: 1.2em;
   line-height: 1.5;
}
#formulaire_login .submit {
   float: right;
   display: block;
   width: 50%;
   margin: 2.2em 0 0;
   border: solid 1px;
}

#formulaire_menu_lang {
   float: right;
   display: block;
   width: 50%;
   padding: 0;
   margin: 0;
}
#content #formulaire_menu_lang form div {
   margin: 1.1em 0 0;
   text-align: left;
}


/* =form partage *******************************************************************/
#content form p {
   margin: 0 auto;
	text-align: left;
}
.partage .content-body form p + p {
	margin: 1.5em auto;
}
.partage #main-div > fieldset {
   font-size: 1.2em;
}
.partage #main-div {
   margin-top: .39em;
	overflow: hidden;
}
   .partage .content-body fieldset {
	   display: block;
	   padding: 0 17px;
	   border: solid 1px;
   }
      .partage .content-body fieldset fieldset {
	      padding-right: 18px;
	      padding-left: 18px;
	      margin-top: 1.36em;
	      margin-bottom: 1.3125em;
      }
   .partage #main-div > fieldset + fieldset {
      padding-top: .25em;
      margin-top: 1.5em;
   }
.partage #main-div div,
.partage #main-div strong {
	display: block;
	width: 100%;
	margin: 1.5em auto;
	text-align: right;
}
.partage .content-body input[type=text], .partage .content-body input[type=submit], .partage .content-body select {
	width: 215px;
	min-height: 1.5em;
	margin: 0 0 0 .5em;
	border: solid 1px;
}
.partage .content-body textarea {
   display: block;
   width: 100%;
	vertical-align: top;
}
strong em {
	font-weight: normal;
	color: #f00;
}

.partage fieldset#licence {
   padding-bottom: 1em
}
.partage fieldset#licence > strong, .partage fieldset#validate > strong {
   text-align: left;
}
.partage fieldset#licence input + label, .partage fieldset#validate input + label {
   margin-left: .5em;
}
.partage fieldset#licence #owner {
   margin-top: 1em;
}
.partage fieldset#licence #owner, .partage fieldset#licence #no_owner {
   margin-bottom: 0;
}
.partage fieldset#licence #cc-type {
   margin: 0;
   text-align: right;
}
.partage fieldset#licence #cc-type + p {
   text-align: right;
}
.partage fieldset#licence #no_owner {
   margin-top: 3em;
}


/*******************************************************************************
=layout
	main elements for positioning
*******************************************************************************/
/* main container */
#page {
	max-width: 972px;
	min-width: 300px;
	padding-bottom: 28px;
	margin: 0 auto;
}

/* header */
#header ul {
	float: left;
}
#header #menu-contact {
	float: right;
}
   #header li {
	   display: inline;
   }

#navigation-main {
   position: relative;
	display: table;
	width: 100%;
	margin: 1em 0 0;
	table-layout: fixed;
	font-weight: bolder;
	text-transform: uppercase;
}

/* =ie            */
/* =breadcrumbs   */
/* =tips          */
#breadcrumbs, #tips {
	padding: 5px 8px 5px 31px;
	margin: 0;
   font-size: 1.3em;
   line-height: 2;
}

#breadcrumbs {
   position: relative;
	color: #fff;
	box-shadow: 0 -0.1em 0.8em #000000;
	-moz-box-shadow: 0 -0.1em 0.8em #000000;
	-webkit-box-shadow: 0 -0.1em 0.8em #000000;
}
   #breadcrumbs a[href] {
      text-decoration: underline;
   }

#tips {
   overflow: hidden;
	background: #e4e1cd;
}

/* main content */
#container {
	clear: both;
	overflow: hidden;
	border: solid 5px;
	border-style: none solid;
	background: #EEECDE;
}

/* footer */
#footer {
	clear: both;
	padding: 8px 8px 50px;
	border-radius: 0 0 17px 17px;
		text-align: center;
	color: #fff;

	-moz-border-radius: 0 0 17px 17px;
	-webkit-border-bottom-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

/*******************************************************************************
=layout elements
	structure applied on every document of the website 
*******************************************************************************/
/* =headband ******************************************************************/
h1 {
   clear: both;
   overflow: hidden;
	text-overflow: ellipsis;
				
	-o-text-overflow: ellipsis;
   background: url(../img/titles/CEF-name-zh.png) no-repeat 200px center;
}
h1.zh {
   background-image: url(../img/titles/CEF-name-latin.png);
}
   h1 a, #header h1 a:hover {
	   text-decoration: none;
   }
	   h1 a img {
	      margin-right: 8px;
		   vertical-align: bottom;
	   }

/* =navigation main ***********************************************************/
#navigation-main li {
	display: table-cell;
	vertical-align: top;
}
#navigation-main .biennials {
	border-radius: 0 17px 0 0;

	-moz-border-radius: 0 17px 0 0;
	-webkit-border-top-right-radius: 17px;
}
	#navigation-main a {
		display: block;
		min-height: 27px;
		padding: 9px 8px 0 6px;
   	font-size: 1.2em;
		text-decoration: none;
		text-indent: 28px;
		color: #fff;
		background-repeat: no-repeat;
		overflow: hidden;
		text-overflow: ellipsis;
		background-position: 0 -140px;
					
		-o-text-overflow: ellipsis;
	}
	#navigation-main a.actual {
		background-position: 0 0;
	}
	#navigation-main .home a {
		background-image: url(../img/bullet_menu_home.png);
	}
	#navigation-main .information a {
		background-image: url(../img/bullet_menu_information.png);
	}
	#navigation-main .documentation a {
		background-image: url(../img/bullet_menu_documentation.png);
	}
	#navigation-main .action a {
		background-image: url(../img/bullet_menu_action.png);
	}
	#navigation-main .workshops a {
		background-image: url(../img/bullet_menu_workshops.png);
	}
	#navigation-main .biennials a {
		border-radius: 0 17px 0 0;
		background-image: url(../img/bullet_menu_biennials.png);

		-moz-border-radius: 0 17px 0 0;
   	-webkit-border-top-right-radius: 17px;
	}
	#navigation-main li a[href]:hover,
	#navigation-main li a[href]:focus {
		text-decoration: underline;
		background-position: 0 0;
	}

/* =tips **********************************************************************/
#menu-lang {
	float: left;
}
	#menu-lang li {
		display: inline;
	}
		#menu-lang a {
			padding: 0 18px 0 0;
		}
		#menu-lang li a.actual {
			color: #58595b;
		}

/* =sub-sections **************************************************************/
#sub-sections {
	float: left;
	width: 296px;
	padding: 2.9em 0 2.2em 23px;
	line-height: 2;
}
	#sub-sections li {
		background-repeat: no-repeat;
	}
   #sub-sections>li {
      margin-top: 0;
   }
	#sub-sections>li + li {
	   margin-top: 2.6em;
	}
	   #sub-sections>li>ul>li {
		   background-position: 3px .9em;
	   }
	      #sub-sections>li>ul>li li {
		      background-position: 3px .4em;
	      }
	.home #sub-sections ul>li {
		background-image: url(../img/bullet-arrow-home.png);
	}
	.information #sub-sections ul>li {
		background-image: url(../img/bullet-arrow-information.png);
	}
	.documentation #sub-sections ul>li {
		background-image: url(../img/bullet-arrow-documentation.png);
	}
	.action #sub-sections ul>li {
		background-image: url(../img/bullet-arrow-action.png);
	}
	.workshops #sub-sections ul>li {
		background-image: url(../img/bullet-arrow-workshops.png);
	}
	.biennials #sub-sections ul>li {
		background-image: url(../img/bullet-arrow-biennials.png);
	}
	   #sub-sections a {
		   display: block;
			border-radius: .5em 0 0 .5em;

		   -moz-border-radius: .5em 0 0 .5em;
	      -webkit-border-bottom-left-radius: .5em;
	      -webkit-border-top-left-radius: .5em;
	   }
		   #sub-sections a[href]:hover,
		   #sub-sections a[href]:focus {
			   background-color: #fff;
		   }
   #sub-sections>li>a, #sub-sections>li>strong a {
      padding-left: 8px;
      margin-bottom: .3em;
      font-size: 1.8em;
   	text-transform: uppercase;
   }
   #sub-sections ul {
      margin-left: 8px;
   }
      #sub-sections>li>ul>li>a, #sub-sections>li>ul>li>strong a {
         font-size: 1.4em;
         line-height: 1.9285;
      }
      #sub-sections ul ul {
         margin-top: -.4em;
      }
      #sub-sections ul ul + ul {
         margin-left: 18px;
         position: relative;
      }
         #sub-sections>li>ul>li>ul>li>a, #sub-sections>li>ul>li>ul>li>strong a {
            font-size: 1.2em;
            line-height: 1.5;
		      color: #000;
         }
		   #sub-sections ul li a {
			   padding-left: 18px;
		   }
		#sub-sections li.actual {
			background-color: #fff;
			border-radius: 1em 0 0 1em;

		   -moz-border-radius: 1em 0 0 1em;
		   -webkit-border-bottom-left-radius: 1em;
		   -webkit-border-top-left-radius: 1em;
		}
		#sub-sections>li>a, #sub-sections>li>strong {
			display: block;
		}
#sub-sections #poles {
	padding-left: 0;
}
	#sub-sections #poles li {
		list-style-image: none;
		background-position: 2px 50%;
		background-repeat: no-repeat;
	}

/* =content *******************************************************************/
#content {
	position: relative;
	margin: 0 0 0 319px;
	background: #fff;
}
	.content-header {
		padding: 2.7em 31px 3.1em 36px;
	}

	.content-body {
	  overflow: auto;
		padding: 0 31px 6.3em 36px;
	}

	#same-section {
      overflow: auto;
		padding: 0 31px 3.8em 36px;
		margin-left: -15px;
      font-size: 1.2em;
	}
		#same-section h2 {
			float: left;
			min-width: 11em;
			min-height: 5.8em;
			padding: .5em 1em 0;
			margin-right: 1.3em;
			border: solid #e9e7db 3px;
			border-radius: 0 0 3em 0;
			font-variant: normal;

			-moz-border-radius: 0 0 3em 0;
   		-webkit-border-bottom-right-radius: 3em;
		}
		#same-section ul {
		   overflow: auto;
		   margin-top: .7em;
			list-style-position: inside;
			list-style-image: url(../img/bullet-arrow-common.png);
		}

/* =header ********************************************************************/
/* =footer ********************************************************************/
#header ul li, #footer ul li {
	display: inline;
	font-size: 1.2em;
	line-height: 1.5;
}
	#header ul li + li:before, #footer ul li + li:before {
		padding: 0 .25em;
		content: " | ";
	}

/*******************************************************************************
	=misc page styles
*******************************************************************************/
/* =splash ********************************************************************/
#splash h1, #splash #language {
	max-width: 972px;
	padding: .5em 0 0;
	margin: 0 auto;
}
#splash #language {
	position: relative;
	font-size: 1.6em;
	word-spacing: .5em;
	text-align: center;
	color: #003871;
}
	#splash #language p {
		position: relative;
	}
		#splash #language a {
			font-weight: bold;
		}
		#splash #language img {
			position: absolute;
			left: 0;
			top: 0;
		}



/* =sommaire ******************************************************************/
#page.index #container, #page.index #content {
	float: left;
	margin: 0;
}
#page.index #content {
	background: #fff url(../img/home_edito.png) no-repeat 6px 15px;
}

.index #main-info {
	float: left;
	width: 33.1%;
	margin-right: 1.8em;
}
.index #highlights {
	float: right;
	width: 33.1%;
}
   .index #highlights #zoom, .index #highlights #forumag {
      margin-right: 1.3em;
      margin-left: 1.8em;
   }

.index #zoom, .index #forumag, .index #news, .index #slideshow {
	margin: 1.9em 0 2.35em;
	overflow: hidden;
}
	.index h2 a {
		display: block;
	}
	.index #zoom h2, .index #forumag h2, .index #news h2, .index #slideshow h2 {
		float: left;
		padding: 0 1.5em;
		margin-left: 1.5em;
		border-radius: .8em .8em 0 0;
		font-size: 1.2em;
		line-height: 2em;
		text-transform: uppercase;
		color: #fff;
		
		-moz-border-radius: .8em .8em 0 0;
		-webkit-border-top-right-radius: .8em;
		-webkit-border-top-left-radius: .8em;
	}
	.index h3 {
	   font-variant: normal;
		color: #000;
	}
	.index #zoom .focus, .index #forumag .txt, .index #news ul, .index #slideshow div {
		clear: both;
		position: relative;
		border: solid #4A982B 3px;
		border-radius: 8px;
		
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	.index #zoom .focus {
		padding: 0 1.8em;
	}
	.index #forumag .txt {
	   padding: 0 1.8em 1.15em;
		border-color: #3EB5B0;
	}
	   .index #forumag .txt h3 {
		   font-size: 1.2em;
         padding-top: 1em;
      }
	   .index #forumag .txt ul li {
	      display: inline;
      }
	   .index #forumag .txt ul li + li:before {
	      content: " | ";
      }
	.index #news ul {
      padding: 1.18em 1.8em .5em;
	   font-size: 1.1em;
      line-height: 1.6363636363636363;
		border-color: #A01026;
	}
	.index #slideshow div {
		border-color: #D14814;
	}
	.index #slideshow .txt * {
	   padding: 1.15em 1.8em;
	}
	.index #slideshow .txt object {
	   display: block;
		width: 100%;
	   padding: 0;
	}
	.index #zoom .focus {
      padding-bottom: .65em;
   }
	   .index #zoom h3 {
		   font-size: 1.2em;
         padding-top: 1.5em;
      }
	   .index #zoom h3:first-child {
         padding-top: 1em;
      }
	   .index #zoom p, .index #zoom ol, .index #zoom ul, .index #zoom blockquote,
	   .index #forumag .txt p, .index #forumag .txt ol, .index #forumag .txt ul, .index #forumag .txt blockquote {
		   font-size: 1.1em;
         line-height: 1.6363636363636363;
      }

.index #edito {
	padding: 1.55em 8px 1.5em;
	margin: 0 0 28px 23px;
	background-color: #EEECDE
}
	.index #edito h2 {
		padding-top: .3em;
		font-size: 1.6em;
		line-height: 1.15em;
      font-variant: normal;
		text-transform: none;
	}
	.index #edito h3 {
	   margin-top: .075em;
		font-size: 1.2em;
	}
	.index #edito p {
		font-size: 1.2em;
	}
.index #satelites h2 {
	min-height: 2.25em;
	margin: 1.125em 0 0;
	padding-left: 3.6em;
	font-size: 1.6em;
	line-height: 2.25;
	text-transform: uppercase;
	background-position: 13px center;
	background-repeat: no-repeat;
}
	.index #satelites h2 a {
		text-decoration: none;
	}
	.index #satelites h2 a:hover {
		text-decoration: underline;
	}
.index #satelites .text {
	margin: 0 0 1.5em;
	padding-left: 4.8em;
	font-size: 1.2em;
	line-height: 1.5;
}



/* =forumag *******************************************************************/
/*
isolates the forum as a independant entity
also usefull for "clear" properties
*/
#magazine {
	overflow: hidden;
}

#magazine .content-header {
	padding: 0 0 6em;
}
	#magazine .content-header h2 {
		position: absolute;
		width: 100%;
		right: 0;
		top: 0;
		z-index: 0;
		padding: 0;
		margin: 0;
		text-align: right;
	}
	#magazine .content-header .date {
		padding: 102px 28px 0 0;
		margin: 0;
		font-size: 1.2em;
		text-align: right;
		color: #fff;
		background: #A01026;
	}

/* common styles */
   #magazine .txt > * {
      font-size: 1.1em;
         line-height: 1.6363636363636363;
   }
   #magazine .txt > * + * {
      margin-top: 1.636363636em;
   }
	#magazine .txt h4 {
	   padding-top: 1.5em;
	   margin-top: 0;
		font-size: 1.2em;
		line-height: 1.5;
	}
   #magazine .txt > h4 + * {
      margin-top: 0;
   }
   #magazine .txt > h4:first-child {
      padding-top: .1em;
   }

#magazine #edito .txt, #magazine #zoom .txt {
	border: solid #4A982B 2px;
	border-style: none solid solid none;
}
#magazine #zoom .txt {
	border-color: #A01026;
	border-style: none solid solid none;
}

#magazine #edito, #magazine #news {
	position: relative;
}
   #magazine #edito h3, #magazine #zoom h3 {
	   padding: 0 0 0 28px;
	   border-bottom: solid #4A982B 2px;
      font-size: 1.8em;
	   color: #4A982B;
	   background: #fff url(../img/forumag/cornerbl-green.png) no-repeat 0 100%;
   }
   #magazine #edito .txt, #magazine #zoom .txt {
	   padding: 0 18px 1em;
   }
      #magazine #edito h4, #magazine #zoom h4 {
         padding-top: 1em;
         font-size: 1.4em;
         line-height: 1.285714286;
      }
      #magazine #edito .txt > h4 + h4, #magazine #zoom .txt > h4 + h4 {
	      padding-top: 1.25em;
      }

#magazine #edito {
	float: left;
	margin: 0 18px 0 0;
	width: 45%;
	min-width: 288px;
	background: #EBF7D8;
}
   #magazine #edito h4 {
	   color: #4A982B;
   }

#magazine #news {
	float: left;
	width: 45%;
	margin-top: .65em;
	margin-left: 18px;
}
	#magazine #news .news-forum,
	#magazine #news .news-workshops,
	#magazine #news .news-misc {
	   padding-bottom: .5em;
		border-bottom: solid 2px;
	}
	#magazine #news .news-forum {
		border-bottom-color: #863788;
	}
	#magazine #news .news-workshops {
		border-bottom-color: #4A837B;
		background: transparent url(../img/forumag/arrow-bottom-purple.png) no-repeat center top;
	}
	#magazine #news .news-misc {
		border-bottom-color: #D89E2A;
		background: transparent url(../img/forumag/arrow-bottom-blue.png) no-repeat center top;
	   }
	#magazine #news .news-workshops,
	#magazine #news .news-misc {
	   padding-top: 2.785em;
	}
	   #magazine #news .news-forum h3,
	   #magazine #news .news-workshops h3,
	   #magazine #news .news-misc h3 {
		   padding-left: 18px;
		   font-size: 1.4em;
		   line-height: 1.285714286em;
	   }
	#magazine #news .news-forum h3 {
		color: #863788;
		background: #fff url(../img/forumag/bullet-purple.png) no-repeat 0 25%;
	}
	#magazine #news .news-workshops h3 {
		color: #4A837B;
		background: #fff url(../img/forumag/bullet-blue.png) no-repeat 0 25%;
	}
	#magazine #news .news-misc h3 {
		color: #D89E2A;
		background: #fff url(../img/forumag/bullet-yellow.png) no-repeat 0 25%;
	}
	#magazine #news .txt h4 {
		color: #773179;
	}
#magazine #news:after {
   display: block;
   content: '\000a0';
   background: transparent url(../img/forumag/arrow-bottom-yellow.png) no-repeat center top;
}

#magazine #zoom {
   float: left;
   clear: left;
	width: 62%;
	margin-bottom: 6.35em;
	background: #EEECDE;	
}
	#magazine #zoom h3 {
   	padding-top: 2em;
		border-bottom-color: #A01026;
		color: #A01026;
		background-image: url(../img/forumag/cornerbl-red.png);
	}

#magazine #call {
   float: right;
   clear: both;
   margin: 4em 31px 0 0;
   border: solid 5px #ADD33A;
   border-radius: 93px;
   background: #ADD33A;
		
	-moz-border-radius: 93px;
	-webkit-border-radius: 93px;
}
   #magazine #call #dirty-wrapper {
      display: table;
      width: 150px;
      min-height: 150px;
      height: 150px;
      padding: 9px;
      border: solid 2px #4A982B;
      border-radius: 75px;
      text-align: center;
      vertical-align: middle;
		
	   -moz-border-radius: 93px;
	   -webkit-border-radius: 75px;
   }
      #magazine #call #dirty-wrapper:before, #magazine #call #dirty-wrapper:after {
         display: table-row;
         min-height: 20%;
         content: '\000a0';
      }
      #magazine #call #dirty-wrapper > * {
         display: table-row;
         min-height: 30%;
      }
      #magazine #call #dirty-wrapper h3 {
         font-size: 1.4em;
         line-height: 1.28571em;
         text-transform: uppercase;
         color: #fff;
      }

#magazine #suggestions {
   clear: both;
   margin: 1em 31px 2em 36px;
   font-size: 1.2em;
   text-align: center;
}
   #magazine #send_proposal, #magazine #unsubscribe {
      padding: 1em 0 .35em;
      border-color: #A01026;
      border-style: dashed none none;
      border-width: 2px;
   }
   #magazine #unsubscribe {
      display: none;
   }
      

/* =scrutari ******************************************************************/
#RCHF_Totaux_Block, #RCHF_Plages_Block {
   font-size: 1.2em;
}
#RCHF_Totaux_Block {
   margin-top: .35em;
}

#RCHF_Resultat_Liste dt {
	margin: 1.5em 0 auto;
}
#RCHF_Resultat_Liste dd {
	padding: 0 0 0 28px;
}
	#RCHF_Resultat_Liste em {
		font-style: italic;
	}



/* =sitemap *******************************************************************/
.sitemap #content .content-body h3 {
	margin-top: 2.925em;
}
.sitemap #content div > h3:first-child {
	margin-top: 1.1em;
}
.sitemap #content h4 {
   margin-top: 1em;
}
.sitemap #content .sitemap-shortcuts + div > h4 {
   margin-top: .985em;
}
.sitemap #content h5 {
   padding-left: 0;
   margin-top: 0;
}
.sitemap .content-body div div {
	margin-left: 18px;
}
.sitemap #content .content-body dl.sitemap-shortcuts {
   margin-top: .2em;
   font-size: 1.2em;
}
	.sitemap-shortcuts dt, .sitemap-shortcuts dd {
		display: inline;
	}
	.sitemap-shortcuts dd:before {
		padding: 0 .25em;
		content: " | ";
	}
	.sitemap-shortcuts dt+dd:before {
		content: none;
	}
.sitemap .content-body div div ol {
	padding-left: 18px;
	margin-top: .125em;
}
	.sitemap #content ol li {
		list-style-type: decimal;
	}
	.sitemap #content li {
	   margin: 0;
	}
	.sitemap .content-body strong a, .sitemap .content-body em a {
	   font-size: 1.1em;
      line-height: 1.6363636363636363;
	}



/* =documents *****************************************************************/
#blocks_list {
   margin: 0;
}
ul#blocks_list li {
	display: inline;
   margin: 0;
}
   #blocks_list li:before {
		padding: 0;
	}
   #blocks_list li + li:before {
		padding: 0 .25em;
		content: " | ";
	}
ul#blocks_list li a.highlight {
   font-weight: 900;
   font-size: 2em;
}

.content-body.document {
   margin-top: .5em;
}
   .content-header.document .subtitle {
      margin-left: 0;
   }

/* =calendar ******************************************************************/
.dtend {
   display: none;
}

/* =poles *********************************************************************/
.workshops .content-body {
/*   float: right;*/
}
.pole {
  float: left;
	overflow: hidden;
  width: 32%;
  min-width: 11.5em;
	margin: .25em 0 28px 2%;
	font-size: 1.16666667em;
}
  #content .pole a {
    text-decoration: none;
  }
  #content .pole a:hover,
  #content .pole a:focus {
    text-decoration: underline;
  }
.pole.first {
  clear: left;
  margin-left: 0;
}
	.pole h2 {
		text-transform: uppercase;
		background: no-repeat 10px 5px;
	}
	.pole a {
    display: block;
    background: url(../img/bullet-play-link.png) no-repeat 0 4px;
    text-indent: 16px;
	}
	.pole h2 {
		float: left;
		padding: .3em 28px 0;
		margin-left: 19px;
		border-radius: 16px 16px 0 0;
		color: #fff;
		
		-moz-border-radius: 16px 16px 0 0;
		-webkit-border-top-right-radius: 16px;
		-webkit-border-top-left-radius: 16px;
	}
	.pole .pole-description p {
    clear: both;
    padding: 8px;
    margin: 0;
    border: solid 3px #9c0063;
    border-radius: .8em;
    background: #fff;

    -moz-border-radius: .8em;
    -webkit-border-radius: .8em;
	}
  .pole .pole-description {
    padding-bottom: 13px;
	  background: url(../img/shadow-poles.jpg) no-repeat 100% 100%;
  }


#poles-list {
   display: table;
   table-layout: fixed;
}
   #poles-list .worshops-list + .worshops-list {
      padding: 0 0 0 9px;
   }
   #poles-list .worshops-list {
      display: table-cell;
      width: 50%;
      padding: 0 9px 0 0;
   }
      #poles-list .worshops-list h3 {
         display: block;
         font-size: 1.6em;
         font-variant: normal;
         line-height: 1.13;
         margin: 1.25em 0 1em;
      }
      #poles-list .worshops-list ol>li,
      #poles-list .worshops-list ol>li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li {
         background: #fff;
      }
      #poles-list .worshops-list ol>li+li,
      #poles-list .worshops-list ol>li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li,
      #poles-list .worshops-list ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li {
         background: #e6e6fa;
      }
      #poles-list .worshops-list ol>li {
         display: block;
         margin: 0;
         border-bottom: solid 1px;
         font-size: 1em;
      }
         #poles-list .worshops-list li a {
            display: block;
            padding: .25em 18px 1.17em;
            text-decoration: none;
            background: transparent url(../img/bullet-play-link.png) no-repeat 3px .5em;
         }
         #poles-list .worshops-list li a:hover,
         #poles-list .worshops-list li a:focus {
            text-decoration: none;
            color: #fff;
            background-image: url(../img/bullet-play-hover.png);
            background-color: #9c0063;
         }
         #poles-list .worshops-list li a:visited {
            background-image: url(../img/bullet-play-visited.png);
         }


/* =workshops *****************************************************************/
/* =workshops lists ***********************************************************/
div[id^=workshop] ul {
   margin-top: 0.1em;
   margin-left: 72px;
}
div[id^=workshop] ul li + li {
   margin-top: 0;
}
   #content div[id^=workshop] h5 {
      font-weight: normal;
   }
   #content div[id^=workshop] h5:before {
      content: "+\00a0"
   }

/* =workshop ******************************************************************/
.workshop #activities {
   overflow: auto;
   position: relative;
   left: -8px;
   padding-left: 8px;
}
.workshop #activities p {
   margin-top: .1em;
}
.workshop #activities ol,
.workshop #activities ul,
.workshop #docs ol,
.workshop #docs ul {
   margin: 0 18px;
}
.workshop #debate, .workshop #about, .workshop #news {
   margin: 6em 0 7em;
}
.workshop #presentation {
   position: relative;
   left: -8px;
   padding: 0.001em 8px .9em;
   border-radius: .8em;
   background: #edecdd;
   
   -moz-border-radius: .8em;
   -webkit-border-radius: .8em;
}
.workshop h2 img {
   vertical-align: -.3em;
}
.workshop h3 {
   margin-top: 1.055em;
}
.workshop a.back {
   display: block;
   background: transparent url(../img/interface-back.png) no-repeat 36% 50%;
   padding-left: 18px;
   line-height: 5;
}

.workshop #infos, .workshop #docs {
   float: right;
   width: 34.35%;
   padding: 0 9px .5em;
   margin-right: -9px;
}
.workshop #infos {
   border-radius: .8em;
   background: #edecdd;
   
   -moz-border-radius: .8em;
   -webkit-border-radius: .8em;
}
.workshop #infos #status p {
   margin-top: -.25em;
   text-align: left;
}
.workshop #infos p {
   margin: 0;
   font-size: 1.2em;
   text-align: center;
}
.workshop #docs {
   clear: right;
   min-width: 11em;
   overflow: hidden;
   margin-top: .95em;
}


/* =news **********************************************************************/
.news h3 {
   margin: 1.575em 0 0.65em;
   line-height: 2em;
}
.news .more {
   margin: 1.5em 0 0;
   line-height: 1.5em;
}
.news + hr {
  clear: none;
  width: 36%;
  margin: 6em auto 5.2em;
  border: solid .2em #A01026;
  border-style: solid none none;
  visibility: visible;
}


/*******************************************************************************
	=spip specific classes
*******************************************************************************/
.spip_documents_center {
   display: block;
   text-align: center;
}


/*******************************************************************************
	=JavaScript specific classes
*******************************************************************************/
.jsHide,
.partage #main-div div.jsHide,
.partage #main-div strong.jsHide,
.partage .content-body .jsHide {
   display: none;
}