/****************************************************************************************************************/
/****************************************************************************************************************/
/*	COPYRIGHT	Generali Arctic Observer
/*	DISTRIBUTION	Sous licence, tel que decrit dans le fichier licence.txt

/*	FICHIER	/media/css/all.css
/*	AUTEUR	dn (dn@cafecentral.fr)
/*	TYPE	Feuille de style ALL MEDIA
/*	DESCRIPTION	Met en forme le systeme general
/****************************************************************************************************************/

/****************************************************************************************************************/
/*
/*	GLOBAL
/*
/****************************************************************************************************************/
body {
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	color:#222;
	background: url('../image/common/body_bg.jpg') center 0 no-repeat #bacfe6;
}
table {
	border-collapse:collapse;
}
img {
	border:0;
}

body, p, form,
h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
}
ul,ol,dl,dd {
	list-style:none outside none; 
	margin:0; 
	padding:0; 
}

/********************************************************************************************/
/*	Hyperliens
/********************************************************************************************/
a {
	text-decoration:none; 
	color:#222;
}
a:hover {
	text-decoration:underline;
}
#pagetxt a,
#articledetail .article a {
	text-decoration:underline;
}
a:active {
	
}
a:visited {
	
}
*:focus {
	-moz-outline: none ! important; 
	-moz-outline-offset: none ! important; 
	-moz-outline-radius: none ! important;
}
.acceskey {
	text-decoration:underline;
}

/********************************************************************************************/
/*	Floats
/********************************************************************************************/
.clear {
	clear:both;
	height:0;
	line-height:0;
}
.fLeft {
	float:left;
	padding:0;
	margin:0; 
}	
.fRight {
	float:right;
	padding:0;
	margin:0; 
}
.none {
	display:none;
}
.dots {
	clear:both;
	width:100%;
	height:1px;
	background:url('../image/common/common/dots.png') 0px 0px repeat-x;
}

/********************************************************************************************/
/*	Notre ami le Jardin, qui reçoit toutes les commandes AJAX cachées
/********************************************************************************************/
#backyard {
	display:none;
}

/********************************************************************************************/
/*	Structure
/********************************************************************************************/
.positionnement {
	width:960px;
	margin: 0 auto;
	position: relative;	
}
#page {
	width:100%;
	position:relative;
	margin:0 0 10px 0;
	background:url('../image/common/page_bg.png') repeat-y left top #fff;
	min-height:500px;
}
#cnt {
	float:left;
	width:635px;
	padding:20px;
}
#ctx {
	float:right;
	padding:20px;
	width:245px;
}
	
/********************************************************************************************/
/*	Menus
/********************************************************************************************/
#mn {
	height: 39px;
	background: url('../image/common/mn1_bg.gif') repeat-x 0 0;
}
* html #mn {
	z-index:1000;
	position:relative;
}
#mn #logo {
	float: left; 
}
#mn #logo a {
	display: block;
	height: 39px;
	width: 219px;
	background: url('../image/common/mn1_00.gif') no-repeat 0 0;
}
#mn #logo a:hover {
	border: 0; 
	background: url('../image/common/mn1_00.gif') no-repeat 0 100%;
}

/********************************************************************************************/
/*	Menu 1
/********************************************************************************************/
#mn1 li {
	float: left;
	background: url('../image/common/mn1_bg_li.gif') no-repeat 0 0;	
}
#mn1 li a {
	display:block;
	height:39px;
	border:none;
	background:no-repeat 0 0;
	text-indent:-9999px;
}

#mn1 li a.page01 { background-image:url('../image/common/mn1_01.gif'); width:113px; }
#mn1 li a.page02 { background-image:url('../image/common/mn1_02.gif'); width:135px; }
#mn1 li a.page03 { background-image:url('../image/common/mn1_03.gif'); width:165px; }
#mn1 li a.page04 { background-image:url('../image/common/mn1_04.gif'); width:119px; }
#mn1 li a.page05 { background-image:url('../image/common/mn1_05.gif'); width:209px; }
#mn1 li a:hover {
	background-position: 0 100%;
}

#submn1 .section01 {width:72px;}
#submn1 .section02 {width:94px;}
#submn1 .section03 {width:124px;}
#submn1 .sectionlogin {width:78px;}
#submn1 .sectiongao {width:168px;}

#mn1 li#mn1gao {
	position:relative;
}
#mn1 li#mn1gao span {
	position:absolute;
	top:1px;
	right:-2px;
	width:33px;
	height:62px;
	background:url('../image/common/mn14_span.png') 0 0 no-repeat;
	-background:none;
}

/* Sous menu */
#submn1 {
	font-size:0.7em;
	overflow:auto;
	position:absolute;
	width:100%;
	z-index:5;
	background:#e5e5e5 url('../image/common/submn1_bg.gif') repeat-x 0 0;
	left:0;
	top:39px;
}

#submn1 table {
	margin: 0 0 0 218px;
	padding: 0;
	border-left:1px solid #ccc;
}
#submn1 td {
	border-right:1px solid #ccc;
	vertical-align: top;
}
#submn1 td.on { background:#f5f5f5 url('../image/common/submn1_bg_on.gif') repeat-x 0 0 !important; }
#submn1 td.on a { color:#000; }
#submn1 ul {
	padding:20px;
}
#submn1 ul li {
	padding:3px 0;
}
#submn1 ul li.on a,
#submn1 ul li a:hover {
	color:#000;
}

/********************************************************************************************/
/*	Header
/********************************************************************************************/
#header {
	position: relative;
	margin:15px 0 20px 0;
}
#header .logo {
	position: absolute;
	left: 40px;
	top: 40px;
}
#header .flash {
	position: absolute;
	right: 30px;
	top: 20px;
}

/********************************************************************************************/
/*	Vous êtes ici
/********************************************************************************************/
#location {
	color:#FFF;
	font-size:0.8em;
	margin:5px 0 20px 0;
  font-weight:bold;
}
#youarehere {
	display:inline;
}
#youarehere a {
	border:none;
	color:#FFF;
}
#youarehere span {
}

/* Je suis perdu !*/
#location .lost {
	display:none;
}
#location .home {
	color: #FFF;
	font-weight: bold;
}
/*#location:hover .lost {
	display:inline;
	color:#fff;
}*/

/********************************************************************************************/
/*	Footer
/********************************************************************************************/
#footer {
	float:left;
	width:900px;
	margin:20px 0;
	padding-right:60px;
	*padding-bottom:20px;
	position:relative;
}

/* Quickmap */
#quickmap 			{
}
#quickmap .logo 	{
	margin-bottom:15px;
}
#quickmap .titre 	{
	font-weight: bold;
	font-size: 1em;
	margin:0 0 20px 0;
	text-transform:uppercase;
	float:right;
	padding-right:10px;
	text-align:right;
}
#quickmap .txt 		{
	clear:left;
	margin:0 40px 0 0;
	float:left;
	width:440px;
	font-size:0.68em;
	line-height:1.4em;
}
#quickmap .txt p {
	margin-top:3px;
}
#quickmap .txt a {
	text-decoration:underline;
}


#quickmap ul {
	float:right;
	width:420px;
	clear:right;
}
#quickmap li {
	float:left;
	width:120px;
	margin:0 0 15px 20px;
	-margin:0 0 15px 15px;
}
#quickmap li a {
	font-size:0.8em;
	color:#000;
	font-weight:bold;
}
#quickmap li ul {
	display:block !important;
	width:120px;
}
#quickmap li li {
	border:none;
	float:none;
	padding:0;
	margin:0;
}
#quickmap li li a {
	font-size:0.68em;
	font-weight:normal;
}

/*	Mnsys */
#mnsys {
	clear:both;
	padding: 10px 0;
	text-align:center;
	border-top:1px solid #333333;
}
#mnsys li {
	list-style-type:none;
	display:inline;
	margin-right:10px;
	font-size:11px;
}
#mnsys li a {
	color: #333333; 
}
#mnsys li.on a {
	border-bottom:1px solid;
}
#mnsys li.off a {
	
}
#mnsys li.off a:hover {
	
}

/*	Notice */
#notice {
	text-align:center;
	font-size: 10px;
}

/*	Flags */
#flags {
	list-style-type: none;
	font-size: 10px;
	text-align:center;
	filter : alpha(opacity=0);
	-moz-opacity : 0;
	opacity : 0;
	clear:both;
	*display:none;
}
#flags li {
	display:inline;
}
#flags li a {
	color:#ffffff;
}

/*	Pied de page */
#notice {
	margin-bottom:10px;
}


/****************************************************************************************************************/
/*
/*	HOMEPAGE
/*
/****************************************************************************************************************/
.page1 #page {
	background:none;
}
.page1 #cnt {
	width:100%;
	padding:0;
}
.page1 #ctx {
	display:none;
}
.page1 h2 {
	width:100%;
	height:38px;
	margin:0 0 7px 0;
	text-indent:-9999px;
}
.page1 h1 {
	display:none;
}

/* Structure en colonnes */
#hptop {
	float:left;
	width:100%;
	margin:0 0 30px 0;
	background:url('../image/common/hptop_bg.png') 0 0 repeat-y;
	-background:none;
}
#hpleft {
	float:left;
	width:632px;
	margin:0 24px 20px 0;
}
#hpright {
	float:right;
	width:304px;
	margin:0 0 20px 0;
}

/* H2 Backgrounds */
#hptop h2 {
	background:url('../image/common/h2bg_decouvrir.png') 0px 0px no-repeat;
}
#hpleft h2 {
	background:url('../image/common/h2bg_comprendre.png') 0px 0px no-repeat;
}
#hpright h2 {
	background:url('../image/common/h2bg_agir.png') 0px 0px no-repeat;
}

/* Boîtes général */
#comprendre1, 
#comprendre2, 
#agir {
	width:304px;
	float:left;
}
#decouvrir {
	width:304px;
	float:right;
}
#comprendre1 {
	margin-right:24px;
}
#decouvrir li.number4 {
	margin-bottom:0px !important;
}

.page1 #page li {
	background-color:#fff;
	margin-bottom:10px;
}
.page1 #page .titre {
	display:block;
	text-align:left;
	padding:6px 0 5px 10px;
	color:#fff;
	text-transform:uppercase;
	line-height:1em;
	font-size:1em;
	font-weight:bold;
	-width:294px;
	-height:auto;
}
#hpimg .titre {
	-width:622px !important;
}

#hpimg .titre span{
	float:right;
	padding:0 10px 0 0;
	font-size: 12px;
}

#hpimg .titre span a,
#hpimg .titre span a:visited{
	color:#fff;
}
#hpimg .footer{
	padding: 0 0 8px 12px;
}
#hpimg .footer a{
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

.page1 #page .txt {
	display:block;
	padding:10px;
	font-size:0.75em;
	overflow:hidden;
}
#hptop .titre {
	background-color:#cc0001;
}
#hpleft .titre {
	background-color:#83b017;
}
#hpright .titre {
	background-color:#9a71ba;
}


/* Découvrir - Player Flash */
#hptop #hpimg 		{
	float:left;
	width:632px;
/*	height:465px;*/
	overflow:hidden;
	margin:0 24px 0 0;
	-margin:0 20px 0 0;
	background-color:#000;
}
#hptop #hpimg .swf {
	width:100%;
}

/* Découvrir - Le site de JLE */
.decouvrir_site .txt {
	background:url('../image/common/ctx_hptop1_bg1.jpg') 0 0 no-repeat;
	height:65px;
}
.decouvrir_site .txt a {
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	display:block;
	width:125px;
	padding:0 25px 15px 0;
	float:right;
	line-height:16px;
	background:url('../image/common/ctx_hptop1_bg2.png') right bottom no-repeat;
}

/* Découvrir - Actu & Journal de bord */
.decouvrir_actu .txt {
	background:url('../image/common/ctx_hptop2_bg.png') 5px 15px no-repeat;
/*	height:210px;*/
	height:124px;
	position:relative;
}
.decouvrir_actu .txt p {
	padding:0 8px 0 40px;
	margin-bottom:10px;
}
.decouvrir_actu .txt p.date {
	margin-bottom:10px;
	font-size:11px;
	font-weight:bold;
	color:#646464;
}
.decouvrir_actu .txt p a {
	color:#646464;
}
.decouvrir_actu .txt .more {
	color:#cc0001;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	*float:none;
	margin-top:10px;
	display:block;
	position:absolute;
	bottom:10px;
}

