/*
	Project		: svn eZPublish Actimage
	Author		: Maximilien LELEU <maximilien.leleu@actimage.com>
	Revision	: Novembre 2013
	Description	: Contient l’ensemble des règles utiles les plus souvent utilisées (.offset, .clear, …)
				  
	Copyright	: ACTIMAGE
*/

/*Ne pas afficher*/
.select-menu,
#content script{
	display 		: none;
}

/******************************************/
/**************** GLOBAL ******************/
/******************************************/
.offset,
.only-print{
    left    : -9999px;
    position: absolute;
    top     : -9999px;
}
.clear-block{
    clear		: both;
    display		: block;
    height		: 0;
    width		: 0;
}

.invisible{
	display : none;
}

#wrapper input[readonly]{
	color 			: #CCC;
	cursor 			: not-allowed;
}

.uppercase{
	text-transform 	: uppercase;
}

.unstyled, .unstyled > li{
	background 	: none;
	list-style	: none;
	padding 	: 0;
	margin 		: 0;
}

#content .unstyled, #content .unstyled > li, .sans-puces li{
	background 	: none;
	list-style	: none;
}

.wysiwyg .sans-puces{
	padding-left 	: 10px;
}

.wysiwyg strong {
	color 			: #b4003c;
}

a{
	color 			: #333;
	text-decoration : none;
}
	a.style1{
		color 			: #574a44;
	}
	a.style2, .kernel-error a{
		color 			: #b4003c;
	}
	.article-intro a, .wysiwyg a, a.style3, .full.newsletter a, p a, table a{
		color 			: #088106;
	}

	a:hover, a:focus{
		text-decoration : underline;	
	}
	
.minor-info{
	color 			: #676767;
	font-size 		: 0.8em;
	font-style 		: italic;
}

/* Style des encarts*/
.insert, .insert.style3{
	background-color 	: #efefef;
	border-left 		: 10px solid #088106;
	margin 				: 10px 70px;
	padding 			: 10px;
}
	.insert.style1{
		border-color 		: #988f86;
	}
	.insert.style2{
		border-color 		: #b4003c;
	}
	.insert.style4{
		border-color 		: #fba606;
	}
	
#content .insert.style1 .btn-like, #content .insert.style2 .btn-like, #content .insert.style3 .btn-like{
	color 				: #FFF;
}

#content .insert.style4 .btn-like{
	color 				: #333;
}
	
.frame{
	background-color 	: #FFF;
	border-color 		: #d4d4d4;
	border-style 		: dashed;
	border-width 		: 1px 0 1px 0;
	margin 				: 10px 0;
	padding 			: 10px;
}
	
.list-like{
	background 		: url(../../images/base/background/list-triangle-style4.png) left 4px no-repeat transparent;
	list-style 		: none;
	padding 		: 2px 0 2px 15px;
}

ul{
	margin: 10px;
}

ul ul{
	margin: 0;
}

