/********************************************************************************************/
/********************************************************************************************/
/*	COPYRIGHT		Imaginez Maintenant
/*	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, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	background:url('../image/common/fonds/bodybg_homenat.png') center 0px no-repeat #000;
}
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:#E2007A;
}
a:hover 	{
	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;
}
div.divider {
	border-top:1px solid #000000;
	margin:10px 0;
}

/********************************************************************************************/
/*
/*	MASTER
/*
/********************************************************************************************/
/*	Structure
/********************************************************************************************/
.positionnement {
	width:980px;
	margin:auto;
}
#page {
	float:left;
	background:url('../image/common/cnt_bg.png') 0px 0px repeat-y;
	min-height:600px;
	position:relative;
	margin:5px 0 10px 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#cnt {
	float:left;
	width:640px;
	padding:20px;
	overflow:hidden;
}
#ctx {
	float:right;
	width:260px;
	padding:20px;
}

/********************************************************************************************/
/*	Header
/********************************************************************************************/
#header {
	padding-top:20px;
	margin-bottom:20px;
	position:relative;
	line-height:1em;
}

#header .toplist {
	position:absolute;
	top:0;
	right:0;
}
#header .toplist li {
	float:left;
	padding:0 9px 3px 9px;
	background-color:#E2007A;
	border-radius-bottomright:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-radius-bottomright:3px;
	border-radius-bottomleft:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-radius-bottomleft:3px;
	-moz-box-shadow: 0 5px 5px -4px rgba(0, 0, 0, 0.5);
	margin-left:3px;
}
#header .toplist li a {
	font-size:0.68em;
	color:#F2F2F2;
	border-bottom:none !important;
}
#header .toplist li.last {
	padding-left:17px;
	background-image:url('../image/common/ico_delete.png');
	background-position:3px 4px;
	background-repeat:no-repeat;
}

#hdr-centre {
	height:102px;
	margin-bottom:10px;
	text-indent:-9999px;
}
#hdr-centre .logo {
	background:url('../image/common/hdr_logo.png') 0 0 no-repeat;
	-background:url('../image/common/hdr_logo.gif') 0 0 no-repeat;
	display:block;
	float:left;
	height:102px;
	width:369px;
	margin:0 0 0 12px;
	border-bottom:none !important;
}
#hdr-centre .city {
	display:block;
	float:left;
	height:47px;
	width:380px;
	margin:20px 0 0 25px;	
	border-bottom:none !important;
}
#hdr-centre .date {
	background:url('../image/common/hdr_date.png') 0 0 no-repeat;
	-background:url('../image/common/hdr_date.gif') 0 0 no-repeat;
	float:right;
	height:53px;
	width:48px;
	margin:20px 15px 0 0;	
}

/* backgrounds city */
.accueil a.city {
	background:none;
}
.amiens a.city {
	background:url('../image/common/hdr_city_amiens.png') 0 0 no-repeat;
	-background:url('../image/common/hdr_city_amiens.gif') 0 0 no-repeat;
}
.basse-terre a.city {
	background:url('../image/common/hdr_city_basse-terre.png') 0 0 no-repeat;
	-background:url('../image/common/hdr_city_basse-terre.gif') 0 0 no-repeat;
}
.bordeaux a.city {
	background:url('../image/common/hdr_city_bordeaux.png') 0 0 no-repeat;
	-background:url('../image/common/hdr_city_bordeaux.gif') 0 0 no-repeat;
}
.grenoble a.city {
	background:url('../image/common/hdr_city_grenoble.png') 0 0 no-repeat;
	-background:url('../image/common/hdr_city_grenoble.gif') 0 0 no-repeat;
}
.lyon a.city {
	background:url('../image/common/hdr_city_lyon.png') 0 0 no-repeat;
	-background:url('../image/common/hdr_city_lyon.gif') 0 0 no-repeat;
}
.marseille a.city {
	background:url('../image/common/hdr_city_marseille.png') 0 0 no-repeat;
	-background:url('../image/common/hdr_city_marseille.gif') 0 0 no-repeat;
}
.metz a.city {
	background:url('../image/common/hdr_city_metz.png') 0 0 no-repeat;
	-background:url('../image/common/hdr_city_metz.gif') 0 0 no-repeat;
}
.paris a.city {
	background:url('../image/common/hdr_city_paris.png') 0 0 no-repeat;
	-background:url('../image/common/hdr_city_paris.gif') 0 0 no-repeat;
}
.toulouse a.city {
	background:url('../image/common/hdr_city_toulouse.png') 0 0 no-repeat;
	-background:url('../image/common/hdr_city_toulouse.gif') 0 0 no-repeat;
}

/********************************************************************************************/
/*	MN1 - Navigation principale (par ville)
/********************************************************************************************/
#mn1 {
	height:22px;
	padding:0 15px;
	margin-bottom:14px;
}
#mn1 li {
	float:left;
	padding-right:8px;
	background:url('../image/common/mn1_libg.png') right 0px no-repeat;
	-background:url('../image/common/mn1_libg.gif') right 0px no-repeat;
}
#mn1 li.last {
	background:none;
}
#mn1 li a {
	display:block;
	-float:left;
	height:16px;
	padding:3px 5px;
	color:#fff;
	font-family:"anivers-1","anivers-2", Arial, Helvetica, sans-serif;
	font-size:0.875em;
	text-transform:uppercase;
}
#mn1 li a:hover {
	text-decoration:none;
	background-color:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#000;
	border-bottom:none !important;
}
#mn1 li.on a {
	background-color:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#000;
}
#mn1 li.home a {
	display:block;
	width:10px;
	height:16px;
	padding:3px 5px;
	background-image:url('../image/common/mn1_home_off.png');
	-background-image:url('../image/common/mn1_home_off.gif');
	background-position:center center;
	background-repeat:no-repeat;
}

#mn1 li.home a:hover,
#mn1 li.home.on a {
	background-image:url('../image/common/mn1_home_on.png') !important;
	-background-image:none;
}
	
#mn1 li.home a:hover{
	background-color:none;
}

/********************************************************************************************/
/*	MN2 - Navigation secondaire
/********************************************************************************************/
#nav {
	background:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	height:34px;
}
#mn2 {
	float:left;
	width:730px;
	padding:0 15px;
}
#mn2 li {
	float:left;
	border-right:1px solid #F2F2F2;
}
#mn2 li a {
	display:block;
	line-height:20px;
	color:#000;
	font-family:"anivers-1","anivers-2", Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-transform:uppercase;
	padding:7px;
	border-bottom:none !important;
}
#mn2 li a:hover {
	text-decoration:none;
	background:#3c3c44;
	color:#fff;
}
#mn2 li.on {
	background-color:#3c3c44;
}
#mn2 li.on a {
	color:#fff;
}
#mn2 li.select a {
}

/********************************************************************************************/
/*	Recherche
/********************************************************************************************/
#naturalsearch {
	float:right;
	padding-right:15px;
}
#naturalsearch .submit {
	display:none;
}
#naturalsearch .input,
.filtre input {
	width:150px;
	margin:5px 0 0 0;
	font-family:"anivers-1","anivers-2", Arial, Helvetica, sans-serif;
	padding:4px 5px 4px 20px;
	*padding:2px 5px 2px 20px;
	color:#999;
	background:#fff url('../image/common/naturalsearch_bg.png') 4px 4px no-repeat;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
	border:1px solid #b3b3b3;
	-moz-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.4);
}
#naturalsearch label {
	display:none;
}

/********************************************************************************************/
/*	Fil d'Ariane
/********************************************************************************************/
#location {
	padding:10px 0 0 20px;
	width:640px;
}
#location a.lost {
	display:none;
}
#youarehere {
	display:inline;
	font-size:0.62em;
}
#youarehere a {
	color:#000;
	padding:0 2px;
}
#youarehere span {
	color:#999;
	padding:0 2px;
}