/* Découvrir - Actu & Journal de bord */
.decouvrir_dis {
	margin-bottom: 0px !important;
}
.decouvrir_dis ul {
	padding-top: 10px;
}
.decouvrir_dis .txt .titre {
	text-transform: none !important;
	background: none !important;
	line-height: 120%;
}
.decouvrir_dis .txt ul li .titre {
	-width:auto !important;
}

/* Découvrir - Jouez avec nous */
.comprendre_jouez .txt {
	padding:0 !important;
}
.comprendre_jouez .liens a {
	color:#CC0001 !important;
}
.comprendre_jouez .liens .right {
	background:url('../image/common/ctx_hpleft6_bg3.png') 0 0 no-repeat !important;
}

/* Découvrir - GR s'engage */
.decouvrir_engage .more,
.decouvrir_parole .more {
	color:#cc0001;
	text-transform:uppercase;
	font-weight:bold;
	padding:10px 0;
}
.decouvrir_engage,
.decouvrir_parole {
	margin-bottom:0px !important;
}

/* Découvrir - Dans la nacelle */
.decouvrir_nacelle .vad {
	width:284px;
	height:31px;
	padding:30px 0 6px 0;
	margin: 0;
	background:url('../image/common/ctx_hptop3_bg.png') 0 0 no-repeat;
	text-transform:uppercase;
	font-size:11px;
	color:#000;
	position: relative;
/*	border: 1px solid #000;*/
}
.decouvrir_nacelle span {
	float:left;
	width:25%;
	text-align:center;
	position: relative;
}
.decouvrir_nacelle span span {
	font-weight:bold;
	width:100%;
} 
.decouvrir_nacelle p.date {
	margin-bottom:5px;
	font-size:11px;
	font-weight:bold;
	color:#646464;
}
.decouvrir_nacelle a.more {
	display: block;
	width: 198px;
	height: 53px;
	background:url('../image/common/ctx_hptop3_bt.png') 0 0 no-repeat;
}


/* Comprendre */
.comprendre_dis .accordion  {
	-float:left;
	-background-color:#fff;
}
.comprendre_dis .accordion .titre {
/*	font-size:1em !important;
	height:25px !important;
	margin-bottom:2px;
	padding:12px 0 0 40px !important;
	font-weight:normal !important;
	width:264px !important;
	background:url('../image/common/acordeon_bgoff.png') 275px 10px no-repeat #83b017 !important;*/
	margin-bottom:2px;
}
.comprendre_dis .accordion .titre-active {
/*	color:#4c4c4c !important;*/
/*	background:url('../image/common/acordeon_bgon.png') 275px 10px no-repeat #ffffff !important;*/
}
.comprendre_dis .accordion .txt a {
	padding:5px 20px 5px 40px;
	float:left;
}
.comprendre_dis .accordion .txt a.detail {
	font-weight:bold;
	font-size:14px;
	line-height:16px;
}
.comprendre_dis .accordion .txt a.list {
	color:#83b017;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}
.comprendre_dis .pourquoi a.detail {
	background:url('../image/common/picto_pourquoi.gif') 0 0 no-repeat;
}
.comprendre_dis .comment a.detail {
	background:url('../image/common/picto_comment.gif') 0 0 no-repeat;
}
.comprendre_dis .aussi a.detail {
	background:url('../image/common/picto_aussi.gif') 0 0 no-repeat;
}


/* Comprendre Mots-clés */
.section00 .comprendre_keywords .txt {
	font-size:1em !important;
}
.comprendre_keywords {
	font-size:0.8em;
}
.comprendre_keywords .txt a {
/*	float:left;*/
	color:#646464;
	margin:0 5px 5px 0;
	line-height:22px;
	*line-height:32px;
	*float:none;
}
.comprendre_keywords a.size1 {
	font-size:1em;
}
.comprendre_keywords a.size2 {
	font-size:1.125em;
}
.comprendre_keywords a.size3 {
	font-size:1.25em;
}
.comprendre_keywords a.size4 {
	font-size:1.4em;
}
.comprendre_keywords a.size5 {
	font-size:1.5em;
}
.comprendre_keywords a.size6 {
	font-size:1.6em;
}
.comprendre_keywords a.size7 {
	font-size:1.8em;
}
.comprendre_keywords a.size8 {
	font-size:2em;
}
.comprendre_keywords a.size9 {
	font-size:2.25em;
}
.comprendre_keywords a.size10 {
	font-size:2.45em;
}
.comprendre_keywords a.size11 {
	font-size:2.75em;
}
.comprendre_keywords a.size12 {
	font-size:3em;
}

.comprendre_disent span {
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:10px;
	display:block;
}
.comprendre_disent p {
	line-height:16px;
}
.comprendre_disent img {
	max-width:284px;
	width:expression(document.body.clientWidth > 284 ? "284px": "auto" ); 
	margin-bottom:5px;
}

/* Comprendre - Glossaire*/
.comprendre_glossaire .mot {
	height:35px;
	background-color:#dedede;
	padding:10px 15px;
	width:274px;
	clear:both;
}
.comprendre_glossaire .mot img {
	float:left;
}
.comprendre_glossaire .mot span.lettre {
	width:30px;
	height:31px;
	padding:2px;
	float:left;
	text-align:center;
	background-color:#969696;
	font:bold 1.68em Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-right:15px;
}
.comprendre_glossaire .mot span.terme {
	text-transform:uppercase;
	display:block;
	font-weight:bold;
	font-size:16px;
}
.comprendre_glossaire .txt img {
	float:left;
	margin:0 10px 5px 0;
	display:none;
}
.comprendre_glossaire .txt p {
	line-height:16px;
}

/* Comprendre - Pouls de la planète */
.comprendre_pouls {
	background-color:#0f123f !important;
}
.comprendre_pouls .txt {
	padding:0 0 10px 0 !important;
}
.comprendre_pouls .txt	p {
	font-size:11px;
	color:#87899f;
	padding:5px 12px;
}
.comprendre_pouls .txt	a {
	text-transform:uppercase;
	color:#83b017;
	font-weight:bold;
	padding:0 12px;
}

.comprendre_oublier {
	height:267px;
}
.comprendre_oublier #postit {
	margin-left:10px;
}
.comprendre_oublier .liens a,
.comprendre_quizz .liens a,
.comprendre_disent .liens a,
.comprendre_glossaire .liens a {
	color:#83b017 !important;
}

.comprendre_oublier .liens .right,
.comprendre_disent .liens .right,
.comprendre_glossaire .liens .right {
	background:url('../image/common/ctx_hpleft6_bg2.png') 0 0 no-repeat !important;
	-padding-left:15px !important;
	-background-position:0 2px !important;
}

/* Comprendre - Quizz */
.comprendre_quizz .txt {
	/*min-height:200px;*/
}
.comprendre_quizz span {
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
	float:left;
	line-height:1.2em;
	color:#000;
	width:284px;
}
.comprendre_quizz span.date {
	color:#7fb71e !important;
	margin-right:2px;
}
.comprendre_quizz form {
	margin-top:15px;
}
.comprendre_quizz input {
	clear:left;
	float:left;
	margin-right:8px;
}
.comprendre_quizz label {
	color:#000;
	display:block;
	font-weight:bold;
	margin-bottom:5px;
	padding-top:2px;
	text-transform:uppercase;
}
.comprendre_quizz label span {
	color:#000;
	font-weight:inherit;
	font-size:12px;
	text-transform:inherit;
	line-height:inherit;
	width:240px;
}
.comprendre_quizz label span.on {
	color:#000;
	
}
.comprendre_quizz label span.off{
	color:#cecece;
}
.comprendre_quizz .liens .right {
	background:none !important;
}
.comprendre_quizz .good {
	background:url('../image/common/quizz_good.png') 150px center no-repeat #fff;
	-width:280px;
}
.comprendre_quizz .wrong {
	background:url('../image/common/quizz_wrong.png') 175px center no-repeat #fff;
	-width:280px;
}




/* Agir */
.agir_diffusez .txt {
	background-color:#9a71ba;
	-float:left;
}
.agir_diffusez .txt p,
.agir_restez .txt p {
	padding-right:10px;
	color:#222;
	text-transform:uppercase;
	font-weight:bold;
	line-height:16px;
}
.agir_diffusez .input,
.agir_diffusez .submit {
	/*background-color:#fff;
	width:230px;
	text-transform:uppercase;
	height:13px;
	padding:3px 10px;
	border:0px;
	color:#222;
	float:left;*/
	display:none;
}

.agir_restez fieldset {
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	border:0px !important;
	margin:15px 0 0 0 !important;
	padding:0 !important;
}
.agir_restez fieldset ol li {
	padding:0 !important;
	margin:0 !important;
	*background-color:transparent !important;
}
.agir_restez .input {
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	font-size:11px;
}
.agir_restez .submit {
	background:none !important;
	border:0px !important;
	float:right !important;
	font-weight:bold !important;
	color:#fff !important;
	width:30px !important;
	height:16px !important;
	margin:0 0 0 0 !important;
	*background-color:transparent !important;
	
}

.agir_diffusez .txt a {
	text-indent:-9999px;
	float:left;
	margin:15px 0 5px 10px;
	height:32px;
	width:88px;
}
.agir_diffusez .txt .email {
	background:url('../image/common/diffusez_email.png') 0 0 no-repeat;
	margin:15px 0 5px 0;
}
.agir_diffusez .txt .facebook {
	background:url('../image/common/diffusez_facebook.png') 0 0 no-repeat;
}
.agir_diffusez .txt .twitter {
	background:url('../image/common/diffusez_twitter.png') 0 0 no-repeat;
}

.agir_telechargez		{
	-float:left;
	-margin-bottom:0px !important;
}
.agir_telechargez .txt {
	padding:20px 0 12px 104px !important;
	background:url('../image/common/ctx_hpright2_bg.gif') 10px 10px no-repeat #9a71ba;
	-float:left;
	-width:200px;
}
.agir_telechargez .txt a,
.agir_telechargez .txt span {
	float:left;
	height:32px;
	width:89px;
	margin:0 10px 8px 0;
	text-indent:-9999px;
}
.agir_telechargez .txt #bt_download_widget_pc	{
	margin:0 10px 8px 0;
	float:left;
}
.agir_telechargez .txt #bt_download_widget_mac	{
	margin:0 0 8px 0;
	float:left;
}
.agir_telechargez .txt .pc {
	background:url('../image/common/ctx_hpright2_bg1.gif') 0 0 no-repeat;
}
.agir_telechargez .txt .mac {
	background:url('../image/common/ctx_hpright2_bg2.gif') 0 0 no-repeat;
}
.agir_telechargez .txt .iphone {
	background:url('../image/common/ctx_hpright2_bg3.gif') 0 0 no-repeat;
}
.agir_telechargez .txt .blog {
	background:url('../image/common/ctx_hpright2_bg4.gif') 0 0 no-repeat;
}
.agir_restez .txt {
	padding:10px 10px 15px 104px !important;
	background:url('../image/common/ctx_hpright3_bg.gif') 10px 10px no-repeat #9a71ba;
}
.agir_restez .input {
	background-color:#fff;
	width:136px;
	height:13px;
	padding:3px 10px;
	border:0px;
	color:#222;
	float:left;
}

/* Agir - 4. Rejoignez-nous */
.agir_rejoignez {
	-float:left;
}
.agir_rejoignez .bloc {
	margin-top:5px;
	padding-top:15px;
	border-top:1px solid #c7c7c7;
	-padding-bottom:15px;
	-float:left;
	-width:284px;
}
.agir_rejoignez .top {
	margin-bottom:15px;
	-margin-bottom:0px;
	padding:0 0 0 0;
	border-top:0px;
}
.agir_rejoignez .media1 {
	float:left;
	margin:0 10px 15px 0;
	width:57px;
	height:57px;
}
.agir_rejoignez .media1 img {
	width:57px;
}
.agir_rejoignez .date {
	color:#969696;
	font-size:11px;
}
.agir_rejoignez .chapo {
	line-height:16px;
}
.agir_rejoignez a.facebook,
.agir_rejoignez a.twitter {
	margin-top:5px;
	-margin-top:0px;
	text-transform:uppercase;
	font-weight:bold;
	color:#9a71ba;
	display:block;
}