ul li{
	list-style-image : url(../../images/base/background/list-triangle-style4.png);
}
.wysiwyg ul li{
	margin 	: 2px 0;
}

	/* Style des puces (dans le wysiwyg + cercle par défaut)*/
	/*.wysiwyg ul li, ul.style1 li, ul.style2 li, ul.style3 li, ul.style4 li{
		background-position 	: left 4px;
	}*/
	.style3 ul li, ul.style3 li, ul.style3.circle li{
		list-style-image : url(../../images/base/background/list-circle-style3.png);
	}
		.style3 ul li li, ul.style3 li, ul.style3.circle li li{
			list-style-image : url(../../images/base/background/list-circle-n2-style3.png);
		}
	.style1 ul li, ul.style1 li, ul.style1.circle li{
		list-style-image : url(../../images/base/background/list-circle-style1.png);
	}
		ul.style1 li li, ul.style1.circle li li{
			list-style-image : url(../../images/base/background/list-circle-n2-style1.png);
		}
	.style2 ul li, ul.style2 li, ul.style2.circle li{
		list-style-image : url(../../images/base/background/list-circle-style2.png);
	}
		ul.style2 li li, ul.style2.circle li li{
			list-style-image : url(../../images/base/background/list-circle-n2-style2.png);
		}
	ul li li, .style4 ul li, ul.style4 li, ul.style4.circle li{
		list-style-image : url(../../images/base/background/list-circle-style4.png);
	}
		ul.style4 li li, ul.style4.circle li li{
			list-style-image : url(../../images/base/background/list-circle-n2-style4.png);
		}
	/* Style des puces (surcharge carré : square)*/
	ul.style3 li li li, ul.style3.circle li li li, .style3 ul.square li, ul.style3.square li{
		list-style-image : url(../../images/base/background/list-square-style3.png);
	}
	ul.style1 li li li, ul.style1.circle li li li, .style1 ul.square li, ul.style1.square li{
		list-style-image : url(../../images/base/background/list-square-style1.png);
	}
	ul.style2 li li li, ul.style2.circle li li li, .style2 ul.square li, ul.style2.square li{
		list-style-image : url(../../images/base/background/list-square-style2.png);
	}
	ul li li li, ul.style4 li li li, ul.style4.circle li li li, .style4 ul.square li, ul.style4.square li{
		list-style-image : url(../../images/base/background/list-square-style4.png);
	}
	/* Style des puces (surcharge triangle)*/
	ul.style3.triangle li{
		list-style-image : url(../../images/base/background/list-triangle-style3.png);
	}
	
	ul.style1.triangle li, .msg-alert ul li{
		list-style-image : url(../../images/base/background/list-triangle-style1.png);
	}
	ul.style3.triangle li{
		list-style-image : url(../../images/base/background/list-triangle-style2.png);
	}
	ul.style4.triangle li{
		list-style-image : url(../../images/base/background/list-triangle-style4.png);
	}	

	/* Style des puces dans les encarts du wysiwyg (encart pointillés)*/
	/* Style des puces dans les encarts du wysiwyg (encart bordure)*/
	.frame ul{
		padding 	: 0;
	}
	.style1 .frame ul li, .style1.insert ul li{
		list-style-image : url(../../images/base/background/list-triangle-style1.png);
	}
	.style2 .frame ul li, .style2.insert ul li{
		list-style-image : url(../../images/base/background/list-triangle-style2.png);
	}
	.style3 .frame ul li, .style3.insert ul li{
		list-style-image : url(../../images/base/background/list-triangle-style3.png);
	}
	.style3 .frame ul li, .style4.insert ul li{
		list-style-image : url(../../images/base/background/list-triangle-style4.png);
	}
	
	#content-2 .list-like{
		background-image	: url(../../images/base/background/list-triangle-style1.png);
	}
	
.toc .inbl-list > li, .subpages .inbl-list > li{
	background 		: url(../../images/base/background/list-circle-style4.png) left center no-repeat transparent;
	list-style 		: none;
	padding 		: 2px 0 2px 15px;
}

	.toc .style1.inbl-list > li, .subpages .style1.inbl-list > li{
		background-image 		: url(../../images/base/background/list-circle-style1.png);
	}

	.toc .style2.inbl-list > li, .subpages .style2.inbl-list > li{
		background-image 		: url(../../images/base/background/list-circle-style2.png);
	}

	.toc .style3.inbl-list > li, .subpages .style3.inbl-list > li{
		background-image 		: url(../../images/base/background/list-circle-style3.png);
	}
.even{
	background-color 	: #f7f7f7;
}

/* Style des listes  ordonnées */
ol.style {
	counter-reset		: liste;
	margin				: 0;
}

ol.style > li{
	position			: relative;
	counter-increment	: liste; 
	display				: block;
	padding				: .4em .4em .4em 2em;
	*padding			: .4em;
	margin				: 1em 0;
	background			: #FFF;
	color				: #444;
	text-decoration		: none;
}

ol.style > li:hover{
	background		: #eee;
}
	ol.steps > li:hover{
	    background		: #F6F6F6;
	}
	ol.steps > li.active:hover{
	    background		: #088106;
	}
	