/********************************************************************************************/
/* 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;}

/* Griser les reportés */
.reported {
	opacity:0.5;
}

/********************************************************************************************/
/*	HOMEPAGE
/********************************************************************************************/
.homenat #page 				{
	background:none;
}
.homenat #cnt 				{
	width:980px;
	padding:0;
}
.homenat #ctx,
.homenat #location,
.homenat h1,
.homenat #pagechapo 		{
	display:none;
}

/* A la une */
.homenat #alaune 			{
	padding:20px;
	margin-bottom:20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	width:940px;
	float:left;
	background-color:#fff;
}
.homenat #alaune #flash		{
}
.homenat #alaune #fav 		{
	margin-top:0px;
	float:none;
}
.homenat #alaune #fav li 	{
	margin:0 0 15px 20px;
}

/* Carousels */
.homenat .bloclist 				{
	padding:20px 15px 20px 20px;
	width:945px;
	margin-bottom:20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	position:relative;
}
.homenat .createurs 			{
	background: url('../image/common/titres/hp_createurs.png') no-repeat 20px 20px #F2F2F2;
}
.homenat .ecoles 				{
	background: url('../image/common/titres/hp_ecoles.png') no-repeat 20px 20px #F2F2F2;
}
.homenat .bloclist p			{
	width:140px;
	margin:5px 20px 0 0;
	overflow:hidden;
	font-size:0.75em;
	margin-bottom:10px;
	float:left;
}
.homenat .bloclist .filtre 		{
	right:23px;
	top:10px;
	background-color:#f2f2f2;
	position:absolute;
}
.homenat .carousel  			{
	*width:770px;
	*overflow:hidden;
}
.homenat .carousel .container 	{
	left:165px;	
	width: 775px;
}
.homenat .carousel .previous_button {
	left:143px;
	*left:0px;
}
.homenat .carousel .next_button {
	right:-8px;
	*right:0px;
}
a.seeall {
	display:block;
	padding:0 0 0 10px;
	font-style:italic;
	font-size:10px;
	background:url('../image/common/ctx_arrow.png') 0px center no-repeat;
	color:#6d6d6d;
}

/* Les lieux de patrimoine */
.homenat #lieux 	{
	float:left;
	margin-bottom:20px;
	padding:20px 20px 0 20px;
	*padding:20px;
	width:940px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background: url('../image/common/titres/hp_lieux.png') no-repeat 20px 20px #fff;
}
.homenat #lieux h2 	{
	width:200px;
	float:left;
}

.homenat #lieux p 	{
	margin:0 115px 0 0;
	float:right;
	font-size:0.75em;
	width:500px;
}
.homenat #lieux li 	{
	float:left;
	width:294px;
	height:167px;
	overflow:hidden;
	margin:0 29px 29px 0;
	background:#ccc;
	position:relative;
}
.homenat #lieux li.number3,
.homenat #lieux li.number6,
.homenat #lieux li.number9 {
	margin-right:0;
}
.homenat #lieux li.number7,
.homenat #lieux li.number8,
.homenat #lieux li.number9 {
	margin-bottom:20px;
}			 

.homenat #lieux a 			{
	display:block;
	height:100%;
	width:100%;
}	
.homenat #lieux .bloc 		{
	display:block;
	z-index:2;	
	position:absolute;
	left:0;
	bottom:0;
	height:32px;
	width:100%;
	background:#fff;
	filter: progid:DXImageTransform.Microsoft.alpha( opacity=50); 
	filter:Alpha(opacity=50);
	-moz-opacity:0.50;
	opacity: 0.50;
}
.homenat #lieux span 		{
	color:#000;
	font-size:0.875em;
	position:absolute;
	top:140px;
	left:15px;
	z-index:3;
}
.homenat #lieux strong 		{
	text-transform:uppercase;
	font:normal 18px "anivers-1","anivers-2", Arial, Helvetica, sans-serif;
	margin:0 5px;
}
.homenat #lieux img 		{
	left:0;
	top:0;
	position:absolute;
	z-index:1;
	height:100%;
}
.homenat #lieux a:hover span {
	text-decoration:none;
	color:#e2007a;
}

.homenat #lieux li.number1 .bloc,
.homenat #lieux li.number2 .bloc,
.homenat #lieux li.number3 .bloc 		{
	height:50px;
}
.homenat #lieux li.number1 span,
.homenat #lieux li.number2 span,
.homenat #lieux li.number3 span 	{
	top:122px;
}

/********************************************************************************************/
/*
/*	CONTENU (CNT)
/*
/********************************************************************************************/
h1,
#articledetail .titre {
	font:normal 2.4em "anivers-1","anivers-2",Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	margin-bottom:10px;
	line-height:1em;
}
#pagechapo,
#articledetail .chapo {
	font:normal 1em georgia, "Times New Roman", Times, serif ;
	margin-bottom:20px;
	line-height:1.4em;
}
#pagetxt {
	margin-bottom:50px;
	font-size:0.75em;
	/*border-top:1px solid #333333;
	padding-top:20px;*/
	line-height:1.4em;
}
#pagetxt a {
	border-bottom:1px solid;
}
h2,
h3,
h4,
#articledetail .medias .before {
	display:block;
	font-family:"anivers-1","anivers-2", Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#articledetail .medias .before {
	font-size:2em;
	margin:20px 0 10px 0;
}

h2 {
	font-size:2em;
	margin:0 0 10px 0;
}
h3 {
	font-size:1.3em;
	margin:15px 0 10px 0;
}
h4 {
	font-size:1em;
	margin:10px 0;
}
#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 blockquote {}

#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 {}

#pagetxt .medias {
	overflow:auto;
}
#pagetxt h2 {
	clear: both;
}
#pagetxt ul.document {
	padding-bottom: 40px;
}
#pagetxt .document li,
#pagetxt .image li {
	margin:5px;
/*	border:3px solid #F2F2F2;*/
	list-style-type: none;
}
#pagetxt .image li {
	float:left;
	height: 100px;
	width: 100px;
}
#pagetxt .image li img {
	float:left;
	max-height: 100%;
	max-width: 100%;
}
#pagetxt .document a {
	background:url('../image/common/icon_media_document_pdf.png') no-repeat 4px 50%;
/*	text-align:center;*/
	padding-left: 60px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:block;
	line-height:50px;
	height:50px;
	border:2px solid #FFF;
	width: 80%;
}
#pagetxt .document a:hover {
	border: 2px dashed #E2007A !important;
/*	font-size:0.5em;*/
	text-decoration: none;
}

#pagetxt .document li img {
	max-width:100%;
	max-height:100%;
}

/********************************************************************************************/
/*	Barre d'outils
/********************************************************************************************/
.tools {
}
.tools li {
	float:left;
	margin:0 4px 0 0 !important;
	border:none !important;
	overflow:hidden !important;
}
.tools li a,
.tools li span /*faux liens*/ {
	display:block;
	width:16px;
	height:16px;
	background:center center no-repeat;
	border:1px solid #F2F2F2;
}
.tools li a:hover {
	border-color:#E2007A;
}
.tools .twitter a {background-image:url('../image/common/tools_twitter.png');}
.tools .facebook a {background-image:url('../image/common/tools_facebook.png');}
.tools .mail a {background-image:url('../image/common/tools_rss.png');}

/* Fav */
.tools .fav .addtofav {}
.tools .fav a.addtofav:hover {}
/* Pas favorisé */
.tools .fav a.addtofav {
	background-image:url('../image/common/tools_fav_on.png');
}	
/* Une fois en favoris */
.tools .fav span.addtofav,
.tools .fav a.faved {
	background-image:url('../image/common/tools_fav_off.png') !important;
}

