* {
	/*Reset tous les éléments block*/
	margin:0;
	padding:0;
}

a.link {
	font: normal 12px arial, verdana, sans-serif;
	text-decoration: underline;
	color: black;
}

a:visited.link {
	font: normal 12px arial, verdana, sans-serif;
	text-decoration: underline;
	color: black;
}

a:active.link {
	font: normal 12px arial, verdana, sans-serif;
	text-decoration: underline;
	color: black;
}

a:hover.link {
	font: normal 12px arial, verdana, sans-serif;
	text-decoration: underline;
	color: #626262;
}

/*/////////////////////////////////////////////////////////////////////Structure Générale/////////////*/

body {
	/*Centrer pour IE*/
	text-align: center;
	background:#ffffff ;				/*___________________________________IMAGE!*/
	font: normal 12px arial, verdana, sans-serif;
}

#global {
	/*Centrer pour les autres*/
	margin-left: auto;
	margin-right: auto;
	/*position:relative;*/
	width: 973px;
	text-align: left;
	background:url(../images/logo.gif) no-repeat;
	padding-top:74px;
}


/*/////////////////////////////////////////////////////////////////////Structure HEADER/////////////*/

#headerBarre {
	height: 25px;
	background:#afbd21;
}


#headerMenu {
	height: 22px;
  	background: #fff;						/*url(../images/filet_top.gif) repeat-x;	___________________________________IMAGE!*/
	border-left: 1px solid #828181;
	border-right: 1px solid #828181;
	border-bottom: 1px solid #828181;
	padding:3px;
	z-index: 3;
}

#headerVide {
	height: 22px;
  	background-color: white;
}

/*///////////////////////////////////////////////////////////////////// Structure MENUS MAIN/////////////*/

#nomObjet {
	height: 22px;
	background-color:#999999; /*#22497d;*/
	padding-left:3px;
}
#videTabs {
	height: 16px;
	background-color: white;
	border-left: 1px solid #9c9c9c;
	border-right: 1px solid #9c9c9c;
}

#containerTabs {
	height: 22px;
	background-color: white;
}


/*///////////////////////////////////////////////////////////////////// Structure CONTENT MAIN/////////////*/
#containerContent {
	min-height: 525px;
	height: auto;
	width:919px;
	float:left;
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 25px;
	background-color: white;
	border-color: #ffffff #999999 #999999 #999999;
	border-width: 0px 2px 2px 2px;
	border-style: solid;
}

/* hack hauteur min. pour IE */
/*\*/
* html #containerContent {
	height: 525px;
}
/**/

/*////////////// DEBUT STUCTURE 2 COLONNES/////////////*/

#colonneGauche {
	width: 449px;
	float:left;
	text-align: left;
	padding-bottom: 20px;
}

#colonneDroite {
	width: 449px;
	float:right;
	text-align:left;
	padding-bottom: 20px;
}

/*////////////// FIN STRUCTURE 2 COLONNES/////////////*/

/*/////////////////////////////////////////////////////////////////////Structure CONTENT SAVE/////////////*/

#containerSaveDiagonale {
	position: relative;
	line-height:0px;
	width:0px;
	height:0px;
	float:right;
	border-style: solid;
	border-width:15px;
	border-color:#999999 #999999 #fff #fff;
}

#containerSaveBoutons {
	position: relative;
	background-color: #999999;
	width: 455px;
	height: 24px;
	float:right;
	padding: 3px 5px;
}

#containerSaveBoutons ul {
	float: right;
}

#containerSaveBoutons ul li {
	list-style-type: none;
	display: inline;
}

#containerSaveDiagonaleSplash {
	position: relative;
	background: url(../images/diago_pagination_splash.gif) top left no-repeat;
	width:30px;
	height:30px;
	float:right;
}

#containerSaveBoutonsSplash {
	position: relative;
	background-color: #999999;
	width: 230px;
	height: 24px;
	float:right;
	padding: 3px 5px;
}

#containerSaveBoutonsSplash ul {
	float: right;
}

#containerSaveBoutonsSplash ul li {
	list-style-type: none;
	display: inline;
}


/*/////////////////////////////////////////////////////////////////////DEBUT Classes HEADER/////////////*/

/*////////////// DEBUT Barre Bleue/////////////*/

img.headerBarreLogo {
	float: left;
	margin-top: 4px;
	display: inline;
	height: 13px;
	width: 13px;
	border: 1px solid white;
}

h1.headerBarreLogo {
	float: left;
	display: inline;
	margin: 4px 0px 0px 7px;
	font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    color:white;
    font-weight: bold;
}

h1.headerBarreLogo a {
    text-decoration: none;
    font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    color:white;
    font-weight: bold;
}

h2.headerBarreLogo {
	float: right;
	display: inline;
	margin-top: 4px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:white;
	font-weight: normal;
}

/*//////////////FIN Barre Bleue/////////////*/

/*////////////// DEBUT Menu principal/////////////*/

.BoxMenu {
	position: absolute;
	float:left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	background:none;				/*url(../images/filet_top.gif) repeat-x top left___________________________________IMAGE!*/
	z-index: 3;
}
.BoxMenu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.BoxMenu ul li {
	float:left;
	position:relative;
	background:#fff;		/*url(../images/filet_top_menu.gif) no-repeat top right___________________________________IMAGE!*/
	margin-right:5px;
}
.BoxMenu ul li a, .BoxMenu ul li a:visited {
	float:left;
	display:block;
	text-decoration:none;
	color:#000000;
	padding:4px 20px;
	height:14px;
	width:100px;
	font-size:12px;
}
* html .BoxMenu ul li a, .BoxMenu ul li a:visited {
	height:21px;
	he\ight:14px; /* hack pour que IE (l'ignard) soit le seul à voir */
}
.BoxMenu ul li:hover {
	width:auto;
}

.BoxMenu ul li a.BoxMenuLevel {background:#8a8a8d url(../images/menu_grey.gif) no-repeat top right;color:#FFFFFF; padding-right:13px;font-weight:bold;}
.BoxMenu ul li a.BoxMenuLevel:hover {background:#559cbe url(../images/menu_blue.gif) no-repeat top right; color:#FFFFFF;}
.BoxMenu ul li:hover a.BoxMenuLevel {background:#559cbe url(../images/menu_blue.gif) no-repeat top right; color:#FFFFFF;}

.BoxMenu ul li ul {
	display: none;
}
.BoxMenu table {
	margin:-1px;
	border-collapse:collapse;
	font-size:12px;
}

/* !!!!!!!!!!!!!!!!!!!!!  Pour les autres que IE */
.BoxMenu ul li:hover ul {
	display:block;
	position:absolute;
	top:22px;
	left:0;
	width:180px;
	border: 1px solid #000000;
	/padding-bottom:1px;
	/background-color:#559cbe;
}
.BoxMenu ul li:hover ul.endstop {
	left:-92px;
}
.BoxMenu ul li:hover ul li ul {
	display: none;
}
.BoxMenu ul li:hover ul li a {
	display:block;
	background:#559cbe url(../images/ic_fleche.gif) no-repeat 13px 6px;		/*___________________________________IMAGE!*/
	color:#000000;
	height:auto;
	line-height:13px;
	padding:4px 28px;
	width:124px;
	border-bottom:0;
}
.BoxMenu ul li:hover ul li a.drop {
	background:#a4a3a3;
}
.BoxMenu ul li:hover ul li a:hover {
	color:#ffffff;
	background:#999999 url(../images/ic_fleche_ov.gif) no-repeat 13px 7px;	/*___________________________________IMAGE!*/
}
.BoxMenu ul li:hover ul li a:hover.drop {
	background:#a4a3a3;
}
.BoxMenu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:180px;
	top:0px;
}
.BoxMenu ul li:hover ul li:hover ul.left {
	left:-180px;
}

/* !!!!!!!!!!!!!!!!!!!!! idem mais spécifique à IE5.5 et IE6  et...IE7 ?*/
.BoxMenu ul li a:hover ul {
	display:block;
	position:absolute;
	top:33px;
	/top:21px;
	left:0;
	/margin-top:1px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}
.BoxMenu ul li a ul li {
	 width:120px;
	 margin:0;
}
.BoxMenu ul li a:hover ul.endstop {
	left: -92px;
}
.BoxMenu ul li a:hover ul li a {
	display:block;
	background:#559cbe url(../images/ic_fleche.gif) no-repeat 13px 6px;		/*___________________________________IMAGE!*/
	color:#000;
	height:1px;
	line-height:15px;
	padding:3px 26px;
	width:152px;
	/width:155px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:0;
}
.BoxMenu ul li a:hover ul li a.drop {
	background:#a4a3a3;
	padding-bottom:5px;
}
.BoxMenu ul li a:hover ul li a ul {
	visibility:hidden;
	position:absolute;
	height:0;
	width:0;
}
.BoxMenu ul li a:hover ul li a:hover {
	color:#ffffff;
	background:#999 url(../images/ic_fleche_ov.gif) no-repeat 13px 6px;
}
.BoxMenu ul li a:hover ul li a:hover.drop {
	background:#a4a3a3;
}
.BoxMenu ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	top:0;
	/top:-1px;
	color:#000;
	left:208px;
}
.BoxMenu ul li a:hover ul li a:hover ul.left {
	left:-208px;
}

/* Bouton Profile - Logout */

.BoxProfile {
	float:right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

.BoxProfile ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.BoxProfile ul li {
	float:left;
	position:relative;
	background:url(../images/filet_top_menu.gif) no-repeat top left;		/*___________________________________IMAGE!*/
}
.BoxProfile ul li a, .BoxProfile ul li a:visited {
	float:left;
	display:block;
	text-decoration:none;
	color:#000000;
	padding:4px 20px;
	height:14px;
}
* html .BoxProfile ul li a, .BoxProfile ul li a:visited {
	height:21px;
	/height:14px; /* hack pour que IE (l'ignard) soit le seul à voir */
}
.BoxProfile ul li:hover {
	width:auto;
}

.BoxProfile ul li a.BoxMenuProfile:hover {background-color:#000000; color:#FFFFFF;}
.BoxProfile ul li:hover a.BoxMenuProfile {background-color:#000000; color:#FFFFFF;}

.BoxProfile ul li ul {
	display: none;
}


/*////////////// FIN Menu principal/////////////*/

/*///////////////////////////////////////////////////////////////////// FIN Classes HEADER/////////////*/

/*///////////////////////////////////////////////////////////////////// DEBUT Classes MENUS MAIN/////////////*/

/*////////////// DEBUT Barre Nom Objet/////////////*/

.BoxObjet {
	position: relative;
	z-index:1;
	float:left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/ic_objet.gif) no-repeat 6px 4px;		/*___________________________________IMAGE!*/
}
.BoxObjet ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.BoxObjet ul li {
	float:left;
	position:relative;
}
.BoxObjet ul li a, .BoxObjet ul li a:visited {
	float:left;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight: bold;
	padding:4px 27px;
	height:14px;
}
* html .BoxObjet ul li a, .BoxObjet ul li a:visited {
	height:21px;
	he\ight:14px; /* hack pour que IE (l'ignard) soit le seul à voir */
}
.BoxObjet ul li:hover {
	width:auto;
}

/*hack improbable qui marche mais je ne sais pas pourquoi :*/
.BoxObjet ul li a.BoxObjetLevel:hover {
	background:url(../images/ic_objet.gif) no-repeat 6px 4px;		/*___________________________________IMAGE!*/
	color:#FFFFFF;
}
.BoxObjet ul li:hover a.BoxObjetLevel {
	background:url(../images/ic_objet.gif) no-repeat 6px 4px;		/*___________________________________IMAGE!*/
	color:#FFFFFF;
}
/*fin du hack improbable*/

.BoxObjet ul li ul {
	display: none;
}
.BoxObjet table {
	margin:-1px;
	border-collapse:collapse;
	font-size:12px;
}

/* !!!!!!!!!!!!!!!!!!!!!  Pour les autres que IE */
.BoxObjet ul li:hover ul {
	display:block;
	position:absolute;
	top:22px;
	left:0;
	width:200px;
	border-right: 2px solid #999999;
	border-left: 2px solid #999999;
	border-bottom: 2px solid #999999;
}
.BoxObjet ul li:hover ul.endstop {
	left:-92px;
}
.BoxObjet ul li:hover ul li ul {
	display: none;
}
.BoxObjet ul li:hover ul li a {
	display:block;
	background:#FFFFFF url(../images/ic_fleche_bl.gif) no-repeat 13px 6px;		/*___________________________________IMAGE!*/
	color:#22497d;
	font-weight: normal;
	height:auto;
	line-height:13px;
	padding:4px 28px;
	width:144px;
	border-bottom:0;
}
.BoxObjet ul li:hover ul li a:hover {
	color:#ffffff;
	background:#999999 url(../images/ic_fleche_ov.gif) no-repeat 13px 7px;	/*___________________________________IMAGE!*/
}
.BoxObjet ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:180px;
	top:0px;
}
.BoxObjet ul li:hover ul li:hover ul.left {
	left:-180px;
}

/* !!!!!!!!!!!!!!!!!!!!! idem mais spécifique à IE5.5 et IE6  et...IE7 ?*/
.BoxObjet ul li a:hover ul {
	display:block;
	position:absolute;
	top:33px;
	t\op:21px;
	left:0;
	marg\in-top:1px;
	border-right: 2px solid #999999;
	border-left: 2px solid #999999;
	border-bottom: 2px solid #999999;
}
.BoxObjet ul li a:hover ul.endstop {
	left: -92px;
}
.BoxObjet ul li a:hover ul li a {
	display:block;
	background:#FFFFFF url(../images/ic_fleche_bl.gif) no-repeat 13px 6px;		/*___________________________________IMAGE!*/
	color:#22497d;
	font-weight: normal;
	height:1px;
	line-height:15px;
	padding:3px 26px;
	width:152px;
	w\idth:155px;
}

.BoxObjet ul li a:hover ul li a ul {
	visibility:hidden;
	position:absolute;
	height:0;
	width:0;
}
.BoxObjet ul li a:hover ul li a:hover {
	color:#ffffff;
	background:#559cbe url(../images/ic_fleche_ov.gif) no-repeat 13px 7px;	/*___________________________________IMAGE!*/
}
.BoxObjet ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	top:0;
	t\op:-1px;
	color:#000;
	left:208px;
}
.BoxObjet ul li a:hover ul li a:hover ul.left {
	left:-208px;
}

/* Bouton Close Object */

.BoxObjetClose {
	float:right;
	width: 22px;
	height:22px;
	background: url(../images/ic_objet_croix.gif) no-repeat 3px 4px;		/*___________________________________IMAGE!*/
}

.BoxObjetClose a {
	display: block;
	width: 22px;
	height:22px;
}

/*////////////// FIN Barre Nom Objet/////////////*/

/*////////////// DEBUT Onglets/////////////*/

ul#tabnav {
	font: bold 12px arial, verdana, sans-serif;
	background: url(../images/tabs_backgrnd.gif) no-repeat;				/*___________________________________IMAGE!*/
	list-style-type: none;
	padding-bottom: 23px;
	/*border-bottom: 2px solid #999999;*/
	margin: 0;
}

