@import url(pablo.css); /* A RETIRER POUR DEPLOIEMENT */

body {
	font: 75% Tahoma, Helvetica, Arial, sans-serif normal;
	background: #E1E1E1 url(/public/images/bg_body.png) repeat-x left 0;
	margin: 0;
	padding: 0;
	color: #465857;
}

#wysiwyg
{
	background: white;
}

img {
	border:0;
}

hr {
height:1px;
margin:0.5em 0;
*margin:0.2em 0;
color:#CCC;
background-color:#CCC; /*Pour Mozilla */
border:0;
}
hr.white {
height:1px;
margin:0.5em 0;
*margin:0.2em 0;
color:#FFF;
background-color:#FFF; /*Pour Mozilla */
border:0;
}
ul.nolist, ul.separator {
	margin:0.2em 0 0 0;
	padding:0;
}

ul.nolist li {
	list-style-type:none;
	list-style-image:none;
}

ul.separator li {
	list-style-type:none;
	border-bottom:1px dotted #CCC;
	padding:5px 0;
}
ul.separator li:last-child {
	border-bottom:none;
}



img[align=left] {
	margin:0 8px 8px 0;
}
.left {float:left;}
.right {float:right;}
.margin-right {
	margin:0 10px 0 0;
}
.margin-left {
	margin:0 0 0 10px;
}
.margin-top {
	margin:10px 0 0 0;
}
.margin-bottom {
	margin:0 0 10px 0;
}
.margin-vertical {
	margin:10px 0;
}
.margin-horizontal {
	margin:0 10px;
}
.margin-global {
	margin:10px;
}

.layout {
	width: 926px;
	margin: 0 auto;
	padding:0 0 10px 0;
	background-color:#FFF;
}

	.header {
		position:relative;
	}
		.header h1{
			float: left;
			width: 161px;
			padding: 0;
			margin: 0;
		}
		.logo {
			float: left;
			width: 161px;
			padding: 6px 0 0 0;
		}
		.logo img {
			display: block;
			margin: 1px 0 0 8px;
			padding: 0;
		}
		
/*
-----------------------------------------
			 MENU PRINCIPAL 
-----------------------------------------
*/

div.menu
{
	float: left;
	margin-left: 20px;
	width: 590px;
	height: 82px;
}

div.menu ol
{
	float: left;
	margin: 0;
	padding: 0;
}

div.menu ol li
{
	display : block;
	float : left;
	position : relative;
}

div.menu ol li a
{
	background: #fff url(images/menu_fond.gif) 0 0 no-repeat;
	height: 25px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
	padding: 35px 10px 0 13px;
	margin: 0;
}

div.menu ol li:first-child a
{
	background: none;
}

div.menu ol li:hover a,
div.menu ol li.actif a
{
	background-color: #F3F2F1;
	color: #333;
}

