html, body, div, img, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, p {
	margin: 0;
	padding: 0;
}
body, td, select, input, textarea  {
	font-family: Verdana, Arial;
}
/*CSS GENERIQUES*/
html{
	height:100%;
}
body{
	font-size: 12px;
	background-color: white;
	height:100%;
}
ul, li { 
	list-style: none;
	/* 	supprime les puces des listes */
}
a:link {
	color: #8033ff;
	text-decoration: underline ;
}
a:visited {
	color: #8033ff;
	text-decoration: underline ;
}
a:hover {
	color: #8033ff;
	text-decoration: underline ;
}

a.simple:link {
	color: #000000;
	text-decoration: none;
}
a.simple:visited {
	color: #000000;
	text-decoration: none;
}
a.simple:hover {
	color: #000000;
	text-decoration: none;
}

a.buttonLink:link:visited:hover, a.buttonLink:visited, a.buttonLink:hover {
	background: url(../images/btn_valider.jpg) no-repeat;
	color: #FFFFFF;
	height: 33px;
	font-size: 12px;
	text-align: center;
	width: 80px;
	position: relative;
	text-decoration: none;
	border-style: solid;
	border-color: #123456;
	border-width: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: xx-small;
}

body{
	overflow: auto;
}

form{
	margin-top: 0px;
	margin-bottom: 0px;
}

body, td {
	font-size: 11px;
}

select, input, textarea  {
	font-size: xx-small;
}

/*font-size:  10px;*/
th,TH  {
	background-color: #996699;
	color: white;
	font-size: 10px;
	font-weight: bold;
	z-index: 10;
}