ul#tabnav li {
	float: left;
	height: 22px;
	width: 161px;
	margin-right:2px;
}

#tabnav li.tabActive {
	position: relative;
	z-index:0;
	background-color: #fff;
}

#tabnav li.tabActive a {
	color: #22497d;
	height: 22px;
	width: 161px;
	background: #FFFFFF url(../images/onglJauneFin.gif) no-repeat top left;/*___________________________________IMAGE!*/
}

#tabnav a {
	display: block;
	text-align: center;
	background: url(../images/onglNoirFin.gif) no-repeat top left;			/*___________________________________IMAGE!*/
	color: #FFF;
	text-decoration: none;
	height: 22px;
	width: 161px;
	padding-top: 2px;
}

#tabnav li.tabFinal a {
	display: block;
	text-align: center;
	background: url(../images/onglNoirFin.gif) no-repeat top left;			/*___________________________________IMAGE!*/
	color: #FFF;
	text-decoration: none;
	height: 22px;
	width: 161px;
}

#tabnav li.tabFinal a:hover {
	background: url(../images/onglGrisFin.gif) no-repeat top left;			/*___________________________________IMAGE!*/
}

#tabnav li.tabFinalActive a {
	display: block;
	text-align: center;
	background: url(../images/onglNoirFin.gif) no-repeat top left;			/*___________________________________IMAGE!*/
	color: #626262;
	text-decoration: none;
	height: 22px;
	width: 161px;
}

#tabnav li.tabFinalActive a:hover {
	background: url(../images/onglGrisFin.gif) no-repeat top left;			/*___________________________________IMAGE!*/
}

#tabnav li.tabFinalActive {
	position: relative;
	z-index:0;
	background-color: #fff;
}

#tabnav li.tabFinalActive a {
	color: #22497d;
	height: 22px;
	width: 161px;
	background: #FFFFFF url(../images/onglJauneFin.gif) no-repeat top left;/*___________________________________IMAGE!*/
}


#tabnav a:hover {
	background: url(../images/onglGrisFin.gif) no-repeat top left;		/*___________________________________IMAGE!*/
	color:#000000;
}

#tabnav li.tabActive a:hover {
	background: url(../images/onglGrisFin.gif) no-repeat top left;		/*___________________________________IMAGE!*/
	color:#000000;
}

#tabnav h1 {
	position: absolute;
	float:left;
	text-align: left;
	padding-left: 10px;
	font: normal 10px arial, verdana, sans-serif;
	color:#FFFFFF;
}
/*////////////// FIN Onglets/////////////*/

/*///////////////////////////////////////////////////////////////////// DEBUT Classes CONTENU/////////////*/

/*////////////// DEBUT Drop Down Box/////////////*/


.dropDownBox {
	float: left;
	width: 444px;
	margin-bottom: 20px;
	background-color: #ddebf2;
	border: 1px solid #626262;
}


.dropDownBox h1 {
	height: 16px;
	width: 397px;
	float: left;
	font: bold 12px arial, verdana, sans-serif;
	color: #FFFFFF;
	padding: 3px 12px;
	background-color: #626262;

}

a.dropDownArrow {
	float: right;
	display:block;
	width: 23px;
	height: 22px;
	background:#626262 url(../images/ic_drop_up.gif) no-repeat 5px 3px;		/*___________________________________IMAGE!*/
}

a:hover.dropDownArrow {
	background:#626262 url(../images/ic_drop_up_ov.gif) no-repeat 5px 3px;		/*___________________________________IMAGE!*/
}

a.dropUpArrow {
	float: right;
	display:block;
	width: 23px;
	height: 22px;
	background:#626262 url(../images/ic_drop_down.gif) no-repeat 5px 3px;		/*___________________________________IMAGE!*/
}

a:hover.dropUpArrow {
	background:#626262 url(../images/ic_drop_down_ov.gif) no-repeat 5px 3px;		/*___________________________________IMAGE!*/
}

.dropDownConfidentiel {
	float: right;
	width: 82px;
	height: 15px;
	background:url(../images/confidentiel_box.gif) no-repeat;					/*___________________________________IMAGE!*/
}

/*////////////// FIN Drop Down Box/////////////*/

/*////////////// DEBUT Drop Down Rank/////////////*/

.dropDownRank {
	float: left;
	width: 917px;
	margin-bottom: 20px;
	background-color: #efefef;
	border: 1px solid #626262;
}


.dropDownRank h1 {
	height: 16px;
	width: 870px;
	float: left;
	font: bold 12px arial, verdana, sans-serif;
	color: #FFFFFF;
	padding: 3px 12px;
	background-color: #626262;
}

.dropDownRank ul {
	float: left;
	padding: 12px 0px 6px 12px;
	list-style-type: none;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	text-transform: uppercase;
}

.dropDownRank ul.ranks {
	clear: both;
	width: 890px;
	padding: 0px 0px 3px 0px;
}

.dropDownRank li {
	float: left;
	margin-right: 4px;
}

.dropDownRank label {
	float: left;
	padding-top: 4px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	line-height: 10px;
}

.dropDownRank label.obligatoire {
	font-weight: bold;
	color: #22497d;
}

.dropDownRank label.obligatoireError {
	font-weight: bold;
	color: #FF0000;
}

/*////////////// FIN Drop Down Rank/////////////*/

/*////////////// DEBUT Drop Down Mix/////////////*/

.dropDownMix {
	float: left;
	width: 444px;
	margin-bottom: 20px;
	background-color: #efefef;
	border: 1px solid #626262;
}


.dropDownMix h1 {
	height: 16px;
	width: 397px;
	float: left;
	font: bold 12px arial, verdana, sans-serif;
	color: #FFFFFF;
	padding: 3px 12px;
	background-color: #626262;
}

.dropDownMix ul {
	float: left;
	padding: 12px 0px 6px 12px;
	list-style-type: none;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	text-transform: uppercase;
}

.dropDownMix ul.ranks {
	clear: both;
	width: 390px;
	padding: 0px 0px 3px 0px;
}

.dropDownMix li {
	float: left;
	margin-right: 4px;
}

.dropDownMix label {
	float: left;
	padding-top: 4px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	line-height: 10px;
}

.dropDownMix label.obligatoire {
	font-weight: bold;
	color: #22497d;
}

.dropDownMix label.obligatoireError {
	font-weight: bold;
	color: #FF0000;
}

/*////////////// FIN Drop Down Rank/////////////*/


/*////////////// DEBUT Champs textes/////////////*/

li.champsTxtSpace {
	width:1px;
	min-height:9px;
	height:auto;
	font-weight: normal;
	border: 1px solid #efefef;
}

* html li.champsTxtMedium {
	height:9px;
}

li.champsTxtBig {
	width:250px;
	font-weight: normal;
	border: 1px solid #efefef;
}

li.champsTxtMedium {
	width:103px;
	font-weight: normal;
	border: 1px solid #efefef;
}

* html li.champsTxtMedium { /*hack IE qui met une marge entre les input */
	margin-right: 6px;
}

li.champsTxtLarge {
	width:150px;
	font-weight: normal;
	border: 1px solid #efefef;
}

* html li.champsTxtLarge { /*hack IE qui met une marge entre les input */
	margin-right: 6px;
}

li.champsTxtSmall {
	width:38px;
	font-weight: normal;
	border: 1px solid #efefef;
}

