/*
*************
**************
************** INCLUSION du fichier '/www/static.cirad.fr/prod/css/ezSites/reset_4.css'
**************
**************
*/


/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}
summary {
	display: list-item;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
     overflow-y: scroll;
	 font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*.................................................................... ezSites*/
/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


body {
	line-height:1.6em;
}
h1 {
	font-size:1.6em;
	line-height:1;
	margin:1em 0 .5em;
}
h2 {
	font-size:1.5em;
	line-height:1;
	margin:1.07em 0 .535em;
}
h3 {
	font-size:1.4em;
	line-height:1;
	margin:1.14em 0 .57em;
}
h4 {
	font-size:1.3em;
	line-height:1;
	margin:1.23em 0 .615em;
}
h5 {
	font-size:1.2em;
	line-height:1;
	margin:1.33em 0 .67em;
}
h6 {
	font-size:1em;
	line-height:1;
	margin:1.6em 0 .8em;
}
hr {
	display:block;
	background:black;
	color:black;
	width:100%;
	height:1px;
	border:none;
}
ul {
	list-style:disc outside;
}
ol {
	list-style:decimal outside;
}
table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc;border-collapse:collapse; }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; padding:0 5px; }

hr, p,ul ,ol , dl, pr, address, table, form
{
	margin-bottom:1.6em;
}


fieldset {
	margin:1.6em 0;
	padding:1.6em;
}

/* \*/

legend {
	padding-left:.8em;
	padding-right:.8em;
}

/* */

@media all and (min-width: 0px) /* for Opera 8 */
{
	legend 	{
		margin-bottom:1.6em;
	}
	fieldset 	{
		margin-top:0;
	}
	/*#content[class^='content'] fieldset {
		margin-top:1.6em;
	}*/
}
fieldset>*:first-child {
	margin-top:0;
}
textarea, input[type='text'] {
	padding:.1em .2em;
}
input {
	padding:.2em .1em;
}
select {
	padding:.2em .1em 0;
}
select[multiple] {
	margin-bottom:.8em;
}
option {
	padding:0 .4em .1em;
}
button {
	padding:.3em .5em;
}
input[type='radio'] {
	position:relative;
	bottom:-.2em;
}
dt {
	margin-top:.8em;
	margin-bottom:.4em;
}
ul, ol {
	margin-left:2.2em;
}
caption, form div {
	padding-bottom:.8em;
}
ul ul, ol ul, ul ol, ol ol {
	margin-bottom:0;
}


/*----------------------------------------------------------------*/
/*          BOITE DE CONNEXION / DECONNEXION        */
/*----------------------------------------------------------------*/
body.not_connected div#warning_hiddensite {
	width:450px;
	border:1px solid #000;
	margin:150px auto;
	padding:10px;
	background:#fff;
}
body.not_connected div#warning_hiddensite h1 {
	text-align:center;
	font-size:17px;
}
body.not_connected div#warning_hiddensite h2 {
	text-align:center;
	font-size:13px;
	font-weight:normal;
	margin:5px 20px;
}
body.not_connected div#warning_hiddensite h2:last-child {
	margin-bottom:20px;
}
body.not_connected div#warning_hiddensite h3 {
	text-align:center;
	margin:15px 0 0 0;
	font-size:20px;
	color:#ccc
}
body.not_connected div#warning_hiddensite .block {
	text-align:left;
	margin-bottom:10px;
}
body.not_connected div#warning_hiddensite label {
	width:125px;
	display:block;
	float:left;
	font-weight:bold;
	color:red;
}
body.not_connected div#warning_hiddensite input {
	width:200px;
}
body.not_connected div#warning_hiddensite .buttonblock {
	text-align:center;
}
div#login_state {
	text-align:center;
	font-weight:bold;
	padding:10px 0 30px;
}


/*----------------------------------------------------------------*/
/*                EDITEUR XML - content.ini.append          */
/*----------------------------------------------------------------*/
div.attr_accroche {
	font-weight:bold;
}
p.text-left {text-align:left;}
p.text-center {text-align:center;}
p.text-right {text-align:right;}
p.text-justify {text-align:justify;}

#contenu > .attr_image {
	float:right;
	margin:0 0 20px 20px;
	background:#fff;
}
aside .attr_image {
	float:none;
	margin:0 0 20px 0;
}
.object-right .attribute-image,
.object-right .attr_image {
	float:right;
	margin:0 0 20px 20px;
}
.object-left .attribute-image,
.object-left .attr_image {
	float:left;
	margin:0 20px 20px 0;
}
.object-center .attribute-image,
.object-center .attr_image {
	text-align:center;
	float:none;
	margin:0;
}


table p {
	margin:0;
}
table caption {
	font-weight:bold;
}
table.default th {
	background:#eee;
}
hr {
	clear:both;
}


/*........................................................ Orientation image - EXIF .........*/
img {
	image-orientation: from-image;
}


/*........................................................ extension de fichier .........*/
/*a[href^="http://"] {
	padding-left:20px;
	background:url(/css/ezSites/sprite_MIME.png) 0 -200px no-repeat;
}
a[href^="http://www.cirad.fr"]  {}
a[href^="mailto"] {}*/