div.menu ol li ol
{
	display : none;
	position : absolute; 
	z-index : 6000;
	top : 55px; 
	left : 0;
	width : 202px;
	text-align : left;
	padding : 0;
	border-bottom: 4px solid #F3F2F1;
	background-color: #F3F2F1;
	overflow: hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.menu ol li:hover ol
{
	display : block;
}

div.menu ol li:hover ol li ol,
div.menu ol li ol li ol
{
	display : none;
	position : absolute; 
	z-index : 5000!important;
	top : 0px; 
	left : 201px;
	width : 202px;
	text-align : left;
	padding : 0;
}

div.menu ol ol:hover li:hover ol
{
	display : block;
}

div.menu ol li ol li
{
	float : none;
	padding : 0;
	background: transparent url(images/mh_fond_degrade02.gif) 0 0 repeat-y;
	margin: 0 4px 0 4px;
	border-top: 1px solid #FFF;
}

div.menu ol li ol li:first-child
{					
	border-top: none;
}

div.menu ol li ol li a
{
	margin : 0;
	display : block;
	position : relative;
	z-index : 5000;
	padding : 4px 10px 0px 31px;
	font-size : 12px;
	font-weight : normal;
	text-transform: none;
	background: transparent url(images/mh_fleche.gif) 0 0 no-repeat;
}

div.menu ol li:hover ol li a
{
	background: transparent url(images/mh_fleche02.gif) 11px 9px no-repeat;
}

div.menu ol li ol li a:hover,
div.menu ol li:hover ol li strong a
{
	background : #999 url(images/mh_fleche.gif) 22px 9px no-repeat;
	padding-left: 43px;
	color: #fff;
	border-right: 3px solid #fc0;
}
					
div.menu ol li ol li a span span
{
	display : block;
	padding : 0 0 0 10px;
	color : #300b45;
	margin : 1px 5px;
}





		.recherche {
/*			float: right;*/
			position:absolute;
			right:0;
/*			width: 145px;*/
			padding: 5px 0 0 0;
			font-size: .8em;
		}
			.recherche input{
				border: 1px solid #999;
				width: 108px;
				padding: 4px 0 0 0;
				margin: 0;
			}
			.recherche input.valid{
				border: 1px solid #999;
				background-color: #fff;
				border-left: none;
				width: 26px;
				margin: 0 0 0 -3px;
				vertical-align: top;
			}
			
			.recherche .langues
			{
				color: #979797;
			}
			
			.recherche ul
			{
				margin: 0;
				padding: 0;
				list-style: none;
				display: inline-block;
			}
			
			.recherche ul li {
				display: inline-block;
				padding: 0 3px;
			}
			.recherche a {
				padding: 0 5px 0 9px;
				border-left: 1px solid #979797;
				text-decoration: none;
				color: #979797;
			}
			.recherche ul li:first-child a{
				border: none;
			}
			.recherche ul li a:hover {
				color: #000;
			}
		
		.visuel
		{
			position: relative;
		}
		
		.visuel img {
			display: block;
			border: none;
		}
		
	.content {
		padding: 0 12px 20px 12px;
	}
	
	
/* +++ accueil +++ */	
		.edito {
			margin-bottom: 15px;
			letter-spacing:1px;
			text-align:justify;
			line-height:1.3em;
			padding-bottom:8px;
			border-bottom:1px dotted #999;
		}
/*		.edito img{
			display:block;
			margin-bottom:10px;
		}*/
		.content_left, #two-cols .content {
			float: left;
			width: 598px;
			line-height:1.4em;
		} 
		.left_left {
			float: left;
			width: 290px;
		} 
		.left_right {
			float: right;
			width: 290px;
		} 
			.rotate {
				float: left;
				width: 290px;
			}
			.news h2 {
				margin: 0 0 0 0;
				text-transform: uppercase;
				font-weight: normal;
			}
			.news h3 {
				margin: 0 0 0 0;
				text-transform: uppercase;
				font-weight: normal;
			}
			.news .bloc_degrade_haut  {
				padding: 10px 10px 0 10px ;
			}
			.news .browse
			{
				text-align: right;
				padding-bottom: .5em;
			}
			
			.news .browse img
			{
				border: none;
				cursor: pointer;
			}
			.news .news_gauche img {
				display: block;
				margin: 5px 0 5px 0;
			}
			.news .news_gauche {
				margin: 0 0 0 0;
				float: left;
				width: 100px;
			}
			.news .news_gauche a {
				font-size: .9em;
				background: transparent url(images/puce_orange.gif) 0 50% no-repeat;
				display: block;
				padding: 0 0 0 5px;
				margin: 5px 0 0 0;
			}
			.news .news_droite {
				margin: 0 0 0 0;
				float: right;
				width: 170px;
			}
			.news .news_droite h3 {
				text-transform: uppercase;
				color: #666;
				margin: 0;
			}
			
			#matches.news .item
			{
				padding: 1em;
			}
			
			#matches.news .item:first-child
			{
				border-top:none;
			}
			
			.news .item:nth-child(2n)
			{
				background-color:#f6f6f6;
				border-top:1px dotted #ccc;
			}
			
			/*.news .item img,*/
			.illustration
			{
				float: left;
				padding: 1em 1em 1em 0;
			}
			
			.viewport .item  /*desactivation des styles pour la home*/
			{
				float: left;
				padding-right: 10px;
				border:none !important;
				background-color: transparent;
			}
			
			.news .item:nth-child(2n)
			{
				border:none;
				background-color: transparent;
			}
			
			.news .item img
			{
				/*float: none;*/
				padding: 0 10px 0 0;
			}

			
			
			.agenda {
				float: right;
				width: 290px;
			}
			.agenda h2 {
				text-transform: uppercase;
				margin: 0 0 0 0;
				font-weight: normal;
				
			}
			.agenda .bloc_degrade_haut  {
				padding: 10px ;
			}
			.agenda dl
			{
				margin: 0;
			}
			.agenda dl dt:first-child {
				border-top: none;
				margin: 0;
			}
			.agenda dl dt {
				color: #666;
				font-weight: bold;
				border-top: 1px dotted #999;
				padding: 10px 0 0 0;
				margin: 10px 0 0 0;
			}
			.agenda dl dd {
				margin: 0;
				padding: 4px 0 0 0;
			}
			.agenda .haut_bas {
				float: right;
			}
			.agenda .haut_bas img{
				border: none;
			}
			.agenda .haut_bas a{
				border: none;
				display: block;
			}
			.agenda .haut_bas a.haut{
				display: block;
				margin-bottom: 110px;
			}
			
			
			.affiliations {
				float: left;
				width: 290px;
				margin: 20px 0 15px 0;
			}
			.affiliations h2 {
				background-color:#e9e8e6;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				padding: 3px 0 2px 10px;
				text-transform: uppercase;
				font-weight: normal;
				font-size: 1.3em;
				margin: 0 0 1em 0;
			}
			.affiliations ul {
				padding: 0 0 0 15px;
				margin: 10px 0 0 0;
				list-style-type: none;
			}
			.affiliations ul li {
				padding: 0;
				margin: 0 0 5px 0;
			}
			.affiliations ul li a {
				background: transparent url(images/fleche_grise.gif) 0 3px no-repeat;
				color: #069;
				padding: 0 0 0 10px;
				
			}
			
			.video {
				float: right;
				width: 290px;
				margin: 20px 0 0 0;
			}
			.video .bloc_degrade_haut{
				padding: 17px;
			}
			.video h2 {
				text-transform: uppercase;
				margin: 0 0 0 0;
				font-weight: normal;
				
			}

		.content_right, #two-cols .aside {
			float: right;
			width: 265px;
		}
		