* html li.champsTxtSmall { /*hack IE qui met une marge entre les input */
	margin-right: 8px;
}

li.champsTxtSmallSelect {
	width:56px;
	font-weight: normal;
	border: 1px solid #efefef;
}

* html li.champsTxtSmallSelect { /*hack IE qui met une marge entre les input */
	width:52px; /*IE ne tient pas compte des border pour les SELECT, d'où autre width... */
	margin-right: 8px;
}

li.champsTxtTiny {
	width:8px;
	font-weight: normal;
	border: 1px solid #efefef;
}

* html li.champsTxtTiny { /*hack IE qui met une marge entre les input */
	margin-right: 8px;
}

/*////////////// FIN Champs textes/////////////*/

/*////////////// DEBUT Formulaires Drop Down Box/////////////*/

.dropDownBox ul {
	float: left;
	padding: 12px 12px 6px 12px;
	list-style-type: none;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	text-transform: uppercase;
}

.dropDownBox li {
	float: left;
	width: 417px;
	min-height: 17px;
	height:auto;
	margin-bottom: 10px;
}

.dropDownBox table {
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
}

.dropDownBox li.ranks {
	float: left;
	width: auto;
	margin-right: 4px;
	margin-bottom: 0px;
}

.dropDownBox ul.ranks {
	clear: both;
	width: 417px;
	padding: 0px 0px 4px 0px;
}

.dropDownBox label.ranks {
	float: left;
	width: auto;
	padding-top: 4px;
	margin-left: 3px;
	margin-right: 3px;
}

.dropDownBox label {
	float: left;
	width: 165px;
	padding-top: 4px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	line-height: 10px;
}

.dropDownBox label.obligatoire {
	font-weight: bold;
	color: #22497d;
}

/* icones Francais-anglais */
/*TEXTAREA*/
.languages {
	float: right;
	width: 19px;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #000000;
}

.languages img {
	float: left;
	border: 0;
}

.languagesTrad {
	float: right;
	width: 19px;
	border-width: 2px 2px 1px 0px;
	border-style: solid;
	border-color: #999999;
}

.languagesTrad img {
	float: left;
	border: 0;
}

/*BIG*/
.languagesBig {
	float: right;
	width: 38px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #000000;
}

.languagesBig img {
	float: right;
	border:0;
}

.languagesBigObligatoire {
	float: right;
	width: 38px;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #22497d;
}

.languagesBigObligatoire img {
	float: right;
	border:0;
}

/*MEDIUM*/
.languagesMed {
	float: left;
	width: 38px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #000000;
}

.languagesMed img {
	float: left;
	border: 0;
}

.languagesMedTrad {
	float: left;
	width: 38px;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #999999;
}

.languagesMedTrad img {
	float: left;
	border: 0;
}
/*SMALL*/
.languagesSmall {
	float: left;
	width: 38px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #000000;
}

.languagesSmall img {
	float: right;
	border: 0;
}

.languagesSmallTrad {
	float: left;
	width: 38px;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #999999;
}

.languagesSmallTrad img {
	float: right;
	border: 0;
}
/* FIN icones Francais-anglais */

/* icones Confidentiel */

/*TEXTAREA*/
.confidentiel {
	float: left;
	width: 100%;
	height: 15px;
	background: url(../images/confidentiel.gif) no-repeat 315px 0px;			/*___________________________________IMAGE!*/
}

.confidentielTrad {
	float: left;
	width: 100%;
	height: 15px;
	background: url(../images/confidentiel_obl.gif) no-repeat 314px 0px;		/*___________________________________IMAGE!*/
}

/*INPUT*/

.confidentielInput {
	float: left;
	width: 100%;
	height: 15px;
	background: url(../images/confidentiel.gif) no-repeat 335px 0px;			/*___________________________________IMAGE!*/
}

.confidentielInputObligatoire {
	float: left;
	width: 100%;
	height: 15px;
	background: url(../images/confidentiel_obl.gif) no-repeat 335px 0px;		/*___________________________________IMAGE!*/
}

.confidentielInputTrad {
	float: left;
	width: 100%;
	height: 15px;
	background: url(../images/confidentiel.gif) no-repeat 335px 0px;			/*___________________________________IMAGE!*/
}

.confidentielInputObligatoireTrad {
	float: left;
	width: 100%;
	height: 15px;
	background: url(../images/confidentiel_obl.gif) no-repeat 335px 0px;		/*___________________________________IMAGE!*/
}

/* FIN icones Confidentiels */

/*BIG SELECT & TYPE */

input.bigInputText {
	float: left;
	padding-left: 3px;
	width: 247px;
	height: 15px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 1px solid black;
}

input.bigInputTextTrad {
	float: left;
	padding-left: 3px;
	width: 209px;
	height: 15px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 1px solid black;
}

input.bigInputTextObligatoire {
	float: left;
	padding-left: 3px;
	border: 2px solid #09628c;
	width: 245px;
	height: 15px;
	font: bold 12px arial, verdana, sans-serif;
	color: #22497d;
}

input.bigInputTextObligatoireTrad {
	float: left;
	padding-left: 3px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #09628c;
	width: 207px;
	height: 15px;
	font: bold 12px arial, verdana, sans-serif;
	color: #22497d;
}

select.bigInputText {
	float: left;
	padding-left: 0px;
	width: 252px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	text-transform:none;
	border: 1px solid black;
}

option.bigInputText {
	padding-left: 4px;
	border: 0;
}

select.bigInputTextObligatoire {
	float: left;
	padding-left: 0px;
	width: 252px;
	font:bold 12px arial, verdana, sans-serif;
	color: #22497d;
	text-transform:none;
	border: 2px solid #09628c;
}

option.bigInputTextObligatoire {
	padding-left: 4px;
	border: 0;
}


/*MEDIUM SELECT & TYPE */


input.mediumInputText {
	float: left;
	padding-left: 3px;
	width: 100px;
	height: 15px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 1px solid black;
}

input.mediumTextTrad {
	float: left;
	padding-left: 3px;
	width: 100px;
	height: 15px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 1px solid black;
}

input.mediumInputTextObligatoire {
	float: left;
	padding-left: 3px;
	border: 2px solid #09628c;
	width: 98px;
	height: 15px;
	font: bold 12px arial, verdana, sans-serif;
	color: #22497d;
}

input.mediumInputTextObligatoireTrad {
	float: left;
	padding-left: 3px;
	border: 2px solid #09628c;
	width: 98px;
	height: 15px;
	font: bold 12px arial, verdana, sans-serif;
	color: #22497d;
}

select.mediumInputText {
	float: left;
	padding-left: 0px;
	width: 105px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	text-transform:none;
	border: 1px solid black;
}

option.mediumInputText {
	padding-left: 4px;
	border: 0;
}

select.mediumInputTextObligatoire {
	float: left;
	padding-left: 0px;
	width: 105px;
	font:bold 12px arial, verdana, sans-serif;
	color: #22497d;
	text-transform:none;
	border: 2px solid #09628c;
}

option.mediumInputTextObligatoire {
	padding-left: 4px;
	border: 0;
}

/*SMALL SELECT & TYPE */


input.smallInputText {
	float: left;
	padding-left: 3px;
	width: 35px;
	height: 15px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 1px solid black;
}

input.smallTextTrad {
	float: left;
	padding-left: 3px;
	width: 35px;
	height: 15px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 1px solid black;
}

input.smallInputTextObligatoire {
	float: left;
	padding-left: 3px;
	border: 2px solid #09628c;
	width: 33px;
	height: 15px;
	font: bold 12px arial, verdana, sans-serif;
	color: #22497d;
}

input.smallInputTextObligatoireTrad {
	float: left;
	padding-left: 3px;
	border: 2px solid #09628c;
	width: 34px;
	height: 15px;
	font: bold 12px arial, verdana, sans-serif;
	color: #22497d;
}
select.smallInputText {
	float: left;
	padding-left: 0px;
	width: 58px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	text-transform:none;
	border: 1px solid black;
}

option.smallInputText {
	padding-left: 4px;
	border: 0;
}

select.smallInputTextObligatoire {
	float: left;
	padding-left: 0px;
	width: 58px;
	font:bold 12px arial, verdana, sans-serif;
	color: #22497d;
	text-transform:none;
	border: 2px solid #09628c;
}

option.smallInputTextObligatoire {
	padding-left: 4px;
	border: 0;
}

/*BIG TEXTAREA */


textarea.bigInputText {
	float: left;
	padding-left: 3px;
	width: 247px;
	height: 90px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 1px solid black;
}

textarea.bigInputTextTrad {
	float: left;
	padding-left: 3px;
	width: 227px;
	height: 90px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 1px solid black;
}

textarea.bigInputTextObligatoire {
	float: left;
	padding-left: 3px;
	border: 2px solid #09628c;
	width: 245px;
	height: 90px;
	font: bold 12px arial, verdana, sans-serif;
	color: #22497d;
}

textarea.bigInputTextObligatoireTrad {
	float: left;
	padding-left: 3px;
	border: 2px solid #09628c;
	width: 224px;
	height: 90px;
	font: bold 12px arial, verdana, sans-serif;
	color: #22497d;
}

/*MEDIUM TEXTAREA */


textarea.mediumInputText {
	float: left;
	padding-left: 3px;
	width: 160px;
	height: 90px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 1px solid black;
}

textarea.mediumInputTextTrad {
	float: left;
	padding-left: 3px;
	width: 141px;
	height: 90px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 1px solid black;
}

textarea.mediumInputTextObligatoire {
	float: left;
	padding-left: 3px;
	border: 2px solid #22497d;
	width: 158px;
	height: 90px;
	font: bold 12px arial, verdana, sans-serif;
	color: #22497d;
}

textarea.mediumInputTextObligatoireTrad {
	float: left;
	padding-left: 3px;
	border: 2px solid #22497d;
	width: 139px;
	height: 90px;
	font: bold 12px arial, verdana, sans-serif;
	color: #22497d;
}

/*SMALL TEXTAREA */


textarea.smallInputText {
	float: left;
	padding-left: 3px;
	width: 80px;
	height: 90px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 1px solid black;
}

textarea.smallInputTextTrad {
	float: left;
	padding-left: 3px;
	width: 80px;
	height: 90px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 1px solid black;
}

textarea.smallInputTextObligatoire {
	float: left;
	padding-left: 3px;
	border: 2px solid #22497d;
	width: 78px;
	height: 90px;
	font: bold 12px arial, verdana, sans-serif;
	color: #22497d;
}

textarea.smallInputTextObligatoireTrad {
	float: left;
	padding-left: 3px;
	border: 2px solid #22497d;
	width: 78px;
	height: 90px;
	font: bold 12px arial, verdana, sans-serif;
	color: #22497d;
}

/*BULLET + CASES LIST 1 COLONNE */

.bulletList li {
	float: left;
	width: 417px;
	margin: 0;
}

.bulletList input {
	float: left;
	margin-top: 2px;
}

input.bulletList {
	float: left;
	margin-top: 3px;
}

/* hack input padding IE */
/*\*/
* html input.bulletList {
	float: left;
	margin-top: 0px;
}
/**/

/* hack input padding IE */
/*\*/
* html .bulletList p {
	padding-top: 4px;
}
/**/