a[href$=".zip"] span, a[href$=".rar"] span {
	padding-left:20px !important;
	background:url(/css/ezSites/sprite_MIME.png) 0 0 no-repeat !important;
}
a[href$=".ppt"] span, a[href$=".pptx"] span  {
	padding-left:20px !important;
	background:url(/css/ezSites/sprite_MIME.png) 0 -40px no-repeat !important;
}
a[href$=".pdf"] span {
	padding-left:20px !important;
	background:url(/css/ezSites/sprite_MIME.png) 0 -80px no-repeat !important;
}
a[href$=".doc"] span, a[href$=".docx"] span {
	padding-left:20px !important;
	background:url(/css/ezSites/sprite_MIME.png) 0 -120px no-repeat !important;
}
a[href$=".xls"] span, a[href$=".xlsx"] span {
	padding-left:20px !important;
	background:url(/css/ezSites/sprite_MIME.png) 0 -160px no-repeat !important;
}
a[href$=".mp3"] span.lig1 {
	padding-left:20px !important;
	background:url(/css/ezSites/sprite_MIME.png) 0 -453px no-repeat !important;
}
a.opennew > span {
	padding-left:25px !important;
	background:url(/css/ezSites/sprite_MIME.png) 6px -237px no-repeat !important;
}


/*........................................................................ noBorder .........*/
.noBorder {
	border:none;
}
.noBorder th, .noBorder td {
	border:none;
}
.trBorder {
	border:none;
}
.trBorder th, .trBorder td {
	border:none;
}
.trBorder tr {
	border-bottom:1px solid #aaa;
}
.trBorder th {
	background:#eee;
}

/*............................................................... td_1, td_2, td_3 .........*/
/*.td_1 {
	background:#D7DFD5;
}
.td_2 {
	background:#EAD9D9;
}
.td_3 {
	background:#D5DEE8;
}*/

/*............................................................... th_1, th_2, th_3 .........*/
/*.th_1 {
	background:#A39FA4;
	color:#fff;
}
.th_2 {
	background:#98A495;
	color:#fff;
}
.th_3 {
	background:#B29B9C;
	color:#fff;
}*/

/*............................................................................... Listes .........*/
ol ol,
ul ul {
	list-style-type: circle;
}
/*.ol_1,
.ul_1 {
	border:1px solid #ccc;
	margin-left:0;
	padding:1em 1em 1em 4em;
	background:#eee;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}*/

/*...................................................................... Paragraphes .........*/
/*.p_exergue_1 {
	text-align:center;
	width:250px;
	padding:1.5em;
	float:right;
	background:#D5DEE8;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin:0 0 2em 2em;
}
.p_exergue_1:before {
	content:'\201C';
	font-size:40px;
	margin-left: -0.55em;
}
.p_exergue_1:after {
	content:' \201D';
}
.p_exergue_2 {
	text-align:center;
	width:250px;
	padding:1.5em;
	float:left;
	margin: 0 2em 2em 0;
	background:#D5DEE8;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.p_exergue_2:before {
	content:'\201C';
	margin-left: -0.55em;
}
.p_exergue_2:after {
	content:' \201D';
}
.p_encadre {
	padding:1em 2em;
	background:#D5DEE8;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.p_espace_1 {
	margin-bottom:3em;
}
.p_espace_2 {
	margin-bottom:6em;
}
.p_1 {
	font-weight:bold;
	color:#933;
	font-size:1.1em;
	text-align:center;
	margin:0 3em 1.6em;
}
.p_2 {
	padding:15px 0 15px 58px;
	background:url(/css/ezSites/bg_p_2.png) 0 0 no-repeat;
	font-size:1.1em;
	letter-spacing:1px;
}
.p_3 {
	text-align:center;
	padding:1em 2em;
	background:#069;
	color:#fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}*/

/*-------------------------------------------------------------------------*/
/*                                crd_video                                */
/*-------------------------------------------------------------------------*/
/* width et height en styles inline */
.crd_video.embed .attr_fichier,
.crd_video.embed-inline .attr_fichier {
position:relative;
/* width et height en styles inline */
}
a.video {
display: table-cell;
text-align: center;
vertical-align: middle;
}
a.video img.play_button,
a.video .background img {
	float:none;
	margin:0;
}
/* Image "splash" en pseudo-background (sur div conteneur) */
a.video .background {
position:absolute;
top:0;
left:0;
z-index:-9999;
/* width et height en styles inline */
}



/* On masque le terme "SPAMFILTER" dans les adresses Mails*/
.spamfilter {
	display:none;
}



/* Pour l'avertissement "votre javascript est désactivé" */

.no-js {
	padding-top:70px;
}
.no-js .warning-nojs {
margin:0 auto;
padding-top:10px;
position:absolute;
top:0;
left:25%;
width:50%;
color:#AF2D51;
text-align:center;
z-index:100;
font-weight:bold;
font-size:14px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.js .warning-nojs {
display:none;
}


/* Sauts de ligne généré par double-pipe" */
h1 span.lig1,
h1 span.lig2,
h1 span.lig3,
h1 span.lig4,
p.attr_accroche span.lig1
p.attr_accroche span.lig2,
p.attr_accroche span.lig3,
p.attr_accroche span.lig4 {
	display:block;
}



.crd_video_html5 p,
.crd_video_html5 ul {
display:none;
}

/*-----------------/cookies/infos */
.info_cookies button {
    margin-bottom: 25px;
    border-radius:5px;
}
.info_cookies p#no {
    background: none !important;
    font-weight: bold
}