input, .clsSelect {
	width: auto;
	height: 18px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.clsInputTxt {
	border: 0px solid;
	margin: 0px;
	/*width: 100%;*/
	height: 100%;
	text-align: right;
}

button {
	height: 20px;
}

.clsTexteBandeau{
	color: #8033ff;
	font-family: Verdana, Arial;
}

.clsSpanTableau{
	overflow: auto;
	background-color: #F0AB2C;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	text-align: left;
}

span{
	overflow: auto;
	background-color: #FFFFFF;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}

/*font-size:  10px;*/
.clsErreur {
	font-size: xx-small;
	font-weight: bold;
	color: red;
}

/*font-size:  12px;*/
.clsSousTitre{
	font-weight: bold;
	text-decoration: underline; 
	font-size: x-small;
}

.clsButton{
	font-size: xx-small;

}
	
/*font-size:  16px;*/
.clsTitreAccueil{
	font-family: Verdana, Arial;
	font-size: small;
	font-weight: bold;
}


.clsFond{
	/*background-color:  #e4ecec;*/
	background: #996699;
}


/*font-size:  12px;*/
.clsTitre, .clsMenu{
	font-family: Verdana, Arial;
	font-size: x-small;
	font-weight: bold;
	color: white;
}

.clsMenu{
   text-align: center;
}

.clsTableau, .clsTableau.th{
	border: 1px solid #000000;
	background-color: #F0AB2C;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
	border-spacing: 0px;
	text-align: left;
}

.clsLigneModifiee{
	background-color: #FF6666;
}
.clsLigneAjoutee{
	background-color: #CC3366;
}
.clsLigneModifieeALaHausse{
	background-color: #FFA0A0;
}
.clsLigneModifieeALaBaisse{
	background-color: #CCEEDD;
}

.clsLigneNoire{
	background-color: #777777;
}
.clsLigneGrise{
	background-color: #CCCCCC;
}

.clsLignePaire{
}

.clsLigneImpaire{
	background-color: #F0F0F0;
}

.clsCell, .clsCellDroite, .clsCellGreen, .clsCellSelect,
.clsSousCell, .clsSelection, .clsCellValidee {
	border: solid #000000;
	background-color: #FFCC66;
	border-left-width: 0px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	font-size: xx-small;
	margin-left: 2px;
	margin-right: 2px;
}
.clsCellNoColor{
	border: solid #000000;
	border-left-width: 0px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	font-size: xx-small;
	margin-left: 2px;
	margin-right: 2px;
}


.clsCellSansBordure{
	border-color: #000000;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	vertical-align: top;
	font-size: xx-small;
	margin-left: 2px;
	margin-right: 2px;
}

.clsCellDroite{
	border-right-width: 0px;
}

.clsCell, .clsCellNoColor, .clsCellDroite, .clsCellGreen, .clsCellSelect, .clsSelection, .clsCellValidee {
	border-bottom-width: 1px;
}

.clsCellGreen{
	background-color: #66CC33;
}

.clsCellSelect{
	background-color: red;
	font-weight:  bold;	
}

.clsChpAffiche{
	background-color: transparent ;
	border: none;
	color: #000000;	
}

.clsCellValidee {
	background-color: #CCFFCC;
}

.clsPlanMenuTable{
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

.clsSelection{
	background: red;
}

.clsPortlet_OLD{
	border-style: solid;
	border-width: 1px;
	border-color: #6699FF;
	background-color: #FFFFFF;
}

.clsPortletTitre_OLD{
	text-align: center;
	color: #FFFFFF;
	background-color: #6699FF;
	font-family: Verdana, Arial;
	font-weight: bold;
}

.clsPortletContenu_OLD{
	text-align: left;
	color: #6699FF;
	background-color: #FFFFFF;
	font-family: Verdana, Arial;
	vertical-align: top;
}

.clsPortlet{
}

.clsPortletTitre{
	text-align: center;
	color: #FFFFFF;
	background-color: #6699FF;
	font-family: Verdana, Arial;
	font-weight: bold;
	height: 20px;
	width: 100%;
}

.clsPortletContenu{
	text-align: left;
	color: #6699FF;
	background-color: #FFFFFF;
	font-family: Verdana, Arial;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	border-color: #6699FF;
}

.clsOngletOn, .clsOngletOff{
	text-align: center;
}

.clsOngletOn{
	color: #FFFFFF;
	font-weight: bold;
	border-color: #000000;
	border-style: double;
	border-width: 3px;
	background: #888888;
}

.clsOngletOff{
	border-color: #AAAAAA;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	cursor: pointer;
	background: #FFFFFF;
	text-decoration: underline;
}

.clsOngletContenu{
	border-color: #AAAAAA;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
}

.clsImgAction{
	cursor: pointer;
}

ul#onglet {
    font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
    list-style-type: none;
    padding-bottom: 23px;
    border-bottom: 1px solid #8033ff;
    margin: 0;
}
ul#onglet li {
    float: left;
    height: 21px;
    background-color: #cfc;
    margin: 2px 2px 0 2px;
    border: 1px solid #8033ff;
}
ul#onglet li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
ul#onglet li.active a {
    color: #000;
}
#onglet a {
    float: left;
    display: block;
    color: #000;
    text-decoration: none;
    padding: 4px;
}
#onglet a:hover {
    background: #fff;
}