ol.style > li:before, ol.style1 > li:before{
	content			: counter(liste);
	position		: absolute;	
	left			: -1.3em;
	top				: 50%;
	margin-top		: -1.3em;
	background		: #574a44;
	color			: #FFF;
	height			: 2em;
	width			: 2em;
	line-height		: 2em;
	border			: .3em solid #fff;
	text-align		: center;
	font-weight		: bold;
}

	ol.steps > li:before{
		display 		: none;
	}
	
	/* Styles alternatifs */
	.style2 ol > li:before, ol.style2 > li:before{
		background		: #b4003c;
	}
	.style3 ol > li:before, ol.style3 > li:before{
		background		: #088106;
	}
	.style4 ol > li:before, ol.style4 > li:before{
		background		: #fba606;
	}
	
ol.style > li:hover:before, ol.style1 > li:hover:before{
    background		: #352b27;
}

/* Styles alternatifs */
	.style2 ol > li:hover:before, ol.style2 > li:hover:before{
	    background		: #83032e;
	}
	.style3 ol > li:hover:before, ol.style3 > li:hover:before{
	    background		: #054f04;
	}
	.style4 ol> li:hover:before, ol.style4 > li:hover:before{
	    background		: #f37800;
	}

/******************************************/
/************ CUSTOMTAG WYSIWYG ***********/
/******************************************/

/* ENCART */
.encart{
    background-color 	: #B11834;
    border 				: 2px solid #767676;
    color 				: #FFF;
    font-weight 		: bold;
    margin 				: 10px 0;
    padding 			: 5px 10px;
}

	#content .encart a{
	    color 				: #FFF;
	    text-decoration 	: underline;
	}
	
	#content .encart p{
	    line-height 		: 1.4em;
	}
	
	#content .encart strong{
	    font-size 			: 1.2em;
	}
	
/******************************************/
/*********** ALIGNEMENT WYSIWYG ***********/
/******************************************/
/* Fixs pour pallier au problème de puces cachées après un élément floattant 
/* Solution A : si pas le glossaire utilisé sur le projet */
.wysiwyg .object + ul{
	overflow : hidden; 
}

/* Solution B : ajout d'une classe dans l'éditeur WYSIWYG
    => ajouter AvailableClasses[]=fix-list-after-float pour les tags [ul] et [ol] dans content.ini
.fix-list-after-float{
	overflow : hidden;
}
.fix-list-after-float *{
	overflow : visible;
}
*/ 

.object{
	overflow 	: hidden;
}

.object > div{
	background-color 	: #F7F7F7;
	border 				: 1px solid #F0F0F0;
	font-size 			: 0.9em;
	font-style 			: italic;
	margin 				: 3px 0;
	padding 			: 3px;
	text-align 			: justify;
}

.object-left{
    float  	: left;
    margin 	: 0 5px 5px 0;
}
.object-right{
    float  	: right;
    margin 	: 0 0 5px 5px;
}

.object-left + *, .object-right + *{
	margin-top 	: 0;
}

.object-center{
	margin 		: 5px auto;
	text-align 	: center;
}
	.object-center div{
		margin :  auto;
	}
	
/******************************************/
/*********** ALIGNEMENT TEXTES ************/
/******************************************/
.text-left{
    text-align : left;
}
.text-right{
    text-align  : right;
}
.text-center{	
	text-align 	: center;
}
.text-justify{
	text-align 	: justify;
}

/******************************************/
/************** OPEN / CLOSE **************/
/******************************************/	
.open, .close{
	display 		: inline-block;
	height 			: 17px;	
	margin-right 	: 5px;
	vertical-align 	: top;
	width 			: 17px;
}
.open{
	background  : url("../../images/base/icons/icon-open.png") center center no-repeat scroll transparent;
}
.close{
    background  : url("../../images/base/icons/icon-close.png") center center no-repeat scroll transparent;
}

/******************************************/
/************* EXTERNAL LINK **************/
/******************************************/
#content-1 a[target="_blank"]:not(.no-external-icon),
#content-1 .external-link:not(.no-external-icon),
#content-1 *:not(.block.link) .external-link, /* A revoir */
#content-2 .category.block a[target="_blank"]:not(.no-external-icon),
#content-2  .category.block .external-link:not(.no-external-icon){
	background: 		url("../../images/base/icons/icon-new-window.png") right center no-repeat transparent;
	padding-right:		15px;
}