/*
*************
**************
************** INCLUSION du fichier '/www/static.cirad.fr/prod/css/dpSites/dpSites.css'
**************
**************
*/

body {
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}
header#entete {
	height:202px;
}
div#titre_site div#logo {
	position:absolute;
	top:35px;
	width:710px;
	height:110px;
}
div#titre_site div#logo a {
	display:block;
	width:710px;
	height:110px;
}
div#titre_site div#logo img {
	display:none;
}
header#entete h1, header#entete h2 {
	font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
header#entete div.hgroup h1 a {
    color: transparent;
	text-decoration:none;
}
#container {
	width:1000px;
	margin:0 auto;
	background:#fff;
	position:relative;
}
.DEBUG, .hide, p.debut_page, ul#menu_accessibilite {
	display:none;
}

/*-------------------------------------------------------------------------*/
/*                                MenuOutils                               */
/*-------------------------------------------------------------------------*/
#menuOutils {
	margin:0;
	padding:0;
	position:absolute;
	left:515px;
	top:6px;
}
#menuOutils li {
	list-style-type:none;
	font-weight:bold;
	float:left;
	margin-right:30px;
	padding-left:10px;
}
#menuOutils li a {
	text-decoration:none;
	color:#fff;
}
#searchbox {
	position:absolute;
	top:5px;
	left:770px;
}
#searchbox p {
	margin:0;
}
#searchbox input {
	border:1px solid #000;
}

/*-------------------------------------------------------------------------*/
/*                                MenuLangues                              */
/*-------------------------------------------------------------------------*/
ul#langages {
	margin:0;
	padding:0;
	list-style-type:none;
	position:absolute;
	top:7px;
	left:910px;
}
ul#langages li {
	width:27px;
	height:19px;
	margin-bottom:4px;
}
ul#langages li a {
	display:block;
	text-decoration:none;
	width:27px;
	height:19px;
	overflow:hidden;
	background:url(/css/ur_umr/sprite_menuLangues_27.19.png) 0 0 no-repeat;
}
ul#langages li a span {
	visibility:hidden;
}
ul#langages li.en a {
	background-position:0 -40px;
}
ul#langages li.es a {
	background-position:0 -80px;
}
[LANG=fr-FR] li.fr,
[LANG=en-GB] li.en,
[LANG=es-SP] li.es {
	display:none;
}

/*-------------------------------------------------------------------------*/
/*                                Nav - Arianne                            */
/*-------------------------------------------------------------------------*/
p#nav_ariane {
	line-height:24px;
	overflow:auto;
	font-family:Verdana, Geneva, sans-serif;
	padding:5px 0 6px 0;
	margin:0 230px 20px 0;
	border-bottom:2px dotted #ccc;
}
p#nav_ariane a {
	text-decoration:none;
}
p#nav_ariane a:hover {
	color:#000;
}
p#nav_ariane span {
	padding:0 8px;
	display:block;
	float:left;
}
p#nav_ariane span.libelle {
	display:none;
}
p#nav_ariane span.bc1 {
	width:24px;
	height:24px;
	padding:0;
	margin-right:15px;
	background:url(/css/dpSites/sprite_home.png) 0 0 no-repeat;
}
p#nav_ariane span.bc1 a {
	display:block;
	width:24px;
	height:24px;
	overflow:hidden;
	text-decoration:none;
}
p#nav_ariane span.bc1 a:hover {
	background:url(/css/dpSites/sprite_home.png) 0 100% no-repeat;
}
p#nav_ariane span.bc1 span.path-text,
p#nav_ariane span.bc1 a span {
	display:none;
}
p#nav_ariane span.path-separator {
	height:24px;
	width:13px;
	padding:0;
	background:url(/css/dpSites/sprite_home.png) 100% 0 no-repeat;
}
p#nav_ariane span.path-separator span.separator {
	visibility:hidden;
}

/*-------------------------------------------------------------------------*/
/*                              Navigation verticale                       */
/*-------------------------------------------------------------------------*/
#menuArborescence {
	min-height:450px;
	width:170px;
	float:left;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	padding-top:15px;
}
#menuArborescence ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#menuArborescence a {
	text-decoration:none;
}
#menuArborescence a:hover,
#menuArborescence .menudepth_1 > li.courant > a, 
#menuArborescence .menudepth_2 > li.courant > a,
#menuArborescence .menudepth_3 > li.courant > a,
#menuArborescence .menudepth_4 > li.courant > a {
	color:#000;
}
#menuArborescence > .menudepth_1 > li > a {
	display:block;
	margin-bottom:15px;
	font-size:26px;
	padding:0 0 25px 0;
}
#menuArborescence .menudepth_2 > li  {
	padding:10px 0;
	font-size:22px;
}
#menuArborescence .menudepth_3 {
	margin:10px 0 0 0 ;
}
#menuArborescence .menudepth_3 > li  {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	padding:3px 0;
}
#menuArborescence .menudepth_4 {
	margin: 2px 0 10px;
}
nav#menuArborescence .menudepth_4 > li  {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	list-style-type:square;
	padding:0;
	padding-left:10px;
	list-style-position:inside;
}

