/* connexion */

body { font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.clear { clear: both;}
.left { float: left;}
.right { float: right;}

.titre-actu h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	display: block;
	padding-top: 20px;
	font-weight: bold;
	margin: 0px;
	display: inline;
}

.cadre-actu a h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	display: inline;
}
.cadre-actu a:hover h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;
	margin:0px;
	display: inline;

}


#login_block {
	position:absolute; 
	top:0px; 
	right:5px;
	color:#FFFFFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:200;
}
#login_block a{
	color:#506d56;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:18px;
	padding:0px 7px 0px 7px;
	line-height:18px;
	background-color:#90a695;
	border: 1px solid #506d56;
	
}
#login_block a:hover{
	color:#506d56;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
		height:18px;
	padding:0px 7px 0px 7px;
	line-height:18px;
	background-color:#ccd2ce;
	border: 1px solid #506d56;
}

table.tableformregister {
	border:1px solid #606663;
	background-color:#7A7A72;
}

td.leftformregister {
	background-color:#000000;
}
td.rightformregister {
	background-color:#7A7A72;
	padding:20px 10px 20px 10px;
	color:#e4e4e4;
	font-weight:bold;
	background-image:url(../images/form/bg-enregistrer.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
td.rightformactivation {
	background-color:#7A7A72;
	padding:20px 10px 20px 10px;
	color:#e4e4e4;
	font-weight:bold;
	background-image:url(../images/form/bg-activation.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

td.rightformsupport {
	background-color:#7A7A72;
	padding:20px 10px 20px 10px;
	color:#e4e4e4;
	font-weight:bold;
	background-image:url(../images/form/bg-support.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
td.rightformcomment {
	background-color:#7A7A72;
	padding:20px 10px 0px 10px;
	color:#e4e4e4;
	font-weight:bold;
	background-image:url(../images/form/bg-comment.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
input[type=text]
{
	height:20px;
	border:2px solid #606663;
	background-color:#c6c6bf;
	color:#606663;
	font-size:14px;
	font-weight:bold;
	padding-left:5px;
	-webkit-border-radius: 5px;    /* pour Safari */
    -moz-border-radius: 5px;       /* pour Firefox */
    border-radius: 5px;

}


input.form {
	height:20px;
	border:2px solid #606663;
	background-color:#c6c6bf;
	color:#606663;
	font-size:14px;
	font-weight:bold;
	padding-left:5px;
	-webkit-border-radius: 5px;    /* pour Safari */
    -moz-border-radius: 5px;       /* pour Firefox */
    border-radius: 5px;

}
textarea {
	border:2px solid #606663;
	background-color:#c6c6bf;
	color:#606663;
	font-size:13px;
	font-weight:bold;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px;    /* pour Safari */
    -moz-border-radius: 5px;       /* pour Firefox */
    border-radius: 5px;

}
textarea.form {
	border:2px solid #606663;
	background-color:#c6c6bf;
	color:#606663;
	font-size:13px;
	font-weight:bold;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius: 5px;    /* pour Safari */
    -moz-border-radius: 5px;       /* pour Firefox */
    border-radius: 5px;

}

.error {
	display:block;
	color:#993333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	background-color:#fde1e1;
	border:2px solid #993333;
	-webkit-border-radius: 5px;    /* pour Safari */
    -moz-border-radius: 5px;       /* pour Firefox */
    border-radius: 5px;
}
.msgok {
	display:block;
	color:#606663;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px 10px 20px 10px;
	background-color:#c6c6bf;
	border:2px solid #606663;
	-webkit-border-radius: 5px;    /* pour Safari */
  -moz-border-radius: 5px;       /* pour Firefox */
  border-radius: 5px;
	background-image:url(../images/form/bg-logo-aimgehess.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}



/* ARTICLE */
  /* NEWS */
  a.link-categorie{
    color:#85A06B; 
    font-weight:bold;
    text-decoration: none;
    }
   a.link-categorie:hover{
    color:#FFCC00; 
    font-weight:bold;
    text-decoration: none;
    }
  
  /* TAGS */
  .head-tags {
		display:block;
		border-bottom:1px dotted #cacccc;
		margin-bottom:10px;
		height:36px;
	}
	.nb-tags { 
		background-image:url(../images/nc/icon-tags.png); 
		background-repeat:no-repeat;
		background-position:left center;
		height:36px;
		line-height:36px;
		padding-left:55px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#606663;

		float:left;
		}
  
	/* RELATED NEWS */
	.head-related {
		display:block;
		border-bottom:1px dotted #cacccc;
		margin-bottom:10px;
		height:36px;
	}
	.nb-related { 
		background-image:url(../images/nc/icon-related.png); 
		background-repeat:no-repeat;
		background-position:5px center;
		height:36px;
		line-height:36px;
		padding-left:55px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#606663;
		float:left;
	}
	.txt-related {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		text-align: justify;
	}
	.txt-related a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #693b11;
		text-decoration: none;
	}
	.txt-related a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #5A8BA9;
		text-decoration: none;
	}
	
	.txt-related ol { float:left; margin-left: 0px; padding-left: 10px;}
	.txt-related li { margin-left: 0px; padding-left: 0px; list-style-position: inside;}
	
	
	/* COMMENTAIRE */
	td.info-comment { padding: 0px 0px 0px 5px; }
	.nom-comment { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#35404a; }
	.date-comment { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; }
	.nb-comment { 
		background-image:url(../images/nc/icon-comment.png); 
		background-repeat:no-repeat;
		background-position:left center;
		height:36px;
		line-height:36px;
		padding-left:55px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#606663;

		float:left;
		}
	.btt-ajouter-comment { float:right; }
	.btt-ajouter-comment a{  color:#313534; background-color:#606663; border:1px solid #313534; text-decoration:none; padding:0px 5px 0px 5px; height:26px; line-height:26px; font-weight:bold; display:block; }
	.btt-ajouter-comment a:hover{ color:#606663;background-color:#CACCCC; border:1px solid #606663;  text-decoration:none; padding:0px 5px 0px 5px; height:26px; line-height:26px; font-weight:bold; display:block; }
	.head-comment {
		display:block;
		border-bottom:1px dotted #cacccc;
		margin-bottom:10px;
		height:36px;
	}
	
	.page { color:#2f3430; margin:0px 10px 0px 0px; }
	.linkpage { display:block;}	
	.linkpage a { color:#2f3430; background-color:#9bb1a0; padding:3px;  border:1px solid #2f3430;text-decoration:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px;float:left; margin: 0px 10px 10px 0px;  } 
	.linkpage a:hover { color:#9bb1a0; background-color:#2f3430; padding:3px;  border:1px solid #2f3430;text-decoration:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px;  } 
	.linkpageon a, .linkpageon a:hover{ color:#9bb1a0; background-color:#2f3430; padding:3px; margin:0px 5px 0px 0px; border:1px solid #2f3430;text-decoration:none; font-weight:bold; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px; } 

  .msg-ok {
    background-color:#C6E4C3;
    background-image:url(../images/nc/icon-ok.png);
    background-position:10px 10px;
    background-repeat:no-repeat;
    border:1px solid #3D6039;
    color:#3D6039;
    display:block;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;
    margin:10px 0;
    padding:12px 10px 10px 70px;
     -webkit-border-radius: 5px;    /* pour Safari */
    -moz-border-radius: 5px;       /* pour Firefox */
    border-radius: 5px;
    }
  /*ARCHIVE */
  .titre-annee {
    background-color:#2F3430;
    color:#85A06B;
    display:block;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    padding:3px;
    margin: 30px 0px 15px 0px;
    text-align:center;
    border:1px solid #1c221D;
    -webkit-border-radius: 3px;    /* pour Safari */
    -moz-border-radius: 3px;       /* pour Firefox */
    border-radius: 3px;
    
    }
    
    .link-archive {
    position: relative;
    width: 130px;
    margin: auto;
    color: #839D69;
    display: block;
    text-align: center;
    margin-bottom: 5px;
    
    }
    .link-archive a{ color: #839D69; text-decoration: none; background-color:#2F3430; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border: 1px solid #839D69; display: block; width: 130px; height: 20px; line-height: 20px;}
    
     .link-archive a:hover{background-color:#839D69; color: #2F3430; text-decoration: none; border: 1px solid #2F3430;}
    
 /* css slideshow News */
 
#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none;}
#wrapper {width:488px; margin:0px auto; display:none;}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:490px; height:230px; overflow: hidden; padding:0px; border:1px solid #ccc; background:#2f3430; background-image: url(../images/slideshow-interface/slideshow-loader.gif); background-position: center center; background-repeat: no-repeat;}
#information {position:absolute; bottom:0; width:490px; height:0; background:#2f3430; color:#fff; overflow:hidden; z-index:200; opacity:.9; filter:alpha(opacity=90);}
#information h3 {padding:4px 8px 3px; font-size:14px;}
#information p {padding:0 8px 8px;}
#image {width:488px;}

#image img {position:absolute; z-index:25; width:auto;}
.imgnav {position:absolute; width:25%; height:230px; cursor:pointer; z-index:150;}
#imgprev {left:0; background:url(../images/slideshow-interface/left.gif) left center no-repeat;}
#imgnext {right:0; background:url(../images/slideshow-interface/right.gif) right center no-repeat;}
#imglink {position:absolute; height:230px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40);}

#thumbnails {margin-top:3px; visibility: hidden;}

#slideleft:hover {background-color:#333;}

#slideright:hover {background-color:#333;}
#slidearea {float:left; position:relative; width:488px; margin-left:5px; height:11px; overflow:hidden;}
#slider {position:absolute; left:0; height:11px;}
#slider img {cursor:pointer; padding:0px;}

/*#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}*/
 /************************************************************\
  *
  *	  wordCloud Copyright 2007 Derek Harvey
  *	  www.lotsofcode.com
  *
  *	  This file is part of wordCloud.
  *
  *	  wordCloud is free software; you can redistribute it and/or modify
  *	  it under the terms of the GNU General Public License as published by
  *	  the Free Software Foundation; either version 2 of the License, or
  *	  (at your option) any later version.
  *
  *	  wordCloud is distributed in the hope that it will be useful,
  *	  but WITHOUT ANY WARRANTY; without even the implied warranty of
  *	  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.	See the
  *	  GNU General Public License for more details.
  *
  *	  You should have received a copy of the GNU General Public License
  *	  along with wordCloud; if not, write to the Free Software
  *	  Foundation, Inc., 59 Tpxple Place, Suite 330, Boston, MA	02111-1307	USA
  *
  \************************************************************/


  /* partie HB pour présentation des tags sir le sidebar */
  
  .titre-tags {
    background-image:url(../images/nc/titre-tags.jpg);
    background-repeat:no-repeat;
    color:#9D9D9D;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:bold;
    height:26px;
    line-height:26px;
    padding-left:10px;
    width:394px;
    }
  td.contenu-tags {
    background-color:#57635E;
    border-bottom:1px solid #3E403E;
    border-left:1px solid #3E403E;
    border-right:1px solid #3E403E;
    display:block;
    width:402px;
    padding-bottom:5px;
    }
  .word-cloud { padding: 5px;}

  /* partie wordcloud */
  .word {
  	font-family: "Trebuchet MS", Arial, Verdana, Tahoma;
  	padding: 4px 4px 4px 4px;
  	/*letter-spacing: 3px;*/
  	text-decoration: none;
  	font-weight: normal;
  }
  .size9 {
  	color: #000;
  	font-size: 26px;
  }
  .size8 {
  	color: #111;
  	font-size: 24px;
  }
  .size7 {
  	color: #222;
  	font-size: 22px;
  }
  .size6 {
  	color: #333;
  	font-size: 20px;
  }
  .size5 {
  	color: #444;
  	font-size: 18px;
  }
  .size4 {
  	color: #555;
  	font-size: 16px;
  }
  .size3 {
  	color: #666;
  	font-size: 14px;
  }
  .size2 {
  	color: #777;
  	font-size: 12px;
  }
  .size1 {
  	color: #888;
  	font-size: 11px;
  }
  .size0 {
  	color: #999;
  	font-size: 10px;
  }
 
 /* style message info ok */
 .msg-ok {
	display:block;
	background-color:#C6E4C3;
	border: 1px solid #3D6039;
	color:#3D6039;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:10px 10px 10px 35px;
	margin:10px 0px 10px 0px;
	background-image:url(../images/icon-ok.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

/* css pour le check et affichage erreur dans formulaire */
	.formError {
			position:absolute;
			top:-300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  



/* Partie account membre front office */

.medalaccount { padding: 5px; background: #767C7A url(../images/nc/bg-medal-box.png) no-repeat right bottom; border: 1px solid #8C9391; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.medalaccount h2{ color: #313634; font-size: 14px; font-weight: bold; margin: 0px;}

.contentboxaccount { padding: 5px; background: #dadada; border: 1px solid #cbcbcb; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.contentboxaccount h2{ color: #313634; font-size: 14px; font-weight: bold; margin: 0px;}

.boxleft { padding: 5px; background-color: #767C7A; border: 1px solid #8C9391; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.red { color: red; font-size: 16px; }
.redtext { color: red; font-size: 10px;}

.msgadm { border: 1px solid #454D4A; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-color: #5D6260; padding: 10px; margin:0px 0px 10px 0px; color: #bdc5c2;}


/* Tooltips jquery */
#tooltip {
	position: absolute;
	z-index: 30000;
	border: 1px solid #daeecf;
	background-image: url(../images/nc/bg-tooltips.png);
	background-repeat: no-repeat;
	background-color: #4b7126;
	padding: 7px;
	/*opacity: 0.85;*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color: #daeecf;
	font-size: 11px;
	-webkit-box-shadow:  0px 0px 15px #000000;
	-moz-box-shadow: 0px 0px 15px #000000;
	box-shadow: 0px 0px 15px #000000; 
}
#tooltip div { margin: 0; width: 250px; text-align: justify; }

#tooltip h3 { border-bottom: 1px solid #152f07; margin:0px 0px 5px 0px; font-size: 14px; color: #152f07; }

.aide a, .aide a:hover { widows: 0; text-decoration: none; cursor: help; font-size: 11px; color: #464641; }

.bronze {padding: 0px 5px; height: 12px; line-height: 10px; color: #7a550f; background-color: #bc8b2c; font-size: 10px; border: 1px solid #7a550f; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  
-webkit-box-shadow:  0px 0px 2px #c2d7a1;
-moz-box-shadow: 0px 0px 2px #c2d7a1;
box-shadow: 0px 0px 2px #c2d7a1; 
}

.argent {padding: 0px 5px; height: 12px; line-height: 10px; color: #5a5956; background-color: #b6b5b2; font-size: 10px; border: 1px solid #5a5956; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
-webkit-box-shadow:  0px 0px 2px #c2d7a1;
-moz-box-shadow: 0px 0px 2px #c2d7a1;
box-shadow: 0px 0px 2px #c2d7a1; 
  }

.or {padding: 0px 5px; height: 12px; line-height: 10px; color: #a05f03; background-color: #ffba00; font-size: 10px; border: 1px solid #a05f03; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  
-webkit-box-shadow:  0px 0px 2px #c2d7a1;
-moz-box-shadow: 0px 0px 2px #c2d7a1;
box-shadow: 0px 0px 2px #c2d7a1; 
}

.platine {padding: 0px 5px; height: 12px; line-height: 10px; color: #42475d; background-color: #81869c; font-size: 10px; border: 1px solid #42475d; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
-webkit-box-shadow:  0px 0px 2px #c2d7a1;
-moz-box-shadow: 0px 0px 2px #c2d7a1;
box-shadow: 0px 0px 2px #c2d7a1; 

  }