/********************************************************************************************/
/*
/*	CONTEXTE (CTX)
/*
/********************************************************************************************/
/*	Boîtes contextuelles
/********************************************************************************************/
#ctxbox li 			{
	border-top:4px solid #000;
	padding:10px 0;
	margin-bottom:40px;
}
#ctxbox li.number1 	{
	padding-top:0;
	border:none;
}
#ctxbox li .titre 	{
	font-family:"anivers-1","anivers-2", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	margin:0 0 10px 0;
}
#ctxbox li .chapo 	{
	font-size:0.75em;
	margin:0 0 20px 0;
}
#ctxbox li li 		{
	border:none;
	padding:0;
	margin:0;
	font-size:0.75em;
}

/********************************************************************************************/
/*	Présentation de la ville
/********************************************************************************************/
#ctxbox .city .titre 		{
	color:#e2007a;
}
#ctxbox .city .titre span 	{
	display:block;
	font-size:1.4em;
	text-transform:uppercase;
}
#ctxbox .city .chapo 		{
	margin-bottom:0px;
}
#ctxbox .city .chapo li a,
#ctxbox .national li a 		{
	color:#6d6d6d;
	display:block;
	padding:0 0 0 10px;
	font-style:italic;
	font-size:10px;
	background:url('../image/common/ctx_arrow.png') 0px center no-repeat;
	margin-top:15px;
}

/********************************************************************************************/
/*	Editos
/********************************************************************************************/
#ctxbox .national .titre,
#ctxbox .editomh .titre, 
#ctxbox .editompd .titre, 
#ctxbox .editomk .titre 	{
	color:#e2007a;
}

/********************************************************************************************/
/*	Les métiers
/********************************************************************************************/
#ctxbox .metiers #chapo 		{
	font-size:0.75em;
	margin:5px 0 10px 0;
}
#ctxbox .metiers ul 			{
	margin-bottom:15px;
}
#ctxbox .metiers ul li a 		{
	font-size:0.75em;
}
#ctxbox .metiers ul li .titre	{
	margin-bottom:0px;
}

/*
#ctxbox .metiers #ctxlist 		{
	width:220px;
	height:260px;
	padding:0 20px;
	margin-bottom:10px;
}	
#ctxbox .metiers .carousel li 	{
	border:none;
	padding:0;
	margin-bottom:0;
	width:auto;
}					
#ctxbox .metiers .capsule 		{
	height:223px;
	margin:0;
	padding:14px;
	width:191px;
	position:relative;
	background:url('../image/common/ctx_metiers_bg.png') 0 0 no-repeat #fff;
}
#ctxbox .metiers .capsule a.abs {
	height:243px;
	width:211px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	top:4px;
	left:4px;
	position:absolute;
	z-index:3;
	display:block;
}
#ctxbox .metiers .capsule a.abs:hover {
	background-color:#e2007a;
	filter:progid:DXImageTransform.Microsoft.alpha( opacity=05); 
	filter:Alpha(opacity=05);
	-moz-opacity:0.05;
	opacity: 0.05;
}

#ctxbox .metiers .carousel .titre {
	width:auto;
	margin:0 0 15px 0;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#e2007a;
	font-size:1.5em;
}
#ctxbox .metiers .carousel .chapo {
	font-size:0.68em;
	color:#000;
	margin:0;
	line-height:15px;
}
#ctxbox .metiers .carousel .previous_button,
#ctxbox .metiers .carousel .next_button {
	top:110px;
}
*/

/********************************************************************************************/
/*	Annuaire
/********************************************************************************************/
#ctxbox .annuaire .txt {
	font-size:0.75em;
}
#ctxbox .annuaire .alpha {
	float:left;
	margin:15px 0 15px 0;
}
#ctxbox .annuaire .alpha li {
	float:left;
	margin:0 4px 4px 0;
	padding:0;
	border:0;
	width:auto;
}
#ctxbox .annuaire .alpha li a {
	color:#bbbaba;
	font-size:1.4em;
	line-height:1em;
	font-family:"anivers-1","anivers-2", Arial, Helvetica, sans-serif;
}
#ctxbox .annuaire .alpha li a:hover {
	color:#e2007a;
}

/* Résultats */
#ctxbox .annuaire .results span {
	display:block;
	font:bold 0.875em font-family:"anivers-1","anivers-2", Arial, Helvetica, sans-serif;
	color:#e2007a;
	margin:10px 0;
}
#ctxbox .annuaire .results li {
	margin:0 0 10px 0;
	padding:0;
	border:0;
}
#ctxbox .annuaire .results li p {
	font-size:0.75em;
}
#ctxbox .annuaire .results li strong {
	font:bold 0.8em "anivers-1","anivers-2", Arial, Helvetica, sans-serif;
	display:block;
}
#ctxbox .annuaire .results li .cadre {
	border:1px solid #EFEFEF;
	background-color:#fff;
	font-size:0.62em;
	line-height:1.4em;
	padding:5px;
	width:248px;
	margin:5px 0;
}
#ctxbox .annuaire .results li .city {
	color:#666666;
	text-transform:uppercase;
	display:inline;
}
#ctxbox .annuaire .results li .disc {
	color:#666666;
	font-weight:bold;
	text-transform:lowercase;
	display:inline;
}

/********************************************************************************************/
/*	Profile user
/********************************************************************************************/
body.user #pagechapo	{
	font-size:12px;
}

/* edit d'un ctx */
#ctx a.edit {
	position:absolute;
	top:0;
	right:10px;
	font-size:0.62em;
	padding:5px 7px;
	color:white;
	background-color:#E2007A;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-radius-bottomleft:3px;
	border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-radius-bottomright:3px;
	border-radius-bottomright:3px;
	-moz-box-shadow: 0 5px 5px -4px rgba(0, 0, 0, 0.5);
	border-bottom:none !important;
}
#ctx a.edit:hover {
	text-decoration:underline;
}

/* Profile utilisateur */
#ctx .userprofile,
#ctx .groupprofile {
	width:220px;
	padding:20px !important;
	-padding:20px 20px 20px 10px;
	border:1px solid #efefef !important;
	border-top-color:#E2007A !important;
	background:#fff;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	position:relative;
	float:left;
}

#ctx .userprofile .titre,
#ctx .groupprofile .titre {
	margin:0;
	display:block;
	border-top:1px dotted #333333;
	padding-top:10px;
	margin:15px 0 5px 0;
	font-style:italic;
	font-size:0.75em;
	color:#666;
	text-transform:lowercase;
}
#ctx .userprofile .titre a,
#ctx .groupprofile .titre a {
	color:#999;
}
#ctx .userprofile .allpost,
#ctx .groupprofile .allpost {
/*	color:#333;*/
	font-size: 12px;
	padding-bottom: 6px;
}
#ctx .userprofile .allpost a,
#ctx .groupprofile .allpost a {
/*	color:#333;*/
}
#ctx .userprofile .chapo,
#ctx .groupprofile .chapo {
	font-size:0.75em;
	margin:0 0 3px 0;
}
#ctx .userprofile .txt,
#ctx .groupprofile .txt {
	font-size:0.75em;
	color:#999999;
}
#ctx .userprofile .nom,
#ctx .groupprofile .nom {
	font-weight:bold;
	font-size:1.5em;	
	font-family:"anivers-1","anivers-2", Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}
#ctx .userprofile .cadre,
#ctx .groupprofile .cadre {
	border:1px solid #efefef;
	padding:5px;
	width:210px;
	font-size:0.62em;
	margin-bottom:15px;
}
#ctx .userprofile .city,
#ctx .groupprofile .city {
	text-transform:uppercase;
	color:#666;
	margin-bottom:0;
}
#ctx .userprofile .disc,
#ctx .groupprofile .disc {
	text-transform:lowercase;
	color:#666;
	font-weight:bold;
}
#ctx .userprofile .portrait,
#ctx .groupprofile .portrait {
	width:220px;
	height:163px;
	overflow:hidden;
	margin-bottom:20px;
}
#ctx .userprofile .portrait img,
#ctx .groupprofile .portrait img {
	width:218px;
	display:block;
}
#ctx .userprofile .portrait a,
#ctx .groupprofile .portrait a {
	border:1px solid #ffffff;
	display:block;
}
#ctx .userprofile .portrait a:hover,
#ctx .groupprofile .portrait a:hover {
	border-color:#E2007A;
}
#ctx .userprofile .userinfo,
#ctx .groupprofile .userinfo {
	padding:6px 0;
	padding-top:5px;
