/********************************************NICEFORMS*********************************************/

/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:21px; background:url(img/input.png) repeat-x 0 0; padding:0px; margin:0; float:left;}
.NFTextCenter input{border:none;background:none;padding:2px 0;margin:0;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(img/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(img/input-right.png) no-repeat 0 0;}

/*TextArea */
.NFInput{background:url(img/bg.png);border:1px solid #d7d7d7;}

/*Buttons*/
.NFButton {width:auto; padding-top:6px;height:26px;  padding:0 2px; background:url(img/button.png) repeat-x 0 0; cursor:pointer; border:none; /*font:10px/26px Tahoma, Arial, Helvetica, sans-serif;*/ font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;float:left}
.NFButton:hover{ background:url(img/button.png) repeat-x 0 100%}
.NFButton input{border:0;background:none;font-weight:bold;color:#fff;height:25px;cursor:pointer; }
.NFButton a{color:#fff}
.NFButton input:hover,.NFButton a:hover{color:#000}

.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(img/button-left.png) no-repeat 0 0;float:left;display:block}
.NFButtonRight {background:url(img/button-right.png) no-repeat 0 0;float:left;display:block}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}


/************************************* liens avec bgimage ******************************************************/
a.arrow-left{background:url(../medias/images/arrow-left.png) left center no-repeat;text-decoration:none;display:inline-block;height:48px;margin-top:4px;}
a.arrow-left span{margin:15px 0px auto 40px;font-size:0.85em;letter-spacing:1px;display:block;line-height:1.2em;}
.abutton, .abutton img{vertical-align:middle;}

/*********************************** tooltips *****************************/
.need_tooltip,.need_tooltip_big{vertical-align:middle;cursor:help}
.tooltip,.tooltip_big, .tooltip_top {
	text-align:left;
	display:none;
	background: url(../medias/images/black_arrow.png) no-repeat;
	height:107px;
	padding:10px 15px 0px 15px;
	width:184px;
	font-size:11px;
	color:#fff;
}

.tooltip_big {
	background:url(../medias/images/black_arrow_big.png);
	height:183px;
	padding:20px 30px 10px 30px;
	width:310px;
	line-height: 15px;
	z-index:8000;
}
.tooltip_top {
	margin-top:-20px;
	background:url(../medias/images/black_arrow_top.png) top left no-repeat;
	height:291px;
	padding:65px 40px 20px 45px;
	width:470px;
	line-height: 18px;
	z-index:8000;
	color:#000;

}


/**************************************** tableau de graph ************************************/
.tableaugraph td
{
	vertical-align:middle;
}
/************************************** end FOOTER ***********************************/

.clr{clear:both;}
.gauche{float:left;}
.droite{float:right;}
.inline{display:inline;}
.inline-block{display:inline-block;}
.visibility-hidden{visibility:hidden;}

.decoration-none{text-decoration:none;}
.decoration-underline{text-decoration:underline;}
.uppercase{text-transform:uppercase;}
.font-06{font-size:0.6em;}
.font-07{font-size:0.7em;}
.font-08{font-size:0.8em;}
.font-09{font-size:0.9em;}
.font-10{font-size:1.0em;}
.font-11{font-size:1.1em;}
.font-12{font-size:1.2em;}
.font-13{font-size:1.3em;}
.font-14{font-size:1.4em;}
.font-15{font-size:1.5em;}
.font-16{font-size:1.6em;}
.font-18{font-size:1.8em;}
.font-20{font-size:2em;}
.font-22{font-size:2.2em;}
.font-25{font-size:2.5em;}
.small{font-size:0.9em;font-weight:normal;}
.smaller{font-size:0.85em;font-weight:normal;}
.smallest{font-size:0.80em;font-weight:normal;}
.normal{font-size:1em;font-weight:normal;}
.large{font-size:1.10em;}
.larger{font-size:1.15em;}
.largest{font-size:1.30em;}
.x-largest{font-size:1.70em;}
.italic{font-style:italic;}
.bold{font-weight:bold}
.bolder{font-weight:bolder;}
.requis{color:#F30;font-size:1.4em;}
.red{color:red;}
.orange{color:orange;}
.green{color:green;}
.lightgreen{color:lightgreen;}
.purple{color:purple;}
.blue{color:#4046A7;}
.yellow{color:yellow;}
.white{color:white;}
.grey{color:#c0c0c0;}
.darkgrey{color:#777;}
.black{color:black;}
.cursor-move{cursor:move;}
.cursor-pointer{cursor:pointer;}

.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}    
.justify {text-align:justify;}

.v-middle{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-baseline{vertical-align:baseline;}
.margin-5{margin:5px;}
.margin-10{margin:10px;}
.margin-5-0{margin:5px 0px;}
.margin-0-5{margin:0px 5px;}
.padding-5{padding:5px;}
.margin-left-5{margin-left:5px;}
.margin-left-10{margin-left:10px;}
.margin-top-5{margin-top:5px;}
.margin-interne{	margin-left:20px;	margin-right:20px;}


.successmessage{background:#CCFFCC;color:#006600;border:1px solid #00cc00 ;}
.errormessage{background:#FFCCCC;color:#660000;border:1px solid #ff3300 ;}
.infomessage{background:#99ccff;color:#009;border:1px solid #03c ;}

.module-grey{  background-color:#e0e0e0;}  

.code{font-family:courier new, terminal, arial;background:#ffffcc;border:1px solid black; padding:2px;}



/***************************************** jquery ui hacks ******************************************/

.ui-progressbar{ height:0.7em;}
.uploadifyQueueItem{padding:5px;}
.formError{width:auto;}
.ui-tabs{padding: 0.2em 0em;}


/******************************************** intros ******************************************************/

div.intro{margin-left:20px;margin-bottom:10px;}
div.intro ul { list-style-type: disc;}
div.intro ol { list-style-type: decimal;}
div.intro li {  margin: 0 0 0 40px; }


/******************************************* disclaimer ********************************************/
#disclaimer_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../medias/images/disclaimer/overlay.png);z-index:9999;}
#disclaimer{position:fixed;width:712px;height:450px;top:50%;left:50%;margin-top:-225px;margin-left:-356px;z-index:10000;text-align:center;}
#disclaimer .disclaimer-bg{background:#FFF;border:1px solid red;padding:5px;}
#disclaimer ul {list-style-type:none;padding:0;margin:0;}
#disclaimer li {position:relative;float:left;}
#disclaimer li a{display:block;width:176px;height:181px;text-decoration:none;}
#disclaimer a.l-videos{background:url(../medias/images/disclaimer/videos.png) 0px 0px no-repeat;}
#disclaimer a.l-rencontre{background:url(../medias/images/disclaimer/rencontre.png) 0px 0px  no-repeat;}
#disclaimer a.l-boutique{background:url(../medias/images/disclaimer/boutique.png) 0px 0px no-repeat;}
#disclaimer a.l-webmaster{background:url(../medias/images/disclaimer/webmaster.png) 0px 0px  no-repeat;}
#disclaimer a.l-sortir{display:block;width:488px;height:53px;background:url(../medias/images/disclaimer/sortir.png) 0px 0px no-repeat;margin:0 auto;}
#disclaimer a.l-videos:hover{background-position:0px -180px;}
#disclaimer a.l-rencontre:hover {background-position:0px -180px;}
#disclaimer a.l-boutique:hover {background-position:0px -180px;}
#disclaimer a.l-webmaster:hover {background-position:0px -180px;}
#disclaimer a.l-sortir:hover {background-position:0px -52px;}


/***************************************** cadreWarnings *****************************************/
.cadreWarnings{background:#FFE0E0;border:0px solid #ff0000;font-weight:bold;padding:5px;display:none;margin:20px auto;border-radius:5px;}
h1 + .cadreWarnings{margin:0 auto 20px auto;}
.cadreWarnings .icon-error{padding-left:20px;background:url(../medias/images/cadreWarnings/icon-error.png) left center no-repeat;color:#000;}
.cadreWarnings .icon-info{padding-left:20px;background:url(../medias/images/cadreWarnings/icon-info.png) left center no-repeat;color:#003366;}
.warning-red{background:url(../medias/images/cadreWarnings/icon-error.png) left center no-repeat !important;color:#F00 !important;padding-left:20px;}