/******************************************/
/************* AUTOCOMPLETION *************/
/******************************************/
#header-autocomplete-rs ul{
	list-style-image 	: none;
	list-style-type 	: none;
}
	#header-autocomplete-rs li{
		background 	: none 0 0 no-repeat scroll transparent;
	}
		#header-autocomplete-rs li:hover,
		#header-autocomplete-rs ul .yui-ac-highlight{
			background 	: none 0 0 no-repeat scroll #5C8028;				
			color 		: #FFF;
		}
		#header-autocomplete-rs .yui-ac-content{
			border 		: 1px #BEBEBE solid;
			border-top 	:none;
		}

/******************************************/
/************* ERREURS KERNEL *************/
/******************************************/
.kernel-error,
.kernel-error-possibilities{
	margin : 10px;	
}
	.kernel-error-possibilities p,
	.kernel-error-possibilities li{
		padding-bottom : 8px;	
	}
	
/******************************************/
/**************** MSGINFOS ****************/
/******************************************/
.msg-infos{
    padding : 10px 0;
    margin 	: 1% 0;
}
	.box .msg-infos{
	    margin 	: 2%;
	}
	
	.msg-infos span{
	    display     	: inline-block;
	    margin      	: 0 10px 0 5px;
	    text-align  	: center;
	    vertical-align 	: middle;
	    width      		: 25px;
	}
	.msg-infos a{
		color  			: #FFF;
		text-decoration : underline;
	}
		.msg-infos a:hover{
		    text-decoration : none;
		}
	.msg-infos div{
		color       	: #FFF;
	    display     	: inline-block;
	    margin      	: 0;
	    max-width   	: 88%;
	    vertical-align 	: middle;
	}
	.msg-infos.msg-info{
	    background : none no-repeat scroll 0 0 #007DBE;
	}
	.msg-infos.msg-valid{
	    background : none no-repeat scroll 0 0 #78B644; 
	}
	.msg-infos.msg-alert{
	    background : none no-repeat scroll 0 0 #F29400;
	}
	.msg-infos.msg-error{
	    background : none no-repeat scroll 0 0 #C2131D;
	}
	
/********************************/
/********** PAGINATION **********/
/********************************/

.pagination{
	border-top 	: 3px solid #dddbda;
	color 		: #333;
	display 	: block;
	margin 		: 20px auto 0 auto;
	padding-top : 3px;
	text-align 	: center;
}

.pagination ul{
	display 	: inline-block;
	position 	: relative;
	text-align 	: center;
}

.pagination ul li{
	margin 		: 2px 6px;
}

.pagination ul li a, .pagination ul li span{
	display 	: inline-block;
    padding 	: 4px 8px;
    width 		: auto;
}

.pagination ul li a{
	background 	: #dddbda;
    color 		: #333;
}

.pagination ul .active, .pagination a:hover, .pagination a:focus{
    background 	: #088106;
    color 		: #FFF;
}
	#content .pagination ul .active{
	    background 	: #088106;
	}
	.pagination a:hover, .pagination a:focus{
	    background 	: #b4003c;
	}

.pagination ul .next,
.pagination ul .prev,
.pagination ul .first-page,
.pagination ul .last-page{
	color 		: #333;
	padding 	: 0 5px;
    position 	: absolute;
}
	.pagination ul .next{
	    right:          -50px;
	}
	.pagination ul .prev{
	    left:           -67px;
	}
	.pagination a:hover .prev, .pagination a:hover .next,
	.pagination a:focus .prev, .pagination a:focus .next{
	    color 				: #b4003c;
	    text-decoration 	: underline;
	}
	
	.pagination .first-page{
		left    : -200px;
	}
	.pagination .last-page{
		right   : -185px;
	}
	
	.pagination ul .first-page,
	.pagination ul .last-page{
		background 	: none;
	}
	
/********************************/
/**********  CITATION  **********/
/********************************/