.agir_signez .compteur {
	margin-right:12px;
	height:32px;
	width:121px;
	float:left;
}
.agir_signez p {
	margin-bottom:15px;
	color:#222;
	text-transform:uppercase;
	font-weight:bold;
	line-height:16px;
}
.agir_signez a.more {
	/*margin-top:20px;*/
	text-transform:uppercase;
	font-weight:bold;
	color:#9a71ba;
	display:block;
	background:url('../image/common/ctx_hpright5_bg.png') right top no-repeat;
	height:16px;
}
.agir_visitez	.txt {
	background:url('../image/common/ctx_hpright6_bg1.jpg') 0 0 no-repeat;
	height:100px;
	position:relative;
}
.agir_visitez	.txt p {
	position:absolute;
	bottom:0;
	left:0;
	padding:10px;
	text-transform:uppercase;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:1.3em;
}

.agir_visitez .liens, 
.comprendre_oublier .liens, 
.comprendre_jouez .liens, 
.comprendre_quizz .liens,  
.comprendre_glossaire .liens,  
.comprendre_disent .liens {
	height:14px;
	background-color:#fff;
	padding:8px 10px;
	width:284px;
}
.agir_visitez .liens a, 
.comprendre_oublier .liens a, 
.comprendre_jouez .liens a, 
.comprendre_quizz .liens a,  
.comprendre_glossaire .liens a,  
.comprendre_disent .liens a {
	color:#9a71ba;
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.75em;
}
.agir_visitez .liens .left, .comprendre_oublier .liens .left, .comprendre_jouez .liens .left, .comprendre_quizz .liens .left,  .comprendre_glossaire .liens .left,  .comprendre_disent .liens .left {
	float:left;
}
.agir_visitez	.liens .right, .comprendre_oublier .liens .right, .comprendre_jouez .liens .right, .comprendre_quizz .liens .right,  .comprendre_glossaire .liens .right,  .comprendre_disent .liens .right {
	float:right;
	padding-left:15px;
	background:url('../image/common/ctx_hpright6_bg2.png') 0 0 no-repeat;
}






/****************************************************************************************************************/
/*
/*	CONTENU (CNT)
/*
/****************************************************************************************************************/
h1 {
	width:940px;
	height:25px;
	padding:0 10px;
	margin-bottom:10px;
	color:#fff;
	background-color:#83b017;
	text-transform:uppercase;
	font-size:1em;
	line-height:1.6em;
	position:relative;
}
h1 a {
	position:absolute;
	right:8px;
	top:0;
	text-transform:none;
	font-size:0.68em;
	font-weight:bold;
	padding-right:15px;
	background:url('../image/common/h1_back.png') right center no-repeat;
}
h1 a:hover {
	color:#fff;
	text-decoration:none;
}
#pagechapo {
	font:bold 0.8em Arial,Helvetica,sans-serif ;
	margin-bottom:20px;
	padding-right:35px;
}
#pagetxt {
	margin-bottom:50px;
	font-size:0.75em;
	line-height:1.3em;
	padding-right:35px;
	overflow:hidden;
}
#pagetxt strong {
	font-weight:bold;
	font-size:inherit;
	font-family:inherit;
}
#pagetxt h2,
#pagetxt h3,
#pagetxt h4 {
	display:block;
	margin-bottom:10px;
	padding-top:10px;
	font-weight:normal;
}
#pagetxt h2 {
	font-size:1.3em;
}
#pagetxt h3 {
	font-size:1.1em;
}
#pagetxt h4 {
	font-size:1em;
	font-weight:bold !important;
	padding-top:0px !important;
}
#pagetxt p,
#pagetxt ul,
#pagetxt ol {
	display:block;
	margin-bottom:10px;
}
#pagetxt ul {
	display:block;
	list-style-type:disc;
	padding-left:20px;
}
#pagetxt table {
	width:100% !important;
}
#pagetxt table td {
	padding:5px !important;
}
#pagetxt table p {
	margin:0px !important;
}

#pagetxt .imgcontainer {
	width:100%;
	padding:0 0 15px 0;
}
#pagetxt .imgcontainer img {
	max-width:529px;
	width: expression(this.width > 529 ? "529px": "auto"); /* IE Image max-width */
	overflow:hidden;
	padding:0 0 5px 0 ;
}
#pagetxt .imgcontainer .caption {
	
}


/****************************************************************************************************************/
/*
/*	ARTICLES
/*
/****************************************************************************************************************/
/*	Onlgets
/********************************************************************************************/
#filter {
	width:600px;
	padding-right:35px;
}
#filter .tabs {
	height:33px;
	width:auto;
	margin-bottom:25px;
	border-bottom:1px solid #969696;
}
#filter .tabs li {
	float:left;
	height:100%;
	margin:0 2px 0 0;
	-moz-border-radius-topleft:4px;
	-webkit-border-radius-topleft:4px;
	border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-radius-topright:4px;
	border-radius-topright :3px;
	background-color:#ececec;
}
#filter .tabs li:hover {
	color:#fff;
	background-color:#969696;
}
#filter .tabs li a {
	color:#999;
	float:left;
	font-size:0.75em;
	font-weight:bold;
	padding:10px;
	text-transform:uppercase;
}
#filter .tabs li a 	span {
	font-weight:normal;
}
#filter .tabs li a:hover {
	color:#fff;
	text-decoration:none;
}
#filter .tabs li.on {
	background-color:#969696;
}
#filter .tabs li.on a {
	color:#fff;
}

#preh2 {
	margin-bottom:20px;
}
#preh2 span {
	margin-bottom:5px;
	display:block;
	font-size:0.8em;
	font-weight:bold;
}

/********************************************************************************************/
/* Liste
/********************************************************************************************/
#articlelist {
	width:600px;
	padding-right:35px;
}
#articlelist .article,
.dispour li {
	width:100%;
	margin-bottom:20px;
	float:left;
	padding:0 0 20px 0;
	border-bottom:1px dashed #999;
	line-height:1em;
}
#articlelist .media1 {
	float:left;
	width:165px;
	height:102px;
	margin:0 10px 0 0;
	overflow:hidden;
}
#articlelist .picto {
	float:left;
	margin:0 10px 0 0;
	overflow:hidden;
}
#articlelist .media1 img {
	width:163px;
	border:1px solid #ebebeb;
}
#articlelist .datetimeinsert {
	color:#999;
	font-size:0.75em;
	padding-top:5px;
	margin-bottom:5px;
}
#articlelist .titre {
	margin-bottom:5px;
}
.dispour .titre {
	margin-top:10px;
}
#articlelist .titre a {
	color:#000000;
	font:bold 1em Arial,Helvetica,sans-serif;
}
#articlelist .chapo {
	font-size:0.75em;
	margin-bottom:5px;
}
#articlelist .chapo p,
#articlelist .chapo ul,
#articlelist .chapo ol {
	margin:0 0 10px 0;
	line-height:1.4em;
	font-size:1em;
}
#articlelist .chapo a {
	color:#000;
}
#articlelist .tag {
	margin-bottom:5px;
	color:#83b017;
	font-size:0.75em;
}
#articlelist .tag a {
	color:#83b017;
}
#articlelist .txt {
	font-size:0.75em;
}
#articlelist .txt p,
#articlelist .txt ul,
#articlelist .txt ol {
	margin:0 0 10px 0;
	line-height:1.4em;
	font-size:1em;
}
#articlelist .txt ul,
#articlelist .txt ol {
	padding-left:40px;
	overflow:auto;
}

/********************************************************************************************/
/*	Détail
/********************************************************************************************/
#articledetail .article {
	width:540px;
	float:left;
	line-height:1em;
	min-height:200px;
}
.section07 #articledetail .article {
	-height:300px;
}
#articledetail .picto {
	float:left;
	margin: 0 5px 0 0;
}
#articledetail .titre {
	margin-bottom:15px;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.2em;
}
#articledetail .distitre {
	margin-left:60px;
}
#articledetail .datetimeinsert {
	color:#999;
	font:normal 0.62em Arial, Helvetica, sans-serif;	
}
#articledetail .chapo {
	font-size:0.875em;
	margin-bottom:25px;
	font-weight:bold;
	line-height:1.3em;
}
#articledetail .chapo p,
#articledetail .chapo ul,
#articledetail .chapo ol {
	margin:0 0 10px 0;
	line-height:1.4em;
	font-size:1em;
}
#articledetail .media1 {
	width:540px;
	margin-bottom:15px;
	overflow:hidden;
}
#articledetail .media1 img {
	max-width:540px;
	width: expression(this.width > 540 ? "540px": "auto"); /* IE Image max-width */
	width:expression(document.body.clientWidth > 540 ? "540px": "auto" );  
}
#articledetail .copyright {
	color:#999999;
	font-size:0.7em;
}
#articledetail .tag {
	float:left;
	color:#83b017;
	font-size:0.75em;
	width:518px;
	padding:10px;
	margin-top:25px;
	border:1px solid #ddd;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#articledetail .tag a {
	color:#83b017;
}

#articledetail .txt {
	font-size:0.75em;
}
#articledetail .txt p {
	width:100%;
}
#articledetail .txt p,
#articledetail .txt ul,
#articledetail .txt ol {
	margin-bottom:10px;
	font-size:1em;
	line-height:1.4em;
	float:left;
}
#articledetail .txt ul,
#articledetail .txt ol {
	list-style-type:disc;
	padding-left:20px;
	overflow:auto;
}
#articledetail .txt ul li {
	margin-bottom:10px;
}
#articledetail .txt table {
	float:left;
	width:100% !important;
	font:inherit;
}
#articledetail .txt img {
	float:left;
	max-width:176px;
	width: expression(this.width > 176 ? "176px": "auto"); /* IE Image max-width */
	margin:0 15px 10px 0;
	padding:0;
	border:1px solid #dbdbdb;
}
#articledetail .txt .caption {
	font-size:0.9em;
	color:#999999;
}
#articledetail .txt .imgcontainer {
	float:left;
}
#articledetail .txt blockquote {
	float:left;
	width:100%;
}

#articledetail .txt h2,
#articledetail .txt h3,
#articledetail .txt h4 {
	float:left;
	margin-bottom:10px;
	padding-top:10px;
	font-weight:normal;
}
#articledetail .txt h2 {
	font-size:1.3em;
}
#articledetail .txt h3 {
	font-size:1.1em;
}
#articledetail .txt h4 {
	font-size:1em;
}

/********************************************************************************************/
/*	Outils dans les détails d'article
/********************************************************************************************/
#tools 		{
	position:absolute;
	left:570px;
	top:80px;
	font-size:0.7em !important;
	padding:10px !important;
	margin:0;
}
#tools li 	{
	padding:2px 0 2px 22px;
	height:18px;
	border-bottom:1px solid #cccccc;
	background:left 1px no-repeat;
	line-height:16px;
}
#tools li.print {background-image:url('../image/common/icon_print_gris.gif');}
#tools li.textresize {background-image:url('../image/common/icon_textresize_gris.gif');}
#tools li.sendlink {background-image:url('../image/common/icon_sendlink_gris.gif');}
#tools li.facebook {background-image:url('../image/common/icon_facebook.png'); margin-top:20px;}
#tools li.twitter {background-image:url('../image/common/icon_twitter.png');}

/********************************************************************************************/
/*	Pagination
/********************************************************************************************/
#nextprevious,
.nextprevious {
	float:left;
	text-align:right;
	width:600px;
	font-size:0.75em;
	margin:30px 0 20px 0;
	padding:0 35px 0 0;
}
#nextprevious a,
.nextprevious a {
	color:#000;
}
#nextprevious a.page:hover,
#nextprevious .on,
.nextprevious a.page:hover,
.nextprevious .on {
	color:#fff;
	text-decoration:none;
	background-color:#83b017;
}
#nextprevious a.page,
#nextprevious span,
.nextprevious a.page,
.nextprevious span {
	padding:2px 4px;
	margin:0px 5px;
	display:inline;
	font-weight:bold;
}
#nextprevious a.previous,
#nextprevious a.next,
.nextprevious a.previous,
.nextprevious a.next {
	font-style:italic;
	position:absolute;
	top:0px;
	text-transform:lowercase;
}
#nextprevious a.previous,
.nextprevious a.previous {
	left:0;
}
#nextprevious a.next,
.nextprevious a.next {
	right:0;
}