table.tableFine {
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: xx-small;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.tableFineSansBordure {
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: xx-small;
}

td.tdTableFine {
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 8pt;
	color: #000000;
}

input.btnTableFine {
	color: #000000;
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 8pt;
	border: 1px solid;
	border-color: #6699CC;
}


table.tableChiffrage {
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 8pt;
	background-color: #FFFFFF;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #000000;
	border-collapse: collapse;
	background-color: white;
}
table.tableChiffrage td {
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 8pt;
	border-width: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-style: none;
	border-color: #000000;
	background-color: white;
}
table.tableChiffrage td.avecBordure {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}
table.tableChiffrage tr.separateur td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
table.tableChiffrage tr.separateurfin td {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;

}
table.tableChiffrage tr.separateur td td {
	border-width: 0px;
	border-style: none;
}
table.tableChiffrage tr.separateurfin td td {
	border-width: 0px;
	border-style: none;
}


table.tableSansBordure tr td {
	border-width: 0px;
	border-style: none;
}


/* CSS Document */
#contenu{
	background: #F0AB2C url(../images/fond_contenu.jpg) repeat-x bottom left;
	text-align: center;
	height:595px;
}
.deja{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
.indication{
	color: #FFFFFF;
}

.indicationBold{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
#onglet_Rouge{
	background-color: #BD371C;
	font-weight: bold;
	color: white;
}
#onglet_Orange{
	background-color: #F1C413;
	font-weight: bold;
	color: white;
}
#onglet_BleuCiel{
	background-color: #77BCE6;
	font-weight: bold;
	color: white;
}
#onglet_Vert{
	background-color: #C2CE46;
	font-weight: bold;
	color: white;
}
#onglet_Bleu{
	background-color: #6030F8;
	font-weight: bold;
	color: white;
}
.texteRadioClassique{
	color:black;
	font-weight: normal;
}
.texteRadioGras{
	color:black;
	font-weight: bold;	
}
.titre{
	text-align: left;
	margin-left: 5px;
	margin-top: 5px;
	font-weight: bold;
	color: white;
	font-size: x-small;	
}

.titreTableau{
	background-color: #996699;
	color: white;
	font-size: 10px;
	font-weight: bold;	
}
.titreTableauClass{
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline ;
}
.buttonASP{
	background: url(../images/btn_valider.jpg) no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	width: 80px;
	border: 0;
	height: 33px;
}

.buttonASPMenu{
	background: url(../images/btn_violet_center.gif) repeat-x;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	border: 0;
	height: 26px;
}

.buttonASPMenuLeft{
	background: url(../images/btn_violet_left.gif) no-repeat;
	color: #FFFFFF;
	width: 12px;
	border: 0;
	height: 26px;
}

.buttonASPMenuRight{
	background: url(../images/btn_violet_right.gif) no-repeat;
	color: #FFFFFF;
	width: 12px;
	border: 0;
	height: 26px;
}


.buttonASPLong{
	background: url(../images/btn_orange_center.gif) repeat-x;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	border: 0;
	height: 33px;
	float:left;
}

.buttonASPLeft{
	background: url(../images/btn_orange_left.gif) no-repeat;
	color: #FFFFFF;
	width: 14px;
	border: 0;
	height: 33px;
	float:left;
}

.buttonASPRight{
	background: url(../images/btn_orange_right.gif) no-repeat;
	color: #FFFFFF;
	width: 14px;
	border: 0;
	height: 33px;
	float:left;	
}

.champ{
	background: url(../images/champ_texte.jpg) no-repeat;
	width: 167px;
	height: 21px;
	border: 0;
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 2px;
}
.champLeft{
	background: url(../images/champ_texte_left.jpg) no-repeat;
	width: 14px;
	height: 22px;
	color: #FFFFFF;
	border-top-width: 0;
	border-bottom-width: 0;
}
.champCenter{
	background: url(../images/champ_texte_center.jpg) repeat-x;
	height: 21px;
	color: #FFFFFF;
	font-size: 12px;
	border-top-width: 0;
	border-bottom-width: 0;
}
.champRight{
	background: url(../images/champ_texte_right.jpg) no-repeat;
	width: 15px;
	height: 22px;
	border: 0;
	color: #FFFFFF;
	border-top-width: 0;
	border-bottom-width: 0;
}
.inputButton .champLeft,
.inputButton .champCenter,
.inputButton .champRight{
	background-position:0 7px;
}
.empty{
	border: none;
	background-color: transparent;
	color: black;	
}
.emptyInput{
	border: none;
	background-color: transparent;
	color: #FFFFFF;
	font-size: 12px;
}
.champCourt{
	background: url(../images/champ_texte_court.jpg) no-repeat;
	width: 59px;
	height: 21px;
	border: 0;
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 4px;
}
.champLong{
	background: url(../images/champ_texte_long.jpg) no-repeat;
	width: 300px;
	height: 21px;
	border: 0;
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 4px;
}
.alert{
	color: red;
	font-weight: bold
}
.select{
	background-color: #996665;
	width: 167px;
	height: 19px;
	border: 0;
	color: white;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 0px;
	z-index: -1;
}
.selectEmpty{
	background-color: transparent;
	width: 167px;
	height: 21px;
	border: 0;
	color: black;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 4px;
	z-index: -1;
}
.textAera{
	background-color: #996665;
	border: 0;
	color: white;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 4px;
	scrollbar-arrow-color: #996600;
	scrollbar-face-color: #996699;
}
p{
	margin: 0;
	padding: 0;
}

