@charset "iso-8859-1";
@import "reset.css";
@import "box_notice.css";
@import "fileuploader.css";
* {font-size:12px ; margin:0; padding:0;font-family:Arial, Helvetica, sans-serif;}

body {background:#09a9ca url('../images/bg_body.png') repeat-x; color:#333;background-attachment:fixed;}
/*************************************COULEURS***************************************/
.noir{color:#000;}.rouge{color:#c00;}.title_color,.orange{color:#F75700}.bleu{color:#006090;}.gris{color:#555}.vert_claire{color:#94CB01}.vert{color:#458904}.bleu_claire{color:#0593F6}.orange_p{color:#F56112}.rose{color:#D01A64;}
.fleft,.left { float:left;}
.italic{font-style:italic;}
.fright,.right { float:right;}
.alignright{text-align:right;}
.wrapper {width:100%;/*overflow:hidden;*/}
.extra-wrap {overflow:hidden;}
.hidden{display:none;}
.hr{border-top:1px solid #ccc; width: 75%; position: relative; margin: 0 auto 40px auto; height: 1px;}
a {color:#0397C5; text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
.lnk,
.lnk2 {color:#01ABC4; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 13px;}
.lnk {background:transparent url('../images/arrow-bleu.gif') no-repeat left center;}
.lnk2 {background:transparent url('../images/arrow-bleu.gif') no-repeat left top;}
ul.bullets{list-style-type: disc;margin-left: 15px;}

ul.bullets li {
	line-height: 1.5em;
	padding-bottom:5px;
}
a.tileLinkRightArrow {
	text-decoration: none;
	padding-right: 13px;
	background: url("../images/data-fleche.gif") no-repeat scroll right bottom transparent;
	font:normal normal normal 12px arial;
	color:#067AB4;
}

a.tileLinkRightArrow:hover {text-decoration:underline;}
.relativePosition{position: relative;}
.absolutePosition{position: absolute;}
.block{display: block;}
.noMargin{margin: 0px;}
.floatLeft{float: left;}
.floatRight{float: right;}
.inline{
	display: inline-block;
}
strong,b,.bold{font-weight: bold;}.petit{font-size:11px;}
.normalText{
	font-weight: normal;
}
.smallText{
	font-size: 12px;
}
.largeText{
	font-size: 16px;
}
.largestFont{
	font-size: 18px;
}
.lineHeight150{
	line-height: 1.5em;
}
.textAlignRight{
	text-align: right !important;
}
.textAlignCenter{
	text-align: center;
}
.whiteText{
	color: #ffffff;
}
.underline{
	text-decoration: underline;
}
.noDecoration,
a.noDecoration{
	text-decoration: none;
}
.underlineHover,
a.underlineHover{text-decoration: none;}
.underlineHover:hover,
a.underlineHover:hover{
	text-decoration: underline;
}
/*************************** WIDTH & HEIGHT *************************************/
.width100{width:100px;}.width250{width:250px;}.width280{width:280px;}.width235{width:235px;}.width150{width:150px;}.width265{width:265px;}.width200{width:200px;}.width80{width:80px;}.width85{width:85px;}.width120{width:120px;}.width50{width:50px;}.width325{width:325px}.width350{width:350px;}.height100{height:100px}.width450{width:450px;}.width550{width:550px;}.height150{height:150px}.height250{height:250px}.height350{height:350px}.height45{height:45px}.height75{height:75px}.widthr50{width:50%;}.width35{width:35px;}.width530{width:530px;}


/* Clear Floated Elements */
h1{font:normal 32px Arial; margin-bottom:20px;}
h2{font: normal 22px Arial; margin-bottom:15px;}
h3{font: bold 16px Arial; margin-bottom:5px;}
h5 {font-size: 13px;font-weight: bold;color: #000;margin-bottom:8px;}
h4{font: normal 90% Arial;}
h1.tc_title_home { font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; margin-bottom:10px; }
h2.grd{font: normal 26px Arial; margin-bottom:15px;}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}
#main {font-size:.75em;}
.container {position: relative;width: 980px;margin: 0 auto;padding:20px 10px  20px 15px;}
.container2 {position: relative;width: 960px;margin: 0 auto;padding:20px 20px  20px 25px;}
.container.fullwidth,.container2.fullwidth{width:98%;padding:20px 0px;}
/* ------------------------------- Inscription --------------------------------- */
.containerinscription{padding:25px;margin-bottom:0px;position:relative;}
.containerinscription .masquotte{display:block;position:absolute;width:329px;height:400px;background:url(../images/ing_inscription.png) 0 0 no-repeat;right:10px;bottom:120px;z-index:10;}
.containerinscription .free,.containerinscription .free.fr{display:block;position:absolute;width:119px;height:119px;background:url(../images/free_fr.png) 0 0 no-repeat;right:30px;top:-50px;}
.containerinscription .free.en{background-image:url(../images/free_en.png);}
.containerinscription .carte{display:block;position:absolute;width:407px;height:205px;background:url(../images/bg_carte.jpg) 0 0 no-repeat;right:230px;top:180px;}
.containerinscription .section_toggle{display:none;}
/* ------------------------------- fin Inscription --------------------------------- */

#header {
	position: relative;
	height: 135px;
	z-index: 99;
	padding-top:40px;
}
.logo {position: absolute;top: 13px;left: 15px;}
span#phone-number {
    color: #d5ff55;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0 20px 70px;
	position:absolute;
	display:inline-block;
	top:10px;
	right:30px;
	background:url(../images/audio-headset.png) left 12px no-repeat;
	text-align:right;
}
span#phone-number em{font-size:12px;color:#fff;text-align:right;line-height:16px;display:block;padding-top:0px;text-transform:none;font-weight:normal;}
span#phone-number em i{color:#9feeff;font-weight:normal;}
span#slogan {
    color: #fff;
    font-size: 25px;
    font-weight: normal;
	display:inline-block;
	position:absolute;
	top:30px;
	left:320px;
}
span#version {
    color: #d5ff55;
    font-size: 11px;
    font-weight: bold;
	display:inline-block;
	position:absolute;
	top:85px;
	left:250px;
}
#top-support-nav {
 display:none;/*inline-block;*/
 position:absolute;
 top:65px;
 left:330px;
}

#top-support-nav ul, #top-support-nav ul li{
padding: 0;
margin: 0;
display: block;
}

#top-support-nav ul li{
float: left;
background-image: url('../images/divider.jpg');
background-repeat: no-repeat;
background-position: right 3px;
padding-left: 7px;
padding-right: 8px;
}

#top-support-nav ul .last{
background-image: none;
}

#top-support-nav ul li a, #top-support-nav ul li a:visited, #top-support-nav ul li a:hover{
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  display:inline-block;
  padding:2px 0 2px 25px;
  background:url(../images/vide.gif) left top no-repeat;
}
#top-support-nav ul li a.supp{background-image:url(../images/ico_supp.png)}
#top-support-nav ul li a.dev{background-image:url(../images/ico_dev.png)}
#top-support-nav ul li a.cont{background:url(../images/ico_cont.png) left 3px no-repeat}

#top-support-nav ul li a:hover{
text-decoration: underline;
}
#main_content .container,#main_content .container2{background:#fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#site_content_gauche{width:675px;float:left;}
#site_content_droit{width:280px;float:left;margin-left:15px;}
#site_content_gauche2{width:640px;float:right;margin-right:20px;padding-top:30px;/*background:#000;*/}

.fullwidth #site_content_droit{width:29%;}
.fullwidth #site_content_gauche2{width:66%;}