/*-------------------------------------------------------------------------*/
/*                                Content - LAYOUT                         */
/*-------------------------------------------------------------------------*/
#main {
	overflow:auto;
	margin: 20px 10px 0;
}
#content {
	overflow:auto;
	margin:0 0 40px 210px;
	width:770px;
}
#content article {
	float:left;
	width:530px;
	min-height:400px;
}
#content aside {
	width:200px;
	float:right;
	min-height:400px;
}
body.mep_accueil #menuAriane {
	display:none;
}
body.mep_accueil #content,
body.crdpg_sitemap #content {
	margin:10px 0 0 0;
	width:980px;
}
body.crdpg_sitemap #menuArborescence {
	display:none;
}
body.mep_accueil #content article,
body.crdpg_sitemap #content article {
	width:750px;
}
body.mep_accueil #contenu12 {
	overflow:auto;
	background:url(/css/dpSites/bg_blocContenu12.png) 375px 0 repeat-y;
}
body.mep_accueil .attr_contenu1 {
	float:left;
	width:340px;
}
body.mep_accueil .attr_contenu2 {
	float:right;
	width:340px;
}
body.mep_accueil .attr_contenu3 {
	clear:both;
}

/*-------------------------------------------------------------------------*/
/*                                    CONTENT     ,                        */
/*-------------------------------------------------------------------------*/
#content h1, #content h2, #content h3, #content h4,  #content h6,/**/
#content h1 b, #content h2 b, #content h3 b, #content h4 /*b*/,  #content h6 b,/**/
#content h1 i, #content h2 i, #content h3 i, #content h4 /*i*/,  #content h6 i {
	font-weight:normal;
	font-style:normal;
}
#content a {
	color:#000;
}
#content p b, #content ul b, #content ol b {
	font-size:0.95em;
}
article h1 {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:30px;
	margin-top:0;
	padding-left:40px;
	margin-bottom:25px;
}
article h1 .lig2 {
	margin-top:10px;
	font-size:22px;
	color:#000;
}
article h2 {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:26px;
	padding-bottom:5px;
}
article h3 {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:24px;
}
#content article h4, #content article h4 b {
	font-size:12px;
	font-weight:bold;
}
article ul {
	margin:20px 0 0 0 ;
	padding-left:20px;
}
article ul li {
	margin-bottom:6px;
	line-height:1.5em;
}

.crd_rubrique .attr_contenu1 p,
div.attr_accroche {
	margin-bottom:25px;
	font-size:13px;
	font-weight:bold;
}
p.attr_accroche {
	margin-bottom:20px;
	font-weight:bold;
}
article table {
	line-height:1.25em;
}
article table td {
	padding:7px 5px;
}

.object-center .cycle {
	margin:0 auto;
}

/*....................................................... Affichage des enfants */
.niv1rich ul {
	color:#444;
	margin:0;
	padding:0;
	list-style-type:none;
}

.niv1rich ul li {
	overflow:auto;
	margin-bottom:10px;
	border-bottom:1px dotted #000;
}
.niv1rich ul li:last-child {
	border:none;
}
.niv1rich ul li img {
	float:left;
	margin:0 10px 20px 0;
}
.niv1rich p.attr_name {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:21px;
	line-height:20px;
	margin:0 0 10px 0;
}
.niv1rich p.attr_name a {
	text-decoration:none;
}
.niv1rich p.attr_name a span {
	padding-left:20px;
}
.niv1rich .attr_accroche {
	font-weight:normal;
	margin-bottom:15px;
	color:#000;
}


li.crd_page p.read_more {
	display:none;
	text-align:right;
}
#content li.crd_page ul li p.read_more, p.read_more {
	display:block;
	text-align:right;
	
}

.attr_date_publication {
	font-size:0.9em;
	text-align:right;
	font-style:italic;
	margin-top:40px;
	clear:both;
}

article table.trBorder td {
	padding:12px 0;
	line-height:1.5em;
}
pre {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#444;
}



/*...............................  Page ACCEUIL - Mep ..........................*/
.cycle {
	margin-bottom:20px;
}
body.mep_accueil article h2 {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:30px;
	margin-top:0;
	padding-left:40px;
	border:none;
}
body.mep_accueil .attr_contenu2 .attr_image {
	float:none;
	margin:0;
}
body.mep_accueil .attr_contenu3 {
	margin-top:40px;
	font-weight:bold;
	font-size:10px;
	line-height:31px;
}
body.mep_accueil .attr_contenu3 .attr_image {
	float:none;
	margin:0 10px 0 0 ;
}
body.mep_accueil .attr_contenu3 a {
	text-decoration:none;
}

/*....................................... ASIDE .........................................*/
aside {
	line-height:1.3em;
	color:#000;
}
aside h2 {
	padding:6px 15px;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:24px;
	color:#fff;
	-webkit-border-radius: 18px 0 18px 0;
	-moz-border-radius: 18px 0 18px 0;
	border-radius: 18px 0 18px 0;
	margin-top:0;
}
aside ul {
	margin-left:20px;
	padding:0;
}
aside p {
}
aside .attr_image {
	background:none;
}
aside hr {
	margin:0;
}
aside img {
	max-width:198px;
	height:auto;
	border:1px solid #fff !important;
}