/*IMPOSSIBLE DE DEFINIR DES STYLES GENERIQUES POUR LES TABLEAUX, PUISQUE LES TABLEAUX SONT UTLISES PARTOUT DANS LE SITE POUR LA MISE EN PAGE*/
table{
/*
border: 1px solid #000000;
background-color: #FFCC66;
*/
}
#layerSablier{
	position: absolute; 
	width: 100%; 
	height: 100%; 
	z-index: 1; 
	left: 0px; 
	top: 0px;
	visibility: hidden;
	text-align: center;
	background-repeat: no-repeat;	
}
#scrollBar{
	overflow-X: hidden;
	overflow-Y: auto;
	scrollbar-arrow-color: #996600;
	scrollbar-face-color: #996699;
	margin-left: 0px; 
	margin-right: 0px; 
}
.scrollBar{
	overflow-X: hidden;
	overflow-Y: auto;
	scrollbar-arrow-color: #996600;
	scrollbar-face-color: #996699;
	margin-left: 0px; 
	margin-right: 0px; 
}
#divClassique{
	margin-left: 0;
	margin-right: 0;
}
.divClassique{
	margin-left: 0;
	margin-right: 0;
}

.hideTH {
	height: 0px;
	font-size: 0em;
	font-weight: normal;
	text-align: center;
	border: 0px #000;
	background-color: #EE0;
}
#layerSablierTable{
	width: 260px;
	height: 170px;
	padding-top: 111px;
	color: #996699;
	position: absolute; z-index: 2; left: 0px; top: 0px; visibility:hidden;
}
#supportMenu{
	width: 204px;
	height: 25px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

#layerSablierTxt{
	padding-top: 111px;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial;
	color: #996699;
	background: #F0AB2C url(../images/fond-patienter.gif) no-repeat center top;border-color: #0033CC; border-style: none;border-width: 0
}
#layerSablierTxt a{
	color: #FFFFFF;
}
#layerSablierTxt p{
	margin: 0;
}


/*ON PEUT CEPENDANT JOUER SUR LES CLASS DE TABLEAUX DEFINIS SUR CERTAINES PAGES*/
.clsContreFond{
	border: 0px;
	background-color: #F0AB2C;
	text-align: left;
}


.clsCell{
	border: 1px solid #000000;
	background-color: #FFCC66;
	text-align: left;
}

.cellWrite{
	background-color: #996699;
	text-align: left;
	color: white;
}
#menu{
	background: #996699 url(../images/fond_barre_violette.gif) top left repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 10;
    overflow: hidden;width: 204px; visibility: visible;
    height: 25px;position: absolute;top:0px;left:0px;
}
#menu *{
	color: #FFFFFF;
	font-weight: bold;
}
#formulaireParDefaut table{
	text-align: left;
}

/*CSS GENERIQUES POUR LES FORMULAIRES*/
input{
	border: 0;
}
select{
	background-color: #996665;
	width: 167px;
	height: 19px;
	border: 1px;
	border-color: white;
	border-style: solid;
	color: white;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 0px;
	z-index: -1;
}
selectPetit{
	background-color: #996665;
	width: 67px;
	height: 19px;
	border: 1px;
	border-color: white;
	border-style: solid;
	color: white;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 0px;
	z-index: -1;
}
selectGrand{
	background-color: #996665;
	border: 0;
	color: white;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 4px;
}