/*WTF? border-top:1px dotted #333333; */
	font-size:12px;
}
#ctx .userprofile ul,
#ctx .groupprofile ul {
	margin:0;
	padding:0 0 0 15px;
}

#ctx .userprofile ul.in2col,
#ctx .groupprofile ul.in2col {
	margin:0;
	padding:0;
}
#ctx .userprofile ul.in2col li,
#ctx .groupprofile ul.in2col li {
	margin-bottom:2px;
	font-size:0.75em;
	clear:both;
}
#ctx .userprofile ul li .champ,
#ctx .groupprofile ul li .champ {
	float:left;
	color:#999;
	text-transform:lowercase;
}
#ctx .userprofile ul li .value,
#ctx .groupprofile ul li .value {
	float:right;
	color:#000;
}
#ctx .userprofile .tools,
#ctx .groupprofile .tools {
	padding:0;
}


/********************************************************************************************/
/*	Les éditos
/********************************************************************************************/
#ctxbox .edito li .titre 	{
	color:#e2007a !important;
}
#ctxbox .edito li 	 {
	border-top:0px;
	padding:0 0 0 10px;
	margin:15px 0 20px 0;
	font-style:italic;
	font-size:10px;
	background:url('../image/common/ctx_arrow.png') 0px center no-repeat;
}
#ctxbox .edito li a {
	color:#6d6d6d;
}

/********************************************************************************************/
/*	Concours
/********************************************************************************************/
#ctxbox .concours .txt {
	padding:10px;
	background-color:#000;
	border:1px solid #e2007a;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#ctxbox .concours h4 {
	color:#e2007a;
	font-weight:normal;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:5px;
}
#ctxbox .concours p {
	color:#fff;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
}


/********************************************************************************************/
/*
/*	ARTICLES
/*
/********************************************************************************************/
/* Liste
/********************************************************************************************/
#articlelist .article 		{
	width:610px;
	margin-bottom:20px;
	float:left;
	padding:20px 30px 0 0;
	border-top:1px solid #e5e5e5;
	line-height:1em;
}
#articlelist .media1 		{
	float:left;
	width:294px;
	height:167px;
	margin:0 20px 10px 0;
	overflow:hidden;
}
#articlelist .media1 img 	{
	width:294px;
}
#articlelist .datetimeinsert {
	color:#999;
	font:normal 0.62em;
}
#articlelist .titre {
	margin-bottom:5px;
}
#articlelist .titre a {
	color:#000000;
	font:bold 1.125em;
}
#articlelist .datestart {
	color:#E2007A !important;
	float:left;
	font-size:0.8em;
	padding-right:10px;
	padding-top:3px;
	font-weight:bold;	
}
#articlelist .chapo,
#articlelist .txt	 {
	font-size:0.75em;
	padding-bottom:15px;
}
#articlelist .chapo a {
	color:#000;
}
#articlelist .number1 {
	padding:0 30px 0 0;
	border-top:0px;
}
#articlelist .number1 .media1 {
	width:587px;
	height:335px;
}
#articlelist .number1 .media1 img {
	width:587px;
}

/********************************************************************************************/
/*	Détail
/********************************************************************************************/
#articledetail {
	border-bottom:1px solid #000000;
	margin-bottom:10px;
}
#articledetail .article {
	padding:0 0 20px 0;
	line-height:1em;
}
#articledetail .titre {
	/* Comme h1 */
}
#articledetail .datetimeinsert {
	color:#999;
	font:normal 0.62em;
}
#articledetail .chapo {
	/* Comme #pagechapo */
}
#articledetail .portrait {
	width:587px;
	margin-bottom:10px;
	overflow:hidden;
}
#articledetail .portrait img {
	max-width:587px;
	width: expression(this.width > 469 ? "587px": "auto"); /* IE Image max-width */
}
#articledetail .video {
	margin-bottom:10px;
}
#articledetail .video object {
	margin:auto;
	display:block;
}
#articledetail .txt p,
#articledetail .txt ul {
	margin-bottom:10px;
	line-height:1.4em;
}
#articledetail .txt p {
	font-size:12px;
}
#articledetail .txt ul {
	list-style-type:disc;
	padding-left:20px;
}
#articledetail .txt ul li {
	margin-bottom:10px;
}
#articledetail .txt table {
	width:100% !important;
	font:inherit;
}
#articledetail .txt img {
	float:left;
	max-width:469px;
	width: expression(this.width > 469 ? "469px": "auto"); /* IE Image max-width */
	margin:0 15px 10px 0;
	padding:0;
}
#articledetail .txt blockquote {
	float:left;
	width:100%;
}

#articledetail .user,
#articledetail .groupe {
	display:inline;
}
#articledetail .media,
#articledetail .medias {
	margin-bottom:20px;
}

/********************************************************************************************/
/*	Next Previous
/********************************************************************************************/
#nextprevious,
.nextprevious {
	clear: both;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	text-align:center;
	font-size:0.75em;
	font-family:"anivers-1","anivers-2", Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
}
#nextprevious span,
#nextprevious a,
.nextprevious span,
.nextprevious a {
	padding:2px 5px;
	margin:0 5px;
}
#nextprevious a,
.nextprevious a {
	border:none;
	color:#666666;
}
#nextprevious a.page,
.nextprevious a.page {
	border:1px solid #dddddd;
}
#nextprevious a.page:hover,
.nextprevious a.page:hover {
}
#nextprevious span.on,
.nextprevious span.on {
}


/********************************************************************************************/
/*
/*	GABARITS
/*
/********************************************************************************************/
/*	Backgrounds des villes / sections
/********************************************************************************************/
body.amiens {
	background:url('../image/common/fonds/bodybg_city_amiens.png') center 0px no-repeat #000;
}
body.basse-terre {
	background:url('../image/common/fonds/bodybg_city_basse-terre.png') center 0px no-repeat #000;
}
body.bordeaux {
	background:url('../image/common/fonds/bodybg_city_bordeaux.png') center 0px no-repeat #000;
}
body.grenoble	 {
	background:url('../image/common/fonds/bodybg_city_grenoble.png') center 0px no-repeat #000;
}
body.lyon {
	background:url('../image/common/fonds/bodybg_city_lyon.png') center 0px no-repeat #000;
}
body.marseille	 {
	background:url('../image/common/fonds/bodybg_city_marseille.png') center 0px no-repeat #000;
}
body.metz {
	background:url('../image/common/fonds/bodybg_city_metz.png') center 0px no-repeat #000;
}
body.paris		 {
	background:url('../image/common/fonds/bodybg_city_paris.png') center 0px no-repeat #000;
}
body.toulouse {
	background:url('../image/common/fonds/bodybg_city_toulouse.png') center 0px no-repeat #000;
}
body.createur {
	background:url('../image/common/fonds/bodybg_createurs.png') center 0px no-repeat #000 !important;
}