.aside {
	margin:15px 10px 0 0;
}
			.expertise {
			}
			.expertise h2 {
				background-color:#e9e8e6;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				padding: 3px 0 2px 10px;
				text-transform: uppercase;
				font-weight: normal;
				font-size: 1.3em;
				margin: 0;
			}
			.expertise h3 {
				padding: 3px 0 2px 10px;
				text-transform: uppercase;
				font-weight: normal;
				font-size: 1em;
				margin: 8px 0 0 0;
			}
			.expertise p {
				padding: 3px 0 2px 10px;
				font-weight: normal;
				font-size: .9em;
				margin: 0;
			}
			
/*			.magazine, .gray-box {
				background-color:#f1f1f1;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				padding: 5px 3px;
				margin: 15px 0 12px 0;
				font-size:0.9em;
			}*/
			
/*.inner {
	margin:0.5em 1em;
}*/
			.small {
			font-size:0.8em;
			}
			.gray-box img {
			margin:0 8px 8px 10px;;
			}
			.magazine h3, .gray-box h3 {
				padding: 5px 0 2px 10px;
				text-transform: uppercase;
				font-size: 1.3em;
				margin: 0 0 0.5em 0;
			}
			.gray-box h3 {
				border-bottom:1px solid #CCC;
			}
			a.localisation {
				background-color:#666;
				color:white;
				text-transform:uppercase;
				padding:3px;
				display:inline-block;
				text-decoration:none;
			}
			a.localisation:hover {
				background-color:#000;
				color:#FC0;
			}
			.magazine img {
				vertical-align: middle;
			}
			a.stylebouton {
				background: #FA2F00 url(images/telecharger_fond.gif)repeat-x;
				color: #fff;
				font-size: .85em;
				display: inline-block;
				text-transform: uppercase;
				text-decoration: none;
/*				width: 86px;*/
/*				height: 13px;*/
				padding:3px;
				text-align: center;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				margin:4px 0;
			}
			a.stylebouton:hover {
				color: #000;
			}
			
			a.stylebouton.grisbouton {
				background: #727F87 url(images/bg_gris_button.png)repeat-x;
			}
			a.stylebouton:hover.grisbouton {
				color: yellow;
			}
			