#btnSubmit{
	background: url(../images/btn_valider.jpg) no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	width: 80px;
	border: 0;
	height: 33px;
}
/*CSS pour les infos bulles*/
.infobulle{
	position: absolute;   
	visibility: hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
}
/*CSS pour la carte de france*/
.detailFrance{
	position: absolute; 
	width: 270px; 
	height: 95px; 
	left: 0px; 
	top: 0px; 
	display:none; 
	/* Fallback for web browsers that doesn't support RGBa */
   background: rgb(255, 255, 255);
   /* RGBa with 0.6 opacity */
   background: rgba(255, 255, 255, 0.9);
   /* For IE 5.5 - 7*/
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D5FFFFFF, endColorstr=#D5FFFFFF);
   /* For IE 8*/
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}

/*CSS pour une mise en page comme sur l'accueil (nécessite cependant d'ajouter des balises dans le code HTML*/
#bandeau_top{
	background-color: #FFFFFF;
	text-align: center;
}
#menu_haut{
	background: url(../images/fond_barre_violette.gif);
	height: 27px;
	position:relative;
}
#menu_haut ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-top: 5px;
	width: 660px;
	margin: auto;
}
#menu_haut ul li{
	margin: 0;
	padding: 0;
	display: inline;
	padding-left: 20px;
	font-weight: bold;
}
#menu_haut ul li a{
	color: #FFFFFF;
	text-decoration: none;
}
#menu_haut ul li a:hover{
	color: #000000;
}
#footer{
	background: url(../images/fond_barre_violette.gif) repeat-x;
	text-align: center;
	padding-top: 30px;
}
#footer a{
	color: #000000;
	text-decoration: none;
}#footer a:hover{
	color: #FFFFFF;
}
.header{display:block;}


/*Migration table -> div */
.ligne {width:100%;}
#ligneFlash {width:100%;height:350px;text-align:left;overflow:hidden;}
#divFlash {float:left;}
.formLoginContent {width:350px;float:right;}
.formLoginContent h2 {
	margin-top:100px;
	font-size:18px;
	font-weight:bold;
}
.formLoginContent label {
	color:#fff;
	display:block;
	margin:10px 0;
}

.imgFourchette {width:468px;float:left;text-align:left;}
.imgAccueil {width:532px;float:left;}
.layerSablierLigne {margin:0 auto; width:185px;height:22px;}

.menu h2{
	text-align: center;
	line-height:22px;
}
.sansMenu{
	padding-left: 20px;
	line-height:22px;
}

h3 {
	font-weight: bold;
	text-decoration: underline; 
	font-size: x-small;
	text-align:center;
}
.globalContainer{
	margin:0 auto; 
	width:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	min-height:100%;
	background: #F0AB2C;
}
#globalContainerLogin {
	width:auto;	
}
.globalContainerPopup{
	width:100%;
	margin-top: 0px;
	margin-bottom: 0px;
	min-height:100%;
	background: #F0AB2C;
}
.bandeauHeader{
	height: 75px;
	margin:0 auto; 
	width:auto;
	background: url("../images/banniere_e-quilibre_top.jpg") no-repeat;
	position:relative;
	background-color:#fff;
}
#bandeauHeaderLogin{
	width:auto;
}
.bandeauHeader h1{
	text-indent:-10000px;
}
.bandeauContext{
	width:200px;
	position:absolute;
	top:15px;
	right:0;
}
.content{}
.content .accueil {
	width:550px;
	margin:0 auto;
}

.listeForm  {
	width:967px;
	margin:0 auto;
	text-align: center;
}