/********************************************************************************************/
/*	Titres des sections
/********************************************************************************************/
/*
body.projet h1 	 {
	background:url('../image/common/titres/imaginez_maintenant.png') 0px 0px no-repeat #fff;
}
body.createur h1 {
	background:url('../image/common/titres/createurs.png') 0px 0px no-repeat #fff;
}
body.ecole h1 	 {
	background:url('../image/common/titres/ecoles.png') 0px 0px no-repeat #fff;
}
body.metier h1 	 {
	background:url('../image/common/titres/metiers.png') 0px 0px no-repeat #fff;
}
body.info h1 	 {
	background:url('../image/common/titres/infos.png') 0px 0px no-repeat #fff;
}
body.partner h1 {
	background:url('../image/common/titres/partenaires.png') 0px 0px no-repeat #fff;
}
body.contact h1 {
	background:url('../image/common/titres/contacts.png') 0px 0px no-repeat #fff;
}
body.editprofile h1 {
	background:url('../image/common/titres/edit_profile.png') 0px 0px no-repeat #fff;
}
body.editgroup h1 {
	background:url('../image/common/titres/edit_group.png') 0px 0px no-repeat #fff;
}
body.post h1 	 {
	background:url('../image/common/titres/post_billet.png') 0px 0px no-repeat #fff;
}

/********************************************************************************************/
/*	Titres des carousels
/********************************************************************************************/
.homenat .titre_createurs 	{
	background:url('../image/common/titres/hp_createurs.png') 20px 20px no-repeat #f2f2f2;
}
.homenat .titre_ecoles 		{
	background:url('../image/common/titres/hp_ecoles.png') 20px 20px no-repeat #f2f2f2;
}

/********************************************************************************************/
/*	Accueil Local
/********************************************************************************************/
#alaune 			{
	padding:0 0 40px 0;
	margin-bottom:10px;
/*	background: url('../image/common/titres/alaune.png') no-repeat 0 0 #fff;*/
	border-bottom:1px solid #000;
	float:left;
}
#alaune li 			{
	float:left;
	margin-bottom:20px;
}
#alaune li .media1 	{
	overflow:hidden;
	margin-bottom:10px;
}
#alaune li .datetimeinsert {
	color:#999;
	font-size:10px;
	float:left;
	margin-right:5px;
}
#alaune li .count 	{
	color:#999;
	font-size:10px;
}
#alaune li .count span {
	color:#000;
}
#alaune li .titre {
	margin-bottom:10px;
}
#alaune li .titre a {
	font-weight:bold;
	font-size:12px;
	color:#000;
}
#alaune li .cadre {
	border:1px solid #efefef;
	padding:5px;
	width:133px;
	float:right;
	font-size:10px;
}
#alaune li .group {
	height:15px;
	padding-left:15px;
	color:#e2007a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-transform:lowercase;
	line-height:1.5em;
}
#alaune li .city, .carousel li .city {
	text-transform:uppercase;
	color:#666;
}
#alaune li .disc, .carousel li .disc {
	text-transform:lowercase;
	color:#666;
	font-weight:bold;
}

#alaune #flash li 			{
	width:587px;
}
#alaune #flash li .media1 	{
	width:587px;
	height:335px;
}
#alaune #flash li .media1 img {
	width:587px;
}
#alaune #flash li .titre 	{
	float:left;
	width:400px;
}
#alaune #flash li .titre a 	{
	 font-size:1.125em;
}

#fav 			{
	float:left;
	/*margin-top:50px;*/
}
#fav ul 		{
/*WTF?	border-bottom:1px solid #F2F2F2;
	overflow:auto; */
	margin-bottom:20px;
	float:left;
	
}
#fav li 		{
	margin-right:20px;
	width:310px;
	position:relative;
	float:left;
}
#fav li.pair 	{
	margin-right:0px;
}
#fav li .media1 {
	float:left;
	width:153px;
	height:87px;
	margin-right:10px;
	border:1px solid #F2F2F2;
	overflow:hidden;
	margin-bottom:10px;
}
#fav li .media1 img {
	width:155px;
}
#fav li .datetimeinsert {
	color:#999;
	font-size:10px;
	margin-right:5px;
}
#fav li .titre 		{
	line-height:12px; 
	margin-bottom:10px;
}
#fav li .titre a 	{
	font-size:12px;
	font-weight:bood;
	color:#000;
}
#fav li .cadre 		{
	border:1px solid #efefef;
	padding:5px;
	width:133px;
	float:right;
	font-size:10px;
}
#fav li .group 		{
	height:15px;
	padding-left:15px;
	color:#e2007a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-transform:lowercase;
	line-height:1.5em;
}
#fav li .city 		{
	text-transform:uppercase;
	color:#666;
}
#fav li .disc 		{
	text-transform:lowercase;
	color:#666;
	font-weight:bold;
}
#fav li .delete a 	{
	position:absolute;
	top:0;
	right:0;
	border:1px solid #F2F2F2;
	display:block;
	width:13px;
	height:13px;
	background: url('../image/common/ico_delete.png') no-repeat 0 0;
}
#fav li .delete a:hover {
	background-color:#E2007A;
}

/* Pictos des communautés */
.picto-im {
	background: url('../image/common/picto_imaginez.png') no-repeat 0 0;
	padding-left:18px !important;
}
.picto-5,
.picto-161 {
	background: url('../image/common/picto_createur.png') no-repeat 0 0;
}
.picto-4,
.picto-2 {
	background: url('../image/common/picto_ecole.png') no-repeat 0 0;
}
.picto-in {
	background: url('../image/common/picto_internaute.png') no-repeat 0 0;
	padding-left:10px !important;
}

body.home .titre_ecoles,
body.createur .avoiraussi,
body.ecole .avoiraussi,
body.postfeed .titre_user_disc,
body.metier .titre_crea_disc	{
	border-bottom:0px;
	margin-bottom:0px;
}


/********************************************************************************************/
/*	Projet
/********************************************************************************************/
body.projet h1,
body.projet #pagechapo	{
	display:none;
}
body.projet #alaune {
	padding:0;
	background:none;
	margin-bottom:40px;
}
body.projet #alaune li {
	margin-bottom:0px;
}
#projet_descr		 {
	padding: 0px 0 20px 0;
/*	border-top:1px solid #e5e5e5;*/
	border-bottom:1px solid #000;
	margin-bottom:20px;
}
#projet_descr .chapo {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.85em;
	line-height:1.4em;
}
#projet_descr .txt	 {
	font-size:0.75em;
	padding-right:40px;
}
#projet_descr .seeall {
	margin-top:15px;
}

#projet_villes			 {
	background:url('../image/common/projet_bg.gif') 0px 0px no-repeat;
	float:left;
	margin-top:5px;
}
#projet_villes li		 {
	width:294px;
	height:187px;
	float:left;
	margin:0 20px 10px 0;
	background-color:#ccc;
	position:relative;
}
#projet_villes li a		 {
	display:block;
	height:100%;
	width:100%;
}
#projet_villes li img	 {
	position:absolute;
	left:0;
	bottom:20px;
}
#projet_villes .toulouse img	 {
	right:0;
	left:auto;
}
#projet_villes li .titre {
	position:absolute;
	height:20px;
	bottom:0;
	left:0;
	color:#000;
	font-size:1em;
	line-height:22px;
}
#projet_villes li:hover .titre {
	color:#e2007a;
}
#projet_villes .amiens	 {
	margin-left:314px;
	-margin-left:0px;
	background:url('../image/common/projet_bg_amiens.jpg') 0px 0px no-repeat;
}
#projet_villes .basse-terre {
	background:url('../image/common/projet_bg_basse-terre.jpg') 0px 0px no-repeat;
}
#projet_villes .bordeaux {
	background:url('../image/common/projet_bg_bordeaux.jpg') 0px 0px no-repeat;
}
#projet_villes .grenoble {
	background:url('../image/common/projet_bg_grenoble.jpg') 0px 0px no-repeat;
}
#projet_villes .lyon	 {
	background:url('../image/common/projet_bg_lyon.jpg') 0px 0px no-repeat;
}
#projet_villes .marseille {
	background:url('../image/common/projet_bg_marseille.jpg') 0px 0px no-repeat;
}
#projet_villes .metz	 {
	background:url('../image/common/projet_bg_metz.jpg') 0px 0px no-repeat;
}
#projet_villes .paris	 {
	background:url('../image/common/projet_bg_paris.jpg') 0px 0px no-repeat;
}
#projet_villes .toulouse {
	background:url('../image/common/projet_bg_toulouse.jpg') 0px 0px no-repeat;
}