/****************************************************************************************************************/
/*
/*	CONTEXTE (CTX)
/*
/****************************************************************************************************************/
/*	Boîtes contextuelles
/********************************************************************************************/
#ctxbox li {
	float:left;
	width:100%;
	margin-bottom:25px;
	overflow:hidden;
}
#ctxbox li .titre {
	width:210px;
	font-size:1em;
	line-height:1em;
	margin-bottom:15px;
	font-weight:bold;
	text-transform:uppercase;
}



/********************************************************************************************/
/*	Les mots-clés
/********************************************************************************************/
#ctx .comprendre_keywords .titre {
	text-align:left;
	width:245px;
	color:#83b017;
}
#ctx .comprendre_keywords .txt a {
	float:left;
	color:#646464;
	margin:0 5px 5px 0;
	line-height:22px;
	*line-height:1em;
}

/********************************************************************************************/
/*	Rester informés
/********************************************************************************************/
#ctx .rester_informes {
	padding:20px 10px;
	background-color:#83b017;
	width:225px;
}
#ctx .rester_informes .titre {
	color:#fff;
}
#ctx .rester_informes .txt p {
	margin-bottom:10px;
	*margin-bottom:0px;
	color:#222;
	text-transform:uppercase;
	font-weight:bold;
	line-height:16px;
	font-size:12px;
}
#ctx .rester_informes .input {
	background-color:#fff;
	width:170px;
	height:13px;
	font-size:11px;
	padding:3px 10px;
	border:0px;
	color:#222;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	float:left;
}
#ctx .rester_informes .submit {
	background-color:#83b017;
	border:0px;
	float:right;
	font-weight:bold;
	color:#fff;
	width:30px;
	height:16px;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	border:0px !important;
	margin:0px;
}
#ctx .rester_informes  fieldset {
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	border:0px !important;
	margin:15px 0 0 0 !important;
	padding:0 !important;
}
#ctx .rester_informes  fieldset ol li {
	padding:0 !important;
	margin:0 !important;
}


/****************************************************************************************************************/
/*
/*	GABARITS
/*
/****************************************************************************************************************/
/*	Liste Multimedia
/********************************************************************************************/
#multimedia				{
	width:100%;
}
#multimedia li 			{
	width:33%;
	margin:0 0 20px 0;
	padding:0 !important;
	border-bottom:0 !important;
	float:left;
}
#multimedia .media1 	{
	float:left;
	width:173px;
	height:116px;
	overflow:hidden;
	margin-bottom:10px;
}
#multimedia .media1 img {
	width:171px;
	height:114px;
	border:1px solid #ebebeb;
}
#multimedia .titre 		{
	width:173px;
	height:230px;
}
#multimedia .titre a 	{
	color:#000000;
	font:bold 1em Arial,Helvetica,sans-serif;
}

/********************************************************************************************/
/* 	Dis pourquoi - articles
/********************************************************************************************/
.section03 #cnt .rub {
	background:url('../image/common/dis_titrebg.png') 0 0 no-repeat;
	color:#83b017;
	text-transform:uppercase;
	padding-left:30px;
	font-weight:bold;
	font-size:1.25em;
	height:24px;
	margin-bottom:15px;
}
#navquestion {
	float:left;
	clear:both;
	margin-top:30px;
	background-color:#e5e5e5;
	width:619px;
	padding:4px 8px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-size:0.75em;
	text-align:center;
}
#navquestion span {
	width:240px;
	-width:230px;
	float:left;
}
#navquestion span.center {
	font-weight:bold;
	text-transform:uppercase;
	width:100px;
}
#navquestion .left {
	padding-left:15px;
	background:url('../image/common/navquestion_bgleft.png') 0 2px no-repeat;
	text-align:left;
}
#navquestion .right {
	float:right;
	text-align:right;
	padding-right:15px;
	background:url('../image/common/navquestion_bgright.png') right 2px no-repeat;
}

/********************************************************************************************/
/* 	Glossaire
/********************************************************************************************/
.section07 #articledetail .chapo {
	font-weight:normal;
}

/********************************************************************************************/
/* 	Ne pas oublier
/********************************************************************************************/
#nepasoublier {
	width:600px;
	float:left;
	padding-right:35px;
}
#nepasoublier li {
	width:100%;
	margin-bottom:20px;
	float:left;
	padding:0 0 20px 0;
	border-bottom:1px dashed #999;
	/*padding-left:50px;
	background: url('../image/common/nepasoublier_libg.png') no-repeat 0 0;*/
	position:relative;
}
#nepasoublier li .media1 {
	float:left;
	width:165px;
	margin:0 10px 0 0;
	overflow:hidden;
}
#nepasoublier li .media1 img {
	width:163px;
	border:1px solid #ebebeb;
}

#nepasoublier li .titre {
	font-size:1em;
	font-weight:bold;
	margin-bottom:3px;
}
#nepasoublier li .chapo {
	font-size:0.75em;
	margin-bottom:10px;
}
#nepasoublier li .right {
	color:#83B017;
	position:absolute;
	bottom:5px;
	right:0px;
	font-size:12px;
	line-height:1em;
	font-weight:bold;
	text-transform:uppercase;
	background:url('../image/common/ctx_hpleft6_bg2.png') no-repeat 0 0;
	padding-left:15px;
}

/********************************************************************************************/
/* 	Prehome
/********************************************************************************************/
.page43	#mn,
.page43	#header,
.page43	h1,
.page43	#pagechapo,
.page43	#ctx {
	display:none;
}

.page43 {
	background:url('../image/common/prehome_bodybg.jpg') center 0 no-repeat #bacfe6;
	
}
.page43	#page {
	background:none transparent !important;
}
.page43	#cnt {
	width:100%;
	padding:0;
	height:710px;
}
.page43	#logo {
	height:180px;
	width:100%;
	float:left;
	clear:both;
	background:url('../image/common/prehome_logo.png') 9px 32px no-repeat;
	-background:url('../image/common/prehome_logo.gif') 9px 32px no-repeat;
	-height:150px;
	-padding:30px 0 0 0;
}

.page43	.bloc h2 {
	text-indent:-9999px;
	-text-indent:0px;
}
.page43	.bloc .access {
	float:left;
	margin-bottom:45px;
	background:url('../image/common/prehome_access.png') no-repeat 0 0;
	-background:url('../image/common/prehome_access.gif') no-repeat 0 0;
	width:177px;
	height:32px;
	text-indent:-9999px;
}

.page43	#bloc1 {
	float:left;
	height:310px;
	background:#ccc;
	width:516px;
	background:url('../image/common/prehome_bloc1_bg.jpg') 0 0 no-repeat;
	padding:40px 40px 0px 34px;
	position:relative;
}
.page43	#bloc1 .addonbg {
	height:50px;
	width:590px;
	background:url('../image/common/prehome_bloc1_bg.png') 0 0 no-repeat;
	-background:none !important;
	position:absolute;
	left:0;
	bottom:-50px;
}
.page43	#bloc1 h2 {
	width:461px;
	height:47px;
	margin-bottom:25px;
	background:url('../image/common/prehome_bloc1_titre.png') 0 0 no-repeat;
	-background:none;
}
.page43	#bloc2 h2 {
	width:291px;
	height:97px;
	margin-bottom:80px;
	background:url('../image/common/prehome_bloc2_titre.png') 0 0 no-repeat;
	-background:none;
}
.page43	#bloc1 .ssbloc {
	height:120px;
	width:220px;
	padding:15px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.page43	#bloc1 .left {
	-left:0;
}
.page43	#bloc1 .right {
	-left:0;
}

.page43	#bloc1 .ssbloc .bg_opacity {
	height:150px;
	width:250px;
	background-color:#fff;
	filter: progid:DXImageTransform.Microsoft.alpha( opacity=70); 
	filter:Alpha(opacity=70);
	-moz-opacity:0.70;
	opacity: 0.70;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
}
.page43	#bloc1 .ssbloc h3 {
	text-indent:-9999px;
	height:18px;
	margin-bottom:10px;
}
.page43	#bloc1 .left h3 {
	background:url('../image/common/prehome_lefth3.png') no-repeat 0 0;
	-background:url('../image/common/prehome_lefth3.gif') no-repeat 0 0;
	width:171px;
}
.page43	#bloc1 .right h3 {
	background:url('../image/common/prehome_righth3.png') no-repeat 0 0;
	-background:url('../image/common/prehome_righth3.gif') no-repeat 0 0;
	width:140px;
}
.page43	#bloc1 .ssbloc li {
	margin-top:15px;
	padding-left:12px;
	height:14px;
	background:url('../image/common/prehome_arrow_red.png') no-repeat 0 4px;
	-background:url('../image/common/prehome_arrow_red.gif') no-repeat 0 4px;
}
.page43	#bloc1 .ssbloc li img {
	-height:14px;
}
.page43	#bloc1 .ssbloc .li1 a img {
	-height:13px !important;
	-width:121px !important;
	-display:block;
	-float:left;
}
.page43	#bloc1 .li4 {
	margin-top:6px !important;
}

.page43	#bloc1 .ssbloc .media1 {
	float:left;
	overflow:hidden;
	width:95px;
	height:64px;
	margin:0 10px 0 0;
}
.page43	#bloc1 .ssbloc .media1 img {
	width:95px;
}
.page43	#bloc1 .ssbloc .date {
	font-style:italic;
	font-size:0.68em;
}
.page43	#bloc1 .ssbloc .titre {
	font-weight:bold;
	font-size:0.75em;
}

.page43	#bloc2 {
	float:right;
	width:294px;
	height:310px;
	background:#ccc;
	background:url('../image/common/prehome_bloc2_bg.jpg') 0 0 no-repeat;
	position:relative;
	padding:40px 30px 0 25px;
}
.page43	#bloc2 .addonbg {
	height:50px;
	width:349px;
	background:url('../image/common/prehome_bloc2_bg.png') 0 0 no-repeat;
	-background:none !important;
	position:absolute;
	left:0;
	bottom:-50px;
	-bottom:-40px;
}
.page43	#bloc2 .ballon {
	position:absolute;
	top:-125px;
	right:-82px;
	width:190px;
	height:243px;
	background:url('../image/common/prehome_ballon.png') 0 0 no-repeat;
	-background:none;
}
.page43	#bloc2 p {
	margin-bottom:15px;
	width:276px;
	height:37px;
	background:url('../image/common/prehome_bloc2p.png') no-repeat 0 0;
	-background:none;
}

/********************************************************************************************/
/* Pop-up Share 
/********************************************************************************************/
#pop_share {
	width:640px;
	height:400px;
	background-color:#fff;
}
#pop_share .bloc_postit {
	float:left;
	width:300px;
	-width:280px;
	height:260px;
	padding:70px 0;
	background: url('../image/common/popshare_bg.jpg') no-repeat 0 5px #555;
}
#pop_share .accordion {
	float:right;
	width:300px;
	padding:10px 20px;
	height:380px;
}
#pop_share .titre {
	font-size:1em;
	display:block;
	color:#999;
	text-transform:uppercase;
	border-bottom:2px solid #b2b2b2;
	padding:10px 0 0 60px;
	font-weight:bold;
	height:30px;
	margin-bottom:10px;
}
#pop_share .titre:hover {
	cursor:pointer;
	color:#000;
}
#pop_share .titre-active {
	color:#000 !important;
	border:2px solid #fff !important;
}
#pop_share .email {
	background: url('../image/common/popshare_email_off.png') no-repeat 10px 0;
}
#pop_share .facebook {
	background: url('../image/common/popshare_facebook_off.png') no-repeat 10px 0;
}
#pop_share .twitter {
	background: url('../image/common/popshare_twitter_off.png') no-repeat 10px 0;
}
#pop_share .blog {
	background: url('../image/common/popshare_blog_off.png') no-repeat 10px 5px;
}
#pop_share .email.titre-active {
	background: url('../image/common/popshare_email_on.png') no-repeat 10px 0;
}
#pop_share .facebook.titre-active {
	background: url('../image/common/popshare_facebook_on.png') no-repeat 10px 0;
}
#pop_share .twitter.titre-active {
	background: url('../image/common/popshare_twitter_on.png') no-repeat 10px 0;
}
#pop_share .blog.titre-active {
	background: url('../image/common/popshare_blog_on.png') no-repeat 10px 5px;
}