.bulletList p {
	padding-left : 5px;
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 0;
}

p.bulletList {
	padding: 0px 0px 0px 3px;
	display: inline;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
}

/*BULLET + CASES LIST 2 COLONNES */
.bulletList2Col li {
	float: left;
	width: 200px;
	margin: 0;
}

.bulletList2Col input {
	margin: 4px;
	-margin-top: 2px;
	margin-top: 0px;
	float: left;
	/*-float:none;
	f\loat: none;
	ma\rgin-top: 2px;*/

}

/* hack input padding IE */
/*\*/
* html .bulletList2Col p {
	padding-top: 4px;
}
/**/


.bulletList2Col p {
	padding-left : 5px;
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 0;
}

p.bulletList2Col {
	padding-left : 5px;
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 0;
}


/*////////////// FIN Formulaires Drop Down Box/////////////*/

/*////////////// DEBUT BOUTONS/////////////*/


.boutonVide li {
	list-style-type: none;
}

.boutonVide a {
	font: normal 12px arial, verdana, sans-serif;
	text-transform: uppercase;
	background: #999999;
	padding: 1px 3px 1px 4px;
	text-decoration: none;
	color: #FFFFFF;
}

.boutonVide a:hover {
	background: #000000;
}


.boutonAjouter li {
	list-style-type: none;
}

.boutonAjouter a {
	font: normal 12px arial, verdana, sans-serif;
	text-transform: uppercase;
	background: #afbd21 url(../images/ic_ajouter.gif) no-repeat;			/*___________________________________IMAGE!*/
	padding: 1px 3px 1px 19px;
	text-decoration: none;
	color: #FFFFFF;
}

.boutonAjouter a:hover {
	background: #000000 url(../images/ic_ajouter_ov.gif) no-repeat;		/*___________________________________IMAGE!*/
}

.boutonSupprimer li {
	list-style-type: none;
}

.boutonSupprimer a {
	font: normal 12px arial, verdana, sans-serif;
	text-transform: uppercase;
	background: #999999 url(../images/ic_supprimer.gif) no-repeat;			/*___________________________________IMAGE!*/
	padding: 1px 3px 1px 19px;
	text-decoration: none;
	color: #FFFFFF;
}

.boutonSupprimer a:hover {
	background: #000000 url(../images/ic_supprimer_ov.gif) no-repeat;		/*___________________________________IMAGE!*/
}

.boutonDeplacer2 li {
	list-style-type: none;
}

.boutonDeplacer2 a {
	font: normal 12px arial, verdana, sans-serif;
	cursor:move;
	text-transform: uppercase;
	background: #999999 url(../images/ic_deplacer2.gif) no-repeat;			/*___________________________________IMAGE!*/
	padding: 1px 3px 1px 19px;
	text-decoration: none;
	color: #FFFFFF;
}

.boutonDeplacer2 a:hover {
	background: #000000 url(../images/ic_deplacer2_ov.gif) no-repeat;		/*___________________________________IMAGE!*/
}

.boutonDeplacer3 li {
	list-style-type: none;
}

.boutonDeplacer3 a {
	font: normal 12px arial, verdana, sans-serif;
	cursor:move;
	text-transform: uppercase;
	background: #999999 url(../images/ic_deplacer3.gif) no-repeat;			/*___________________________________IMAGE!*/
	padding: 1px 3px 1px 19px;
	text-decoration: none;
	color: #FFFFFF;
}

.boutonDeplacer3 a:hover {
	background: #000000 url(../images/ic_deplacer3_ov.gif) no-repeat;		/*___________________________________IMAGE!*/
}

.boutonMain li {
	list-style-type: none;
}

.boutonMain a {
	font: normal 12px arial, verdana, sans-serif;
	text-transform: uppercase;
	cursor:move;
	background: #999999 url(../images/ic_main.gif) no-repeat;			/*___________________________________IMAGE!*/
	padding: 1px 3px 1px 19px;
	text-decoration: none;
	color: #FFFFFF;
}

.boutonMain a:hover {
	background: #000000 url(../images/ic_main_ov.gif) no-repeat;		/*___________________________________IMAGE!*/
}

a.boutonAjouterPetit {
	display: block;
	width: 15px;
	height:15px;
	background: #999999 url(../images/ic_ajouter.gif) no-repeat;
}

a:hover.boutonAjouterPetit {
	background: #000000 url(../images/ic_ajouter_ov.gif) no-repeat;
}

a.boutonSupprimerPetit {
	display: block;
	width: 15px;
	height:15px;
	background: #999999 url(../images/ic_supprimer.gif) no-repeat;
}

a:hover.boutonSupprimerPetit {
	background: #000000 url(../images/ic_supprimer_ov.gif) no-repeat;
}

a.boutonDeplacerPetit {
	display: block;
	cursor:move;
	width: 15px;
	height:15px;
	background: #999999 url(../images/ic_deplacer.gif) no-repeat;
}

a:hover.boutonDeplacerPetit {
	background: #000000 url(../images/ic_deplacer_ov.gif) no-repeat;
}

a.boutonDeplacerPetit2 {
	display: block;
	cursor:move;
	width: 15px;
	height:15px;
	background: #999999 url(../images/ic_deplacer2.gif) no-repeat;
}

a:hover.boutonDeplacerPetit2 {
	background: #000000 url(../images/ic_deplacer2_ov.gif) no-repeat;
}

a.boutonDeplacerPetit3 {
	display: block;
	cursor:move;
	width: 15px;
	height:15px;
	background: #999999 url(../images/ic_deplacer3.gif) no-repeat;
}

a:hover.boutonDeplacerPetit3 {
	background: #000000 url(../images/ic_deplacer3_ov.gif) no-repeat;
}

a.boutonDeplacerMain {
	display: block;
	cursor:move;
	width: 15px;
	height:15px;
	background: #999999 url(../images/ic_main.gif) no-repeat;
}

a:hover.boutonDeplacerMain {
	background: #000000 url(../images/ic_main_ov.gif) no-repeat;
}

/*////////////// FIN BOUTONS/////////////*/

/*////////////// DEBUT Drop Down Rank/////////////*/



/*////////////// FIN Drop Down Rank/////////////*/

/*///////////////////////////////////////////////////////////////////// FIN Classes CONTENU/////////////*/

/*///////////////////////////////////////////////////////////////////// DEBUT Classes SAUVEGARDER/////////////*/


/*////////////// DEBUT Boutons de sauvegarde/////////////*/


a.boutonSave, a:visited.boutonSave, a:active.boutonSave {
	display: block;
	float:left;
	width: 97px;
	padding-left: 25px;
	height:17px;
	padding-top: 3px;
	margin-right: 9px;
	text-align: left;
	background: #afbd21 url(../images/ic_sauve.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
	border: 1px solid white;
	font: normal 11px arial, verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
}

a:hover.boutonSave {
	background: #000000 url(../images/ic_sauve.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
}

a.boutonValid, a:visited.boutonValid, a:active.boutonValid {
	display: block;
	float:left;
	width: 97px;
	padding-left: 25px;
	height:17px;
	padding-top: 3px;
	margin-right: 9px;
	text-align: left;
	background: #afbd21 url(../images/ic_valid.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
	border: 1px solid white;
	font: normal 12px arial, verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
}

a:hover.boutonValid {
	background: #000000 url(../images/ic_valid.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
}

a.boutonConsult, a:visited.boutonConsult, a:active.boutonConsult {
	display: block;
	float:left;
	width: 97px;
	padding-left: 25px;
	height:17px;
	padding-top: 3px;
	margin-right: 9px;
	text-align: left;
	background: #afbd21 url(../images/ic_consult.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
	border: 1px solid white;
	font: normal 12px arial, verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
}

a:hover.boutonConsult {
	background: #000000 url(../images/ic_consult.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
}

a.boutonPreced, a:visited.boutonPreced, a:active.boutonPreced {
	display: block;
	float:left;
	margin-right: 9px;
	text-align: left;
	width: 14px;
	height: 14px;
	padding: 3px 3px 3px 3px;
	background: #afbd21 url(../images/ic_preced.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
	border: 1px solid white;
	font: normal 12px arial, verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

a:hover.boutonPreced {
	background: #000000 url(../images/ic_preced.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
}

a.boutonSuiv, a:visited.boutonSuiv, a:active.boutonSuiv {
	display: block;
	float:left;
	width: 14px;
	height: 14px;
	padding: 3px 3px 3px 3px;
	background: #afbd21 url(../images/ic_suiv.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
	border: 1px solid white;
	font: normal 12px arial, verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

a:hover.boutonSuiv {
	background: #000000 url(../images/ic_suiv.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
}
/*////////////// FIN Boutons de sauvegarde/////////////*/

/*///////////////////////////////////////////////////////////////////// FIN Classes SAUVEGARDER/////////////*/

/*///////////////////////////////////////////////////////////////////// DEBUT Classes ERREURS/////////////*/

/*////////////// DEBUT Onglets/////////////*/

#tabnav li.tabActiveError a {
	color: #22497d;
	height: 22px;
	width: 161px;
	background: url(../images/tabs_head_act_err.gif) no-repeat top left;/*___________________________________IMAGE!*/
}

#tabnav li.tabActiveError a:hover {
	color: #000000;
	background: url(../images/tabs_head_act_err.gif) no-repeat top left;/*___________________________________IMAGE!*/
}

#tabnav li.tabError a {
	color: #626262;
	height: 22px;
	width: 161px;
	background: url(../images/tabs_head_err.gif) no-repeat top left;/*___________________________________IMAGE!*/
}

#tabnav li.tabError a:hover {
	color: #000000;
	background: url(../images/tabs_head_ov_err.gif) no-repeat top left;/*___________________________________IMAGE!*/
}

#tabnav li.tabFinalError a {
	background: url(../images/tabs_head_final_err.gif) no-repeat top left;			/*___________________________________IMAGE!*/
	color: #626262;
	height: 22px;
	width: 161px;
}

#tabnav li.tabFinalError a:hover {
	background: url(../images/tabs_head_finalov_err.gif) no-repeat top left;			/*___________________________________IMAGE!*/
	color: #000000;
}

#tabnav li.tabFinalActiveError a {
	background: url(../images/tabs_head_finalact_err.gif) no-repeat top left;			/*___________________________________IMAGE!*/
	color: #22497d;
	height: 22px;
	width: 161px;
}

#tabnav li.tabFinalActiveError a:hover {
	background: url(../images/tabs_head_finalact_err.gif) no-repeat top left;			/*___________________________________IMAGE!*/
	color: #000000;
}


/*////////////// FIN Onglets/////////////*/

/*////////////// DEBUT Champs textes/////////////*/

li.champsTxtSpaceError {
	width:1px;
	min-height:9px;
	height:auto;
	font-weight: normal;
	border: 1px solid #efefef;
}

* html li.champsTxtMediumError {
	height:9px;
}

li.champsTxtBigError {
	width:250px;
	font-weight: normal;
	color:#FF0000;
	border: 1px solid #efefef;
}

li.champsTxtMediumError {
	width:103px;
	font-weight: normal;
	color:#FF0000;
	border: 1px solid #efefef;
}

* html li.champsTxtMediumError { /*hack IE qui met une marge entre les input */
	margin-right: 6px;
}