ul.presse {
/*	float:left;
	width:145px;*/
	margin:30px 0 0 11px!important;
	padding:0!important;
	list-style-type:none;
}
ul.presse li {
	padding:0 0 5px;
	list-style-image:none;
}
.inner.press a {
	color:#FC0;
	text-transform: uppercase;
	text-decoration:none;
}
.inner.press a:hover {
	color:#FFF;
}
a.link-arrow {
	background:transparent url(images/arrow.gif) no-repeat left 3px;
	padding:0 0 0 10px;
}
			
			.qualite {
				background: transparent url(images/esp_qualite_fond.gif) 53% 50% no-repeat;
			}

			.orange {
				color: #F30;
			}
			
			.espace_client {
				background-color:#fff;
				border: 1px solid #ccc;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				padding: 3px;
				margin: 15px 0 0 0;
				padding: 5px;
				background: transparent url(images/esp_client_fond.gif) 53% 10px no-repeat;
			}
			.espace_client h2 {
				text-transform: uppercase;
				font-weight: normal;
				font-size: 1.1em;
				margin: 0;
				float: left;
				width: 130px;
				padding-top: 6px;
				padding-bottom: 6px;
			}
			.espace_client p {
				font-weight: normal;
				font-size: .8em;
				margin: 0;
				float: right;
				padding-top: 6px;
				width: 105px;
			} 
			.espace_client p a {
				color: #999;
				text-decoration: none;
			} 
			.espace_client input.login {
				background-color:#dbdee7;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border: none;
				width: 130px;
				height: 18px;
				padding-left: 4px;
				margin: 0 5px 0  0;
			} 
			.espace_client input.mdp {
				background-color:#dbdee7;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border: none;
				width: 70px;
				height: 18px;
			} 
			.espace_client input.ok {
				background-color:#132c34;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border: none;
				color: #FFF;
				width: 27px;
				height: 18px;
				vertical-align: middle;
			} 
			
			
			.espace_presse {
				background-color:#f1f1f1;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				padding: 3px;
				margin: 15px 0 0 0;
				padding: 5px;
				/*background: transparent url(images/esp_presse_fond.gif) 0 0 no-repeat;*/
				background-image: url(images/esp_presse_bg.jpg);
				background-position: 170px 2px;
				background-repeat: no-repeat;
				min-height:85px;

			}
			.espace_presse h2 {
				text-transform: uppercase;
				font-weight: normal;
				color:white;
				font-size: 1.1em;
				margin: 0;
				padding: 4px;
				background-color:black;
				display:inline-block;
			}
			.espace_presse p {
				font-weight: normal;
				font-size: .8em;
				margin: 0;
				padding-top: 6px;
			} 
/* --- fin accueil --- */



/* +++ pages +++ */
		#breadcrumb
		{
			font-size:.9em;
			margin : 0px;
			padding : 0px;
		}
		
		#breadcrumb .separator
		{
			display: none;
		}
		
		#breadcrumb a {
			color: #465857;
			background: transparent url(images/fleche_fildarianne.gif) 100% 50% no-repeat;
			padding-right: 7px;
			margin-right: 5px;
			text-decoration: none;
		}
		
		#breadcrumb strong
		{
			font-weight: normal;
			color: #f56224;
		}
			
		
		#breadcrumb a:hover {
			color: #f56224;
			text-decoration: underline;
		}
		#breadcrumb li {
			display : inline;
		}
		
		h2, h3, h5, h6
		{
			text-transform: uppercase;
			font-weight: normal;
		}
		
		h2, h6
		{
			color: #465857;
		}
		
h2 {
font-family:Trebuchet MS;
font-size:18px;
font-weight:bolder;
margin:20px 0 10px;
}
		