/*................................... ACTUALITES ......................................*/
.actus, div.crd_dossier_evenements ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.actus li, div.crd_dossier_evenements li {
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:1px dotted #000;
	overflow:auto;
}
.actus li p, div.crd_dossier_evenements p {
	margin:0;
}
.actus li p.attr_name {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:20px;
}
.actus li p.attr_name a {
	text-decoration:none;
}
.actus li p.attr_date_debut,
div.crd_dossier_evenements .dates,
.attr_date_debut,
.attr_date_fin {
	font-size:0.9em;
	margin:4px 0;
	font-style:italic;
}
.actus li p.attr_accroche,
.crd_evenement p.attr_accroche {
	color:#000;
	font-weight:normal;
	}

#content p.show_more {
	margin:0 0 2.5em 0;
}
#content p.show_more a {
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding-left:13px;
}
#content p.show_more a:hover {
	color:#000;
}
.actus li img {
	float:left;
	margin:0 8px 8px 0;
}
			aside .actus {
				line-height:1.3em;
				font-size:0.95em;
			}
			aside .actus li,
			aside div.crd_dossier_evenements li {
				border-bottom:1px dotted #fff;
}
			aside .actus li img {
				margin:0 6px 2px 0;
			}
			aside .actus li p.attr_date_debut {
				margin:3px 0;
			}
			aside .actus li p.attr_name {
				font-family:Verdana, Geneva, sans-serif;
				font-size:11px;
				font-weight:bold;
			}

.crd_evenement.full p {
	margin:0;
}
.crd_evenement.full p.attr_localisation,
.crd_evenement.full p.attr_accroche {
	font-weight:bold;
}

/*-------------------------------------------------------------------------*/
/*                                         Footer                          */
/*-------------------------------------------------------------------------*/
#basdepage {
	height:200px;
	color:#000;
	position:relative;
	overflow:auto;
	border-top:2px solid #fff;
}
#basdepage a {
	text-decoration:none;
	color:#000;
}
#basdepage a:hover {
	text-decoration:underline;
}
#basdepage p {
	margin:0;
	position:absolute;
	top:70px;
	left:450px;
}

/*............................ CHAPITRES ..................................*/
ul.chapitres {
	padding:0;
	margin:20px 0;
	overflow:auto;
	line-height:1.2em;
	font-size:0.9em;
}
ul.chapitres li {
	font-weight:bold;
	list-style-type:none;
	margin:0;
	margin:0 5px 7px 0;
	width:127px;
	height:35px;
	float:left;
}
#content ul.chapitres li a {
	display:block;
	padding:2px 5px 0;
	height:33px;
	text-decoration:none;
	color:#000;
}
#content ul.chapitres li a:hover,
#content ul.chapitres li.courant a {
	color:#fff;
}

/*-------------------------------------------------------------------------*/
/*                                MENU DEROULANT                           */
/*-------------------------------------------------------------------------*/
.sf-menu {
	position:absolute;
	top:165px;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	/*width:			10em;  left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			34px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 	0	.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu > li {
	background:	none;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:24px;
	line-height:10px;
}
.sf-menu li li {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.2em;
}
.sf-menu li li a {
	padding: 	.55em 1em;
	font-weight:bold;
	color:#fff;
}

.sf-menu li ul > li > a:hover {
	outline:		0;
}

/*-------------------------------------------------------------------------*/
/*                               Affichage mobile                          */
/*-------------------------------------------------------------------------*/
#mobile {
	display: none;
}




.p_encadre {
	padding: 20px;
	background: #ddd;
	border-radius: 10px;
}






/*
*************
**************
************** INCLUSION du fichier 'grease-network.css'
**************
**************
*/

header#entete {
	background: url(bg_header-FR.jpg) 0 0 no-repeat;
}
[LANG="en-GB"] header#entete {
	background:#fff url(bg_header-EN.jpg) 0 0 no-repeat;
}

/*-------------------------------------------------------------------------*/
/*                                MenuOutils                               */
/*-------------------------------------------------------------------------*/
#menuOutils li {
	background:url(sprite_grease.png) 0 6px no-repeat;	
}
ul#langages {
	left:935px;
}
#searchbox {
	left:750px;
}

/*-------------------------------------------------------------------------*/
/*                                Nav - Arianne                            */
/*-------------------------------------------------------------------------*/
p#nav_ariane a {
	color:#e58804;
}

/*-------------------------------------------------------------------------*/
/*                                Navigation verticale                     */
/*-------------------------------------------------------------------------*/
#menuArborescence a {
	color:#e58804;
}
#menuArborescence > .menudepth_1 > li > a {
	background:url(sprite_grease.png) 0 -46px no-repeat;
}
#menuArborescence .menudepth_2 > li  {
	border-bottom:1px solid #046a29;
}
nav#menuArborescence .menudepth_4 > li  {
	color:#006e9f;
}