#pop_share .txt {
	padding:5px 10px 10px 10px !important;
}
#pop_share .txt	form p {
	margin-bottom:5px;
	font-size:0.75em;
	font-weight:bold;
	text-transform:uppercase;
	line-height:16px;
}
#pop_share .txt	form .input {
	background-color:#FFFFFF;
	border:1px solid #ccc;
	color:#999;
	height:13px;
	padding:3px 10px;
/*	text-transform:uppercase;*/
/*	font-weight:bold;*/
	width:250px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}
#pop_share .txt	form textarea {
	background-color:#FFFFFF;
	border:1px solid #ccc;
	color:#999;
	height:40px;
	padding:3px 10px;
/*	text-transform:uppercase;*/
/*	font-weight:bold;*/
	width:250px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}
#pop_share .txt	form .submit {
	background-color:#fff !important;
	border:0 none !important;
	color:#83B017 !important;
	font-weight:bold !important;
	height:16px !important;
/*	width:30px !important;*/
	cursor:pointer !important;
	float: right;
}

#pop_share .txt	fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	-float:left !important;
}
#pop_share  .txt fieldset ol li 	{
	-float:left !important;
}
#pop_share .txt	fieldset label {
	display: none;
}

/********************************************************************************************/
/* Pop-up Sendlink 
/********************************************************************************************/
#sendlink 		{
	padding-left:300px;
	height:310px !important;
	background:url('../image/common/sendlink_bg.gif') 0 0 no-repeat #555;
}
#sendlink fieldset {
	border:0 !important;
	margin:0 !important;
	background-color:#fff !important;
	width:320px !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	padding:30px 0 0 25px !important;
}
#sendlink fieldset ol {
	padding:0;
	margin:0;
}
#sendlink fieldset ol li {
	list-style-type:none;
	margin-bottom:5px;
	float:left;
}
#sendlink fieldset ol li label {
	display:block;
	font-size:0.8em;
	margin:0 5px 0 0;
	display:none;
}
#sendlink fieldset ol li .input,
#sendlink fieldset ol li .textarea 	{
	width:265px	!important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	border-color:#e2e2e2 !important;
	
}
#sendlink fieldset ol li textarea 	{
	height:100px;
}
#sendlink fieldset ol li .submit 	{
	height:32px !important;
	width:79px !important;
	cursor:pointer;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	border:none !important;
	margin-left:0px !important;
	background:url('../image/common/sendlink_submit.gif') 0 0 no-repeat !important;
	text-indent:-9999px;
	-font-size:0px;
	-color:#83B017 !important;
}


/****************************************************************************************************************/
/*
/*	SYSTEME
/*
/****************************************************************************************************************/
/* Alertes
/********************************************************************************************/
#alerte,
#resume,
#aboutetat,
#googlesearcher,
#commentalerte {
	font-size:0.8em;
	margin-bottom:20px;
	padding:15px 10px 15px 35px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:relative;
	background:#333333 url('../image/common/icon_alerte.gif') 10px center no-repeat;
	color:#ffffff;
}
#alerte	.titre, background
#resume	.titre,
#aboutetat .titre,
#commentalerte .titre {
	font-size:18px !important;
	font-weight:bold;
}
#alerte	.chapo,
#resume	.chapo,
#aboutetat	.chapo,
#commentalerte .chapo {
	font-size:14px !important;
	color:#ffffff;
	margin:0 !important;
}
#alerte a,
#resume a,
#aboutetat a {
	color:#F2F2F2;
	border-bottom:1px solid;
}
#commentalerte a {
	border-bottom:1px solid;
}

/* Résumé moteur de recherche */
#resume {
	background-color:#333333;
}

/* Alertes des commentaires */
#commentalerte {
	background:#F5F5F5;
	padding:10px;
}
#commentalerte .titre {
	color:#aaaaaa;
}
#commentalerte .chapo {
	color:#cccccc;
}

/********************************************************************************************/
/* Ticker
/********************************************************************************************/
#ticker .titre {
	float:left;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #cccccc;
}

/********************************************************************************************/
/*	Présentation
/********************************************************************************************/
#presicon {
	float:left;
	margin-bottom:20px;
}
#preschapo {
	font-size:0.8em;
	float:right;
	margin:40px 0;
	width:550px;
}

/********************************************************************************************/
/* Rien ?
/********************************************************************************************/
.nodata {
	font-size:18px;
	line-height:24px;
	background:#F5F5F5;
	padding:20px;
	margin-bottom:10px;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#cccccc;
}
.nodata a {
	color:#aaaaaa;
	border-bottom:1px solid;
}

/********************************************************************************************/
/*	Edition des contenus
/********************************************************************************************/
li .option {
	text-align:right;
}
li .option li {
	display:inline !important;
	margin:0 5px 0 0 !important;
	padding:0 !important;
	border:none !important;
	font-size:10px !important;
}
li .option li a {
	color:#cccccc !important;
}

/* Cacher les options des amis acceptés */
.accepted .option {display:none;}
/* Cacher les options des objets reportés */
.reported .option .report {display:none;}

/********************************************************************************************/
/*	Hop-in !
/********************************************************************************************/
#hopin .login {
	width:40%;
	float:right;
	padding-left:20px;
}
#hopin .signin {
	width:55%;
	padding-right:20px;
	float:left;
}
#hopin .chapo {
	font-size:14px;
	margin-bottom:20px;
}
#hopin .login li .input,
#hopin .login li .textarea,
#hopin .login li .radios,
#hopin .login li .checkboxes,
#hopin .login li .select,
#hopin .login li .passwords {
	width:140px !important;
}
*html #hopin .login li .input,
*html #hopin .login li .textarea,
*html #hopin .login li .radios,
*html #hopin .login li .checkboxes,
*html #hopin .login li .select,
*html #hopin .login li .passwords {
	width:140px !important;
}
#hopin .signin li .input,
#hopin .signin li .textarea,
#hopin .signin li .radios,
#hopin .signin li .checkboxes,
#hopin .signin li .select,
#hopin .signin li .passwords {
	width:280px !important;
}
form fieldset.hidden .loglost {
	color:#999999;
	font-size:0.7em !important;
	border-bottom:1px solid;
	float:right;
	margin-top:10px;
}

/********************************************************************************************/
/*	Barometre
/********************************************************************************************/
#barometre .titre span {
	font-weight: normal;
	font-size: 11px;
	display: block;
}

ul.barometre {
	list-style: none;
}
ul.barometre li {
	float: left;
	width: 35px;
	height: 50px;
/*	background: url('../image/common/ico_man_white.png') no-repeat 0 0;*/
}

/********************************************************************************************/
/* A propos de l'auteur
/********************************************************************************************/
#aboutuser {
	clear:both;
	padding:20px 20px 20px 200px;
	height:30px;
	font-size:0.8em;
	background:7px 8px no-repeat;
	color:#999999;
	margin-bottom:20px;
}
#aboutuser.rde {
	background-image:url('../image/common/lg_rde.png');
}

/********************************************************************************************/
/* actions */
/********************************************************************************************/
.action {}
.action ul {
	border-left:1px solid #dddddd;
	padding-left:5px;
}
.action ul li {
	text-align:left !important;
	font-size:0.8em;
	padding:0 !important;
	margin-bottom:3px;
}
.action ul li a {
	color:#999999;
}
.action ul li a:hover {
	color:#9f0c61;
}

/* T'as déjà joué !*/
.done {
	filter : alpha(opacity=40);
	-moz-opacity : 0.4;
	opacity : 0.4; 
}
.done .action {display:none;}

/********************************************************************************************/
/*	Tableaux & listes
/********************************************************************************************/
/* Communs */
ul.zebra,
table.zebra {
	width:100%;
	font-size:0.8em;
}
ul.zebra li,
table.zebra th,
table.zebra td {
	padding:5px 10px;
	text-align:left;
}
ul.zebra .impair,
table.zebra .impair {
	background:#F5F5F5;
}
ul.zebra .portrait,
table.zebra td.portrait {
	width:80px;
}
ul.zebra .portrait img,
table.zebra td.portrait img {
	width:72px;
}
ul.zebra .titre,
table.zebra td.titre {
	font-weight:bold;
}

/* Liste */
ul.zebra li {
	overflow:auto;
	clear:both;
}
ul.zebra .portrait {
	float:left;
}
ul.zebra .datetimeinsert,
ul.zebra .datetimestart {
	width:70px;
	font-size:0.8em;
	float:left;
	margin-top:3px;
	padding:3px;
	background:#EEEEEE;
	color:#999999;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	border:1px solid #ffffff;
}
ul.zebra .titre,
ul.zebra .chapo,
ul.zebra .userinsert,
ul.zebra .usernotvalidated,
ul.zebra .txt,
ul.zebra .clef {
	margin:0 120px 0 90px;
}
ul.zebra .titre {
	margin-top:3px;
}
ul.zebra .txt {
	margin-top:5px;
	color:#666666;
	font-size:0.9em;
}
ul.zebra .userinsert {
	font-size:0.9em;
	color:#666666;
}
ul.zebra .usernotvalidated {
	font-size:0.9em;
	color:#666666;
	font-style:italic;
}
ul.zebra .action {
	float:right;
	width:100px;
}

/* Tableau */
table.zebra th,
table.zebra td {
	border-right:1px solid #e5e5e5;
	text-align:left;
}
table.zebra td.last a {
	color:#999;
	padding-left:10px;
	background:url('../image/common/profil_amodif_bg.gif') left center no-repeat;
}
table.zebra td.statut {
	font-weight:bold;
}
table.zebra td.barometre {
	width:350px;
}
table.zebra td.newsletter {
	width:150px;
}
table.zebra td.newsletter .track {
	float:left;
	margin-right:5px;
}
table.zebra td.newsletter span {
	color:#666666;
	font-size:0.8em;
	display:block;
}
table.zebra td.statut span {background:none !important; /* override cc for ie6 */}
table.zebra td.statut .active {color:#666666;}
table.zebra td.statut .system {color:#61cc37;}
table.zebra td.statut .standby {color:#666666;}
table.zebra td.statut .archive {color:#cc0000;}

table.zebra td.tri {
	border-right:1px solid #e5e5e5 !important;	
	width:22px;
}
table.zebra td.tri a {
	width:11px;
	height:8px;
	display:block;
	float:left;
	padding:0;
	margin:0;
}
table.zebra td.tri a:hover {
	border:none;
}
table.zebra td.tri a.up {
	background:url('../image/common/profil_tri_up.gif') 0 0 no-repeat;
}
table.zebra td.tri a.down {
	background:url('../image/common/profil_tri_down.gif') 0 0 no-repeat;
}

/********************************************************************************************/
/* Annuaire
/********************************************************************************************/
#annuaire {
	
}

/* TOC */
#annuaire #toc {
}
#annuaire #toc li {
	display:inline;
}
#annuaire #toc li a {
	color:#999999;
}
#annuaire #toc li.on a {
	border-bottom:1px solid;
	color:#666666;
}

/* Liste */
#annuaire ul {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #cccccc;
}
#annuaire ul li {
	padding:5px;
	overflow:auto;
	clear:both;
}
#annuaire ul li .portrait {
	width:108px;
	float:left;
	overflow:hidden;
}
#annuaire ul li .portrait img {
	width:100px;
}
#annuaire ul li .titre,
#annuaire ul li .chapo {
	margin-left:120px;
}
#annuaire ul li .titre {
	font-size:0.9em;
	margin-bottom:5px;
	font-weight:bold;
}
#annuaire ul li .chapo {
	font-size:0.8em;
}
#annuaire h2 {
}

/********************************************************************************************/
/* Switch d'abonnement à la newsletter
/********************************************************************************************/
.track {
	height:15px;
	background:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:url('../image/common/slider_track.gif') no-repeat;
	/* Width est dans le style, pour scriptaculous */
	position:relative;
}
.handle {
	width:15px;
	height:15px;
	background:url('../image/common/slider_handle.gif') no-repeat;
	cursor:pointer;
	position:relative;
}