h4
	{
		color: #222;
		font-size:18px;
		font-weight:normal;
		margin:0 0 0.8em 0;
	}
		
		h3, h5
		{
			color: #465257;
			
		}
		#two-cols .content h3, h3
		{
			color: #FC0;
			background-color:#465257;
			padding:5px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			clear:both;
		}
		
		
		.conteneur_image{
			padding: 10px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			background:#fff url(images/bloc_fond.gif) 0 0 repeat-x;
			border: 1px solid #ccc;
			width: auto;
			text-align: right;
		}
		.conteneur_image img{
			display: block;
			margin: 0 0 10px 0;
		}
		.conteneur_image span{
			background: transparent url(images/fleche_fildarianne.gif) 0 50% no-repeat;
			padding: 0 0 0 7px;
			font-size: .8em;
		}
		.bloc {
			padding: 10px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			background:#fff url(images/bloc_fond.gif) 0 0 repeat-x;
			border: 1px solid #ccc;
			width: auto;
		}
		.bloc div:first-child {
			border-top: none;
			margin: 0;
			padding: 0;
		}
		.bloc div {
			color: #666;
			font-weight: bold;
			border-top: 1px dotted #999;
			padding: 10px 0 0 0;
			margin: 10px 0 0 0;
		}
		.bloc div a{
			text-decoration: none;
			font-weight: normal;
			padding: 0 0 0 10px;
			background: transparent url(images/fleche_suivant.gif) 98% 50% no-repeat;
			display: block;
		}
		.bloc div img{
			vertical-align: bottom;
			margin: 0 20px 0 0;
			border: none;
		}
		
		.bloc-liste {
			padding: 10px 0;
			margin: 0 0 10px 0;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			background:#fff url(images/bloc_fond.gif) 0 0 repeat-x;
			border: 1px solid #ccc;
			width: auto;
		} 
		.bloc-liste .date {
			color: #f6692b;
			font-size: 1.7em;
			padding: 0 0 0 30px;
		}
		.bloc-liste h3 {
			color: #465857;
			font-size: 1.2em;
			background:transparent url(images/fleche_orange.gif) 15px 5px no-repeat;
			padding: 0 10px 0 30px;
		}
		.bloc-liste p {
			padding: 0 10px 0 30px;
		}
		.savoir_plus {
			border-top: 1px dotted #999; 
			text-align: right;
			padding: 10px 10px 0 0;
		}
		.savoir_plus a {
			background: transparent url(images/plus.gif) 0 50% no-repeat;
			padding: 0 0 0 20px;
		}
		
		
/* --- fin pages --- */

.bloc_degrade_fond { background: transparent url(images/bloc_degrade_fond.gif) 0 0 repeat-y; width: 290px; }
.bloc_degrade_bas { background: transparent url(images/bloc_degrade_bas.gif) 0 100% no-repeat; height: 5px; }
.bloc_degrade_haut { background: transparent url(images/bloc_degrade_haut.gif) 0 0 no-repeat; min-height: 143px; }


.footer {
	margin: 10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #CCC;
	width:auto;
	overflow:hidden;
}