/*-------------------------------------------------------------------------*/
/*                             Content - LAYOUT                            */
/*-------------------------------------------------------------------------*/
#container {
	background:url(bg_container.png) 100% 0 repeat-y;
}

/*-------------------------------------------------------------------------*/
/*                                     CONTENT                             */
/*-------------------------------------------------------------------------*/
article h1,
article h2,
article h3,
article h4,
.crd_rubrique .attr_contenu1 p,
div.attr_accroche,
p.attr_accroche {
	color:#046a29;
}
body.mep_accueil article h2, article h1 {
	background:url(sprite_grease.png) 0 -121px no-repeat;
}
article h2 {
	border-bottom:1px dotted #006E9F;
}
#Popsurvey{
	border:none;
}

/*.................................................. Affichage des enfants */
.niv1rich p.attr_name a {
	background: url(sprite_grease.png) 0 -244px no-repeat;
}
#content .niv1rich p.attr_name a:hover {
	color:#06c3f5;
}



p.read_more a {
	padding-left:17px;
	background:url(sprite_grease.png) 0 -248px no-repeat;
}

/*...........................  Page ACCEUIL - Mep ........................*/
body.mep_accueil article h2 {
	color:#046a29;
}
body.mep_accueil .attr_contenu3 {
	color:#046a29;
}
body.mep_accueil .attr_contenu2 img {
	margin-bottom:20px;
}

/*............................... ASIDE...................................*/
aside h2 {
	background:#e58804;
}

/*............................ ACTUALITES ................................*/
#content p.show_more a {
	background:url(sprite_grease.png) 0 3px no-repeat;
}
.crd_evenement.full p.attr_localisation,
.crd_evenement.full p.attr_accroche {
	color:#006E9F;
}

/*............................ CHAPITRES ..................................*/
#content ul.chapitres li a {
	border:1px solid #f8a531;
}
#content ul.chapitres li a:hover,
#content ul.chapitres li.courant a {
	background:#f8a531;
	border:1px solid #f8a531;
}

/*-------------------------------------------------------------------------*/
/*                                         Footer                          */
/*-------------------------------------------------------------------------*/
#basdepage {
	background:#fff url(bg_footer.png) 0 0 no-repeat;
}
#basdepage p {
	top: 65px;
	left: inherit;
	right: 0;
}
.partenaires {
	display:block;
	position:absolute;
	top:10px; left:0;
	width:620px;
	height:40px;
}
#basdepage .lienDP {
	top: 90px;
	right: 0;
	text-align: right;
	padding: 6px 40px 6px 0;
	background: url(iconDP-footer.png) 100% 50% no-repeat;
	font-weight: bold;
	font-size: 0.95em;
	line-height: 1.2em;
	margin-bottom: 10px;
	min-height: 30px;
}
/*-------------------------------------------------------------------------*/
/*                                MENU DEROULANT                           */
/*-------------------------------------------------------------------------*/
.sf-menu a {
	border-left:1px solid #046a29;
}
.sf-menu > li > a {
	color:#046a29;
}
.sf-menu > li.courant > a {
	color:#000;
}
.sf-menu li li {
	background:		#f8a531;
}
.sf-menu li li li {
	background:		#046a29;
}
.sf-menu li ul > li > a:hover {
	background:		#046a29;
}




/*.......... Contact en page accueil ...............*/

body.mep_accueil .attr_contenu3 {
	font-size:1em;
	font-weight:normal;
	line-height:16px;
	color:#000;
	margin-bottom:10px;
	margin-top:10px;
	overflow:auto;
}
body.mep_accueil .attr_contenu3 h2 {
	width:490px;
	background:#046a29;
	padding:6px 15px 6px 50px;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:24px;
	color:#fff;
	-webkit-border-radius: 18px 0 18px 0;
	-moz-border-radius: 18px 0 18px 0;
	border-radius: 18px 0 18px 0;
	margin-top:0;
	margin-bottom:0;
}

body.mep_accueil .attr_contenu3 hr {
	background:#9CB8D9;
	margin:0;
}
body.mep_accueil .attr_contenu3 a {
	text-decoration:underline;
}
body.mep_accueil .p_1 {
	font-size:1em;
	font-weight:normal;
	text-align:left;
	color:#000;
	border-right:1px dotted #000;
	width:160px;
	height:80px;
	float:left;
	margin:20px 14px 20px 0 ;
	padding:0 10px;
}

body.mep_accueil .attr_contenu3 .p_1:last-child {
	border:none;
}




.pagination {
	margin: 40px 0 0 0; padding: 0; list-style-type: none;
}
.pagination li {
	float: left;
	margin: 0 15px 0 0;
}

















/*
*************
**************
************** INCLUSION du fichier '/www/static.cirad.fr/prod/css/ezSites/resultatRecherche.css'
**************
**************
*/