#site_content_droit2{width:230px;float:left;margin-right:30px;margin-left:10px;background:#f0f0f0;padding:30px 10px 10px 10px;position:relative;border-top:1px solid #ddd;}
#site_content_droit3{width:250px;float:left;margin-right:30px;margin-left:10px;padding:30px 0px 10px 0px;position:relative;}
#site_content_droit2.margtop{margin-top:30px;}
.containerinscription #site_content_gauche{width:600px;}
.containerinscription #site_content_droit{width:355px;}
img {border:none; outline:none;}
#bouton-test{
    display: block;
    background: url('../images/lien_tester.gif') top;
    text-indent: -99999px;
    height: 129px;
    width: 280px;
	margin-bottom:10px;
}
#site_content_droit h2.test{padding:5px 0px;color:#f37004;background_:#00cef1;text-transform:uppercase;font-size:16px;letter-spacing:0px;font-weight:600;margin-bottom:1px;}

/**********************************************menus user top**************************************************************/
/*#user_account_menus{font-size:1em;padding: 0px 0px 0px 0px;margin-bottom:0px;background:#303030;position:fixed;width:100%;z-index:1000;}*/
#user_account_menus{font-size:1em;padding: 0px 0px 6px 0px;margin-bottom:0px;position:fixed;z-index:100;background:#000;position:fixed;width:100%;z-index:1000;
background: #e7e7e7 url('../images/header-bg-nav.png') repeat-x scroll 0px 100%;
-webkit-box-shadow:0px 2px 6px rgba(0,0,0,.5);
-moz-box-shadow:0px 2px 6px rgba(0,0,0,.5);
-ms-box-shadow:0px 2px 6px rgba(0,0,0,.5);
box-shadow:0px 2px 6px rgba(0,0,0,.5)}
.ie #user_account_menus{background:#303030;}
#user_account_menus .wrapper	{min-height:40px;margin: 0 auto;width: 960px;}
#user_account_menus .wrapper.fullwidth	{width: 98%;}
#user_account_menus .menu {font-weight:normal;float:left;display:inline-block;}
#user_account_menus .menu  ul{padding: 0px 0px 0px 0px;margin: 0px; list-style:none;}
#user_account_menus .menu  li{float:left;padding: 0 0 0 0 ;margin: 10px 0px 2px 0px;/*background:url('../images/menu_item.gif') 100% 8px no-repeat transparent;*/border-left:1px solid #ccc;border-right:1px solid #fff;}
#user_account_menus .menu  ul.form li{background:none;border:none;}
#user_account_menus .menu  li.last{ background:none;border-right:none;}
#user_account_menus .menu  li.first{border-left:none;}
#user_account_menus .menu  li.act,#user_account_menus .menu  li:hover{}
#user_account_menus .account  li a, #user_account_menus .menu  li strong{color:#414141;display:inline-block;padding: 3px 11px 13px 11px;font-weight:bold;}
#user_account_menus .account  li a.Btn{color:#fff !important;}
#user_account_menus .account  li a{padding-top:5px;}
#user_account_menus .menu  li strong{color:#068eb0;float:left;}
#user_account_menus .menu  ul.form li strong{color:#0078AE;}
#user_account_menus .menu  li a.Btn{text-decoration:none;margin-left:15px;}
#user_account_menus .menu  li.account a, #user_account_menus .menu  li.account strong{display:inline-block;background:url(../images/icon1.png) 0px 0px no-repeat;padding-left:25px;}
#user_account_menus .menu  li.logout a{display:inline-block;background:url(../images/icon2.png) 10px 3px no-repeat;padding-left:37px;color:#d81300/*#aee800*/;}
#user_account_menus .menu  li.achat_credits a{display:inline-block;background:url(../images/icon3.png) 10px 9px no-repeat;padding-left:37px;color:#03e7fb;}
#user_account_menus .account  li a.Btn{padding:0 11px;}
/*#user_account_menus .menu  li.act a,#user_account_menus .menu  li:hover a{ color:#f6a91f;text-decoration:none;}*/
#user_account_menus .menu  li.act.last a,#user_account_menus .menu  li.last a:hover{}
#user_account_menus input.login, #user_account_menus input.pwd{font-weight:bold;color:#555/*#fff*/;padding:0px 10px;height:22px;/*text-align:center;*/float:left;margin:0px 15px 0 0;background:#fff;border-width:1px;border-style:solid;border-color:#ccc #ccc #ccc #ccc;font-family:Arial, Helvetica, sans-serif;}
#user_account_menus a.buttonv{float:left;margin-top:-3px;}
#user_account_menus input.login{width:175px;font-size:14px;}
#user_account_menus input.pwd{width:160px;font-size:14px;}
#user_account_menus .menu  ul.form li a.boutons{margin-left:15px;}
.ie #user_account_menus input.login, .ie #user_account_menus input.pwd{height:19px;padding-top:3px;}

.full-width-shadow{height:15px;padding-bottom:26px;background:url(../images/full-width-shadow.png) center bottom no-repeat;}
.full-width-shadow2{height:46px;background:url(../images/fuzzyhr.png) left bottom no-repeat;}
/****************
CONTENT BACKGROUND IMAGE 
***************/
.bg-top-shadow{
	background: url(../images/ie-top-background.png) bottom left no-repeat;
	height: 11px;
	width: 986px;
	left: -6px;
	top: -8px;
	position:relative;
	 }
.bg-mid-shadow{
	left:  -6px;
	top: -8px;
	width:986px;
	padding-left: 7px;
	background: url(../images/ie-mid-background.png) 0 0 repeat-y;
	position:relative }
.bg-bottom-shadow{
	left:  -6px;
	top:-8px;
	background: url(../images/ie-bottom-background.png) top left no-repeat;
	width: 986px;
	height: 13px;
	position:relative }
.bg-gr-bottom-shadow{
	left:  -6px;
	top:-8px;
	background: url(../images/ie-gr-bottom-background-nofat.png) top left no-repeat;
	width: 986px;
	height: 13px;
	position:relative }
.lpDiv-lob {
	position: absolute;
	top: 58px;
	right: 10px;
	z-index: 1;
}	