/********************************************************************************************/
/* Vue d'ensemble
/********************************************************************************************/
#groupeoverview {
	border:none;
	margin-bottom:20px;
	padding-bottom:20px;
	overflow:auto;
}
#groupeoverview .left {
	float:left;
	width:183px;
}
#groupeoverview .portrait {
	margin:0 0 10px 0;
}
#groupeoverview .portrait a {
	background:#F5F5F5 !important;
}
#groupeoverview .portrait img {
	width:175px;
}
#groupeoverview h2 {
	border:none;
	margin-bottom:2px;
	margin-left:200px;
	margin-right:120px;
}
#groupeoverview .adresse {
	font-size:0.65em;
	margin-bottom:5px;
	margin-left:200px;
	margin-right:120px;
}
#groupeoverview .url {
	font-size:0.65em;
	margin-bottom:5px;
	padding-left:15px;
	background:url('../image/common/url_bg.png') 0 2px no-repeat;
	margin-left:200px;
	margin-right:120px;
}
#groupeoverview .departement {
	font-size:0.65em;
	margin-bottom:5px;
	margin-left:200px;
	margin-right:120px;
}
#groupeoverview .thematique {
	font-size:0.65em;
	margin-bottom:10px;
	text-transform:uppercase;
	margin-left:200px;
	margin-right:120px;
}
#groupeoverview .count {
	clear:both;
	font-size:0.68em;
	padding-left:15px;
	background:url('../image/common/icon_membre_violet.png') 0 -3px no-repeat;
	margin:0 0 7px 0;
}
#groupeoverview .quickmn {
	margin:0 0 10px 0;
}
#groupeoverview .quickmn li {
	border-bottom:1px solid #dddddd;
	padding:3px 0;
	font-size:0.7em;
	color: #666666;
}
#groupeoverview .quickmn li a {
	border:none;
	padding: 0 5px !important;
	color: #666666;
}
#groupeoverview .quickmn li.subscribe a {
	padding:3px 5px !important;
	display: block;
	background: url('../image/common/bg_button.gif') repeat 0 0 !important;
	color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#groupeoverview .quickmn li.standby span {
	color: #bbbbbb;
	background:#F2F2F2;
	border: 1px solid #eeeeee;
	padding:3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display:block;
}
#groupeoverview .quickmn li.newsletter .track {
	float:left;
	top:3px; /*alignement optique */
	margin-right:5px;
}
#groupeoverview .quickmn li.newsletter span {
	display:block;
}
#groupeoverview .quickmn li.newsletter span a {
	padding:0 !important;
}
#groupeoverview .quickmn li.sendtofriend {
	padding-left:15px;
	background:url('../image/common/icon_newsletter_violet.png') 0 1px no-repeat;
}
#groupeoverview .chapo {
	padding:10px;
	background:#F5F5F5;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:0.7em;
	margin-left:200px;
}
#groupeoverview .chapo .ornement {
	left:-8px;
	top:15px;
	background-color:#F5F5F5;
	background-image:url('../image/common/bulle_ornement_white_left.png');
}
*html #groupeoverview .chapo .ornement {
	left:-21px; /* alignement optique */
}

/* Vue rapide */
#groupeoverview.quick {
	border-bottom:1px solid #cccccc;
	width:100%;
}
#groupeoverview.quick .left {
	float:left;
	width:123px;
}
#groupeoverview.quick .portrait img {
	width:115px;
}
#groupeoverview.quick h2,
#groupeoverview.quick .departement,
#groupeoverview.quick .thematique {
	margin-left:140px;
}

/********************************************************************************************/
/* Gabarit 'Mini site'
/********************************************************************************************/
#minisite {
}

/* toutes parties */
#minisite .recherche,
#minisite .blog,
#minisite .media,
#minisite .membres {
	padding:20px 0;
	border-top:3px solid #7e7e7e;
}

/* Nous recherchons... */
#minisite .recherche li {
	padding:5px;
	overflow:auto;
}
#minisite .recherche li.impair {
	background:#F5F5F5;
}
#minisite .recherche li .titre {
	font-weight:bold;
	margin-right:3px;
	font-size:0.8em;
}
#minisite .recherche li .chapo {
	color:#666666;
	font-size:0.8em;
}

/* Blog */
#minisite .blog li {
	overflow:auto;
}
#minisite .blog li.number1 {
}
#minisite .blog li .portrait {
	float:left;
	height:auto;
	overflow:hidden;
	margin:0 10px 10px 0;
}
#minisite .blog li .datetimeinsert {
	font:italic 0.75em Arial;
	color:#999;
	display:block;
	margin-bottom:10px;
}
#minisite .blog li .portrait img {
	width:250px;
}
#minisite .blog li .titre {
	font-weight:bold;
	margin-bottom:5px;
}
#minisite .blog li.number1 .titre {
	font-size:1.37em;
	margin-left:200px;
}
#minisite .blog li .txt {
	font-size:0.75em;
	color:#666666;
}
#minisite .blog li.number1 .txt {
	margin-left:200px;
}

/* Mediathèque */
#minisite .media li {
	float:left;
	margin:0 10px 10px 0;
	position:relative;
}
#minisite .media li .portrait {
}
#minisite .media li .portrait img {
	width:108px;
}

/********************************************************************************************/
/* Gabarit 'Mon profil'
/********************************************************************************************/
#mon_profil .intervention,
#mon_profil .mynewsletters,
#mon_profil .asso_match,
#mon_profil .asso_candidat,
#mon_profil .mes_asso,
#mon_profil .separateur {
	padding:20px 0;
	border-top:1px solid #ccc;
}

/* Séparateur */
#mon_profil .separateur {
	border:none;
	background:url('../image/common/ico_separateur.png') 0 9px no-repeat;
	padding-left:40px;
}
#mon_profil .separateur .ligne {
	padding:0 !important;
	border-top:1px dashed #999999;
	text-align:center;
	position:relative;
}
#mon_profil .separateur .ligne span{
	position:relative;
	top:-13px;
	background:#ffffff;
	padding:0 5px;
	font-size:0.8em;
	color:#666666;
	font-style:italic;
}

/* Vos informations */	
#mon_profil .infos {
	float:left;
	width:400px;
	padding-bottom:20px;
	font-size:0.75em;
}
#mon_profil .infos .portrait {
	float:left;
	margin:0 20px 0 0;
}
#mon_profil .infos .portrait img {
	width:200px;
}	
#mon_profil .infos ul li {
	color:#aaa;
}
#mon_profil .infos ul li strong {
	color:#444 !important;
}

/* Vos motivations */
#mon_profil .motivations {
	float:right;
	width:460px;
	font-size:0.75em;
}
#mon_profil .motivations .chapo {
	padding:10px;
	background:#F5F5F5;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#mon_profil .motivations .chapo .ornement {
	left:-8px;
	top:10px;
	background-color:#F5F5F5;
	background-image:url('../image/common/bulle_ornement_white_left.png');
}
*html #mon_profil .motivations .chapo .ornement {
	left:-18px; /* alignement optique */
}

/* Virer le filet du premier */
#mon_profil .mynewsletters {
	border:none;
}

/********************************************************************************************/
/* Formulaires pour publier un commentaire ou un post
/********************************************************************************************/
form#formcommentonuser fieldset,
form#formcommentonarticle fieldset,
form#formpostonpage fieldset,
form#formpostonpost fieldset {
	background:#F5F5F5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:none;
}
form#formcommentonuser fieldset ol li,
form#formcommentonarticle fieldset ol li,
form#formpostonpage fieldset ol li,
form#formpostonpost fieldset ol li {
	float:left;
	clear:none !important;
}
form#formcommentonuser fieldset ol li textarea,
form#formcommentonarticle fieldset ol li textarea,
form#formpostonpage fieldset ol li textarea,
form#formpostonpost fieldset ol li textarea {
	width:450px;
	height:50px;
	margin-right:10px;
}

/********************************************************************************************/
/* Formulaires pour publier un commentaire ou un post
/********************************************************************************************/
#listofcommentonuser ul,
#listofpostonpost ul,
#listofcommentonarticle ul {
	list-style-type:none;
	clear:both;
}
#listofcommentonuser ul li,
#listofpostonpost ul li,
#listofcommentonarticle ul li {
	padding:10px 0;
	border-bottom:1px solid #dddddd;
	position:relative;
}
#listofcommentonuser ul li .userinsert,
#listofpostonpost ul li .userinsert,
#listofcommentonarticle ul li .userinsert {
	font-size:0.8em;
	text-align:right;
	margin-bottom:3px;
}
#listofcommentonuser ul li .datetimeinsert,
#listofpostonpost ul li .datetimeinsert,
#listofcommentonarticle ul li .datetimeinsert {
	font-size:0.6em;
	color:#999999;
	text-align:right;
}
#listofcommentonuser ul li .chapo,
#listofpostonpost ul li .chapo,
#listofcommentonarticle ul li .chapo {
	font-size:0.7em;
	line-height:1.2em;
	width:420px;
	margin-left:15px;
	float:right;
	background-color:#F5F5F5;
	position:relative;
	padding:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#666666;
}
#listofcommentonuser ul li .chapo .ornement,
#listofpostonpost ul li .chapo .ornement,
#listofcommentonarticle ul li .ornement {
	left:-8px;
	top:5px;
	background-color:#F5F5F5;
	background-image:url('../image/common/bulle_ornement_white_left.png');
}

/********************************************************************************************/
/*	Commentaires
/********************************************************************************************/
#comment {
	clear:both;
}
#comment h2 {
	padding-left:23px;
	background-repeat:no-repeat;
	background-position:top left;
}

/********************************************************************************************/
/*	Project locator
/********************************************************************************************/

/* quickcustom */
#quickcustom li {
	font-size:0.8em;
	color:#000000;
	float:left;
	margin-right:15px;
	line-height:1.5em;
}
#quickcustom li a {
	background:url('../image/common/icon_close.gif') center right no-repeat;
	padding-right:15px;
}
#quickcustom li a:hover {
	border-bottom:1px solid;
}

/* Project locator */
#plocator {
	position:relative;
}
#formplocator #opencloseh2 {
	background:center left no-repeat;
	background-image:url('../image/common/h2_close.gif');
	padding-left:15px;
	cursor:pointer;
}
#formplocator #opencloseh2.opened {
	background-image:url('../image/common/h2_open.gif');
}
#formplocator #opencloseh2 h2 {
	margin-bottom:0;
}
#plocatorsays {
	font-size:0.9em;
	margin-bottom:15px;
}
#plocatorsays span {
	color:#e36f1c;
}

/********************************************************************************************/
/* Recherche
/********************************************************************************************/
#search {}
#search #resume {
	/* Comme #alerte */
} 
#search #resume .info {
	font-style:italic;
}
#search #results li {
	padding:20px 0;
	border-bottom:1px dashed #999999;
	list-style-type:none;
	overflow:auto;
	-float:left;
	-width:100%;
}

#search #results .image,
#search #results .media1 {
	float:left;
	width:165px;
	margin:0 15px 0 0;
	overflow:hidden;
}
#search #results .image img,
#search #results .media1 img {
	width:163px;
	border:1px solid #ccc;
}
#search #results .titre {
	margin-bottom:5px;
}
#search #results .titre a {
	color:#000000;
	font:bold 1em Arial,Helvetica,sans-serif;
}
#search #results .chapo {
	font-size:0.75em;
	margin-bottom:5px;
}
#search #results .tag {
	font-size:0.75em;
	margin-top:5px;
	color:#83B017;
}
#search #results .tag span {
	font-weight:bold;
	color:#000;
	margin-right:5px;
}
#search #results .tag a {
	color:#83B017;
	text-decoration:underline;
}

/*	Cursus */
#search #results .cursus {
	font-size:0.8em;
	color:#999999;
}
#search #results .cursus a {color:#999999;}
/*	highlight */
#search #results strong {
	background:#fbed73;
}

/********************************************************************************************/
/* Carte du site
/********************************************************************************************/
#map {}
#map ul {
	margin-top:3px;
	list-style-type:none;
	line-height:1.2em;
}
#map ul.langue,
#map ul.page,
#map ul.system {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}
#map ul.page {
	border-bottom:1px dashed #999999;
}
#map ul.page>li {
	margin:0 0 10px 0;
}
#map ul.page>li ul {
	margin-bottom:5px;
}
#map ul.page ul li {
	list-style-type:disc;
	font-size:0.9em;
}
#map ul.page ul li a {
}