li.champsTxtLargeError {
	width:150px;
	font-weight: normal;
	color:#FF0000;
	border: 1px solid #efefef;
}

* html li.champsTxtLargeError { /*hack IE qui met une marge entre les input */
	margin-right: 6px;
}

li.champsTxtSmallError {
	width:38px;
	font-weight: normal;
	color:#FF0000;
	border: 1px solid #efefef;
}

* html li.champsTxtSmallError { /*hack IE qui met une marge entre les input */
	margin-right: 8px;
}

li.champsTxtSmallSelectError {
	width:56px;
	font-weight: normal;
	color:#FF0000;
	border: 1px solid #efefef;
}

* html li.champsTxtSmallSelectError { /*hack IE qui met une marge entre les input */
	width:52px; /*IE ne tient pas compte des border pour les SELECT, d'où autre width... */
	margin-right: 8px;
}

li.champsTxtTinyError {
	width:8px;
	font-weight: normal;
	color:#FF0000;
	border: 1px solid #efefef;
}

* html li.champsTxtTinyError { /*hack IE qui met une marge entre les input */
	margin-right: 8px;
}

/*////////////// FIN Champs textes/////////////*/

/*////////////// DEBUT Formulaires Drop Down Box/////////////*/


.dropDownBox label.Error {
	float: left;
	width: 165px;
	padding-top: 4px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	line-height: 10px;
}

.dropDownBox label.obligatoireError {
	font-weight: bold;
	color: #FF0000;
}

/* icones Francais-anglais */
/*TEXTAREA*/
.languagesError {
	float: right;
	width: 19px;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #FF0000;
}

.languagesError img {
	float: left;
	border: 0;
}

.languagesTradError {
	float: right;
	width: 19px;
	border-width: 2px 2px 1px 0px;
	border-style: solid;
	border-color: #FF0000;
}

.languagesTradError img {
	float: left;
	border: 0;
}

/*BIG*/
.languagesBigError {
	float: right;
	width: 38px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #FF0000;
}

.languagesBigError img {
	float: right;
	border:0;
}

.languagesBigObligatoireError {
	float: right;
	width: 38px;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #FF0000;
}

.languagesBigObligatoireError img {
	float: right;
	border:0;
}

/*MEDIUM*/
.languagesMedError {
	float: left;
	width: 38px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #FF0000;
}

.languagesMedError img {
	float: left;
	border: 0;
}

.languagesMedTradError {
	float: left;
	width: 38px;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #FF0000;
}

.languagesMedTradError img {
	float: left;
	border: 0;
}
/*SMALL*/
.languagesSmallError {
	float: left;
	width: 38px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #FF0000;
}

.languagesSmallError img {
	float: right;
	border: 0;
}

.languagesSmallTradError {
	float: left;
	width: 38px;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #FF0000;
}

.languagesSmallTradError img {
	float: right;
	border: 0;
}
/* FIN icones Francais-anglais */

/* icones Confidentiel */

/*TEXTAREA*/
.confidentielError {
	float: left;
	width: 100%;
	height: 15px;
	background: url(../images/confidentiel_err.gif) no-repeat 315px 0px;			/*___________________________________IMAGE!*/
}

.confidentielTradError {
	float: left;
	width: 100%;
	height: 15px;
	background: url(../images/confidentiel_err.gif) no-repeat 314px 0px;		/*___________________________________IMAGE!*/
}

/*INPUT*/

.confidentielInputError {
	float: left;
	width: 100%;
	height: 15px;
	background: url(../images/confidentiel_err.gif) no-repeat 335px 0px;			/*___________________________________IMAGE!*/
}

.confidentielInputObligatoireError {
	float: left;
	width: 100%;
	height: 15px;
	background: url(../images/confidentiel_err.gif) no-repeat 335px 0px;		/*___________________________________IMAGE!*/
}

.confidentielInputTradError {
	float: left;
	width: 100%;
	height: 15px;
	background: url(../images/confidentiel_err.gif) no-repeat 335px 0px;			/*___________________________________IMAGE!*/
}

.confidentielInputObligatoireTradError {
	float: left;
	width: 100%;
	height: 15px;
	background: url(../images/confidentiel_err.gif) no-repeat 335px 0px;		/*___________________________________IMAGE!*/
}

/* FIN icones Confidentiels */

/*BIG SELECT & TYPE */

input.bigInputTextError {
	float: left;
	padding-left: 3px;
	width: 247px;
	height: 15px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 1px solid #FF0000;
}

input.bigInputTextTradError {
	float: left;
	padding-left: 3px;
	width: 209px;
	height: 15px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 1px solid #FF0000;
}

input.bigInputTextObligatoireError {
	float: left;
	padding-left: 3px;
	border: 2px solid #FF0000;
	width: 245px;
	height: 15px;
	font: bold 12px arial, verdana, sans-serif;
	color: #FF0000;
}

input.bigInputTextObligatoireTradError {
	float: left;
	padding-left: 3px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #FF0000;
	width: 207px;
	height: 15px;
	font: bold 12px arial, verdana, sans-serif;
	color: #FF0000;
}

input.bigInputTextObligatoireTradErrorMultipleSelect {
	float: left;
	padding-left: 3px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #FF0000;
	width: 207px;
	font: bold 12px arial, verdana, sans-serif;
	color: #FF0000;
}

select.bigInputTextError {
	float: left;
	padding-left: 0px;
	width: 252px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	text-transform:none;
	border: 1px solid #FF0000;
}

option.bigInputTextError {
	padding-left: 4px;
	border: 0;
}

select.bigInputTextObligatoireError {
	float: left;
	padding-left: 0px;
	width: 252px;
	font:bold 12px arial, verdana, sans-serif;
	color: #FF0000;
	text-transform:none;
	border: 2px solid #FF0000;
}

option.bigInputTextObligatoireError {
	padding-left: 4px;
	border: 0;
}


/*MEDIUM SELECT & TYPE */


input.mediumInputTextError {
	float: left;
	padding-left: 3px;
	width: 100px;
	height: 15px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 1px solid #FF0000;
}

input.mediumTextTradError {
	float: left;
	padding-left: 3px;
	width: 100px;
	height: 15px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 1px solid #FF0000;
}

input.mediumInputTextObligatoireError {
	float: left;
	padding-left: 3px;
	border: 2px solid #FF0000;
	width: 98px;
	height: 15px;
	font: bold 12px arial, verdana, sans-serif;
	color: #FF0000;
}

input.mediumInputTextObligatoireTradError {
	float: left;
	padding-left: 3px;
	border: 2px solid #FF0000;
	width: 98px;
	height: 15px;
	font: bold 12px arial, verdana, sans-serif;
	color: #FF0000;
}
select.mediumInputTextError {
	float: left;
	padding-left: 0px;
	width: 105px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	text-transform:none;
	border: 1px solid #FF0000;
}

option.mediumInputTextError {
	padding-left: 4px;
	border: 0;
}

select.mediumInputTextObligatoireError {
	float: left;
	padding-left: 0px;
	width: 105px;
	font:bold 12px arial, verdana, sans-serif;
	color: #FF0000;
	text-transform:none;
	border: 2px solid #FF0000;
}

option.mediumInputTextObligatoireError {
	padding-left: 4px;
	border: 0;
}

/*SMALL SELECT & TYPE */


input.smallInputTextError {
	float: left;
	padding-left: 3px;
	width: 35px;
	height: 15px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 1px solid #FF0000;
}

input.smallTextTradError {
	float: left;
	padding-left: 3px;
	width: 35px;
	height: 15px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 1px solid #FF0000;
}

input.smallInputTextObligatoireError {
	float: left;
	padding-left: 3px;
	border: 2px solid #FF0000;
	width: 33px;
	height: 15px;
	font: bold 12px arial, verdana, sans-serif;
	color: #FF0000;
}

input.smallInputTextObligatoireTradError {
	float: left;
	padding-left: 3px;
	border: 2px solid #FF0000;
	width: 34px;
	height: 15px;
	font: bold 12px arial, verdana, sans-serif;
	color: #FF0000;
}
select.smallInputTextError {
	float: left;
	padding-left: 0px;
	width: 58px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	text-transform:none;
	border: 1px solid #FF0000;
}

option.smallInputTextError {
	padding-left: 4px;
	border: 0;
}

select.smallInputTextObligatoireError {
	float: left;
	padding-left: 0px;
	width: 58px;
	font:bold 12px arial, verdana, sans-serif;
	color: #FF0000;
	text-transform:none;
	border: 2px solid #FF0000;
}

option.smallInputTextObligatoireError {
	padding-left: 4px;
	border: 0;
}

/*BIG TEXTAREA */


textarea.bigInputTextError {
	float: left;
	padding-left: 3px;
	width: 247px;
	height: 90px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 1px solid #FF0000;
}

textarea.bigInputTextTradError {
	float: left;
	padding-left: 3px;
	width: 227px;
	height: 90px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 1px solid #FF0000;
}

textarea.bigInputTextObligatoireError {
	float: left;
	padding-left: 3px;
	border: 2px solid #FF0000;
	width: 245px;
	height: 90px;
	font: bold 12px arial, verdana, sans-serif;
	color: #FF0000;
}

textarea.bigInputTextObligatoireTradError {
	float: left;
	padding-left: 3px;
	border: 2px solid #FF0000;
	width: 224px;
	height: 90px;
	font: bold 12px arial, verdana, sans-serif;
	color: #FF0000;
}

/*MEDIUM TEXTAREA */


textarea.mediumInputTextError {
	float: left;
	padding-left: 3px;
	width: 160px;
	height: 90px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 1px solid #FF0000;
}

textarea.mediumInputTextTradError {
	float: left;
	padding-left: 3px;
	width: 141px;
	height: 90px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 1px solid #FF0000;
}

textarea.mediumInputTextObligatoireError {
	float: left;
	padding-left: 3px;
	border: 2px solid #FF0000;
	width: 158px;
	height: 90px;
	font: bold 12px arial, verdana, sans-serif;
	color: #FF0000;
}

textarea.mediumInputTextObligatoireTradError {
	float: left;
	padding-left: 3px;
	border: 2px solid #FF0000;
	width: 139px;
	height: 90px;
	font: bold 12px arial, verdana, sans-serif;
	color: #FF0000;
}

/*SMALL TEXTAREA */


textarea.smallInputTextError {
	float: left;
	padding-left: 3px;
	width: 80px;
	height: 90px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 1px solid #FF0000;
}

textarea.smallInputTextTradError {
	float: left;
	padding-left: 3px;
	width: 80px;
	height: 90px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 1px solid #FF0000;
}

textarea.smallInputTextObligatoireError {
	float: left;
	padding-left: 3px;
	border: 2px solid #FF0000;
	width: 78px;
	height: 90px;
	font: bold 12px arial, verdana, sans-serif;
	color: #FF0000;
}

textarea.smallInputTextObligatoireTradError {
	float: left;
	padding-left: 3px;
	border: 2px solid #FF0000;
	width: 78px;
	height: 90px;
	font: bold 12px arial, verdana, sans-serif;
	color: #FF0000;
}

/*BULLET + CASES LIST 1 COLONNE */

.bulletListError li {
	float: left;
	width: 417px;
	margin: 0;
}

.bulletListError input {
	float: left;
	margin-top: 2px;
}