.listeForm span {
	display:inline-block;	
	width:180px;
	border:0 none;
	background-color:#F0AB2C;
}
.listeForm .scrollBar {
	height:250px;	
}
.listeForm .table{
	height:300px;
}
.listeForm table{
	margin-left: 0;
	margin-right: 0;
}
.listeForm li {
	overflow:hidden;	
}
.listeForm label{
	width:483px;
	float:left;
	text-align:left;
	margin-top:3px;
}
#listeAbonnementForm label{
	float : none;	
}
.buttonLine {
	overflow:hidden;
	width:950px;
	margin:0 auto;
	text-align:center;
}
.buttonLine li {
	display:inline-block;	
}
.ie7 .buttonLine li {
	float:left;	
}

#listeBesoinForm {
	width:1003px;
}
#listeBesoinForm .table{
	width:917px;
	margin:0 auto;	
}
#listeBesoinForm table{
	width:900px;
}

#controleFrequences {
	width:710px;
	text-align:justify;
}
#controleFrequences .buttonLine{
	text-align:center;
}

#controleFrequences ul{
	padding-top:30px;	
	width:710px;	
}

#controleFrequences li{
	height:40px;		
}
#controleFrequences li label{
	width:120px;
	display:block;
	float:left; 
	height:40px;		
}

#controleFrequences p{
	
}

.content .context{
	overflow:hidden;
	text-align:center;
	padding:30px;	
}
.content .contextButton{
	overflow:hidden;
	width:210px;
	margin:0 auto;
}
#insert {overflow:hidden;}
#insert ul {
	width:680px;
	margin:0 auto;	
}
#insert li {
	overflow:hidden;	
}
#insert label {
	width:80px;
	display:block;
	float:left;
	line-height:33px;	
}
#insert strong {
	display:block;
	float:left;	
	width:200px;
	line-height:33px;	
}
#insert select, .planMenuFooter select{float:left;margin-top:8px;}
.fullScreen {
	overflow:hidden;
	padding:0px 0 10px 400px;
}

.tableau {
	width:930px;
	margin:0 auto;	
}
.tableau #critereFiltre {
	height:auto;
}
.tableau .effectifs{
	text-align:right;
}
.tableau input{
	margin-right:7px;	
}

.planMenuFooter ul{
	overflow:hidden;
	width:930px;
	margin:0 auto;
}
.planMenuFooter li {
	padding:0 3px 0 0;
	display:inline-block;
}
.planMenuFooter .buttonLine li{
	padding:0 25px 0 0;
} 
.main {padding-bottom:25px;background-color:#F0AB2C;min-height:100%;}

.globalFooter{margin-top:-15px;height:15px;text-align: center;font-size: 8pt;color: #aca899;position:relative;background-color:#fff;}
.globalFooter span{position:absolute; bottom:0; right:0;border:none;}

#insert1 {width:630px; height:30px;}
#insert2 {width:630px; height:30px;}

.inputForm {
	width:330px;
	margin:0 auto;	
}
.inputForm label {
	display:block;	
	padding:6px 0;
}
.inputForm span {
	display:inline-block;	
	width:130px;
	border:0 none;
	background-color:#F0AB2C;
}
.inputForm .buttonLine {
	width:330px;
	text-align: center;	
	padding-top:20px;
}
.inputForm label[for="jourStandard"], 
.inputForm label[for="jourPerso"],
.inputForm label[for="jourUnique"] {
	display:inline;	
}
.inputForm #trJoursLivraisons label {
	display:inline-block;
	width:33px;
	text-align: center;
	font-size:x-small;
}
.inputForm #trJoursLivraisons label[for="jour3"],
.inputForm #trJoursLivraisons label[for="jour5"],
.inputForm #trJoursLivraisons label[for="jour6"],
.inputForm #trJoursLivraisons label[for="jour7"] {
	width:50px;	
}


.tableGenererBesoin{
	width:500px;
	margin:0 auto;	
}

.applet {
	width:600px;
	margin:0 auto;	
}
.applet .buttonASP {
	margin:0 auto;	
	display:block;
}
.permutationRecette {
	overflow:hidden;
	width:800px;
	margin:0 auto;	
}
.permutationRecette .buttonLine {
	width:800px;
	text-align: center;	
	padding-top:20px;
		
}