#map ul.langue {}
#map ul.page {font-weight:bold;}
#map ul ul {font-weight:normal;margin-left:20px;font-size:0.9em;}
#map ul ul ul {margin-left:40px;}
#map ul ul ul ul {margin-left:60px;}
#map ul ul ul ul ul {margin-left:80px;}
#map ul.system li {
	float:left;
	width:45%;
	font-size:0.8em;
}



/********************************************************************************************/
/*	Tags
/********************************************************************************************/
#tag {
	font-size:0.9em;
}
#tag li {
	margin:0 0 15px 0;
	list-style-type:none;
	background:url('../image/common/icon_tag.png') top left no-repeat;
	padding-left:20px;
}
#tag li a {
	border:none;
}
#tag li .titre {
	margin-bottom:5px;
	font-weight:bold;
}
#tag li .chapo {
	color:#666666;
}

/********************************************************************************************/
/* Liste des mises a jour (page 'update')
/********************************************************************************************/
#update {}
#update li {
	margin:0 0 20px 0;
	list-style-type:none;
}
#update li .titre {
	font-weight:bold;
	margin-bottom:5px;
}
#update li .datetimeinsert {
	margin-bottom:5px;
	font-size:0.8em;
	color:#666666;
}
#update li .chapo {
	font-size:0.8em;
}

/********************************************************************************************/
/*	Ajouter aux favoris
/********************************************************************************************/
.addtofav {
	width:16px;
	height:16px;
	display:block;
	float:left;
	position:relative;
	top:5px;
	margin-right:5px;
	border:none;
}
a.addtofav:hover {}

/* Une fois en favoris */
span.addtofav,
a.faved {
}

/********************************************************************************************/
/* Liste des articles favoris (page 'userfav')
/********************************************************************************************/
#fav {}
#fav li {
	padding:20px 0;
	list-style-type:none;
	border-bottom:1px dashed #999999;
}
#fav li .titre {
	font-weight:bold;
	margin-bottom:5px;
}
#fav li .datetimeinsert {
	margin-bottom:5px;
	font-size:0.8em;
	color:#666666;
}
#fav li .chapo {
	font-size:0.8em;
}


/********************************************************************************************/
/* Liste des projets et assos
/********************************************************************************************/
.sousbloc {
	margin-bottom:20px;
	font-size:0.9em;
	border:1px solid #dddddd;
	margin-bottom:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.sousbloc h2 {
	margin:0 0 0 10px;
	position:relative;
	background:#ffffff;
	display:inline;
	bottom:10px;
}
#groupestandby,
#groupeadmin,
#groupemembre {
}

#groupestandby li,
#groupeadmin li,
#groupemembre li {
	padding:10px;
	list-style-type:none;
	border-bottom:1px solid #dddddd;
}
#groupestandby li .titre,
#groupeadmin li .titre,
#groupemembre li .titre {
	font-weight:bold;
}
#groupestandby li .datetimeinsert,
#groupeadmin li .datetimeinsert,
#groupemembre li .datetimeinsert {
	margin-bottom:5px;
	font-size:0.8em;
	color:#666666;
}

/********************************************************************************************/
/* Calque de rss
/********************************************************************************************/
ul#rss {}
ul#rss li {
	margin:0 0 20px 0;
	list-style-type:none;
	line-height:1.2em;
	color:#555555;
}
ul#rss li .titre {
	font-weight:bold;
	margin-bottom:5px;
}
ul#rss li .titre a {}
ul#rss li .titre a:hover {}
ul#rss li .url {
	padding:5px 5px 5px 24px;
	border:1px solid #cccccc;
	font-size:0.8em;
	margin-bottom:10px;
	background:url('../image/common/icon_rss_14_defaut.png') 5px center no-repeat;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
ul#rss li .url a {
	border:none;
	color:#333333;
}
ul#rss li .url a.rssvalidate {
	font-size:11px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:5px 5px 3px 5px;
	border:none;
	margin-left:7px;
	white-space:nowrap;
	background:#dddddd;
	color:#999999;
}

ul#rss li .chapo {
	font-size:0.8em;
}
ul#rss li .cursus {}
ul#rss li .cursus a {}
ul#rss li .cursus a:hover {}

/********************************************************************************************/
/*	Newsletter
/********************************************************************************************/
#quicksubscribebloc {
	position:absolute;
	right:10px;
	z-index:100;
	width:200px;
}
#quicksubscribebloc .titre {
	margin-bottom:5px;
	color:#666666;
	font-size:0.8em;
	font-weight:bold;
	border:none;
}
#quicksubscribebloc fieldset {
	padding:0;
	border:none;
}
#quicksubscribebloc .input {
	width:130px;
	float:left;
	font-size:9px !important;
}

/********************************************************************************************/
/* Draggables & Droppables
/********************************************************************************************/
/*	Tous les Draggables */
.draggable {
	cursor:move;
}
.draggable:hover {
	border-style:dashed !important;
	border-color:#88CC00 !important;
}

/*	Tous les Droppables */
.droppable {
}
/* Droppable prêts à recevoir */
.droppable.ready {
	background-image:url('../image/common/ready_bg.png') !important;
	background-repeat:repeat !important;
	border-style:dashed !important;
	border-color:#88CC00 !important;
}

/********************************************************************************************/
/* Forms
/********************************************************************************************/
/* Fieldset */
fieldset {
	margin-bottom:20px;
	border:1px solid #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
}
fieldset.hidden {
	border:0;
	padding:0;
	margin-bottom:0px;
}

/* Legend */
fieldset legend {
	font-size:1em;
	color:#999999;
}

/* Alerte */
fieldset ol li .alerte {
	float:left;
	font-size:0.7em;
	padding:6px 10px;
	margin-left:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#F5F5F5;
}

/* Texte */
fieldset p,
fieldset ul {
	margin:0 10px 15px 10px;
	font-size:0.8em;
	color:#666666;
}

/* Diclaimer */
fieldset .disclaimer {
	font-size:0.7em;
	margin-top:10px;
	color:#bbbbbb;
}
fieldset .disclaimer a {
	border-bottom:1px solid;
	color:#bbbbbb;
}

/* Lignes */
fieldset ol {
	padding:0;
	margin:0;
}
fieldset ol li {
	padding:5px;
	list-style-type:none;
	clear:both;
}
fieldset ol li.divider {
	border-bottom:1px dotted #dddddd !important;
}

/* Labels & spécificités des labels */
fieldset ol li label {
	width:130px;
	display:block;
	text-align:right;
	float:left;
	margin-right:10px;
	padding:5px;
	font-size:0.8em;
}
fieldset ol li.important label {
	font-weight:bold;
}
fieldset ol li.compulsory label {
}
fieldset ol li.compulsory label,
fieldset ol li.compulsory .checkboxes label .titre {
	background:url('../image/common/bg_compulsory.gif') right center no-repeat;
}
p.compulsory {
	font-size:0.7em;
	color:#aaaaaa;
	text-align:right;
	padding:10px 5px 0 0;
	clear:both;
	background:url('../image/common/bg_compulsory.gif') right center no-repeat;
}

/* Mise en forme des champs dans le formulaire */
fieldset ol li .input,
fieldset ol li .textarea,
fieldset ol li .radios,
fieldset ol li .checkboxes,
fieldset ol li .wysiwyg,
fieldset ol li .select,
fieldset ol li .hidden,
fieldset ol li .password,
fieldset ol li .media {
	width:250px;
	border:1px solid;
	border-color:#CCCCCC #DDDDDD #dddddd;
	padding:5px;
	font-size:0.8em;
	font-family:arial,verdana,sans-serif;
	color:#666666;
	background:#ffffff url('../image/common/input_bg.gif') top left repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:left;
}

/* Etats des champs */
fieldset ol li .onblur {
	border-color:#CCCCCC #DDDDDD #dddddd;
}
fieldset ol li .onmouseover {
	border-color:#999999 !important;
}
fieldset ol li .onfocus {
	border-color:#666666 !important;
}
fieldset ol li .ko {
	border-color:#FF0000 !important;
}
fieldset ol li .ok {
	border-color:#88CC00 !important;
}

/* File */
form fieldset ol li .file a {
	display:none !important;
}