/********************************************************************************************/
/*	Les Créateurs
/********************************************************************************************/
/* Onglets */
#filter {
	margin-bottom:20px;
}
#filter .tabs {
	height:30px;
	width:640px !important;
	margin-bottom:10px;
	background:url('../image/common/filter_bg.png') 0px 22px repeat-x;
}
#filter .tabs li {
	float:left;
	height:100%;
	margin:0 5px 0 0;
	background:url('../image/common/filter_tabs_bgoff.png') 0px 0px repeat-x;
}
#filter .tabs li:hover {
	background:url('../image/common/filter_tabs_bghover.png') 0px 0px repeat-x;	
}
#filter .tabs li a {
	color:#999;
	float:left;
	font-size:0.62em;
	padding:7px 10px 10px 10px;
	text-transform:uppercase;
}
#filter .tabs li a:hover {
	color:#fff;
	text-decoration:none;
}
#filter .tabs li.on {
	color:#fff;
	text-decoration:none;
	background:url('../image/common/filter_tabs_bgon.png') center bottom no-repeat;
}
#filter .tabs li.on a {
	color:#fff;
}
#filter .tabs li.on:hover {
	background:url('../image/common/filter_tabs_bgon.png') center bottom no-repeat;
}

/* Liste ajax */
#filter .results {
	font:bold 0.75em;
	color:#6a635a;
	text-transform:uppercase;
	position:absolute;
	top:-32px;
	left:0px;
}
#filter .results span {
	color:#000;
	margin-right:5px;
}
#filter .recherche {
	top:-42px;
	right:0px;
	position:absolute;
	height:33px;
	width:200px;
}
#filter .carousel ul {
	width:660px;
}
#filter .capsule	 {
	margin:0 12px 20px 0;
}

/* Annuaire alphabétique */
#filter .annuaire {
	margin:0 0 15px 0;
	float:left;
	width:auto !important;
}
#filter .annuaire li {
	display:inline;
	margin-right:3px;
	float:none;
}
#filter .annuaire li a {
	color:#bbbaba;
	font-size:1.2em;
	text-transform:uppercase;
}
#filter .annuaire li a:hover {
	color:#e2007a;
}


/********************************************************************************************/
/*	Les Métiers
/********************************************************************************************/
/* Fiche métier */
body.metier	h1.detail {
	text-transform:lowercase;
	color:#000;
	text-indent:0 !important;
	background:none !important;
	font:normal 2.4em Georgia;
	line-height:1em;
}
body.metier	h3 {
	font:bold 1.5em;
	margin-bottom:10px;
	text-transform:lowercase;
}
body.metier .metierslist {
	padding-bottom:50px;
	width:100%;
	border-bottom:1px solid #000;
	margin-bottom:20px;
	float:left;
}	
body.metier .metierslist li {
	float:left;
	display:block;
	width:130px;
	margin:0 30px 0 0;
}
body.metier .metierslist li a {
	color:#e2007a;
	text-transform:lowercase;
	font-size:0.875em;
}
body.metier .metierslist li.on a {
	text-decoration:underline;
}

body.metier #postslist 			{
	margin-bottom:30px;
	float:left;
	width:100%;
}
body.metier #postslist li 		{
	width:100%;
	margin-bottom:30px;
	float:left;
}
body.metier #postslist .post 	{
	width:315px;
	float:left;
}
body.metier #postslist .post .titre a {
	color:#000;
	font-size:1.125em;
	font-weight:bold;
}
body.metier #postslist .post .texte {
	font-size:0.75em;
}
body.metier #postslist .auteur 	{
	width:310px;
	float:right;
}
body.metier #postslist .auteur .media1 {
	float:left;
	width:153px;
	height:87px;
	border:1px solid #F2F2F2;
	overflow:hidden;
	margin-right:10px;
}
body.metier #postslist .auteur .media1 img {
	width:155px;
}
body.metier #postslist .auteur .titre {
	line-height:12px; 
	float:right;
	width:145px;
	margin-bottom:20px;
}
body.metier #postslist .auteur .titre a {
	 font-size:0.68em;
	color:#000000;
	font-weight:bold;
}
body.metier #postslist .cadre {
	border:1px solid #efefef;
	padding:5px;
	width:133px;
	float:right;
	font-size:0.62em;
}
body.metier #postslist .group {
	height:15px;
	padding-left:15px;
	color:#e2007a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-transform:lowercase;
	line-height:1.5em;
}
body.metier #postslist .city {
	text-transform:uppercase;
	color:#666;
}

/********************************************************************************************/
/*	Les partenaires
/********************************************************************************************/
body.partner .partner			{
	width:100%;
	margin-bottom:20px;
	float:left;
}
body.partner .partner .category	{
	font-size:20px;
	width:100%;
	margin-bottom:10px;
}
body.partner .partner li		{
	float:left;
	-moz-border-radius-bottomleft:1px;
	-moz-border-radius-bottomright:1px;
	-moz-border-radius-topleft:1px;
	-moz-border-radius-topright:1px;
	-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2);
	border:1px solid #F5F5F5;
	height:175px;
	margin:0 3px 6px 3px;
	padding:12px;
	position:relative;
	width:123px;
}
body.partner .partner li:hover 	{
	background:#FAFAFA;
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
body.partner .partner .abs		{
	height:199px;
	width:147px;
	top:0;
	left:0;
	position:absolute;
	z-index:3;
	display:block;
}
body.partner .partner .media1		{
	display:block;
	height:94px;
	margin:0 0 6px;
	overflow:hidden;
	padding:0;
	width:125px;
}
body.partner .partner .media1 img	{
	width:125px;
}
body.partner .partner .titre		{
	color:#000000;
	display:block;
	font-size:11px;
	font-weight:bold;
}
body.partner .partner li:hover .titre 	{
	color:#E2007A;
}

/********************************************************************************************/
/*	Filter
/********************************************************************************************/
.filtre 		{
	margin-bottom:15px;
	color:#bbbaba;
	font-size:15px;
}
.filtre select	{
	color:#bbbaba;
	font-size:15px;
	border:1px solid #F2F2F2;
	width:250px;
}
.filtre input 	{
	float:right;
	margin:0;
}

/********************************************************************************************/
/*	Espace presse
/********************************************************************************************/
body.presse .medias li.jpg	{
	float:left;
	margin:0 3px 6px 3px;
	width:125px;
	height:94px;
	overflow:hidden;
}
body.presse .medias li.jpg	img {
	width:125px;
}

/********************************************************************************************/
/*	Envoyer à un ami
/********************************************************************************************/
#sendlink fieldset	{
	padding:10px;
	margin:0px;
	line-height:1em;
}
#sendlink fieldset ol li.compulsory label {
	background-position:right 10%;
}

/********************************************************************************************/
/*	CTX
/********************************************************************************************/
body.user,
body.group {
	background:url('../image/common/fonds/bodybg_contrib.png') center 0px no-repeat #000;
}