input.bulletListError {
	float: left;
	margin-top: 3px;
}

/* hack input padding IE */
/*\*/
* html input.bulletListError {
	float: left;
	margin-top: 0px;
}
/**/

/* hack input padding IE */
/*\*/
* html .bulletListError p {
	padding-top: 4px;
}
/**/



.bulletListError p {
	padding-left : 5px;
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 0;
}

p.bulletListError {
	padding: 0px 0px 0px 3px;
	display: inline;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
}

/*BULLET + CASES LIST 2 COLONNES */
.bulletList2ColError li {
	float: left;
	width: 200px;
	margin: 0;
}

.bulletList2ColError input {
	float: left;
	margin-top: 2px;
}

/* hack input padding IE */
/*\*/
* html .bulletList2ColError p {
	padding-top: 4px;
}
/**/


.bulletList2ColError p {
	padding-left : 5px;
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 0;
}

p.bulletList2ColError {
	padding-left : 5px;
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	border: 0;
}

/*////////////// DEBUT BOUTONS/////////////*/


.boutonVideError li {
	list-style-type: none;
}

.boutonVideError a {
	font: normal 10px arial, verdana, sans-serif;
	text-transform: uppercase;
	background: #FF0000;
	padding: 1px 3px 1px 4px;
	text-decoration: none;
	color: #FFFFFF;
}

.boutonAjouterError a:hover {
	background: #000000;
}


.boutonAjouterError li {
	list-style-type: none;
}

.boutonAjouterError a {
	font: normal 10px arial, verdana, sans-serif;
	text-transform: uppercase;
	background: #FF0000 url(../images/ic_ajouter_err.gif) no-repeat;			/*___________________________________IMAGE!*/
	padding: 1px 3px 1px 19px;
	text-decoration: none;
	color: #FFFFFF;
}

.boutonAjouterError a:hover {
	background: #000000 url(../images/ic_ajouter_ov.gif) no-repeat;		/*___________________________________IMAGE!*/
}

.boutonSupprimerError li {
	list-style-type: none;
}

.boutonSupprimerError a {
	font: normal 10px arial, verdana, sans-serif;
	text-transform: uppercase;
	background: #FF0000 url(../images/ic_supprimer_err.gif) no-repeat;			/*___________________________________IMAGE!*/
	padding: 1px 3px 1px 19px;
	text-decoration: none;
	color: #FFFFFF;
}

.boutonSupprimerError a:hover {
	background: #000000 url(../images/ic_supprimer_ov.gif) no-repeat;		/*___________________________________IMAGE!*/
}

.boutonDeplacer2Error li {
	list-style-type: none;
}

.boutonDeplacer2Error a {
	font: normal 10px arial, verdana, sans-serif;
	cursor:move;
	text-transform: uppercase;
	background: #FF0000 url(../images/ic_deplacer2_err.gif) no-repeat;			/*___________________________________IMAGE!*/
	padding: 1px 3px 1px 19px;
	text-decoration: none;
	color: #FFFFFF;
}

.boutonDeplacer2Error a:hover {
	background: #000000 url(../images/ic_deplacer2_ov.gif) no-repeat;		/*___________________________________IMAGE!*/
}

.boutonDeplacer3Error li {
	list-style-type: none;
}

.boutonDeplacer3Error a {
	font: normal 10px arial, verdana, sans-serif;
	cursor:move;
	text-transform: uppercase;
	background: #FF0000 url(../images/ic_deplacer3_err.gif) no-repeat;			/*___________________________________IMAGE!*/
	padding: 1px 3px 1px 19px;
	text-decoration: none;
	color: #FFFFFF;
}

.boutonDeplacer3Error a:hover {
	background: #000000 url(../images/ic_deplacer3_ov.gif) no-repeat;		/*___________________________________IMAGE!*/
}

.boutonMainError li {
	list-style-type: none;
}

.boutonMainError a {
	font: normal 10px arial, verdana, sans-serif;
	text-transform: uppercase;
	cursor:move;
	background: #FF0000 url(../images/ic_main_err.gif) no-repeat;			/*___________________________________IMAGE!*/
	padding: 1px 3px 1px 19px;
	text-decoration: none;
	color: #FFFFFF;
}

.boutonMainError a:hover {
	background: #000000 url(../images/ic_main_ov.gif) no-repeat;		/*___________________________________IMAGE!*/
}

a.boutonAjouterPetitError {
	display: block;
	width: 15px;
	height:15px;
	background: #FF0000 url(../images/ic_ajouter_err.gif) no-repeat;
}

a:hover.boutonAjouterPetitError {
	background: #000000 url(../images/ic_ajouter_ov.gif) no-repeat;
}

a.boutonSupprimerPetitError {
	display: block;
	width: 15px;
	height:15px;
	background: #FF0000 url(../images/ic_supprimer_err.gif) no-repeat;
}

a:hover.boutonSupprimerPetitError {
	background: #000000 url(../images/ic_supprimer_ov.gif) no-repeat;
}

a.boutonDeplacerPetitError {
	display: block;
	cursor:move;
	width: 15px;
	height:15px;
	background: #FF0000 url(../images/ic_deplacer_err.gif) no-repeat;
}

a:hover.boutonDeplacerPetitError {
	background: #000000 url(../images/ic_deplacer_ov.gif) no-repeat;
}

a.boutonDeplacerPetit2Error {
	display: block;
	cursor:move;
	width: 15px;
	height:15px;
	background: #FF0000 url(../images/ic_deplacer2_err.gif) no-repeat;
}

a:hover.boutonDeplacerPetit2Error {
	background: #000000 url(../images/ic_deplacer2_ov.gif) no-repeat;
}

a.boutonDeplacerPetit3Error {
	display: block;
	cursor:move;
	width: 15px;
	height:15px;
	background: #FF0000 url(../images/ic_deplacer3_err.gif) no-repeat;
}

a:hover.boutonDeplacerPetit3Error {
	background: #000000 url(../images/ic_deplacer3_ov.gif) no-repeat;
}

a.boutonDeplacerMainError {
	display: block;
	cursor:move;
	width: 15px;
	height:15px;
	background: #FF0000 url(../images/ic_main_err.gif) no-repeat;
}

a:hover.boutonDeplacerMainError {
	background: #000000 url(../images/ic_main_ov.gif) no-repeat;
}

#Bulle {
	position:absolute;
	left:auto;
	top:auto;
	z-index:0;
	visibility:hidden;
	max-width: 250px;
	border:1px solid #FF0000;
	background-color:#ffe3e3;
	text-align: left;
}

.Bulle {
	cursor:default;
	padding:3px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
	background-color:#ffe3e3;
}

/* hack max-width pas pris en compte sous IE */
/*\*/
* html #Bulle {
	width:250px;
}
/**/

.Bulle ul {
	list-style-image:url(../images/infobulles_list.gif);
	padding-left: 35px;
}

.Bulle ul li {
	font: normal 12px arial, verdana, sans-serif;
	color:#FF0000;
}

.Bulle ol {
	padding-left: 35px;
}

.Bulle ol li {
	font: normal 12px arial, verdana, sans-serif;
	color:#FF0000;
}

.genericError {
	margin-bottom: 20px;
	padding-left:190px;
	min-height: 10px;
}

* html .genericError {
	height:10px;
}

.genericError h1 {
	height: 6px;
	width: 490px;
	float: left;
	font: normal 5px arial, verdana, sans-serif;
	color: #FF0000;
	padding: 3px 12px;
	background-color: #FF0000;
}

.genericErrorContent {
	clear:both;
	width:500px;
	background-color: #ffe3e3;
	border: 1px solid #FF0000;
	padding: 12px 12px 6px 12px;
	font: normal 12px arial, verdana, sans-serif;
	color: #FF0000;
}

a.dropDownArrowError {
	float: left;
	display:block;
	width: 12px;
	height: 12px;
	background:#FF0000 url(../images/ic_drop_up_err.gif) no-repeat 0px 2px;		/*___________________________________IMAGE!*/
	font: normal 2px arial, verdana, sans-serif;/*hack height IE*/
	color: #FF0000;
}

a.dropUpArrowError {
	float: left;
	display:block;
	width: 12px;
	height: 12px;
	background:#FF0000 url(../images/ic_drop_down_err.gif) no-repeat 0px 2px;		/*___________________________________IMAGE!*/
	font: normal 2px arial, verdana, sans-serif;/*hack height IE*/
	color: #FF0000;
}

.genericErrorContent ul {
	list-style-image:url(../images/infobulles_list.gif);
	padding-left: 35px;
}

.genericErrorContent ul li {
	font: normal 12px arial, verdana, sans-serif;
	color:#FF0000;
}

.genericErrorContent ol {
	padding-left: 35px;
}

.genericErrorContent ol li {
	font: normal 12px arial, verdana, sans-serif;
	color:#FF0000;
}


/*///////////////////////////////////////////////////////////////////// FIN Classes ERREURS/////////////*/

/*///////////////////////////////////////////////////////////////////// DEBUT PRELOAD/////////////*/

#preload {
	display:none;
	border:0;
	background: url(../images/preload_backgnd.gif) no-repeat top left;
	width:250px;
	height: 69px;
	position:absolute;
	left:50%;
	margin-left:-125px;
	top:50%;
	margin-top:-35px;
	z-index:600;
}

#preload p {
	padding:25px 0px 0px 17px;
	border:0;
	font: bold 13px arial, verdana, sans-serif;
	color:#FFFFFF;
}

#preload img {
	float:left;
	margin-top:15px;
	margin-bottom: 10px;
	margin-left: 25px;
}

/*///////////////////////////////////////////////////////////////////// FIN PRELOAD/////////////*/

/*///////////////////////////////////////////////////////////////////// DEBUT SPLASH/////////////*/

.dropDownSplash {
	float: left;
	background-color: #efefef;
	border: 3px solid #999999;
}

.dropDownSplash h1 {
	float: left;
	height: 16px;
	font: bold 12px arial, verdana, sans-serif;
	color: #FFFFFF;
	padding: 3px 0px 3px 12px;
}

.splashHeader {
	width: 100%;
	background-color: #626262;
	float:left;
}

.dropDownSplash ul {
	float: left;
	padding: 12px 12px 12px 12px;
	list-style-type: none;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
}

.dropDownSplash ul.ranks {
	clear: both;
	width:97%;
	padding: 0px 0px 3px 0px;
}

.dropDownSplash li {
	float: left;
	margin-right: 4px;
}

.dropDownSplash label {
	float: left;
	padding-top: 4px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	line-height: 10px;
}

.dropDownSplash label.obligatoire {
	font-weight: bold;
	color: #22497d;
}

.dropDownSplash label.obligatoireError {
	font-weight: bold;
	color: #FF0000;
}

a.closeSplash {
	float: right;
	display:block;
	width: 23px;
	height: 22px;
	background:#626262 url(../images/ic_objet_croix.gif) no-repeat 5px 3px;		/*___________________________________IMAGE!*/
}

a:hover.closeSplash {
	background:#626262 url(../images/ic_objet_croix.gif) no-repeat 5px 3px;		/*___________________________________IMAGE!*/
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////Structures DISPLAYS/////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////Onglet TOP/////////////////////////////////////*/

#displayOnglets {
	height: 22px;
	background: #ffffff url(../images/ongl_displ_border.gif) repeat-x 0px 21px;		/*___________________________________IMAGE!*/
}