a.wl-purple{  color: #262281 !important;}
a.orange-hover:hover{  color: #F65924 !important;}
span.orange{color: #F65924;}
/********************************LISTE PAR DEFAUT**********************************************/
ul.default {
	position: relative;
	list-style-type: none;
	margin-bottom: 1.4545em;
	margin-top:15px;
}
ul.default > li {
	/* clear: both; */
	position: relative;
	margin-bottom: 0.5em;
	/* float: left; */
	padding: 0 0 0 12px;
	background: transparent url(../images/puce_defaut.gif) no-repeat 0 0.25em;
	display: block;
	color: #666 !important;
}

ul.default  > li > a {
	color: #666 !important;
	/*padding: 0 0 0 12px;
	background: transparent url(../images/puce_defaut.gif) no-repeat 0 0.25em;*/
	display: block;
}
ul.default.halftext{padding:15px;background:#f5f5f5;}
ul.default.halftext > li{width:285px;;float:left;line-height:20px;background-position:0 8px;color:#333;display:inline-block;color:#101010 !important;}

ul.default  > li >  span.replacedTooltip {
	color: #666;
	padding: 0 0 0 12px;
	background: transparent url(../images/puce_defaut.gif) no-repeat 0 0.25em;
	display: block;
}

ul.default  > li > a:hover{
	color: #1C94C3 !important;
}

ul.default  > li >  a img {
	vertical-align: middle;
	position: relative;
	right: -1px;
}

ul.circle {
	position: relative;
	/*list-style-type: none;*/
	/*margin-bottom: 1.4545em;*/
	margin-top:5px;list-style: circle;
	margin-left:15px;margin-bottom:5px;
}
ul.circle > li{margin-bottom: 0.5em;/*padding: 0 0 0 12px;*/color: #666 !important;}
ul.circle > li.no{list-style-type: none;}

/*************************************************************** DATAS AFFICHAGE *********************************************/
 h2.datas {
	/*text-align: center;
	font-size: 32px;*/
	font: 30px/1.1 "roboto-light-webfont",sans-serif;
	margin-bottom: 45px;
	/*padding-top: 15px;*/
}
h2.datas.bleu{color:#0496c0;/*text-align: center;*/padding-left:30px;margin-bottom: 45px;}
h2.datas.nopad{padding-left:0px;}
h3.datas {
	text-align: center;
	font-size: 1.8em;
	color: #666;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 1.8em;
}
h4.datas {
	color:#333;
	font-size:20px;
	font-weight:normal;
	margin:0 0 0 0;
}
.module-title{font-size:28px;line-height:32px;font-weight:normal;margin-bottom:15px;}
/*-------------------------------------------twoCol tiles---------------------------------------------------------------*/
ul.half{padding:0 15px;}
ul.half > li {
	float:left;
	width:420px;
	position:relative;
	margin: 0 42px 25px 0px;
}
ul.half > li.nomarginl{margin-right:0;}
ul.half li h2 {
	padding-bottom: 10px;
}

ul.half > li p {
	line-height: 1.5em;
}

ul.half > li a.vertPad img {
    padding: 5px 0 5px 6px;
    vertical-align: middle;
}

ul.half .tile .infotext{
	position:relative;
	margin-left:132px;
	width: 288px;
	margin-top:0px;
}

.infotext .btmLink {
	position:relative;
	z-index:100;
}

ul.half .tile {
	position:relative;
	margin:0;
	padding:0;
}
ul.half .tile .icon{
	float:left;
	width:110px;
	text-align:center;
}
ul.half .tile .icon img{	
	margin:0;
	padding:0;
}
ul.half .tile h4,ul.half  h4 {
	color:#333;
	font-size:20px;
	font-weight:normal;
	margin:0 0 0 0;
}
ul.half .tile p, .tile label,ul.half p {
	font-size:12px;
	font-weight:normal;
	padding:9px 0;	
	margin:0;
	line-height:20px;
}
/*  -------------------------------------- Social Network -------------------------------------------- */
#subscribe {width:288px;display:inline-block;position:absolute;right:15px;bottom:0px;}
.subscribe_icons { width:288px; margin:0px 0px 0px 0px; }
.subscribe_icons li { display:inline; float:left;width:72px; text-align:center; font-size:11px; }
.subscribe_icons a { display:block; width:50px;height:50px;}
.subscribe_icons .subscribe_twitter a { background:url(../images/twitter.png) center top no-repeat; }
.subscribe_icons .subscribe_facebook a { background:url(../images/facebook.png) center top no-repeat; }
.subscribe_icons .subscribe_rss a { background:url(../images/rss.png) center top no-repeat; }
.subscribe_icons .subscribe_google a { background:url(../images/googleplus.png) center top no-repeat; }

/***********************************************************************BOXES*****************************************************/
.box{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; border:1px solid #e3e3e3; margin-bottom:14px; position:relative; zoom:1; min-height:10px}
.top-round{-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px }
.bottom-round{-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px }
.box2{background: #FFF url('../images/box_bg_bottom.jpg') bottom repeat-x;padding:15px;border:1px solid #D8D8D8; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.box3{background: #FFF url('../images/box_bg_bottom.jpg') bottom repeat-x;padding:15px;border:1px solid #D8D8D8; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	
span.box{display:inline-block }
.div_section{margin-bottom:25px;}
.div_section.tab_content{border-right:1px solid #CCC;border-left:1px solid #CCC;border-bottom:1px solid #CCC;clear:both;visibility:visible;display:none;margin:0;padding:10px;}
.section-title{
	position:relative;
	background:#f5f5f5 url(../images/grad-heading.png) 0 100% repeat-x; 
	min-height:55px;
}
.ie .section-title{height:55px;}
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6{
	margin:10px 0 5px 24px;
	float:left;
	display:inline;
	font-size:20px; 
	line-height:55px;
	color:#333;
}
.border-bottom-dotted{background:url(../images/row-seam-dotted.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:14px }
.section-divider{background:url(../images/bg_user_box.gif) left 0 no-repeat; clear:both;padding-top:5px;margin-top:15px;}
.div_section.tab_content .section-divider{background:none;margin-top:5px;}
.section-divider h2{padding:8px 0 5px 0;font-size:22px;font-weight:normal;margin:0;color:#000;margin-bottom:10px;}
.section-divider h2 span{color:#e74602}
.section-divider p{color:#333;line-height:17px;padding:0;margin:0;}
/*@media screen{
	
	#primary-nav .box {-webkit-box-shadow:0 0 12px #ccc; -moz-box-shadow:0 0 12px #ccc; box-shadow:0 0 12px #ccc}
	.tab-group			{
		-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;
		-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px }
}}
*/
/*------------------------------------------FORMULAIRES-----------------------------------------------------------------------------------------*/
form {display: block;}
form.styled-form input.input-text, input.input-text.styled-form, form.styled-form textarea, textarea.styled-form {
	background: url(../images/bg_input.gif) left bottom repeat-x;
	border: 1px solid #ddd;
	color: #404040;
	font-size: 12px;
	vertical-align: middle;
	padding: 0 10px;
	float:left;
}
form.styled-form textarea {overflow: auto;padding: 5px 10px;margin-bottom:8px;}
/*select {padding: 6px;}*/
.option, .optgroup {font-size: 12px;}
form.styled-form input.input-text {height: 14px;padding:3px 8px;}
form.styled-form input.radio {margin: 0 3px 0 0;vertical-align: middle;}
form.styled-form label, .virtual_form_styled-form label {vertical-align: middle;color:#707070;font-weight:bold;font-size:12px;}
form.styled-form label.grouplabel, .virtual_form_styled-form label.grouplabel {padding:5px 6px;background:#f3f3f3;margin-bottom:4px;display:block;color:#888;}

form.styled-form label.optionelements_label, .virtual_form_styled-form label.optionelements_label{font-weight:normal;}
.ie form.styled-form label, .ie .virtual_form_styled-form label{color:#333;}
form.styled-form label.erreur, .virtual_form_styled-form label.erreur{color:#cc0000;}
form.styled-form label.required em, .virtual_form_styled-form label.required em  {
	color: #cc0000;
	margin-right: 4px;
	vertical-align: middle;
	font-size:16px;
	text-transform:none;
	line-height:1px;
}
form.styled-form select, form.styled-form input[type=checkbox], form.styled-form input[type=radio], form.styled-form input[type=file]{display:none;}
/*input.checkbox {margin-right: 5px;float: left;vertical-align: middle;}
.input-text:focus, textarea:focus {border: 1px solid #999;}*/
/*Form lists---*/
.form-list { margin: 15px 0 0 0;/* padding:15px;border:1px solid #ccc;display:inline-block;*/}
.form-list > li { margin: 0; padding: 3px 0;clear:both;display:block;/*position:relative;*/}
/*.form-list > li:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}*/
.form-list > li.liCfile{margin-top:8px;}
.form-list > li.hidden{display:none;}
.form-list > li.tab_content{border-right:1px solid #CCC;border-left:1px solid #CCC;border-bottom:1px solid #CCC;clear:both;visibility:visible;display:none;margin:0;padding:10px;}
.form-list div.input-box{clear:both;margin:4px 0 8px 0;position:relative;}
.form-list div.field{display: inline;float:left;margin-right:10px;position:relative;}
.form-list div.field.hidden{display:none;}
.ie .form-list > li{z-index:999999;}
.fieldset {
	border: 1px solid #ccc;
	margin: 10px 0 20px;
	padding: 15px;
}
.fieldset .legend {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin: -25px 0 0;
	padding: 0 8px;
}
.form-list .control{margin:3px 0;}
.form-list .control div.input-box { padding: 0; display: inline; margin:0;margin:0;clear:none;}
.form-list .control div.input-box input.checkbox {
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle;
	float: none;
}
.form-list .control label{font-weight:normal;font-size:12px;}
.notice_error{position:absolute;left:0px;display:inline-block;z-index:10;top:-40px;}
.notice_error p{background:#fffdeb url(../images/bg_error.png) 5px 3px no-repeat;border:1px solid #fad388;padding:4px 5px 4px 28px;width:160px;margin:0;font-size:11px;line-height:13px;color:#333;display:inline-block;position:relative;z-index:999999;/*height:auto !important;*/}
.notice_error.flb span{display:block;background:url(../images/bg_error_flb.png) 0 0 no-repeat;width:17px;height:10px;position:absolute;bottom:-9px;left:50px;z-index:999999;}
.notice_error.flg span{display:block;background:url(../images/bg_error_flg.png) 0 0 no-repeat;width:10px;height:17px;position:absolute;left:-8px;top:10px;z-index:999999;}
.notice_error.flh span{display:block;background:url(../images/bg_error_flh.png) 0 0 no-repeat;width:17px;height:10px;position:absolute;top:-9px;left:50px;z-index:999999;}
.notice_error.fld span{display:block;background:url(../images/bg_error_fld.png) 0 0 no-repeat;width:10px;height:17px;position:absolute;right:-8px;top:10px;z-index:999999;}

.datepicker { border-collapse: collapse; border: 1px solid #ccc; position: absolute;z-index:999999;}
.datepicker tr.controls th { height: 22px; font-size: 11px; }
.datepicker select { font-size: 11px; }
.datepicker tr.days th { height: 18px; }
.datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; }
.datepicker th, .datepicker tfoot td { background: #eee; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; }
.datepicker th span, .datepicker tfoot td span { font-weight: bold; }
.datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; }
.datepicker tbody td.date { cursor: pointer; }
.datepicker tbody td.date.over { background-color: #99ffff; }
.datepicker tbody td.date.chosen { font-weight: bold; background-color: #ccffcc; }
.datepicker .nextMonth{display:block;width:10px;height:16px;background:url(../images/calc_n.png) left top no-repeat;text-indent:-99999px;float:left;margin-top:5px;margin-left:3px;}
.datepicker .prevMonth{display:block;width:10px;height:16px;background:url(../images/calc_p.png) left top no-repeat;text-indent:-99999px;float:left;margin-top:5px;margin-right:3px;}
/********************************************
TOOLTIP WRAPPERS
*****************/
.tips{position:absolute;left:-9999px;top:-9999px; zoom:1;}
.tip-white {
	margin-top:10px; 
	opacity:1;
	z-index:1000;
	text-align:left;
	border:none;
	padding:3px;
	min-width:50px;
	max-width:350px;
	color:#666;
	background-color:#fff;
	background-image:url(../images/tip-white.png); /* bgImageFrameSize >= 10 should work fine */
	/**
	 * - If you set a background-image, border/padding/background-color will be ignored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}
.tip-white .tip-inner {font: 12px/18px arial,sans-serif;margin-top:-1px;padding:11px;}
.tip-inner{background: url(../images/backgroundwhite.gif) repeat-x scroll 100% 100% transparent }

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-white .tip-arrow-top {margin-top:-3px;margin-left:15px;top:0;left:44%;width:16px;min-height:10px;background:url(../images/tip-white_arrows.png) no-repeat;}
.tip-white .tip-arrow-right {
	margin-top:-9px; /* approx. half the height to center it */

	margin-left:-4px;
	top:50%;
	left:100%;
	width:10px;
	min-height:20px;
	background:url(../images/tip-white_arrows.png) no-repeat -16px 0;
}
.tip-white .tip-arrow-bottom {
	margin-top:-6px;
	margin-left:15px;
	top:100%;
	left:44%;
	width:16px;
	min-height:13px;
	background:url(../images/tip-white_arrows.png) no-repeat -32px 0;
}
.tip-white .tip-arrow-left {
	margin-top:-9px; /* approx. half the height to center it */
	margin-left:-6px;
	top:50%;
	left:0;
	width:10px;
	min-height:20px;
	background:url(../images/tip-white_arrows.png) no-repeat -48px 0;
}
a.tooltips{display:inline-block;width:19px;height:20px;background:url(../images/question_cool.png) no-repeat right -21px;float:left;margin:5px 0 0 5px;}
a.tooltips.nomargin{margin-top:-7px;}
label.infosb{display:inline-block;float:left;margin-right:5px;/*margin-bottom:10px;*/}
a.tooltips.liste{background:url(../images/ico-search.png) no-repeat 0px 0px;width:12px;height:14px;float:right;}
.ie a.tooltips{width:25px;}.ie a.tooltips.liste{width:20px;}
a.tooltips:hover{background-position:right 1px;}
a.tooltips.liste:hover{background-position:0px 0px;}
.cadre_formulaire{padding:10px;border:1px solid #ccc;position:relative;}
.bg_cadre_formulaire{display:block;background:url(../images/vide.gif) left top no-repeat;position:absolute;right:15px;bottom:15px;}
.bg_cadre_formulaire2{display:inline-block;background:url(../images/vide.gif) left top no-repeat;float:right;margin-top:25px;}
.bg_cadre_formulaire.account_infos,.bg_cadre_formulaire2.account_infos{width:180px;height:180px;background-image:url(../images/formulaires/img_user2.jpg);bottom:0;}
.bg_cadre_formulaire.tables_ref,.bg_cadre_formulaire2.tables_ref{width:200px;height:125px;background-image:url(../images/formulaires/tables_ref.jpg);}
.bg_cadre_formulaire.menus_infos,.bg_cadre_formulaire2.menus_infos{width:286px;height:110px;background-image:url(../images/formulaires/img_menus.jpg);}
.bg_cadre_formulaire.account_pwd,.bg_cadre_formulaire2.account_pwd{width:211px;height:180px;background-image:url(../images/formulaires/img_pwd.jpg);bottom:0;}
.bg_cadre_formulaire.network,.bg_cadre_formulaire2.network{width:200px;height:200px;background-image:url(../images/formulaires/bg_network.jpg);bottom:0;}
.bg_cadre_formulaire.gsm,.bg_cadre_formulaire2.gsm{width:200px;height:159px;background-image:url(../images/formulaires/bg_gsm.jpg);bottom:0;}
.bg_cadre_formulaire.img_bd{width:147px;height:150px;background-image:url(../images/formulaires/img_bd.jpg);bottom:0;}
.bg_cadre_formulaire.img_bd2{width:250px;height:123px;background-image:url(../images/formulaires/img_bd2.jpg);bottom:0;}
.bg_cadre_formulaire.img_contact{width:146px;height:150px;background-image:url(../images/formulaires/img_contact.jpg);bottom:0;}
.bg_cadre_formulaire.membre_group{width:128px;height:128px;background-image:url(../images/formulaires/membre_group.jpg);bottom:0;}
.bg_cadre_formulaire.recherche{width:250px;height:169px;background-image:url(../images/formulaires/grosse_loupe.jpg);bottom:100px;}
.bg_cadre_formulaire.mailing{width:200px;height:127px;background-image:url(../images/formulaires/mailing.jpg);bottom:10px;}
.bg_cadre_formulaire.recherche.users{bottom:10px;}
.bg_cadre_formulaire.robot-test{width:151px;height:150px;background-image:url(../images/formulaires/sms-test.jpg);bottom:0;}


.div_buttons{margin-top:15px;padding:12px 30px;background:#f0f0f0;text-align:right;display:inline-block;border:1px solid #ddd;float:right;}
.div_buttons span.button{float:right;margin-right:25px;}
.div_buttons span.button.first{margin:0;}
.div_buttons span.button input{min-width:100px;}

a.section_toggle{display:inline-block;color:#555;padding-left:20px;background:url(../images/ico-mp.png) 0px -40px no-repeat;text-decoration:none;float:right;cursor:pointer;margin-top:15px;margin-right:10px;font-weight:bold;font-size:11px;}
a.section_toggle:hover{text-decoration:none;color:#0089cf;}
a.section_toggle.opened:hover{background-position:0 -60px;}
a.section_toggle.closed{background-position:0 0px;}
a.section_toggle.closed:hover{background-position:0 -20px;}
/***************************************************************************TABLEAUX*********************************************************************/
table.border{border-collapse: collapse;border:1px solid #ddd;}
table.border th{padding: 4px 8px;}

tr.jaune td {border-top: 1px solid #FB7A31;border-bottom: 1px solid #FB7A31;background: #FFC;color:#333;font-weight:bold;}
tr.orange td {border-top: 1px solid #eaa300;border-bottom: 1px solid #eaa300;background: #fcf2dc;color:#333;font-weight:bold;}
table.border td {padding: 8px 8px;}
table.lined td {border: 1px solid #ccc;}
table.dotted td{border-right: 1px dotted #ccc;}
table.dotted td.last{border-right:none;}

/*****************************Tableau GRIS******************************************************/
/*table.bg_gris tr.tr_entete{background:url(../images/bg_pannel.png) left top repeat-x;}*/
table.bg_gris tr.tr_entete,table.bg_gris tr.tr_entete2{background:url(../images/tr_bg.png) left top;}
table.bg_gris  tr td{border-bottom:1px solid #fff;}
table.bg_gris  tr.last td{border-bottom:none;}
table.bg_gris  tr.last td.croise{border-bottom:1px solid #ccc;}
table.bg_gris  tr.mod2 td{background: #f0f0f0;}
table.bg_gris  tr.hover td{background: #eef6e7;border-bottom:1px solid #d4dfb5;}
table.bg_gris tr.tr_entete td{height:20px;padding:10px;font-size:13px;border-bottom:1px solid #ccc;font-weight:bold;color:#036073;}
table.bg_gris tr.tr_entete2 td{padding:5px;font-size:11px;border-bottom:1px solid #ccc;color:#036073;}
/*****************************Tableau BLEU******************************************************/
table.lined.bg_bleu td, table.border.bg_bleu, table.dotted.bg_bleu{border-color:#fff;}
table.bg_bleu tr.tr_entete{}
table.bg_bleu  tr td{background:#fff;border-bottom:1px solid #fff;}
table.bg_bleu  tr.last td{border-bottom:none;}
table.bg_bleu  tr.mod2 td{background: #dee8f4;}
table.bg_bleu  tr.hover td{background: #FBE6E7;border-bottom:1px solid #e8c4c5;}
table.bg_bleu tr.tr_entete td{height:20px;padding:10px;font-size:13px;border-bottom:1px solid #527698;border-top:1px solid #93accb;font-weight:bold;color:#fff;background:#608bbe;}

/*****************************Tableau NEUTRE GRIS******************************************************/
table.default tr.tr_entete{background:#dfdfdf;}
table.default td {border-color:#dadada;}
table.border.default td {padding: 4px 8px;}
table.default  tr.mod2 td{background: #f0f0f0;}
table.default tr.tr_entete td{color:#000;font-weight:bold;}
td.hight{background:#ffffca;}
/*table.bg_gris  tr.mod2 td.hight{background:#fdf7e3;}*/
.cadre_table_gris{padding:15px;background:#f0f0f0;}
.cadre_table_gris div.content{padding:15px;background:#fff;border:1px solid #e0e0e0;}
.cadre_table_gris div.content.smallmargin{padding:8px;}

table.color tr.tr_entete td{color:#fff;font-weight:bold;background:url(../images/bg_b.gif) left top repeat-x;padding:10px;}
table.color.bg_b1 tr.tr_entete td{background-image:url(../images/bg_b1.gif);}
table.color.bg_o tr.tr_entete td{background-image:url(../images/bg_o.gif);}
table.color.bg_r tr.tr_entete td{background-image:url(../images/bg_r.gif);}
table.color.bg_v tr.tr_entete td{background-image:url(../images/bg_v.gif);}
table.color.bg_vo tr.tr_entete td{background-image:url(../images/bg_vo.gif);}
table.plein{width:100%;}
td.centrer,.centrer{text-align:center;}td.left{text-align:left;}td.right{text-align:right;}td.pannel_extend1,td.pannel_extend2,td.hidden{display:none;}td.bold{font-weight:bold;}
/*****************************************TABLEAU CHECKBOX***************************************************************/
table.tablelisteoptions td.zone {padding: 4px 8px;}
table.tablelisteoptions td.zone .form-checkbox table{width:100%;background:#f3f3f3;}
table.tablelisteoptions td.zone .form-checkbox table.nobg{background:none;}
table.tablelisteoptions td.zone .form-checkbox table td{padding:0px 0;text-align:left;}
table.tablelisteoptions td.zone .form-checkbox td{padding-right:3px;}
td.tdcheckbox{width:18px;}
.cadre_table_checkboxes{padding:8px;border:1px solid #ccc;}
.cadre_table_checkboxes .form-checkboxes{overflow-x:hidden;overflow-y:auto;}
.divnbrecheckbox{font-size:11px;color:#777;padding-top:5px;}
.divnbrecheckbox.bot{padding-top:0px;padding-bottom:5px;}
.divnbrecheckbox b{color:#333;}
.divnbrecheckbox span{display:inline-block;float:right;}
/*****************************************TRI TABLEAUX*******************************************************************/
tr.tr_entete td.sort{cursor:pointer;}
tr.tr_entete td.sort > span{display:inline-block;height:20px;z-index:99999;background:url(../images/vide.gif) right 5px no-repeat;padding-right:16px;}
table tr.tr_entete td.sort:hover{cursor:pointer;color:#ee4f09;}
table tr.tr_entete td.sort.asc > span{background-image:url(../images/sort_asc2.gif);}
table tr.tr_entete td.sort.desc > span{background-image:url(../images/sort_desc2.gif);}
table tr.tr_entete td.sort.desc:hover > span{background-image:url(../images/sort_asc.gif);}
table tr.tr_entete td.sort.asc:hover > span{background-image:url(../images/sort_desc.gif);}
/****************************************RECHECHE TABLEAUX***************************************************************/
/*.liste_bar{height:35px;margin-bottom:10px;position:relative;width:100%;}
.liste_bar > div{margin:0 2px;background:url(../images/liste_bar_m.png) left top repeat-x;height:35px;}
.liste_bar > span.l{display:block;height:35px;width:2px;position:absolute;background:url(../images/liste_bar_l.png) left top repeat-x;left:0;top:0;}
.liste_bar > span.r{display:block;height:35px;width:2px;position:absolute;background:url(../images/liste_bar_r.png) left top repeat-x;right:0;top:0;}*/
.liste_bar{margin-bottom:15px;}
.liste_bar > div{width:100%;border:1px solid;position:relative;}
.liste_bar > div form input{color:#000;}
.liste_bar > div form  .zone-recherche > span{display:inline;position:absolute;z-index:888;left:10px;top:7px;width:12px;height:14px;background:url(../images/ico-search.png) left top no-repeat;}
.liste_bar > div form .zone-recherche{width:220px;padding:3px;}
.liste_bar > div form .zone-boutonform{padding:3px 3px 3px 10px;}
.liste_bar > div form input{border-color:#aaa #aaa #aaa #aaa;outline:none;background-color:#fff;border-width:1px;border-style:solid;font-size:11px;padding-top:2px;padding-bottom:2px;* padding-top:4px;vertical-align:top;margin-right:3px;}
.liste_bar > div form .input-recherche{width:195px;padding-left:25px;}
.liste_bar > div form .input-date{width:60px;padding-left:20px;padding-right:10px;}
.liste_bar > div form .zone-date > div{position:relative;float:left;display:inline-block;margin-top:3px;}
.liste_bar > div form  .zone-date > div > span{display:block;position:absolute;z-index:888;left:3px;top:3px;width:14px;height:14px;background:url(../images/calendar.png) left top no-repeat;cursor:pointer;}
.liste_bar > div form label{float:left;padding:5px 5px;font-size:11px;font-weight:bold;color:#555;display:inline-block;}
.liste_bar > div form button, .Fbutton{border:0;margin:0;background:none;font-weight:bold;font-size:100%;padding:2px 15px 3px;* padding:3px 4px;cursor:pointer;font-family:arial;line-height:15px;max-height:23px;}
.liste_bar > div{border-color:#afafaf;background-color:#dfdfe0;background-image:-moz-linear-gradient(top,#f1f1f4,#cacaca);background-image:-webkit-gradient(linear,left top,left bottom,from(#f1f1f4),to(#cacaca));background-image:linear-gradient(top,#f1f1f4,#cacaca);}
.liste_bar > div form .zone-boutonform > div{display:inline-block;* display:inline;margin-right:2px;* margin-right:3px;}
.liste_bar > div form .btn-jaune,.Fbtn-jaune{*margin-right:-3px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background-color:#f8d44c;background:-moz-linear-gradient(top,#fff39c,#fee474 50%,#fdd14c 50%,#fcc42e);background:-webkit-gradient(linear,left bottom,left top,color-stop(0.00,#FCC42E),color-stop(0.50,#FDD14C),color-stop(0.50,#FEE474),color-stop(1.00,#FFF39C));border:1px solid #878787;}
.liste_bar > div form .btn-gris, .Fbtn-gris{*margin-right:-3px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background-color:#f7f7f7;background:-moz-linear-gradient(top,#f7f7f7,#e3e3e3 50%,#d3d3d3 50%,#bfbfbf);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.00,#f7f7f7),color-stop(0.50,#e3e3e3),color-stop(0.50,#d3d3d3),color-stop(1.00,#bfbfbf));border:1px solid #878787;}
.liste_bar > div form div.zone-hrs{margin-top:3px;width:50px;margin-right:3px;position:relative;float:left;display:block;}
.liste_bar > div form div.zone-hrs > span{display:block;position:absolute;z-index:888;width:22px;height:12px;background:url(../images/vide.gif) right top no-repeat;cursor:pointer;right:-1px;}
.liste_bar > div form div.zone-hrs > span.h{top:0px;}
.liste_bar > div form div.zone-hrs > span.b{bottom:0px;}
.liste_bar > div form div.zone-hrs > span.h{background-image:url(../images/ico_hrs_h.png);}
.liste_bar > div form div.zone-hrs > span.b{background-image:url(../images/ico_hrs_b.png);}
.liste_bar > div form .ie div.zone-hrs > span.h{top:1px;}
.liste_bar > div form .ie div.zone-hrs > span.b{bottom:1px;}
.liste_bar > div form input.input-hrs{width:25px;text-align:center;font-weight:bold;color:#444;}
.liste_bar > div > ul{float:right;margin:3px 7px 0 7px;display:inline-block;}
.liste_bar > div > ul > li{display:inline-block;float:left;margin-right:5px;}
.liste_bar > div > ul > li.last{margin-right:0;}
.liste_bar > div > ul .barbtn{cursor:pointer;-webkit-box-shadow:#fff 0 1px 0 0;-moz-box-shadow:#fff 0 1px 0 0;box-shadow:#fff 0 1px 0 0;background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddcda));background-image:-webkit-linear-gradient(#ffffff,#dddcda);background-image:-moz-linear-gradient(#ffffff,#dddcda);background-image:-o-linear-gradient(#ffffff,#dddcda);background-image:-ms-linear-gradient(#ffffff,#dddcda);background-image:linear-gradient(#ffffff,#dddcda);background-color:#eeedeb;display:inline-block;line-height:21px;position:relative;text-decoration:none}
.liste_bar > div > ul .barbtn{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;border:1px solid #bbb}
.liste_bar > div > ul .barbtn,.liste_bar > div > ul > .barbtn:hover{color:#444}
.liste_bar > div > ul .barbtn span{background-repeat:no-repeat;color:transparent;display:block;font-size:0;overflow:hidden;text-indent:-99999px;text-shadow:none;height:21px;background-position:center center;width:24px}
.liste_bar > div > ul .barbtn:hover{-webkit-box-shadow:inset #fff 0 1px 0 0,#fff 0 1px 0 0;-moz-box-shadow:inset #fff 0 1px 0 0,#fff 0 1px 0 0;box-shadow:inset #fff 0 1px 0 0,#fff 0 1px 0 0;background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1efec), color-stop(100%, #e0dedb));background-image:-webkit-linear-gradient(#f1efec,#e0dedb);background-image:-moz-linear-gradient(#f1efec,#e0dedb);background-image:-o-linear-gradient(#f1efec,#e0dedb);background-image:-ms-linear-gradient(#f1efec,#e0dedb);background-image:linear-gradient(#f1efec,#e0dedb);background-color:#e0dedb}
.liste_bar > div > ul .barbtn:active,.liste_bar > div > ul > .barbtn:focus{-webkit-box-shadow:inset rgba(255,255,255,0.4) 0 1px 0 0,rgba(22,176,255,0.5) 0 0 5px 0;-moz-box-shadow:inset rgba(255,255,255,0.4) 0 1px 0 0,rgba(22,176,255,0.5) 0 0 5px 0;box-shadow:inset rgba(255,255,255,0.4) 0 1px 0 0,rgba(22,176,255,0.5) 0 0 5px 0;-webkit-box-shadow:inset rgba(0,0,0,0.25) 0 1px 1px 0,#fff 0 1px 0 0;-moz-box-shadow:inset rgba(0,0,0,0.25) 0 1px 1px 0,#fff 0 1px 0 0;box-shadow:inset rgba(0,0,0,0.25) 0 1px 1px 0,#fff 0 1px 0 0}

.liste_bar > div > ul .barbtn span.icon_settings{background-image:url('../images/icon_settings.png');background-position:center 3px !important}
.liste_bar > div > ul .barbtn span.icon_liste{background-image:url('../images/icon_liste.png');background-position:center 3px !important}
.liste_bar > div > ul .barbtn span.icon_add_new{background-image:url('../images/icon_add_new.png');background-position:4px 2px !important}
.liste_bar > div > ul .barbtn span.icon_full_screen{background-image:url('../images/icon_full_screen.png');background-position:3px 4px !important}
.liste_bar > div > ul .barbtn span.icon_save_form{background-image:url('../images/ico-save.png');background-position:4px 4px !important}
.liste_bar > div > ul .barbtn span.icon_cancel_form{background-image:url('../images/ico-undo.png');background-position:3px 4px !important}
.liste_bar > div > ul > li{position:relative;}
.liste_bar > div > ul > li > ul{ display: none; z-index: 9998; position: absolute; width: 190px; background: #ebebeb; border-top: 1px solid #bbb; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; right:-8px;top:25px;}
.liste_bar > div > ul > li > ul > li{ border-top: 1px solid #f5f5f5; background: url(../images/bullet.png) 12px 13px no-repeat; }
.liste_bar > div > ul > li > ul > li > a{ display: block; text-decoration: none; font-size: 12px; line-height: 27px; color: #484848; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #c7c7c7; padding-left: 28px; text-shadow: 0 1px 2px #fff; word-wrap: break-word; }
.liste_bar > div > ul > li > ul > li > a:hover{ background: #f7f7f7 url(../images/bullet.png) 12px 12px no-repeat; text-decoration: none; }
.ie .liste_bar > div > ul > li > ul{top:23px;}
/*.dateinput span{display:block;position:absolute;z-index:888;left:3px;top:5px;width:14px;height:14px;background:url(../images/calendar.png) left top no-repeat;cursor:pointer;}*/
/******************PAGINATION******************/
.content_pagination{width:100%;margin:20px 0px;text-align:center;}
div.pagination {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;padding: 2px;margin: 5px;}
div.pagination a {color: #666;margin: 1px 2px;padding: 2px 5px;text-decoration: none;background:#f0f0f0;border: 1px solid #e6e6e6;cursor:pointer;}
div.pagination a:hover{background-color: #02a3cb;border: 1px solid #02a3cb;color: #fff;margin: 1px 2px;padding: 2px 5px}
div.pagination span.courante,div.pagination a.courante {background-color: #02a3cb;border: 1px solid #02a3cb;color: #fff;font-weight: bold;margin: 1px 2px;padding: 2px 5px;cursor:default;}
div.pagination span.desactive, div.pagination a.desactive,div.pagination a.desactive:hover{font-weight:normal;background:#fff;border: 1px solid #eee;color: #bbb;margin: 1px 2px;padding: 2px 5px; cursor:default;}
.nbre_items_pagination{padding:5px 0 10px 0;}
.ajax_loading_b{display:block;background:url(../images/header-ajax-loader-blue.gif) left top no-repeat;width:32px;height:32px;margin:0 auto;}
a.ico{width:17px;height:17px;cursor:pointer;background:url(../images/vide.gif) left top no-repeat;display:block;margin:0 auto;}
a.ico.edit{background-image:url(../images/ico-edit.png);}a.ico.supp{background-image:url(../images/ico-supp.png);}a.ico.liste{background-image:url(../images/ico-liste.png);}
span.ico{width:25px;height:25px;background:url(../images/vide.gif) 50% 50% no-repeat;display:block;margin:0 auto;}
span.ico.statut1{background-image:url(../images/user_green.png);}a.ico.statut0{background-image:url(../images/user_green.png);}
.liste_button{/*border-width:1px;border-style:solid;border-color:#eee #eee #ccc #ccc;*/background:url(../images/vide.gif) 50% 50% no-repeat;height:20px;display:inline-block;cursor:pointer;margin:0 auto;padding:5px 0 0 25px;}
.liste_button:hover{text-decoration:none;}
.liste_button.edit{background-image:url(../images/edit.gif);}.liste_button.supp{background-image:url(../images/bd_no.gif);}.liste_button.note{background-image:url(../images/ico-note.png);}.liste_button.add{background-image:url(../images/add.gif);}.liste_button.init{background-image:url(../images/init.png);}.liste_button.relance{background-image:url(../images/relance.png);}
.loading_grd{width:200px;height:100px;background: url(../images/loading2.gif) no-repeat 50% top;margin:50px auto;padding-top:100px;color:#999;display:block;}
.mail0{background-image:url(../images/mail_0.png) !important;}.mail1{background-image:url(../images/mail_1.png) !important;}.mailnew{background-image:url(../images/email_1.png) !important;}.mailold{background-image:url(../images/email_0.png) !important;}
/**********************************************************TRI ALPHABETIQUE*****************************************************************************/
div.alphabet_liste{margin:-5px 0 10px 0;width:100%;}
div.alphabet_liste ul li{/*width:15px;height:15px;*/float:left;margin:5px 3px 5px 0;display:inline-block;}
div.alphabet_liste ul li a, div.alphabet_liste ul li span{background:#f5f5f5;border:1px solid #ccc;/*width:15px;height:11px;font-weight:bold;*/padding:0px 5px;text-align:center;display:inline-block;color:#333;text-decoration:none;font-size:11px;}
div.alphabet_liste ul li a{cursor:pointer;}
div.alphabet_liste ul li a:hover, div.alphabet_liste ul li a.current, div.alphabet_liste ul li span:hover, div.alphabet_liste ul li span.current{background:#FF9D02;border-color:#e68700;color:#fff;}
div.alphabet_liste.disabled ul li a, div.alphabet_liste.disabled ul li a:hover, div.alphabet_liste.disabled ul li a.current{background:#f5f5f5;color:#ccc;cursor:default;border-color:#dedede;}
div.overlayloading{position:absolute;width:100px;height:15px;padding-top:40px;text-align:center;font-size:11px;font-weight_:bold;background:url(../images/loadinfo.gif) 50% top no-repeat;z-index:6000;color:#555;}
/**********************************************************ETAPE INTERMEDIAIRE****************************************************************/
.process_waiting{padding:15px;background:#fff;border:5px solid #00d2f5;width:420px;display:inline-block;z-index:999999;position:absolute;}
.process_waiting h2{padding-bottom:12px;margin-bottom:0px;}
.process_waiting div.texte{padding:10px;line-height:18px;background:#f2f2f2;font-size:12px;}
.process_waiting span.info{display:block;padding:20px 0 0 0;color:#999;font-size:11px;line-height:15px;background:url(../images/waiting.gif) center top no-repeat;margin-top:15px;}
.process_waiting .img{display:block;text-align:center;}
.process_waiting .processing{display:block;width:139px;height:8px;}
.process_waiting div.texte li{background:url(../images/bullet.png) no-repeat left 8px; padding:3px 0 3px 12px;line-height:16px;}

/********************************************************DATE AND HOUR PICKERS**************************************************************/
div.formdate{padding-right:25px;}
div.formdate input.input-date{width:65px;padding-right:10px;}
div.formdate div.dateinput{position:relative;float:left;display:inline-block;}
div.formdate div.dateinput > span{display:block;position:absolute;z-index:888;right:-18px;top:4px;width:14px;height:14px;background:url(../images/calendar.png) left top no-repeat;cursor:pointer;}

div.formhrs input.input-hrs{width:25px;text-align:center;font-weight:bold;color:#444;}
div.formhrs div.zone-hrs{position:relative;float:left;display:block;margin-right:6px;width:45px;}
div.formhrs div.zone-hrs > span{display:block;position:absolute;z-index:888;width:21px;height:12px;background:url(../images/vide.gif) left top no-repeat;cursor:pointer;right:-1px;}
div.formhrs div.zone-hrs > span.h{top:0px;background-image:url(../images/btn-time-h.png);}
div.formhrs div.zone-hrs > span.b{bottom:0px;background-image:url(../images/btn-time-b.png);}
.ie div.formhrs div.zone-hrs > span.h{top:1px;}.ie div.zone-hrs > span.b{bottom:1px;}
a.signinButton, a.signinButton:visited {
    display: block;
    padding-left: 10px;
    font-family: helvetica,arial,sans-serif;
    font-size: 22px;
    /*font-weight: bold;*/
    text-decoration: none;
    background: url("../images/btn-signin-280.gif") no-repeat scroll left top transparent;
    line-height: 45px;
    height: 45px;
    width: 280px;
    overflow: hidden;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
}
a.signinButton:hover {
    text-decoration: none;
    color: rgb(255, 255, 255);
    background-position: left bottom;
}
a.testButton {
    display: block;
    padding-left: 10px;
    font-family: helvetica,arial,sans-serif;
    font-size: 18px;
    /*font-weight: bold;*/
    text-decoration: none;
    background: url("../images/btn-test-280.gif") no-repeat scroll left top transparent;
    line-height: 35px;
    height: 35px;
    width: 270px;
    overflow: hidden;
    color: rgb(255, 255, 255);
    margin-top: 8px;
	cursor:pointer;
}
a.testButton:hover {
    text-decoration: none;
    color: rgb(255, 255, 255);
    background-position: left bottom;
}

div.cadre_datas, form.cadre_datas{position:relative;display:none;background:#fff;padding:25px;margin:0px 0 35px 0;border:1px solid #ddd;box-shadow:0 0 15px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 15px rgba(0, 0, 0, .2); -webkit-box-shadow:0 0 15px rgba(0, 0, 0, .2);}
form.cadre_datas, .cadre_datas.visible{display:block;}
div.cadre_datas h2{border-bottom:none;padding-bottom:0;}
div.cadre_datas div.contenu {/*padding:15px;border:1px solid #ccc;*/margin:10px 0;}
div.cadre_datas a.close{
	position:absolute;
	width:93px;
	height:20px;
	background:transparent url(../images/closelabel.gif) no-repeat 0 0;
	cursor:pointer;
	top:15px;
	right:15px;
	display:block;
}
div.cadre_datas.errorcadre{display:block;width:600px;margin:50px auto;/*border:5px solid #CC3333;*/}
.ie div.cadre_datas{zoom: 1;filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dedede, Strength=10, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#dedede, Strength=10, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#dedede, Strength=10, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#dedede, Strength=10, Direction=270);}
a.exporttype{/*width:128px;height:128px;*/background-repeat:no-repeat;background-position:center 5px;display:block;cursor:pointer;background-color:#f1f1f1;padding:140px 0 15px 0;margin:0 auto;color:#555;font-weight:bold;}
a.exporttype:hover{color:#0397C5}
a.exporttype.xls{background-image:url(../images/xls.png);}a.exporttype.csv{background-image:url(../images/csv.png);}
.op_recherche{padding-top:7px;font-weight:bold;color:#666;font-size:11px;}
/* -------------------------------------------------------------------------- Pop Up Notification ----------------------------------------------------------------------------------------------------------------------- */
#PopUpBox .loading{display:block;background:url(../images/loading_d.gif) 50% 50% no-repeat;height:150px;}
.pop-box{background:#007891;padding:15px 15px 15px 10px;color:#fff;position:relative;}
.pop-box > ul li{line-height:22px;}
.pop-box h2{font-size:27px;font-weight:normal;line-height:28px;margin:0 0 20px 0;}
.pop-box p{line-height:23px;font-size:14px;}
.pop-box a{color:#000;}
.pop-box a.testButton{color:#fff;}
/*.pop-box p b{font-size:16px;}*/
.pop-box .icone{display:block;/*position:absolute;left:10px;top:10px;*/float:left;margin-right:15px;}
.pop-box .icone.tasse{width:180px;height:180px;background:url(../images/tasse.png) 0 0 no-repeat;}
.pop-box.rouge{background:#721003;}
.pop-box.orange{background:#e85404}
.pop-box.vert{background:#498809}
.pop-box.violet{background:#8004a9}
.pop-box.bleuvert{background:#72a404}
.pop-box.renewb{background:#e5e5e5 url(../images/renew.jpg) 0 bottom no-repeat;color:#101010;padding:15px 15px 30px 180px;height_:265px;}
.__wp__ .pop-box.renewb{background-image:url(../images/wp/renew.jpg);}
.pop-box.renewb p{line-height:20px;font-size:13px;}

div.cadrebtn{height:35px;margin:15px 0;}

/* -------------------------------------------------------------------------- FIn Pop Up Notification ------------------------------------------------------------------------------------------------------------------- */
#saveBtn{background:transparent url(../images/buttons/reg_gradients.png) repeat scroll 0 0;border:1px solid #F2A322;color:#333;font-weight:bold;font-size:116%;height:2.54em;right:24.5em;padding-left:1.5em;padding-right:1.5em;margin-top:1.3em;margin-left:.5em}
#exitBtn{background:transparent url(../images/buttons/reg_gradients.png) repeat scroll 0 bottom;border:1px solid #ccc;color:#999;font-weight:bold;font-size:116%;height:2.54em;right:24.5em;padding-left:1.5em;padding-right:1.5em;margin-top:1.3em;margin-right:.5em}#imgA img{padding-bottom:1.5em}

.error_box_{background:url(../images/masquotteb2.jpg) 0 0 no-repeat;padding-left:180px;min-height:250px;}
.error_box_.wp {background: url('../images/wp/masquotte.jpg') no-repeat scroll 0px 0px transparent;padding-left:195px;}
.happy{background:url(../../images/happy.jpg) right top no-repeat;padding-right:170px;}
.error_box_ p{line-height:20px;font-size:13px;}
.error_box_ h2{padding-bottom:10px;font-size:32px;}
.icon_download{display:inline-block;width:30px;height:30px;background:transparent url(../images/download.png) repeat scroll 0 0;cursor:pointer;}
/* ------------------------------------------------------------------------------Manuel d'utilisation online -----------------------------------------------------------------------------------------------------------------------------*/
div.online-help{width:580px;}
div.online-help .description{display:block;color: #37414e;line-height:21px;font-size:13px;}
div.online-help h6 {
    font-size: 29px;
    font-weight: normal;
    line-height: 35px;
    margin: 10px 0 25px;
    color: #F65924;
}

/*div.online-help ol{margin-left:25px;}*/

div.online-help .media{margin:20px 0;}
.view_icon{display:inline-block;width:27px;height:27px;background:url(../images/view_icon.png) 0 0 no-repeat;cursor:pointer;}
.view_icon.wp_bgs{float:left;margin:2px 0 0 20px;}
ul.wpbgs li{width:117px;height:64px;float:left;}
ul.wpbgs li a{cursor:pointer;}
.__wp__ ul.wpbgs li{width:123px;}
a.pdf{padding-left:40px;background:url(../images/pdf.png) 0 0px no-repeat;line-height:32px;display:inline-block;}

ul.Opaym{margin-top:25px;}
ul.Opaym li{height:175px;padding:0;margin:0 0 25px 25px;text-align:center;float:left;}
ul.Opaym li a, ul.Opaym li > span{display:inline-block;height:80px;padding:4px;border:1px solid #ddd;margin-bottom:6px;}
ul.Opaym li a{cursor:pointer;}
ul.Opaym li a:hover{border-color:#F56112}
ul.Opaym li img{height:80px;}
ul.Opaym li h6{font-size:18px;font-weight:bold;color:#000;line-height:30px;padding:6px 10px;background:#f2f2f2;margin-top:8px;}
ul.Opaym li h6 span{
    font-size: 16px;
}
a.lien_retour{font-weight:bold;color:#D01A64 !important;text-decoration:none;}
a.lien_retour:hover{color:#c7077c !important;text-decoration:underline;}