/* Liste des posts */
#postlist li {
	margin-bottom:20px;
	padding:0 30px 20px 0;
	border-bottom:1px solid #e5e5e5;
	line-height:1em;
	clear:both;
	overflow:auto;
}
#postlist .media1 {
	float:left;
	width:300px;
	height:170px;
	margin:0 20px 10px 0;
	overflow:hidden;
	border:1px solid #F2F2F2;
}
#postlist .media1 img {
	width:100%;
}
#postlist .datetimeinsert {
	color:#999;
	font-size:0.62em;
}
#postlist .titre {
	margin-bottom:5px;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
}
#postlist .titre a {
	color:#000000;
}
#postlist .txt	 {
	font-size:0.75em;
	line-height:1.2em;
	margin-bottom:10px;
}
#postlist .userinsert	 {
	font-size:0.70em;
	padding-bottom: 5px;
	font-style: italic;
}
#postlist .sociable	ul li {
	padding:0 !important;
	clear:none;
}

#postlist .number1 {
}
#postlist .number1 .media1 {
	width:608px;
	height:auto;
}
#postlist .number1 .divider {
	margin-left:0;
}

/********************************************************************************************/
/*
/*	FORMULAIRES
/*
/********************************************************************************************/
/* Fieldset */
form fieldset {
	margin-bottom:10px;
	padding:30px;
	background-color:#f2f2f2;
	border:none;
	position:relative;
}
form fieldset.hidden {
	background-color:#fff;
}

/* Legend */
form fieldset legend {
	text-transform:uppercase;
	font-family:"anivers-1","anivers-2", Arial, Helvetica, sans-serif;
	color:#000;
	*margin-bottom:20px;
}

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

/* p */
form fieldset p {
	font-size:0.7em;
	padding:5px 0;
	line-height:1.4em;
	float:left;
}

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

/* Labels & spécificités des labels */
form fieldset ol label {
	color:#666;
	display:block;
	float:left;
	margin-right:10px;
	padding:5px 0;
	text-align:left;
	width:130px;
	font-size:0.7em;
	font-weight:bold;
}
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;
}

/* Quick wysiwyg */
#article_txt_tbl {
	width:420px !important;
	height:200px !important;
}

/* Mise en forme des champs dans le formulaire */
form fieldset ol li .input,
form fieldset ol li .textarea,
form fieldset ol li .radios,
form fieldset ol li .checkboxes,
form fieldset ol li .wysiwyg,
form fieldset ol li .select,
form fieldset ol li .button,
form fieldset ol li .submit,
form fieldset ol li .hidden,
form fieldset ol li .password,
form fieldset ol li .media,
form fieldset ol li .onmouseout {
	width:230px;
	border:1px solid #ccc;
	border-left-color:#ddd;
	border-right-color:#ddd;
	border-bottom-color:#eee;
	padding:5px;
	color:#666;
	background:#ffffff;
	font:11px Arial, Helvetica, sans-serif;
}
form fieldset ol li .select {
	width:238px !important;
}
form fieldset ol li .textarea,
form fieldset ol li .checkboxes {
	width:420px !important;
}

/* Etats des champs */
form fieldset ol li:hover .input,
form fieldset ol li:hover .textarea,
form fieldset ol li:hover .select,
form fieldset ol li .onfocus,
form fieldset ol li .articlechamps ul li:hover {
	border-color:#cecece !important;
	border-top-color:#8f8f8f !important;
	border-bottom-color:#e3e3e3 !important;
	color:#000000;
}
form fieldset ol li .onblur,
form fieldset ol li .onmouseover {
	border-color:#f2f2f2 !important;
}
form fieldset ol li .ko {
	border-color:#FF0000 !important;
}

/* wysiwyg */
form fieldset ol li .wysiwyg {
	max-width:420px !important;
}

/* file */
form fieldset ol li .file {
}
form fieldset ol li img {
/*	width:300px !important;*/
	padding:5px;
	background:#ffffff;
}

/* Radio & Checkbox */
form fieldset ol .radios,
form fieldset ol .checkboxes {
	float:left;
	height:300px;
	overflow:auto;
	border:none;
	background:none;
	padding:0;
}
form fieldset ol .radios li,
form fieldset ol .checkboxes li {
	margin:0 !important;
	padding:5px !important;
	border:none !important;
}
form fieldset ol .radios li .radio,
form fieldset ol .checkboxes li .checkbox {
	float:left !important;
	margin:0 5px 0 0;
	clear:left;
}
form fieldset ol .radios li label,
form fieldset ol .checkboxes li label {
	text-align:left !important;
	margin:0 !important;
	width:70% !important;
	padding:0 !important;
	clear:none !important;
	font-size:1em;
}
form fieldset ol .radios li label .titre,
form fieldset ol .checkboxes li label .titre {
	text-transform:none !important;
	color:#000000 !important;
	font-weight:normal !important;
}
form fieldset ol .radios li label .chapo,
form fieldset ol .checkboxes li label .chapo {
	margin-top:3px;
	font-size:0.8em;
	display:block;
	color:#666666 !important;
	font-size:1em;
}

/* Checkbox & order */
form fieldset ol li .checkboxorder  {}
form fieldset ol li .checkboxorder fieldset.selected, 
form fieldset ol li .checkboxorder fieldset.available {
	background:#ffffff;
	width:43%;
	border:1px solid #cccccc;
	clear:none;
	padding:10px;
	z-index:2;
	position:relative;
}
form fieldset ol li .checkboxorder ul li {
	margin:0 0 1px 0 !important;
	padding:0 !important;
	clear:both;
	list-style-type:none;
	position:relative;
	font-size:0.9em;
}
form fieldset ol li .checkboxorder ul li.nodata {
	border:none !important;
}
form fieldset ol li .checkboxorder ul li .titre{
	padding:3px 3px 3px 17px;
	background:#ffffff no-repeat 3px 4px;
	font-size:0.8em;
}

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

form fieldset ol li .checkboxorder .available {
	float:right;
}
form fieldset ol li .checkboxorder .available ul {
	max-height:200px;
	overflow:auto;
}

form fieldset ol li .checkboxorder .available ul li {
	border:1px solid #cccccc;
	margin-right:10px !important;
}

/* Date & Datetime */
form fieldset ol li .year {width:73px !important;}
form fieldset ol li .month {width:100px !important; margin-right:5px;}
form fieldset ol li .day {width:55px !important; margin-right:5px;}
form fieldset ol li .hour {width:60px !important;}
form fieldset ol li .minute {width:80px !important;}
form fieldset ol li .second {width:80px !important;}

/* Button & Submit */
form fieldset ol .button,
form fieldset ol .submit {
	padding:0 0 0 37px !important;
	width:153px !important;
	background:url('../image/common/form_submit_bg.png') 0 0 no-repeat transparent !important;
	cursor:pointer;
	height:27px;
	color:#ffffff !important;
	text-align:center;
	border:none !important;
	float:right;
}

/* Controles */
.controles {
	text-align:right;
	padding:3px;
}
.controles input {
	margin-left:1px;
}

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

/* Bulles d'aide */
form fieldset ol li .help {
	font-size:0.8em;
	margin-top:5px;
	float:right;
	border:none !important;
	color:#666666;
}

/********************************************************************************************/
/*	Identification
/********************************************************************************************/
#login #user_rememberme {
	border:none;
	background:none;
	height:auto;
}
.loglost {
	float:right;
	font-size:0.8em;
}