.wysiwyg blockquote {
	background-color 	: #FAFAFA;
	border 				: 1px solid #F0F0F0;
	padding 			: 10px 5px 5px 5px;
	overflow 			: hidden; /* clearfix alternative */
	line-height 		: 150%;
	color 				: #767676;
}
.wysiwyg blockquote:before {
	display 	: block;
	float 		: left;
	margin 		: 0 15px 0 0;
	font-family : "Times New Roman",Georgia,Serif;
	font-size 	: 50px; 
	content 	: open-quote;
	color 		: #988f86;
	text-shadow : 0 1px 1px #909090;
}
.wysiwyg blockquote:after {
	content 	: none;
}

.wysiwyg .author {
    color 		: #767676;
    font-size 	: 0.9em;
    text-align 	: right;
}

.wysiwyg q{
	background-color 	: #FAFAFA;
	color 				: #767676;
}

.wysiwyg q:before {
	font-family : "Times New Roman",Georgia,Serif;
	font-size 	: 1em;
	content 	: open-quote; 
}
.wysiwyg q:after {
	font-family : "Times New Roman",Georgia,Serif;
	font-size 	: 1em;
	content 	: end-quote; 
}
	
/********************************/
/********** TOOLTIP **********/
/********************************/

/*Surcharge de la CSS de base*/
#content .the-tooltip > :last-child {
  font-size: inherit;
}

.the-tooltip.cirad-tooltip > :last-child {
  background-color: #fba606;
  border-color: #f37800;
  color: #333;
}
.the-tooltip.cirad-tooltip > :last-child:after {
  border-color: #fba606;
}
.the-tooltip.cirad-tooltip > :last-child:before {
  border-color: #f37800;
}
.the-tooltip.cirad-tooltip > :last-child {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

/********************************/
/********** WATERMARK **********/
/********************************/

.copyright-container{
	display 	: inline-block;
	max-width 	: 100%;
	position 	: relative;
}

	#content-2 .copyright-container{
		width 		: 100%;
	}


.copyright-logo{
	opacity 	: 0.9;
	position 	: absolute;
	right 		: 2px;
	top 		: 2px;
}

/* Gestion des langues */
body.fre-FR .block.eng-GB{
	background	: url(../../images/base/background/bg-lang-eng-GB-br.png) right bottom no-repeat transparent;
}

body.eng-GB .block.fre-FR{
	background	: url(../../images/base/background/bg-lang-fre-FR-br.png) right bottom no-repeat transparent;
}
	body.fre-FR .block.article.eng-GB:hover, body.eng-GB .block.article.fre-FR:hover{
		background-image 	: none;
	}

body.fre-FR .full.eng-GB h1{
	background	: url(../../images/base/background/bg-lang-eng-GB-br.png) right bottom no-repeat transparent;
}

	body.fre-FR .note.full.eng-GB h1{
		background		: url(../../images/base/background/bg-lang-eng-GB-tl.png) left top no-repeat transparent;
		padding-left 	: 20px
	}

body.eng-GB .full.fre-FR h1{
	background	: url(../../images/base/background/bg-lang-fre-FR-br.png) right bottom no-repeat transparent;
}

	body.eng-GB .full.fre-FR h1{
		background		: url(../../images/base/background/bg-lang-fre-FR-tl.png) left top no-repeat transparent;
		padding-left 	: 20px
	}

body.eng-GB #content.full.product .note.block .fre-FR, body.eng-GB .full.note_type td.fre-FR{
	background	: url(../../images/base/background/bg-lang-fre-FR-tr.png) right top no-repeat transparent;
}

body.eng-GB #content.full.product .note.block .barometer.fre-FR{
	background	: url(../../images/base/background/bg-lang-fre-FR-tl.png) left top no-repeat transparent;
}

body.fre-FR #content.full.product .note.block .eng-GB, body.fre-FR .full.note_type  td.eng-GB{
	background	: url(../../images/base/background/bg-lang-eng-GB-tr.png) right top no-repeat transparent;
}

body.fre-FR #content.full.product .note.block .barometer.eng-GB{
	background	: url(../../images/base/background/bg-lang-eng-GB-tl.png) left top no-repeat transparent;
}
body.fre-FR #content.full.product .note.block .barometer.eng-GB h4, body.eng-GB #content.full.product .note.block .barometer.fre-FR h4{
	padding-left : 8px
}