#source {
	float:left;
	
}
.perm {
	float:left;
	text-align:center;
	width:140px;
	line-height:225px;
}
#destination {
	float:right;
}
#detailBesoinForm {
	width:890px;	
}
#detailBesoinForm .inputForm {
	width:280px;
	overflow:hidden;
}
#detailBesoinForm .inputForm label {
	padding:0;
	text-align:left;
}

#rechercheProduitsForm {
	width:650px;
	padding-left:100px;
	overflow:hidden;	
}
#rechercheProduitsForm label{
	padding:2px 0;
	overflow:hidden;
}
#rechercheProduitsForm label[for="criteresRechProduit.cadencier"] {
	width:175px;
	height:25px;
	display:inline-block;
	font-weight:bold;	
}
#rechercheProduitsForm input[type="checkbox"] {
	margin-left:15px;	
}

#rechercheProduitsForm span {
	width:100px;
}

.contentPopup .listeForm{
	width:780px;
}
.contentPopup h3 {
	padding:15px;	
}
.contentPopup ul{
	width:300px;
	margin:0 auto;
	padding-left:200px;
	
}
.contentPopup li{
	list-style:disc;	
}
.contentPopup .buttonLine{
	width:200px;
	padding:0;
}
#prestaPlanMenu {
	width:500px;	
}
#prestaPlanMenu span {
	float:left;
	height:30px;
	width:100px;	
}
#listePeriode {
	width: 472px;height: 220px;text-align: left; margin:0 auto;
}
#listePeriode p {
	text-align:center;
}
#planMenuForm .planMenuEntete .fullScreen {
	padding: 0 0 0 100px;
}
#planMenuForm .planMenuEntete .fullScreen p {
	margin-top:10px;
}
#planMenuForm .planMenuEntete #insert ul {
	width:780px;	
}
#planMenuForm .planMenuEntete #insert strong{
	width:150px;
}
#planMenuForm .planMenuEntete #insert label[for="typeRepas"],
#planMenuForm .planMenuEntete #insert label[for="modeRepartition"] {
	width:120px;	
}
#tablePMP {height: 330px; width: 977px;text-align: left}

#planMenuForm .planMenuFooter ul{
	width:990px;
}

#clonePmpForm {
	width:850px;
}
#clonePmpForm li {
	overflow:hidden;	
}

.inputForm .champLeft,
.inputForm .champRight,
.inputForm .champCenter,
#clonePmpForm label,
#clonePmpForm label[for="preLibCible"] span,
#consulterGroupeClient label[for="groupeClient.grcNom"] span, 
#consulterGroupeClient label[for="groupeClient.grcMail"] span, 
#rechercheProduitsForm label[for="criteresRechProduit.libelleProduit"] span,
#rechercheProduitsForm label[for="criteresRechProduit.libelleProduit"] input {
	float:left;
}

#clonePmpForm .champCenter {
	width:600px;
}
#consulterGroupeClient .champCenter {
	width:300px;
}
#clonePmpForm span{
	width:100px;	
}
#clonePmpForm .spanSmall{
	width:62px;	
}
#validerPrestation {
	width:920px;	
}
#afficherProduitGenerique {
	width:760px;
}
#afficherProduitGeneriqueClient {
	width:400px;
}
#ficheClientForm {
	text-align:left;
}
#ficheClientForm .buttonLine{
	text-align:center;
}
#alerte{
	width:700px;
	margin:0 auto;	
}
span#idPrinc, 
span#idPlanMenu {
	width : 195px;
}
#listePlanMenuForm {
	width:550px;
	margin:0 auto;
}

#rechercherUtilisateurs label span {
	width:85px;
}
#listeUtilisateurs {
	width: 817px; height: 300px; margin:0 auto;
}

#consulterGroupeClient {
	width:500px;	
}
#consulterGroupeClient span{
	width:170px;	
}

.vertical_text {
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	display:block;
	width:12px;
	padding : 5px 0;
}