#displayOnglets ul {
	list-style: none;
}

#displayOnglets li {
	display: inline;
}

a.displayOngletsTabs {
	display: block;
	float:right;
	width:161px;
	height: 17px;
	margin-left:1px;
	padding-top:4px;
	background: #ffffff url(../images/ongl_displ_fond.gif) no-repeat;		/*___________________________________IMAGE!*/
	font: normal 12px arial, verdana, sans-serif;
	color: #FFFFFF;
	text-align:center;
	text-transform:uppercase;
	text-decoration: none;
}

a:hover.displayOngletsTabs {
	background: #ffffff url(../images/ongl_displ_fondov.gif) no-repeat;		/*___________________________________IMAGE!*/
}

a.displayOngletsTabsStart {
	display: block;
	float:right;
	width:161px;
	height: 17px;
	margin-left:1px;
	padding-top:4px;
	background: #ffffff url(../images/ongl_displ_fondst.gif) no-repeat;		/*___________________________________IMAGE!*/
	font: normal 12px arial, verdana, sans-serif;
	color: #FFFFFF;
	text-align:center;
	text-transform:uppercase;
	text-decoration: none;
}

a:hover.displayOngletsTabsStart {
	background: #ffffff url(../images/ongl_displ_fondstov.gif) no-repeat;		/*___________________________________IMAGE!*/
}

a.displayOngletsTabsFinal {
	display: block;
	float:right;
	width:163px;
	height: 17px;
	padding-top:4px;
	background: #ffffff url(../images/ongl_displ_fondfin.gif) no-repeat top left;		/*___________________________________IMAGE!*/
	font: normal 12px arial, verdana, sans-serif;
	color: #FFFFFF;
	text-align:center;
	text-transform:uppercase;
	text-decoration: none;
}

a:hover.displayOngletsTabsFinal {
	background: #ffffff url(../images/ongl_displ_fondfinov.gif) no-repeat top left;		/*___________________________________IMAGE!*/
}

a.displayOngletsTabsActive {
	display: block;
	float:right;
	width:161px;
	height: 17px;
	margin-left:1px;
	padding-top:4px;
	background: #ffffff url(../images/ongl_displ_fondov.gif) no-repeat;		/*___________________________________IMAGE!*/
	font: normal 12px arial, verdana, sans-serif;
	color: #FFFFFF;
	text-align:center;
	text-transform:uppercase;
	text-decoration: none;
}

a:hover.displayOngletsTabsActive {
	background: #ffffff url(../images/ongl_displ_fondov.gif) no-repeat;		/*___________________________________IMAGE!*/
}

a.displayOngletsTabsFinalActive {
	display: block;
	float:right;
	width:163px;
	height: 17px;
	padding-top:4px;
	background: #ffffff url(../images/ongl_displ_fondfinov.gif) no-repeat top left;		/*___________________________________IMAGE!*/
	font: normal 12px arial, verdana, sans-serif;
	color: #FFFFFF;
	text-align:center;
	text-transform:uppercase;
	text-decoration: none;
}

a:hover.displayOngletsTabsFinalActive {
	background: #ffffff url(../images/ongl_displ_fondfinov.gif) no-repeat top left;		/*___________________________________IMAGE!*/
}

/*///////////////////////////////////////////// Fin Onglet TOP/////////////////////////////////////*/

/*////////////// DEBUT Onglets Inactifs/////////////*/

#tabnav li.tabInactive a {
	display: block;
	text-align: center;
	background: url(../images/onglJauneFin.gif) no-repeat top left;			/*___________________________________IMAGE!*/
	color: #626262;
	text-decoration: none;
	height: 22px;
	width: 161px;
	padding-top: 15px;
	cursor: default;
}

#tabnav li.tabInactive a:hover {
	background: url(../images/onglGrisFin.gif) no-repeat top left;		/*___________________________________IMAGE!*/
	cursor: default;
	color:#626262;
}

#tabnav li.tabFinalInactive a {
	display: block;
	text-align: center;
	background: url(../images/onglNoirFin.gif) no-repeat top left;			/*___________________________________IMAGE!*/
	color: #626262;
	text-decoration: none;
	height: 22px;
	width: 161px;
	padding-top: 15px;
	cursor: default;
}

#tabnav li.tabFinalInactive a:hover {
	background: url(../images/onglNoirFin.gif) no-repeat top left;			/*___________________________________IMAGE!*/
	cursor: default;
	color:#626262;
}

/*////////////// FIN Onglets Inactifs/////////////*/


/*////////////// DEBUT Tables Box /////////////*/

.dropDownBox table {
	width:100%;
}

td.donneesTitre {
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #b5b5b5;
	padding: 10px 0px 10px 0px;
	vertical-align: middle;
	text-align: left;
}

td.donneesDisplay {
	font-weight: normal;
	text-transform: none;
	border-bottom: 1px solid #b5b5b5;
	padding-top: 10px;
	padding-bottom: 10px;
}

tr.tableDetailsIn td.donneesDisplay {
	vertical-align: middle;
	text-align:right;
}

tr.tableDetailsInAlt td.donneesDisplay {
	vertical-align: middle;
	text-align:right;
}


td.donneesDisplay a {
	text-decoration: underline;
	color: #000000;
}

td.donneesDisplay a:hover {
	text-decoration: underline;
	color: #626262;
}
/*////////////// FIN Tables Box /////////////*/


/*////////////// DEBUT Tables Rank /////////////*/

.tableRank {
	float: left;
	margin-bottom: 20px;
}

.tableRank table {
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border-bottom: 1px solid #b5b5b5;
	vertical-align: top;
	text-align: left;
}

.tableRank td {
	font-weight: normal;
	padding: 6px 0px 6px 0px;
}

.tableRank td.borderLeft {
	border-left: 1px solid #b5b5b5;
}

.tableRank td.borderLeftBlanc {
	border-left: 1px solid #FFFFFF;
}

.tableRank td.borderRight {
	border-right: 1px solid #b5b5b5;
}

.tableRank td.borderRightBlanc {
	border-left: 1px solid #FFFFFF;
}

a.flecheTriUp {
	display:block;
	float:right;
	width: 7px;
	height:4px;
	background: url(../images/display_fl_up.gif) no-repeat top left;
	margin-top:8px;
}

* html a.flecheTriUp {
	margin-top:10px;
}

a.flecheTriDown {
	display:block;
	float:right;
	width: 7px;
	height:4px;
	background: url(../images/display_fl_down.gif) no-repeat top left;
	margin-top:8px;
	margin-left:2px;
}

* html a.flecheTriDown {
	margin-top:10px;
}

p.displayTitreArrows {
	float:left;
	margin-top:3px
}

* html p.displayTitreArrows {
	float:left;
	margin-top:6px
}

.tableRankSplash {
	float: left;
	padding: 20px 20px 20px 20px;
}

.tableRankSplash table {
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border-bottom: 1px solid #b5b5b5;
}

.tableRankSplash td {
	font-weight: normal;
	padding: 6px 0px 6px 0px;
}

.tableRankSplash td.borderLeft {
	border-left: 1px solid #b5b5b5;
}

.tableRankSplash td.borderRight {
	border-right: 1px solid #b5b5b5;
}

tr.tableDisplayTitre td {
	color: #FFFFFF;
	background-color: #626262;
	height: 24px;
	padding:0px;
}

tr.tableDisplayRank {
	background-color:#dddddd;
}

tr.tableDisplayRank a {
	text-decoration: underline;
	color: #000000;
}

tr.tableDisplayRankOv a {
	text-decoration: underline;
	color: #FFFFFF;
}

tr.tableDisplayRankOv a:hover {
	text-decoration: underline;
	color: #dddddd;
}

.tableDisplayRankOv {
	color: white;
	background-color: #999999;
}

tr.tableDisplayRankAlt {
	background-color: #ffffff;
}

tr.tableDisplayRankAlt a {
	text-decoration: underline;
	color: #000000;
}
/*////////////// FIN Tables Rank /////////////*/

/*////////////// DEBUT Boutons de navigation /////////////*/