/* wysiwyg */
fieldset ol li .wysiwyg {width:590px !important;}
.defaultSkin table.mceLayout tr.mceFirst td,
.defaultSkin table.mceLayout tr.mceLast td {background-color:#F5F5F5 !important;}

/* Password */
fieldset ol .passwords {
	border:none !important;
	background:none !important;
	border:0 !important;
	padding:0 !important;
	float:left;
}
fieldset ol .passwords .change {
	padding:0;
	border:none;
	margin-top:10px;
}
fieldset ol .passwords label {
	width:auto !important;
	text-align:left;
	margin:0;
}
fieldset ol .passwords input {
	width:95% !important;
}

/* Radio & Checkbox */
fieldset ol .radios,
fieldset ol .checkboxes {
	width:auto !important;
	float:left;
	overflow:auto;
	border:none !important;
	background:none;
	margin:0 !important;
	padding:0 !important;
}
fieldset ol .radios a,
fieldset ol .checkboxes a {
	border-bottom:1px solid;
}
fieldset ol .radios li,
fieldset ol .checkboxes li {
	margin:0 !important;
	padding:5px !important;
	border:none !important;
}
fieldset ol .radios li .radio,
fieldset ol .checkboxes li .checkbox {
	float:left !important;
	margin:0;
	clear:left;
}
fieldset ol .radios li label,
fieldset ol .checkboxes li label {
	text-align:left !important;
	margin:0 0 0 5px !important;
	width:80% !important;
	padding:0 !important;
	clear:none !important;
	font-size:1em;
}
fieldset ol .radios li label .titre,
fieldset ol .checkboxes li label .titre {
	text-transform:none !important;
	color:#000000 !important;
	font-weight:normal !important;
	background:none !important;
}
fieldset ol li.compulsory .checkboxes label {
	background:none;
}
fieldset ol li.compulsory .checkboxes label .titre {
	padding-right:5px !important;
}
fieldset ol .radios li label .chapo,
fieldset ol .checkboxes li label .chapo {
	margin:3px 0 0 0 !important;
	font-size:0.9em !important;
	display:block;
	color:#666666 !important;
	font-size:1em;
}
fieldset ol .radios li.divider,
fieldset ol .checkboxes li.divider {
	font-size:1.2em;
	margin:7px 0 !important;
	line-height:1em !important;
	color:#000000;
	font-weight:bold;
}
/* Checkbox & order */
fieldset ol .checkboxorder {}
fieldset ol .checkboxorder fieldset.selected, 
fieldset ol .checkboxorder fieldset.available {
	background:#ffffff;
	padding:10px;
	width:30%;
	border:1px solid #cccccc;
	clear:none;
}
fieldset ol .checkboxorder ul li {
	margin:0 0 1px 0 !important;
	clear:both;
	list-style-type:none;
	position:relative;
	font-size:0.85em;
}
fieldset ol .checkboxorder ul li.nodata {
	border:none !important;
}
fieldset ol .checkboxorder ul li .titre {
	padding:3px;
	background:#ffffff;
}

fieldset ol .checkboxorder .selected {
	float:left;
}
fieldset ol .checkboxorder .selected ul li {
}
fieldset ol .checkboxorder .selected ul li .titre {
	width:80%;
	margin-left:13px;
	border:1px solid #cccccc;
}
fieldset ol .checkboxorder .selected ul li .handle {
}
fieldset ol .checkboxorder .selected ul li .handle,
fieldset ol .checkboxorder .selected ul li .delete {
	position:absolute;
	width:13px;
	height:13px;
	background:50% 50% no-repeat;
	top:5px;
	display:block;
}
fieldset ol .checkboxorder .selected ul li .handle {
}
fieldset ol .checkboxorder .selected ul li .handle {
	background-image:url('../image/common/ico_action_sort_black.png');
	left:-5px;
	display:none;
	border:none !important;
}
fieldset ol .checkboxorder .selected ul li:hover .handle {
	display:block;
}
fieldset ol .checkboxorder .selected ul li .delete {
	background-image:url('../image/common/ico_action_logout_black.png');
	right:5px;
}
fieldset ol .checkboxorder .selected ul li .delete:hover {
	background-image:url('../image/common/ico_action_logout_white.png');
	background-color:#9d0a0e;
}
fieldset ol .checkboxorder .smartlist {
	padding:5px !important;
}

fieldset ol .checkboxorder .available {
	float:right;
}
fieldset ol .checkboxorder .available ul {
	max-height:200px;
	overflow:auto;
	padding:0 10px 0 0 !important;
}

fieldset ol .checkboxorder .available ul li {
	border:1px solid #cccccc;
}

/* Date & Datetime */
fieldset ol li .year {width:80px !important;}
fieldset ol li .month {width:100px !important;}
fieldset ol li .day {width:60px !important;}
fieldset ol li .hour {width:60px !important;}
fieldset ol li .minute {width:80px !important;}
fieldset ol li .second {width:80px !important;}

/* Button & Submit */
fieldset .button,
fieldset .submit {
	display: block !important;
	padding: 2px 5px !important;
	background: url('../image/common/bg_button.gif') repeat 0 0 !important;
	border: 1px solid #eea876 !important;
	color: #ffffff !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:right;
	cursor:pointer;
	font-size:11px;
	margin-left:10px;
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8; 
}
fieldset .button:hover,
fieldset .submit:hover {
	filter : alpha(opacity=100);
	-moz-opacity : 1;
	opacity : 1;
}
fieldset .button.minor,
fieldset .submit.minor {
	background:#ffffff !important;
	color:#eea876 !important;
}
.submithelp {
	text-align:right;
	float:right;
	clear:right;
	width:250px;
	margin-top:3px;
	font-size:11px;
}
fieldset .center,
fieldset .center {
	float:none;
	margin:auto;
}
/* Controles */
.controles {
	text-align:right;
	padding:3px;
}
.controles input {
	margin-left:1px;
}

/* Hauteurs */
.open {height:400px;}
.close {height:100px;}
.small {height:75px;}

/* Largeurs */
.xs {width:30px !important;}
.s {width:25% !important;}
.m {width:50% !important;}
.l {width:80% !important;}
.xl {width:100% !important;}

/* Bulles d'aide */
fieldset ol li .help {
	font-size:0.7em;
	margin:5px 20px 5px 0;
	float:right;
	border:none !important;
	color:#666666;
	width:260px;
}

/********************************************************************************************/
/*	Form en 2 colones
/********************************************************************************************/
fieldset.in2col {
}
fieldset.left {
	float:left;
	width:460px;
}
fieldset.right {
	float:right;
	width:380px;
}
fieldset.in2col ol {
}
fieldset.in2col ol li {
}
fieldset.in2col ol li .portrait {
	margin:auto;
	margin-bottom:10px;
	width:220px;
}
fieldset.in2col ol li .portrait img {
	width:212px;
}
fieldset.left ol li .input,
fieldset.left ol li .textarea,
fieldset.left ol li .select,
fieldset.left ol li .passwords {
	width:260px;
}
fieldset.left ol li .radios,
fieldset.left ol li .checkboxes {
	width:260px !important;
}
fieldset.right ol li .input,
fieldset.right ol li .textarea,
fieldset.right ol li .radios,
fieldset.right ol li .checkboxes,
fieldset.right ol li .select,
fieldset.right ol li .passwords {
	width:180px !important;
}
* html fieldset.right ol li .input,
* html fieldset.right ol li .textarea,
* html fieldset.right ol li .radios,
* html fieldset.right ol li .checkboxes,
* html fieldset.right ol li .select,
* html fieldset.right ol li .passwords {
	width:160px !important;
}

/********************************************************************************************/
/*	Form en 4 colones
/********************************************************************************************/
fieldset.in4col {
	padding:0;
	margin-bottom:20px;
}
fieldset.in4col h2 {
	float:left;
	width:50%;
	margin-bottom:0;
}
fieldset.in4col ol {
	padding:0;
	margin:0;
}
fieldset.in4col ol li {
	padding:10px;
	float:left;
	margin-right:10px;
	background:#F5F5F5;
	width:200px;
	min-height:220px;
	clear:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
*html fieldset.in4col ol li {
	width:200px;
}
fieldset.in4col ol li.number4 {
	margin:0;
}
fieldset.in4col ol li label {
	text-align:left;
	float:none;
	padding:15px 0 15px 50px;
	width:auto; /* ie6 */
	height:20px;
	line-height:20px;
	background:top left no-repeat;
	font-size:1.25em;
}
fieldset.in4col ol li label.thematique {background-image:url('../image/common/icon_critere_thematique.gif');}
fieldset.in4col ol li label.competence {background-image:url('../image/common/icon_critere_competence.gif');}
fieldset.in4col ol li label.departement {background-image:url('../image/common/icon_critere_departement.gif');}
fieldset.in4col ol li label.dispo {background-image:url('../image/common/icon_critere_dispo.gif');}
fieldset.in4col ol li .chapo {
	color:#666666;
	font-size:0.7em;
	margin-bottom:5px;
	clear:both;
}

/* champs */
fieldset.in4col ol li .textarea,
fieldset.in4col ol li .select {
	width:190px;
}
fieldset.in4col ol li .radios,
fieldset.in4col ol li .checkboxes {
	font-size:0.6em;
	border:none;
	width:100% !important;
	padding:0 !important;
	background:none !important;
	height:155px;
	overflow:auto;
}
fieldset.in4col li li {
	min-height:0 !important;
}

fieldset.in4col ol li .radios li,
fieldset.in4col ol li .checkboxes li {
	height:auto !important;
	padding:0 !important;
	width:90% !important;
	clear:both;
}
* html fieldset.in4col ol li .radios li,
* html fieldset.in4col ol li .checkboxes li {
	width:80% !important;
}
fieldset.in4col ol li .radios li label,
fieldset.in4col ol li .checkboxes li label {
	width:auto !important;
	margin:0 !important;
	line-height:14px;
	height:auto !important;
	margin:0 0 3px 17px !important;
}
fieldset.in4col ol li .radios li label:after,
fieldset.in4col ol li .checkboxes li label:after {
	content:'' !important;
}

fieldset.in4col ol li #groupe_dispotemps,
fieldset.in4col ol li #groupe_dispomoment,
fieldset.in4col ol li #user_dispotemps,
fieldset.in4col ol li #user_dispomoment {
	height:auto !important;
	overflow:hidden !important;
}
fieldset.in4col ol li #groupe_dispotemps li,
fieldset.in4col ol li #groupe_dispomoment li,
fieldset.in4col ol li #user_dispotemps li,
fieldset.in4col ol li #user_dispomoment li {
	float:left;
	clear:none;
	width:100px !important;
}
* html fieldset.in4col ol li #groupe_dispotemps li,
* html fieldset.in4col ol li #groupe_dispomoment li,
* html fieldset.in4col ol li #user_dispotemps li,
* html fieldset.in4col ol li #user_dispomoment li {
	width:90px !important;
}
fieldset.in4col ul p,
fieldset.in4col ul li {
	height:auto;
	font-size:0.9em;
	padding:0 !important;
	margin:0 !important;
}

/* calendar */
#calendar {
	padding-left:20px;
	margin-bottom: 20px;
}

/* liste */
#calendar ul {
	width: 100%;
	list-style:none;
	/*font-size: 1em;*/
	margin:0px;
	padding:0px;
	border-top: 1px dashed #898989;
}
#calendar ul li {
	width: 29px;
	height: 27px;
	line-height: 27px;
	margin: 0 !important;
	text-align: center;
	float: left;
	border-bottom: 1px solid #cdcdcd !important;
	border-right: 1px solid #cdcdcd !important;
	position: relative;
}
#calendar ul li.day {
	line-height: 19px;
	height: 19px;
	border-bottom: 1px dashed #898989 !important;
	border-right: 1px dashed #F5F5F5 !important;
/*	font-size: 0.6em;*/
}
#calendar ul li.now span { background:#cdcdcd; display: block; width: 29px; }
#calendar ul li.event {
	
}
#calendar ul li.event a {
	color: #FFFFFF !important;
	display: block;
	text-decoration: none;
	background: #990c5e;
}
#calendar ul li.event .detail {
	position: absolute;
	top: 27px;
	right: 0px;
	width: 200px;
	padding: 4px;
	font-size: 10px !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #8F8F8F #CECECE #E3E3E3 !important;
	background: #FFFFFF;
	-moz-border-radius: 5px 0 5px 5px;
	-webkit-border-radius:5px 0 5px 5px;
	border-radius:5px 0 5px 5px;
	z-index: 1;
	text-align: left !important;
	line-height: 16px;
	color: #666666;
}
#calendar ul li.event .detail a {
	display: inline;
	background: none;
	color: #666666 !important;
}

/* boutons */
#calendar .header {
	width: 100%;
	position: relative;
	padding: 6px 0 4px 0;
	border-top: 1px dashed #898989;
}

#calendar .bt {
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	font-size: 10px;
	text-decoration: none;
}
#calendar .info {
	display: none;
	font-size: 10px;
}
#calendar .previous {
	left: 0;
	top: 8px;
	background: url('../image/common/calendar_bt_previous.gif') no-repeat 0 0;
}
#calendar .next {
	right: 0;
	top: 8px;
	background: url('../image/common/calendar_bt_next.gif') no-repeat 0 0;
}

/* select */
#calendar .header .datetime {
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
}
#calendar select {
	font-size: 10px;
	
}

/********************************************************************************************/
/* Popup site
/********************************************************************************************/


/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Inline popups
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/

/********************************************************************************************/
/* CC * Popups
/********************************************************************************************/
#popup {
	position:absolute;
	width:100%;
	top:0;
	z-index:1000000;
}
/* Box */
#popup #popupbox {
	position:relative;
	margin: 0 auto;
	z-index:1000000;
	overflow:hidden;
	-moz-box-shadow: 0 13px 10px -10px rgba(0, 0, 0, 0.5);
	width:640px;
}
/* Dark overlay */
#popup.site #popupoverlay {
	filter : alpha(opacity=40);
	-moz-opacity : 0.4;
	opacity : 0.4;
	background:#000000;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000000;
}
* html #popup #popupoverlay {position:absolute;} /* ie6 */

#popup.site #popupbox #popupcontent {
	background:#ffffff;
	line-height:1.2em;
	color:#333333;
	line-height:1.2em;
}
#popup.site #popupbox #popupclose:hover {opacity:1;}

#popup.site #popupbox #popupclose {
	position:absolute;
	top:15px;
	right:15px;
	width:11px;
	height:11px;
	opacity:0.8;
	display:block;
	background:url('../image/common/ctx_ms_deco.gif') center center no-repeat;
}
/* Actions */
#popup.site .action {
	margin-top:20px;
	list-style-type:none;
}
#popup.site .action li {
	margin-left:10px;
	padding:2px 5px;
	float:right;
	font-size:0.8em;
}
#popup.site .action li.focus {
	border:1px solid #555555;
}
#popup.site .action li a {
	color:#cccccc;
}

#blogtext 		{
	padding-left:300px;
	height:auto;
	-float:left;
	background:url('http://gao.generation-responsable.com/media/image/common/popshare_bg.jpg') 0 -30px no-repeat #555;
}

#blogtext fieldset {
	border:0 !important;
	margin:0 !important;
	background-color:#fff !important;
	width:320px !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	padding:30px 0 0 25px !important;
}
#blogtext .chapo		{
	padding-bottom: 10px;
	width: 90%;
}
#blogtext textarea		{
	width: 90%;
	height:220px !important;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	margin-bottom: 30px;
}

/********************************************************************************************/
/* Lexicon inline popups
/********************************************************************************************/
/* Words */
dfn {
	
}
/* definition popups */
#dfn {
	background:#333333;
	padding:10px;
	width:200px;
	position:absolute;
	color:#F2F2F2;
	-moz-box-shadow: 0 13px 10px -10px rgba(0, 0, 0, 0.2);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:12px;
}

/********************************************************************************************/
/* h1 Actualités / Générali s'engage
/********************************************************************************************/
body.section01 h1,
body.section08 h1 	{
	background-color:#CC0001 !important;
}


/********************************************************************************************/
/* h1 Mots cles / Générali s'engage
/********************************************************************************************/
body.section01 .comprendre_keywords .titre,
body.section08 .comprendre_keywords .titre 	{
	color:#CC0001 !important;
}

body.section01 #ctxbox .rester_informes,
body.section08 #ctxbox .rester_informes  {
	background-color:#CC0001 !important;
}