.inner{
	margin: 1px;
	width:auto;
	overflow:hidden;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.footer .inner{
	background:#FFF url(/public/images/bg_footer.png) repeat-x left bottom;
}

.footer ol {
	margin: 0 0 0 15px;
	padding: 15px 0 0 10px;
	list-style: none;
	min-height:138px;
}
.footer ol li {
	margin: 0 20px 5px 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: normal;
	font-size: .9em;
	border-right:1px solid #D9D9D9;
	color: #333;
	width: 190px;
	float: left;
}

.footer ol li:last-child { /*5eme bordure zappée*/
	border-right:none;
}

.footer ol ol > li {
	border-right:none;
}
.footer ol ol {
	margin: 0;
	padding: 10px 0 0 0;
	

}
.footer ol ol li {
	margin: 0;
	padding: 0;
	text-transform: none;
	font-weight: normal;
	font-size: 1em;
	color: #666;
	float: none;
}
.footer ol ol li a {
	margin: 0;
	padding: 3px 0 2px 0;
	color: #666;
	text-decoration: none;
	display: block;
}
.footer ol ol li a:hover {
	color: #F30;
}
.bloc_footer_fond { background: transparent url(images/bloc_footer_fond.gif) 0 0 repeat-y; width: 926px; }
.bloc_footer_bas { background: transparent url(images/bloc_footer_bas.gif) 0 100% no-repeat; padding-bottom: 16px; }
.bloc_footer_haut { background: transparent url(images/bloc_footer_haut.gif) 0 0 no-repeat; min-height: 158px; }

.baseline {
	width: 916px;
	margin: 0 auto 10px auto;
	padding:5px;
	color:#CCC;
	font-size:0.9em;
	text-align:center;
	background-color:#465857;
}
.baseline ul {
	margin:0;
	padding:0;
}

.baseline li {
	display:inline;
	list-style-type:none;
	padding:0 1.5em;
	border-right:1px solid #CCC;
}

.baseline li:last-child {
	border-right:none;
}

.baseline a {
	color:#CCC;
	text-decoration:none;
}
.baseline a:hover {
	color:#FFF;
}


/* généralités */
.spacer, .clear { clear: both; }
.wrapper {
	overflow:hidden;
	width:auto;
}
a { color: #F60;}
a:hover { color: #999; text-decoration: none;}

/*
**

PAGER 

**
*/

.pager
{
	margin: 1em 0;
	text-align:center;
}

.pager a
{
	color:#f6692b;
	border:1px solid #f6f6f6;
	background-color:#f6f6f6;
	padding:3px 5px;
	text-decoration:none;
}

.pager a:hover {
	color:#fff;
	background-color:#f6692b;
	border:1px solid #f6692b;
}

.pager strong
{
	color:white;
	background-color:#f6692b;
	border:1px solid #f6692b;
	padding:3px 5px;
	text-decoration:none;
}

.pager a,
.pager strong
{
	margin: 0 .5ex;
}

.pager .separator
{
	display: none;		
}

.grayborder {
	position:relative;
	float:left;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.references .grayborder  {
	width:193px;
	min-height:173px;
	border:1px solid #E9E8E6;
	margin:0 4px 4px 0;
	text-align:center;
	padding-top:20px;
}

.affiliations .grayborder  {
	padding:10px;
	border:1px solid #E9E8E6;
	margin:0 8px 5px 0;


}

.graybutton a {
	position:absolute;
	bottom:20px;
	left:50%;
	padding:4px;
	width:95px;
	text-align:center;
	background-color:#E9E8E6;
	margin:0 0 0 -25%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:black;
	text-decoration:none;
}
.graybutton a:hover {
	background-color:#F30;
	color:#FFF;
}
.intro {
	background-color:#EDEDED;
	padding:12px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin-bottom:15px;
	font-size:1.2em;
}

.encadre {
	background:#FFF url(/public/images/bg-box.png) repeat-x left top;
	padding:12px;
	border:1px solid #CCC;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin-bottom:15px;
}
.intro h4 {
	color:#F60;
	border-bottom:1px dotted #999;
	padding-bottom:5px;
}

div.item-article {
	padding:15px;
	border-bottom:1px dotted #999;
	overflow:hidden;
	width:auto;
}
div.item-article:nth-child(even){
	background-color:#EFEFEF;
}

div.item-article img, .imgborder {
	border:3px solid #DCDCDC;
	float:left;
	margin:0 10px 10px 0;
}
.reply {
	margin:0.5em 0 0.8em 0;
	overflow:hidden;
	width:auto;
}








/*
**

STICKERS

**
*/

#stickers
{
	color: black;
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	line-height: 1.4em;
	font-size:0.9em;
}
		
#stickers div
{
	background: #09C;
/*	background: #00abd6;
	background: #465857;*/
	padding: 5px;
	width: 100px;
	overflow: hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
/*	border:1px solid #FFF;*/
}

#stickers h5
{
	color: inherit;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.2em;
	color:#FFF;
	font-weight:900;
	text-transform:none;
}

#stickers div p
{
	margin-top: .5em;
	margin-bottom: 0;
}

/*
#stickers div.mini p
{
	display: none;
}
*/

#stickers a
{
	display: none;
}

/*=========== Colonne de droite =============*/

.content-right h2 {
	color:#000;
	padding:4px 7px;
 	font:900 14px "Trebuchet MS", Arial, sans-serif;
}

.content_right > div, .content_left .inner.bg {
	margin: 0 0 20px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*border:1px solid #CCC;*/
	width:auto;
	overflow:hidden;
	-moz-box-shadow:0 1px 4px #AEADAD;
	-webkit-box-shadow:0 1px 4px #AEADAD;	
}
.content_right .inner, .content_left .inner{
	margin: 1px;
	width:auto;
	padding:5px;
	overflow:hidden;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#FFF;
	border:none;
	font-size:0.9em;
}
.content_right .pda{
	margin: 1px;
	width:auto;
	padding:5px;
	overflow:hidden;
	background-color:#FFF;
	border:none;
	font-size:0.9em;
}

.inner.bg, .pda .inner-pda {
	background:#FFF url(/public/images/bg-box.png) repeat-x left top;
}
.inner.newspaper {
	background:#4587A5 url(/public/images/bg_newspaper.png) no-repeat left top;
	color:#FFF;
}
.inner.press:lang(fr) {
	background:#9F2000 url(/public/images/bg_press_fr.jpg) no-repeat left top;
	color:#FFF;
}
.inner.press:lang(en) {
	background:#9F2000 url(/public/images/bg_press_en.jpg) no-repeat left top;
	color:#FFF;
}
.inner.press h3 {
	color:#FFF;
	margin-left:4px;
}
.inner.newspaper > p{
	margin:40px 0 6px 4px;
}
.inner.bg-devdurable {
/*	background:#FFF url(/public/images/bg_devdurable.gif) no-repeat 98% 2px;*/
	background:#FFF url(/public/images/bg_dev_durable.jpg) no-repeat 10px 8px;
	min-height:132px;
}
.inner.bg-devdurable:lang(en) {
	background:#FFF url(/public/images/bg_dev_durable_en.jpg) no-repeat 10px 8px;
}
.inner.bg-devdurable > div{
	margin:38px 0 0 7px;
	width:137px;
}
.inner.bureaux {
	background:transparent url(/public/images/bg_bureaux.jpg) no-repeat left top;
}
.inner.bureaux:lang(en) {
	background:transparent url(/public/images/bg_bureaux_en.jpg) no-repeat left top;
}
.inner .content-bureaux {
	margin:40px 0 0 8px;
}

.bg-presse {
	background: transparent url(/public/images/esp_presse_bg.jpg) no-repeat right top;
	min-height:100px;
}

/* H3 de la colonne de droite */

.content_right h3 {
	font: 900 14px "Trebuchet MS",Arial,sans-serif;
	color:#000;
	margin:0.5em 0;
	background:none;
	color:#465257;
	clear:none;
	padding:0;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
.inner.bg-devdurable h3 {
	color:#468C00;
}


/*==========RAJOUT REMY===========*/
.content ul {
	margin-left : 25px;
	padding-left : 10px;
	list-style-type : image;
	list-style-image: url(/public/images/puce_encadre_petite.png);
}

.content ul ul li {
	list-style-image: url(/public/images/puce_encadre_bleu.png);
}

h4 {
	background : url(/public/images/pucetitre.png) no-repeat left center;
	padding : 0 0 0 20px;
	margin-left :  15px;
	clear:both;
}

.float_left {
	float : left;
	margin : 0 10px 10px 10px;
}

.float_right {
	float : right;
	margin : 0 10px 10px 10px;
}
/*.content p, .content .intro { permet d'eviter que les images flottantes ne depassent du block
	overflow : auto;
}*/

img.float_left, img.float_right {
padding : 4px;
-moz-border-radius:3px 3px 3px 3px;
background: white;
border:1px solid #CCCCCC;
}

.encadre h4 {
	margin-left : 0px;
}
.encadre li {
	list-style-type : image;
	list-style-image: url(/public/images/puce_encadre.png);
	margin-left : 35px;
}
 
.puces_image {
	-moz-border-radius:8px 8px 8px 8px;
	list-style-type : image;
	list-style-image: url(/public/images/fleche_orange.gif);
	margin : 0 15px 10px 30px;
	border-left : 4px solid #FF6600;
	background: #f7f7f7;
	padding : 5px 20px;
	padding-left : 30px !important;
}