a.boutonNavig, a:visited.boutonNavig, a:active.boutonNavig {
	display: block;
	float:left;
	margin-right: 6px;
	text-align: center;
	width: 7px;
	height: 14px;
	padding: 3px 3px 3px 5px;
	background-color: #afbd21;
	border: 1px solid white;
	font: normal 12px arial, verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

a:hover.boutonNavig {
	background-color: #FFFFFF;
	border: 1px solid #CACACA;
	color: #537aab;
}

a.boutonNavigActive, a:visited.boutonNavigActive, a:active.boutonNavigActive {
	display: block;
	float:left;
	margin-right: 6px;
	text-align: center;
	width: 7px;
	height: 14px;
	padding: 3px 3px 3px 5px;
	background-color: #FFFFFF;
	border: 1px solid #CACACA;
	font: normal 12px arial, verdana, sans-serif;
	color:#537aab;
	text-decoration:none;
}

a:hover.boutonNavigActive {
	background-color: #FFFFFF;
	border: 1px solid #CACACA;
}

a.boutonPrecedNavig, a:visited.boutonPrecedNavig, a:active.boutonPrecedNavig {
	display: block;
	float:left;
	margin-right: 6px;
	text-align: left;
	width: 14px;
	height: 14px;
	padding: 3px 3px 3px 3px;
	background: #afbd21 url(../images/ic_preced.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
	border: 1px solid white;
	font: normal 12px arial, verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

a:hover.boutonPrecedNavig {
	background: #000000 url(../images/ic_preced.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
}

a.boutonSuivNavig, a:visited.boutonSuivNavig, a:active.boutonSuivNavig {
	display: block;
	float:left;
	width: 14px;
	height: 14px;
	padding: 3px 3px 3px 3px;
	background: #afbd21 url(../images/ic_suiv.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
	border: 1px solid white;
	font: normal 12px arial, verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

a:hover.boutonSuivNavig {
	background: #000000 url(../images/ic_suiv.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
}



a.boutonPrecedNavigInact, a:visited.boutonPrecedNavigInact, a:active.boutonPrecedNavigInact {
	display: block;
	float:left;
	margin-right: 6px;
	text-align: left;
	width: 14px;
	height: 14px;
	padding: 3px 3px 3px 3px;
	background: #afbd21 url(../images/ic_precedinact.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
	border: 1px solid #585858;
	font: normal 12px arial, verdana, sans-serif;
	color:#585858;
	text-decoration:none;
}

a:hover.boutonPrecedNavigInact {
	background: #afbd21 url(../images/ic_precedinact.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
	cursor: default;
}

a.boutonSuivNavigInact, a:visited.boutonSuivNavigInact, a:active.boutonSuivNavigInact {
	display: block;
	float:left;
	width: 14px;
	height: 14px;
	padding: 3px 3px 3px 3px;
	background: #afbd21 url(../images/ic_suivinact.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
	border: 1px solid #585858;
	font: normal 12px arial, verdana, sans-serif;
	color:#585858;
	text-decoration:none;
}

a:hover.boutonSuivNavigInact {
	background: #afbd21 url(../images/ic_suivinact.gif) no-repeat 3px 3px;		/*___________________________________IMAGE!*/
	cursor: default;
}

/*////////////// FIN Boutons de navigation /////////////*/


/*////////////// DEBUT Barre Details/////////////*/

.BoxDetails {
	float:left;
	padding: 4px 7px 3px 7px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:white;
}

.BoxDetails h1 {
	float:left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	font-weight: bold;
	margin-right: 5px;
}

.BoxDetailsDroite {
	float:right;
	padding: 4px 7px 3px 7px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:white;
}

/*////////////// FIN Barre Details/////////////*/

/*////////////// DEBUT Filtre/////////////*/

#filtre {
	width: 955px;
	padding: 4px 7px 3px 7px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	text-transform: uppercase;
	background-color: #dddddd;
	border-bottom: 2px solid #999999;
	border-left: 2px solid #999999;
	border-right: 2px solid #999999;
}

#filtre ul {
	list-style-type: none;
}

td.filtreIn {
	border-right:1px solid #b5b5b5;
	border-left:1px solid #b5b5b5;
	border-top:1px solid #b5b5b5;
	background-color:#dddddd;
	padding-left:7px;
}

td.filtreIn table {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	text-transform: uppercase;
	border:0;
}

.filtreIn ul {
	list-style-type: none;
}

.boutonRecharger a {
	font: normal 12px arial, verdana, sans-serif;
	text-transform: uppercase;
	background: #afbd21 url(../images/ic_recharger.gif) no-repeat;			/*___________________________________IMAGE!*/
	padding: 1px 3px 1px 19px;
	margin-left:5px;
	text-decoration: none;
	color: #FFFFFF;
}

.boutonRecharger a:hover {
	background: #000000 url(../images/ic_rechargerov.gif) no-repeat;		/*___________________________________IMAGE!*/
}

/*////////////// FIN Filtre/////////////*/


/*////////////// DEBUT Tables Details /////////////*/

.tableDetails {
	float: left;
	width: 917px;
	margin-bottom: 20px;
}

.tableDetails td {
	vertical-align: top;
}

table.tableDetails {
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
}

table.tableDetails img {
	float:left;
}


tr.tableDetailsTitre td {
	color: #FFFFFF;
	background-color: #626262;
	height: 24px;
}

tr.tableDetailsTitre td ul  {
	float:left;
	padding-top: 5px;
	padding-left: 15px;
	list-style-image: url(../images/fleche_listes_head.gif);	/*___________________________________IMAGE!*/
}

tr.tableDetailsTitre ul li  {
	display:inline;
	padding-left: 10px;
	padding-right:15px;
	background: #626262 url(../images/fleche_listes_head.gif) no-repeat;
	background-position: 0px 5px;
}

tr.tableDetailsTitre a  {
	float:right;
	margin-top:2px;
}

tr.tableDetailsTitre p  {
	float:right;
	margin-top:5px;
	margin-right:5px;
}

tr.tableDetailsTitre input  {
	float:right;
	margin-top:5px;
	margin-right:15px;
}

/* hack margin pour IE */
/*\*/
* html tr.tableDetailsTitre input {
	margin-top:1px;
}
/**/

tr.tableDetailsIn table {
	border: 1px solid #626262;
}

tr.tableDetailsIn table tr td table {
	border: 0px;
}

.tableDetailsIn tr {
	background-color: #dddddd;
}

.tableDetailsInAlt tr {
	background-color: #FFFFFF;
}

tr.tableDetailsInAlt table {
	border: 1px solid #626262;
}

tr.tableDetailsInAlt table tr td table {
	border: 0px;
}


.tableDetailsOv tr {
	color: #FFFFFF;
	background-color: #999999;
	cursor:pointer;
}

tr.tableDetailsOv table {
	border: 1px solid #626262;
}

tr.tableDetailsOv table tr td table {
	border: 0px;
}

td.borderRight {
	border-right: 1px solid #b5b5b5;
}

/*////////////// FIN Tables Details /////////////*/

/*/////////////////////////////////////////////Onglet+contenu DETAILS liste in/////////////////////////////////////*/

ul.ongletsCartoucheTabs {
	list-style-type: none;
	background-color: #CCCCCC;
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	float:left;
	padding-left:1px;
	padding-bottom:1px;
}

ul.ongletsCartoucheTabs li {
	float:left;
}

a.ongletsCartoucheTabs {
	display: block;
	float:left;
	background-color:#959595;
	height: 13px;
	margin-right:1px;
	margin-top:1px;
	padding:2px 7px 2px 7px;
	font: normal 10px arial, verdana, sans-serif;
	color: #FFFFFF;
	text-align:center;
	text-transform:uppercase;
	text-decoration: none;
}

a:hover.ongletsCartoucheTabs {
	background-color: #626262;
}

a.ongletsCartoucheTabsActive {
	display: block;
	float:left;
	background-color:#626262;
	height: 13px;
	margin-right:1px;
	margin-top:1px;
	padding:2px 7px 2px 7px;
	font: normal 10px arial, verdana, sans-serif;
	color: #FFFFFF;
	text-align:center;
	text-transform:uppercase;
	text-decoration: none;
}

table.ongletsCartoucheTabs {
	border: 1px solid black;
}

table.ongletsCartoucheTabs tr {
	background-color: #CCCCCC;
}

table.ongletsCartoucheTabs td {
	color: #000000;
}

/*///////////////////////////////////////////// Fin Onglet+contenu DANS DETAILS liste in/////////////////////////////////////*/

/*///////////////////////////////////////////// Adjonctions diverses/////////////////////////////////////*/

/*//////// "Dossier n°" avec input et bouton ok dans le menu principal /////////////////////////////////////*/

input.inputMenu {
	width: 35px;
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	border: 1px solid black;
	padding-left: 3px;
}

div.BoxProfile li input.okDossier {
	margin: 3px 14px 0px 0px;
	font: bold 12px arial, verdana, sans-serif;
	color:#FFFFFF;
	border:0px;
	background-color:#999999;
	padding: 0px 2px 0px 2px;
}

div.BoxProfile li p.BoxMenuDossier {
	float: left;
	border: 0px;
	padding: 3px 7px 2px 14px;
}

/*pour IE 6 */
/*\*/
* html div.BoxProfile li input.okDossier {
	margin: 3px 14px 0px 0px;
	font: bold 12px arial, verdana, sans-serif;
	color:#FFFFFF;
	border:0px;
	height:16px;
	background-color:#999999;
	padding: 0px 2px 0px 2px;
}

* html div.BoxProfile li p.BoxMenuDossier {
	float: left;
	border: 0px;
	padding: 2px 7px 2px 14px;
}
/**/
/*//////// Logos des Agences à droite des grands onglets /////////////////////////////////////*/

#containerTabsAvecLogoAgence a img {
	position:relative;
	top:-70px;
	left:705px;
}

#containerTabsAvecLogoAgence {
	height: 55px;
	width:100%;
	background:white;
}

*html #containerTabsAvecLogoAgence a img {
	position:absolute;
	top:-15px;
	left:705px;
}

*html #containerTabsAvecLogoAgence {
	position:relative;
	top:0px;
	left:0px;
	height: 55px;
	width:100%;
	background:white;
}
/******************* bloc central avec le menu javascript tree view  ********************/

/************ les onglet*/
.newTabsBox{
	margin-left:205px;
	width:715px;
    height:22px;
    /height:24px;
	clear:both;
	/clear:none;
}
.newTabsBox,.newTabsBox ul#tabnav{background:none; border:none;}
/************ conteneur des 2 box */
#newBoxTree{
	position:relative;
	float:left;
	left:0px;
	clear:both;
	/top:-2px;
	z-index:2;
}
/************ box view */
.treeViewBox{
	position:relative;
	float:left;
    min-height: 460px;
    -height: 460px;
	width:200px;
	bottom:0px;
	overflow:auto;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #666666;
	overflow-x:scroll;
}
/************ box contenu*/
#newContentBox{
	position:relative;
	width:696px;
	margin-left:204px;
	background:#FFFFFF;
	min-height:460px;
	-height:460px;
	-left:-3px;
	padding:5px;
	border:1px solid #666666;
	overflow-x:auto;
}
/***** les box interne noir et bleu */
#newContentBox .dropDownBox{
    width: 692px;
    /width: 687px;
}

#newContentBox h1 {
    width: 645px;
    /width: 640px;

}
#newBoxTree div.mainDiagonale{
	position:relative;
	float:right;
	background:#eee url(../images/diagonalTreeViewer.gif) left top no-repeat;
	width:65px;
	height:30px;
	border:none;
}
#newBoxTree div.mainDiagonalebox{
	position:relative;
	float:right;
	background:#ccc;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	margin-right:0px;
	/margin-right:7px;
	-margin-right:4px;
}
/* block Error */

#newContentBox .genericError,#uploadForm .genericError,#newErrorBox .genericError{
	margin:0;
	margin-left:5px;
	margin-bottom:21px;
	padding:0;
	text-align:left;
}
#uploadForm .genericError h1,#newErrorBox .genericError h1{
	width:645px;
	/width:640px;
}
#uploadForm .genericErrorContent ul,#uploadForm .genericErrorContent li,#newErrorBox .genericErrorContent li{
	float:none;
}
#newContentBox .genericErrorContent,#uploadForm .genericErrorContent,#newErrorBox .genericErrorContent{
	width:669px;
	/width:664px;
	margin:0;
	padding:5px;
}
#newContentBox .dropDownBox li {
	width:500px;
}
#newContentBox .dropDownBox .cardsBoxes li {
	float:none;
	padding-left:15px;
	margin-left:15px;
}
#newContentBox select.bigInputTextObligatoire,#newContentBox input.bigInputTextObligatoire,#newContentBox textarea.bigInputTextObligatoire {
	width: 302px;
	padding:0px;
	margin:0px;
}
#newContentBox input.bigInputText,#newContentBox textarea.bigInputText,#newContentBox select.bigInputText {
	width: 300px;
	padding:0px;
	margin:0px;
}
/* ******** edit adt de la page reference *******************/
#addType,#editType{
	display:none;
	float:left;
	padding:0;
	margin:0;
	margin-left:50px;
    margin-top:-3px;
    /margin-top:-18px;
    -margin-top:-14px;
}

.calendar {z-index: 1000; }

del{
    background:#fcc
}

ins{
    background:#84F100;
    text-decoration: none;
}

#newContentBox p {
    margin-top: 18px;
}

#newContentBox .firstP {
    margin-top: 0px;
}

 del p{
    background:#fcc;
    margin-top: 18px;
}

 ins p{
    background:#84F100;
    text-decoration: none;
    margin-top: 18px;
}


/*   mettre en majuscle les label */

 ul li label,ul li label.obligatoire {
	text-transform:uppercase;
}
.cardsBoxes {
    text-transform: none; padding: 3px; border: 1px solid #AFBD21;
    height: 150px;
    overflow-y: scroll;
    width: 887px;
}

.cardsBoxes ul {
	list-style: disc;
    float: none;
    width: 80%;
    padding-left: 15px;
}
.cardsBoxes li {
    list-style: disc;
    margin:0;
    float: none;
}


.cardsBoxes table {float:none;width:95%;}
.filtreIn table td img{height:18px;}
.filtreIn table td input{float:none;}
.filtreIn table td select{float:right; display:block;}