/*-------------------------------------------------------------------------*/
/*             page de recherche - recherche avancée                */
/*-------------------------------------------------------------------------*/
#content .content-search fieldset, #content .content-search legend {
	margin:0; padding:0;
	color:#E1007A;
}
#content .feedback {
	padding-top:20px;
}
#content .feedback h2 {
	margin-top:0;
}
#content .item_trouve {
	 padding:5px 0;
	 margin-bottom:5px;
	 border-bottom:1px dotted #000;
	 overflow:auto;
}
#content .item_trouve p {
	  margin:0.5em 0;
}
#content .item_trouve p.attr_name {
	font-weight:bold;
}
#content .item_trouve p.attr_name a {
	text-decoration:none;
	padding-left:15px;
	background:url(/css/ezSites/sprite_resultatsRech.png) 0 -154px no-repeat
}
#content .item_trouve p.attr_name a:hover {
	text-decoration:underline;
}
#content .item_trouve p.extrait {
	line-height:1.3em;
	margin:0.5em 0;
}
.content-advanced-search p.infos,
#search_results p.infos {
	text-align:right;
}
.content-advanced-search p.infos span,
#search_results p.infos span {
	padding-left:80px;
}

.score_excellent p.infos span {
	background:url(/css/ezSites/sprite_resultatsRech.png) 0 4px no-repeat;
}
.score_bon p.infos span {
	background:url(/css/ezSites/sprite_resultatsRech.png) 0 -35px no-repeat;
}
.score_mediocre p.infos span {
	background:url(/css/ezSites/sprite_resultatsRech.png) 0 -75px no-repeat;
}
.score_mauvais p.infos span {
	background:url(/css/ezSites/sprite_resultatsRech.png) 0 -115px no-repeat;
}
p.infos span.score {
	display:none;
}
.content-advanced-search p.infos span.date,
#search_results p.infos span.date {
	font-size:10px;
	font-style:italic;
}
.pagenavigator {
	margin:30px 0 0 0 ;
	font-weight:bold;
}
.pagenavigator span {
	padding:0 5px;
}
.pagenavigator a {
	text-decoration:none;
}

#search_results .attr_image {
	float:left;
	margin:0 15px 10px 0;
}

#search_results > div {
	overflow: auto;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 0;
}

/*pour masquer le tiret dans le code Html (template)*/
.infos {
	font-size: 0px;
}

.date_modified {
	font-size: 14px;
}



/*
*************
**************
************** INCLUSION du fichier '/www/static.cirad.fr/prod/css/sitemap/sitemap_2.css'
**************
**************
*/

/*-------------------------------------------------------------------------*/
/*                                Plan du site                                        */
/*-------------------------------------------------------------------------*/
div.crdpg_sitemap ul {
	list-style-type:none; margin:0; padding:0;
}
div.crdpg_sitemap a {
	text-decoration:none;
}
div.crdpg_sitemap a:hover {
	color:#e1007a;
}
div.crdpg_sitemap .menudepth_1 > li > a {
	display:block;
	padding:10px 0 10px 30px;
	background:#eee;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:2em;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-bottom:0.25em;
}
div.crdpg_sitemap .menudepth_2 {
	margin: 0 0 1.4em 5em;
}
div.crdpg_sitemap .menudepth_2 li {
	margin-bottom:5px;
}
div.crdpg_sitemap .menudepth_2 > li > a {
	display:block;
	margin-right:30px;
	text-decoration:none;
	padding:3px 0 3px 15px;
	background:#eee;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-weight:bold;
}
div.crdpg_sitemap .menudepth_3 {
	margin: 0.3em 0 1em 5em;
}
div.crdpg_sitemap .menudepth_3 > li > a:before {
	content:"> ";
}

/*
*************
**************
************** INCLUSION du fichier '/www/static.cirad.fr/prod/css/dpSites/dpSites-mobiles.css'
**************
**************
*/

/*...............................................................................*/
/*                                 AFFICHAGE MOBILE                              */
/*...............................................................................*/
@media only screen and (max-width: 900px) {
	
	div#titre_site div#logo img {
		display: block;
	}
	body {
		padding: 0 10px;
	}
	#menuRubriques,
	#menuArborescence {
		display: none;
	}
	#mobile {
		display: block;
	}


/*-------------------------------------------------------------------- Menu mobile */
	p.menuMobile {
		padding:5px 0 5px 60px;
		font-family: 'Yanone Kaffeesatz', arial, serif;
		font-size:22px;
		line-height: 25px;
		background: 15px center no-repeat #3d8b0f;
		background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
		margin: 0;
		color: #fff;
		cursor: pointer;
	}
	.mobile {
		display: none;
	}
	#mobile ul {
		margin: 0; padding: 0; list-style-type: none;
	}
	#mobile > ul {
		background: #3d8b0f;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	#mobile .menudepth_1 li {
		font-family: 'Yanone Kaffeesatz', arial, serif;
		font-size:18px;
		padding:3px 0 5px 0;
		margin:0;
	}	
	#mobile .menudepth_1 > li > a {
		display:block;
		margin-bottom: 5px;
		padding: 5px 0 5px 45px;
		background:#55a526 url(/css/dpSites/fleche.svg) 15px 50% no-repeat; /* à modifier dans une surchagre ? */
		background-size: 15px 15px;
		text-decoration:none;
		color: #fff;
	}
	#mobile .menudepth_2 li a {
		display: block;
		font-family: 'Yanone Kaffeesatz', arial, serif;
		font-size:18px;
		padding:0px 0 0px 30px;
		margin-left:35px;
		background: url(/css/dpSites/fleche.svg) 10px 50% no-repeat;
		background-size: 10px 10px;
		color: #fff;
		text-decoration: none;
	}
	#mobile .menudepth_2 > li.courant > a {
		color:#000;
	}
	
