

/************************************* 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;letter-spacing:1px;display:block;line-height:1.2em;}

.abutton, .abutton img{vertical-align:middle;}


.btn-orange {background:url(../medias/images/btn-orange-bg.png) center repeat-x !important;color:#FFF !important;font-weight:bold;}


/***************************************** fancybox / mbox *****************************************/

#annonce_mbox  ul{list-style:square outside none; margin:10px;}

.mbox_progress_title{font-size:0.8em;text-align:right;color:#f00;letter-spacing:1px;}

.mbox_progress_title.green,.green{color:green;}
.mbox_progress_title.blue,.blue{color:blue;}
.mbox_progress_title.orange,.orange{color:#ff6600;}
.mbox_progress_title.grey,.grey{color:#c0c0c0;}
.mbox_progress_title.yellow,.yellow{color:#ffffcc;}


.mbox_bottom p.mboxlinks{text-align:right;position:relative;}
.mbox_bottom p.mboxlinks a{vertical-align:middle; letter-spacing:1px;text-decoration:none;  }
.mbox_bottom img{ vertical-align:middle;}

.greyed_infos{color:#999; font-style:italic;  }


/*********************************** 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;

}


/************************************** 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}
.requis{color:#F30;font-size:1.4em;}
.red{color:red;}
.orange{color:#EC6900;}
.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;}
.text-justify{text-align:justify;}

.v-middle{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-baseline{vertical-align:baseline;}
.margin-5{margin:5px;}
.margin-5-0{margin:5px 0px;}
.margin-0-5{margin:0px 5px;}
.padding-5{padding:5px;}
.padding-5-0{padding:5px 0;}
.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;}  
.module-white{background:#fafafa;border:1px solid #d0d0d0}


.code{font-family:courier new, terminal, arial;background:#ffffcc;border:1px solid black; padding:2px;}



/***************************************** jquery ui hacks ******************************************/

.ui-progressbar{ height:0.7em !important;}
.uploadifyQueueItem{padding:5px;}
.formError{width:auto;}
.ui-tabs{padding: 0.2em 0em;}
.ui-widget-content{border:1px solid #d0d0d0 !important;}


#fancybox-content h1{float:none;padding:5px 0 5px 0;}


/****************************************** signupmessage ***************************************************/
#signupmessage{clear:both;/*float: left;*/margin:0 auto;width:630px;}
#signupmessage h1{font-size:0.85em;margin:0px;padding:1px 1px 1px 1px;background-position:left bottom;letter-spacing:0px;}
#signupmessage #loginpart{width:300px;float:left;border:2px solid #e0e0e0;}
#signupmessage #signuppart{width:300px;float:right;border:2px solid #e0e0e0;margin-left:5px;}

#signupmessage #loginpart form{margin:5px;}
#signupmessage #signuppart form{margin:5px;}

#signupmessage #loginpart form .entry{margin-left:10px;height:75px;}
#signupmessage #signuppart form .entry{margin-left:10px;height:50px;}


/*********************** content_col ************************************/


#content_3col {width:666px !important;min-height:600px;margin:0px auto ;padding:0px 0px;}
#content_2col {width:817px !important;min-height:600px;margin:0px auto ;padding:0px 0px;}
#content_full{/*width:980px;*/}



/**************************** SIDE ***************************/

#side_left{border-right:0px solid #cfcfcf;text-align:left;float:left;width:151px;margin-top:0px;color:#000;min-height:500px;padding-top:5px;margin-right:5px;}
#side_right{border-left:0px solid #cfcfcf;text-align:left;float:left;width:151px;margin-top:0px;color:#000;min-height:500px;padding-top:5px;margin-left:5px;}
#side_right h3{font-size:16px;text-indent:25px;line-height: 1.2em;padding: 5px 0 5px;margin:0;}
#side_left .sep{height:1px;margin:2px;border-bottom:1px dotted #e0e0e0;}
#side_left a{display:block;padding:1px 2px;border-radius:3px;overflow: hidden;} 
#side_left a:hover,#side_left a.current{background:#D3D8DC;}
 
/************************ some colors ***************************/
.bg-dark {  background-color:#474F5D !important;}
.bg-medium{  background-color:#D8D5D6 !important; }
.bg-light {  background-color:#F1F2F2 !important;}
.fg-dark{color:#474F5D;}
.fg-medium{color:#292F3B;}
.fg-light{color:#F1F2F2;}

/******************************************** intros ******************************************************/

.intro{/*margin-left:20px;*/margin-bottom:10px;}
.intro ul { list-style-type: disc;}
.intro ol { list-style-type: decimal;}
.intro li {  margin: 0 0 0 40px; }

/***************************************** cadreWarnings *****************************************/
.cadreWarnings{background:#FFE0E0;border:1px 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;}




/*************************************** lang translate item *********************************************/

.lang_translate_item{
	cursor:pointer;
	background:#FFFF00;
}


#inline_preview div {margin:20px auto;}
#inline_preview div div{margin:0 auto;}