/********************************************************************************************/
/*
/*	DEV CUSTOM
/*
/********************************************************************************************/
/* Carousel horizontal
/********************************************************************************************/
.bloclist {
	padding:10px 10px 40px 10px;
	margin-bottom:10px;
	border-bottom:1px solid #000;
}
.carousel {
	position: relative;
	*overflow:hidden;
	*width:620px;
}			 
.carousel .container {
	overflow:hidden;
	*width:620px;
	padding:5px 0; /* ombre des li */
}						
.carousel ul {
	margin:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	width:200000px;
}
.carousel ul li {
	float:left;
}
.carousel .capsule	 {
	border:1px solid #F5F5F5;
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
	height:175px;
	margin:0 3px;
	padding:12px;
	width:123px;
	position:relative;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	background-color:#FFF;
}
.carousel .capsule:hover {
	background:#FAFAFA;
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
 	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
 	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
.carousel .capsule a {
	display:block;
}
.carousel .capsule a:hover {
	text-decoration:none;
}
.carousel .capsule a span {
	display:block;
}
.carousel .portrait {
	margin:0 0 6px 0;
	display:block;
	height:94px;
	overflow:hidden;
	padding:0;
	width:125px;
}
.carousel .portrait img {
	width:125px;
}
.carousel .titre {
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#000;
}
.carousel .capsule:hover .titre 	{
	color:#E2007A;
}


.carousel a {
	border:none !important;
}
.carousel .chapo {
	font-size:0.62em;
	color:#333;
}
.carousel .cadre {
	position:absolute;
	z-index:2;
	bottom:12px;
	left:12px;
	width:112px;
	border:1px solid #efefef;
	padding:5px;
	font-size:0.62em;
	line-height:1.4em;
	background:#FFFFFF;
}
.carousel a.seeall {
	margin-top:20px;
}			 

.carousel .previous_button {
	position: absolute;
	top:80px;
	left:-18px;
	*left:0px;
	width:12px;
	height:23px;
	background:url('../image/common/arrow_previous.png') 0 0 no-repeat;
	-background:url('../image/common/arrow_previous.gif') 0 0 no-repeat;
	z-index:100;		
	cursor:pointer;
}
.carousel .next_button {
	position: absolute;
	top:80px;
	right:-18px;
	*right:0px;
	width:12px;
	height:23px;
	background:url('../image/common/arrow_next.png') 0 0 no-repeat;
	-background:url('../image/common/arrow_next.gif') 0 0 no-repeat;
	z-index:100;
	cursor:pointer;
}
.carousel .previous_button:hover {
	background:url('../image/common/arrow_previous.png') 0 -24px no-repeat;
}
.carousel .next_button:hover {
	background:url('../image/common/arrow_next.png') 0 -24px no-repeat;
}

.carousel .previous_button_disabled,
.carousel .next_button_disabled {
	background: none;
	cursor:default;
	display: none;
}


/********************************************************************************************/
/*
/*	SYSTEME
/*
/********************************************************************************************/
/* Alerte
/********************************************************************************************/
#alerte,
#resume,
#googlesearcher {
	font-size:0.8em;
	margin-bottom:20px;
	background:#FFFBCC;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#555555;
	line-height:1.2em;
}
#alerte	.titre,
#resume	.titre {
	font-size:1em;
	margin:5px 0;
	font-weight:bold;
}
#alerte	.chapo,
#resume	.chapo {
	font-size:1em;
	margin:5px 0;
}

/********************************************************************************************/
/*	TOC
/********************************************************************************************/
#toc {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #cccccc;
}
#toc li {
	display:inline;
	margin-right:5px;
	list-style-type:square;
}

/********************************************************************************************/
/*	Commentaires
/********************************************************************************************/
#comment {
}

/********************************************************************************************/
/* 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:300px;
	height:50px;
	margin-right:10px;
}

/********************************************************************************************/
/* Liste des commentaires, des posts (formulaires et walls)
/********************************************************************************************/
#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.4em;
	width:300px;
	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:-7px;
	top:5px;
	background:url('../image/common/dropped_right_bg_lightgrey.png') center center no-repeat;
}

/********************************************************************************************/
/*	Edition des contenus
/********************************************************************************************/
li .option {
	margin-left:3px;
}
li .option,
li .update {
	float:left;
	font-size:10px;
	padding:3px 0;
}
li .option li {
	display:inline !important;
	margin:0 5px 0 0 !important;
	padding:0 !important;
	border:none !important;
}
li .option li a {
	color:#cccccc !important;
}

/* Update */
li .update {
	float:left;
	margin-right:8px;
}
li .update a {
	background:#cccccc !important;
	color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:2px 5px;
}

/********************************************************************************************/
/* recherche
/********************************************************************************************/
#search {}
/*	Titres des resultats */
#search #resume {
	/* Comme #alerte */
} 
#search #resume .info {
	font-style:italic;
}

/*	Resultats */
#search #results {}
#search #results li {
	padding:20px 0;
	border-bottom:1px solid #dddddd;
	list-style-type:none;
	overflow:auto;
	line-height:1.1em;
}
/*	Image des resultats */
#search #results .image {
	float:left;
	width:100px;
	border:1px dotted #cccccc;
	padding:5px;
	margin:0 15px 0 0;
}
#search #results .image a {
	border:none;
}
#search #results .image img {
	width:98px;
}
/*	Titres des resultats */
#search #results .titre {
	font-weight:bold;
	margin-bottom:5px;
}
#search #results .titre a{}
#search #results .titre a:hover{}
#search #results .titre .langue {}
#search #results .titre .type {}
/*	Chapo des resultats */
#search #results .chapo {
	font-size:0.8em;
	margin-bottom:5px;
	color:#666666;
}
/*	Cursus */
#search #results .cursus {
	font-size:0.8em;
}
#search #results .cursus a {color:#666666;}
/*	highlight */
#search #results strong {
	background:#fbed73;
}

/********************************************************************************************/
/* Carte du site
/********************************************************************************************/
#map {
	font-size:0.9em;
}
#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;
}
#map ul.langue,
#map ul.page {
	border-bottom:1px solid #F2F2F2;
	padding-bottom:10px;
}
#map ul.page li {margin-bottom:7px;}
#map ul.page ul li {list-style-type:disc;margin-bottom:0;font-size:0.9em;}
#map ul.page ul li a {border:none;color:#333333;}

#map ul.langue {
	overflow:auto;
}
#map ul.langue li {
	float:left;
	width:33%;
}

#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 {}

/********************************************************************************************/
/*	Tags
/********************************************************************************************/
#tag {
	font-size:0.9em;
}
#tag li {
	margin:0 0 15px 0;
	list-style-type:none;
	background:url('../image/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')
/********************************************************************************************/
ul#update li {
	margin:0 0 20px 0;
	list-style-type:none;
}
ul#update li .titre {
	font-weight:bold;
	margin-bottom:5px;
}
ul#update li .datetimeinsert {
	margin-bottom:5px;
	font-size:0.8em;
	color:#666666;
}
ul#update li .chapo {
	font-size:0.8em;
}

/********************************************************************************************/
/* 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/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 {}

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

/********************************************************************************************/
/*	Modifier
/********************************************************************************************/
a.canupdate {
	margin-bottom:0px !important;
	background:none !important;
	display:inline !important;
	height:auto !important;
}

/********************************************************************************************/
/*	Footer
/********************************************************************************************/
#footer {
	font-size:0.62em;
	text-transform:uppercase;
	color:#999;
	padding-bottom:50px;
	*margin-top:20px;
}

/********************************************************************************************/
/*	Menu système
/********************************************************************************************/
ul#mnsys {
}
ul#mnsys li {
	float:left;
	padding:0 7px;
}
ul#mnsys li a {
	color:#999;
}

/********************************************************************************************/
/*	Notice
/********************************************************************************************/
#notice {
	float:right;
}

/********************************************************************************************/
/*	Flags
/********************************************************************************************/
#flags {
	display:none;
	clear:both;
	font-size:0.68em;
	color:#a0a09e;
	text-align:center;
	margin-bottom:10px;
}
#flags li {
	display:inline;
}
#flags li a {
	color:#e5e6e0 !important;
	
}


/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* 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;
	padding:15px;
}
#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;
}
#popup.site #popupbox #popupclose:hover {opacity:1;}
/* 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;
}


/********************************************************************************************/
/* Debug
/********************************************************************************************/
pre {
	clear: both;
	background: #FFF !important;
}
/********************************************************************************************/
/* CUSTOM X
/********************************************************************************************/
.projetTitre {
	font-size:24px;color:#E2007A;
}
.projetsousTitre {
	font-size:20px; color:#000;
}