/*------------------------------------------------------------- Reninitialisation */
	#nav_ariane,
	#container,
	body.mep_accueil #content, 
	body.crdpg_sitemap #content,
	#content,
	#content article,
	#content aside,
	body.mep_accueil #content article,
	body.mep_accueil #contenu12,
	body.mep_accueil .attr_contenu1,
	body.mep_accueil .attr_contenu2,
	body.crdpg_sitemap #content article
	{
		float: inherit;
		width: 100%;
		margin: 0;
		padding: 0;
		background: #fff;
	}
	article img {
		max-width: 100%;
		height: auto;
	}
	table img {
		max-width: inherit;
	}
	#content article,
	#content aside {
		min-height: inherit;
	}
	body.mep_accueil #content, 
	body.crdpg_sitemap #content,
	#content {
		min-height: inherit;
		padding-bottom: 30px;                 /* à modifier dans une surchagre ? */
		border-bottom: 3px solid #3d8b0f;
	}
	
	body.mep_accueil .attr_contenu3 h2, /* Gestion des contacts en centre page d'accueil */
	body.mep_accueil .p_1 { 
		width: inherit;
		height: inherit;
		float:inherit;
		border: none;
	}
	p.text-justify {
		text-align: inherit;
	}
		
/*----------------- le menu outils et searchbox sont positionnés en bas de page */
	#main {
		margin: 0;
		padding-bottom: 150px;
	}
	#menuOutils {
		top: inherit;
		bottom: 220px;
		left: inherit;
		background: #3d8b0f;
		width: 100%;
	}
	#menuOutils li {
		float: inherit;
		margin: 0;
		background: none;
		
	}
	#menuOutils li a {
		display: block;
		line-height: 30px;
		padding: 0 50px;
		background: url(/css/dpSites/fleche.svg) 10px 50% no-repeat;
		background-size: 10px 10px;
		box-sizing: border-box;
	}
	#searchbox {
		top: inherit;
		bottom: 280px;
		left: 0;
	}
	ul#langages {
		top: inherit;
		bottom: 300px;
		left: inherit;
		right: 0;
	}
	
/*------------------------------------------------------------------------ HEADER */
	header#entete,
	[LANG="en-GB"] header#entete,
	[LANG="es-ES"] header#entete {
		background: none;
		height: inherit;
	}
	
	
	#titre_site {
		display: flex;
		flex-direction: column;
	}
	.hgroup {
		order: 2
	}
	
	
	header#entete div.hgroup h2 {
		font-weight:normal;
		font-family: 'Yanone Kaffeesatz', arial, serif;
		font-size:27px;
		line-height: 1em;
		margin: 0 -10px 0 -10px;
		padding: 10px;
		text-align: center;
	}
	header#entete div.hgroup h2 a {
		color:#000;
		text-decoration:none;
	}	
		
	
	div#titre_site div#logo {
		position: inherit;
		width: inherit;
		height: inherit;
		padding-top: 5px;
	}
	
	div#titre_site div#logo a {
		width: inherit;
		height: inherit;
		display: inherit;
	}
	div#titre_site div#logo img {
		width: 100%;
		height: auto;
		max-width: 340px;
	}
	
		
/*----------------------------------------------- DIAPORAMA PAGE ACCUEIL */
	.cycle.original,
	.cycle.original div, 
	.cycle,
	.cycle img {
		max-width: 100% !important;
		height: auto;
	}
	
	
/*---------------------------------------------------------- BAS DE PAGE */
	.partenaires {
		width: 100%;
	}
	#basdepage {
		height: 200px;
		background: #fff url(bg_footer.png) 0 0 no-repeat;
		background-size: 220%; /* à modifier dans une surchagre ? */
	}
	#basdepage p {
		left: inherit;
		top: 90px;
		width: 100%;
		text-align: center;
	}
	#basdepage .lienDP {
		top: inherit;
		bottom: 0;
		box-sizing: border-box;
	}
	
	
}












/*
*************
**************
************** INCLUSION du fichier 'grease-mobile.css'
**************
**************
*/

@media only screen and (max-width: 900px) {

	#menuOutils {
		bottom: 220px;
		background: #006f9f;
	}
	
	/*-------------------------------------------------------------------- Menu mobile */
	p.menuMobile {		
		background: 15px center no-repeat #026a28;
		background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
		
	}
	#mobile > ul {
		background: #026a28;
	}
	
	#mobile .menudepth_1 > li > a {
		background:#f79c31 url(/css/dpSites/fleche.svg) 15px 50% no-repeat; 
		background-size: 15px 15px;
	}
	
		
	
	
	#menuOutils span {
		display: inherit;
	}
	.partenaires {
		width: 100%;
	}
	#basdepage {
		height: 200px;
		background-size: 160%; /* à modifier dans une surchagre ? */
	}
	#basdepage p {
		left: inherit;
		top: 90px;
		width: 100%;
		text-align: center;
	}
	#basdepage .lienDP {
		top: inherit;
		bottom: 0;
	}
	
	
}