/*
* class && id principaux
*/

/* contraint toute l'application */
#applicationhome{
 width:		100%;
}
/* Menu de gauche pour l'objet home*/
#toollefthomehaut{
 position:		absolute;
 background:		url(../media/image/milieu1.png) 0 0 repeat;
 background-position:	left top; 
 float:			left;
 left:			0;	/* IE !!! */
 width:			35px;
 height: 		922px;
}
#LastCom{
 position:		relative;
 background:		url(../media/image/milieu2.png) 0 0 no-repeat;
 width: 		40px;
 height: 		180px;
 left:			0;	/* IE !!! */
 padding-bottom:	30px;
}
#Basgauche{
 position:		absolute;
 background:	url(../media/image/bas_gauche.png) #233956 0 0 no-repeat;
 width: 			250px;
 height: 			118px;
 left:			0;	/* IE !!! */
 float:			left;
 padding:		0;
 padding-left:	30px;
}
#Basgauche a{font-weight:bold;color:#FFFFFF;}

#logoBienvenue{
 background:		url(../media/image/bas_bienvenue.png) #FFFFFF 0 0 no-repeat;
 display:		block;
 position:			absolute;
 width:			50px;
 height:			120px;
 left:			250px;	/* IE !!! */
}
#Bienvenue{
 position:			absolute;
 padding-left:		10px;
 left:				295px;	/* IE !!! */
 width: 				400px;
 background-color:#E7EAED;
}

/* img bas menu gauche */
#toollefthomebas{
 position:		absolute;
 background:		url(../media/image/bas_gauche.png) 0 0 no-repeat;
 top:			1045px;
 left:			0;	/* IE !!! */
 width:			30px;
 height:			50px;
 float:			left;
}
/* footer */
#footerhomeligne {
 position:	absolute;
 left:0;
 background-color:	#233956;
 width:		50%;
 height:		60px;
 text-align:	right;
}
#footerhomeligne a{font-weight:bold;color:#FFFFFF;}
/* header */
#headerhome{
 height: 			122px;
 width:			100%;
 background:	url(../media/image/haut_fond.png) 0 0 ; 
 background-position:	left top; 
}
/* Logo */
#logohome{
 height: 		122px;
 width:			100%;
 background:		url(../media/image/haut_logo.png) 0 0 no-repeat; 
 background-position:	left top; 
}
/* footer */
#footerhome{
 background:		url(../media/image/bas_fond.png) 0 0 ; 
 width:			100%;
 height:		24px;
}
#footerlogohome{
 background:		url(../media/image/bas.png) 0 0 ; 
 width:			710px;
 height:		24px;
}




/* bloc principal data */

#datahome{
 padding-left:	40px;
 padding-right:	10px;
 padding-top:	2px;
 background: url(../media/image/milieu1.png) 0 0 no-repeat;
}
#datahome .box{
 width:			99%;
 border: 		1px solid #333366;
 border-bottom:3px solid #333366;
 vertical-align:	top;
 } 
#datahome #messageprint{
	margin-left:0;
	left:0;
}
#datahome .box .box{
 width:			100%;
 border:		0;
 border-top:	1px solid #333366;
}
/*#datahome div{
 text-align:		left;
 width:			99%;
}*/
/*#datahome div div{
 width:			100%;
}*/
#datahome legend{
 padding:		4px;
 font-weight:		normal;
}
#datahome label{
 float:			left;
 width: 		155px;
 display:		inline;
 font-weight:		normal;
 text-align:		right;
}
#datahome input{
 width:			155px;
 margin:		3px;
 vertical-align:	middle;
}
#datahome select{
 right: 		0;
 margin:		3px;
 width:			157px;
 vertical-align:	middle;
}
#datahome textarea{
 right: 		0;
 width:			160px;
 margin:		3px;
 vertical-align:	middle;
}
#datahome h1, #datahome h2, #datahome h3{
 padding-left:		2px;
}
#datahome .selectGroup select{
width:			230px;
}

/* gestion des fieldset (-> cas a gerer: dans .box et en dehors )*/
/*#data .fieldset {
 display:		block;
 border:		1px solid #333366;
 border-top:		20px solid #333366;
 margin-bottom:		10px;
 width:			99%;
 border-spacing:	0;
}
#data .box .fieldset{
 width:			100%;
 border-left:		0;
 border-right:		0;
 border-bottom:		0;
 margin-bottom:		0;
}
#data .fieldset legend, #data .box .fieldset legend{
 text-align:		left;
 font-weight:		bold;
 background-color:	#333366;
 color:			#FFFFFF;
}*/
#datahome .fieldset, #datahome .confirm{
 display:		block;
 border:		1px solid #333366;
 margin:		15px;
}
#datahome .area{ 
  width:		98%;
 }
#datahome .charte{ 
  float: 			left;
  padding:		2px;
  font-weight:	bold;
 }
#datahome .fieldsethome{
 display:		block;
 margin:		2px;
 width:			30%;
}
#datahome .fieldsethome legend{
 color:#FFFFFF;
}
#datahome .fieldsethome input{
 width: 200px;
 font-weight:bold;
}
#datahome .fieldsethome select{
 width: 200px;
}
#datahome .textCom{
 display:			block;
 width:			100%;
} 
#datahome .decalage{
 width:			45%;
 float: 		left;
 padding-left:		30px;
 } 
#datahome .fieldset legend, #datahome .confirm legend{
 font-weight:		bold;
}
/* Pour les suppressions*/
#datahome .confirm{
 border:		1px solid rgb(255, 153, 0);
}
#datahome .confirm legend{
 color:			rgb(255, 153, 0);
}
#datahome .confirm .action {
 border-top:	1px solid rgb(255, 153, 0);
}
#datahome .confirm .action .next{
 border:		1px solid rgb(255, 153, 0);
 background-color: 	rgb(255, 153, 0);
 color:			#FFFFFF;
 width:			60px;
}
/* fin gestion des fieldset */

.important{
 color:			rgb(255, 153, 0);
 padding:		4px;
 font-weight:		bold;
}

/*Gestion des derniére communauté*/
#datahome .Com{
 display:			block;
 float:			left;
 width:			600px;
 padding-left:	70px;
}

#datahome .cadre1, #datahome .cadre2, #datahome .cadre3, #datahome .cadre4{
 width:			110px;
 padding:		12px 2px 12px 30px;
 margin:			3px;
 right:			0;
 height:			30px;
/*  font-weight:	bolder; */
 float:			left;
 vertical-align:baseline;
}
 
#datahome .cadre1{
  background:		url(../media/image/gros_picto.png) #99CCFF 4px 5px no-repeat; 
}
#datahome .cadre2{
 background:		url(../media/image/gros_picto.png) #9999CC 4px 5px no-repeat; 
}
#datahome .cadre3{
 background:		url(../media/image/gros_picto.png) #6699CC 4px 5px no-repeat; 
}
 
/*fin gestion des derniéres communauté*/


#datahome .field{
 display:		block;
 float:			left;
 width:			49%;
}
#datahome .field label{
 height:		20px;
 font-weight:		bold;
}
#datahome .txt{
 display:		block;
 float:			left;
 font-weight:		bold;
 width:			48%;
 padding:		5px;
}
#datahome .txt p{
 display:		inline;
 float:			left;
 width:			100%;
 padding:		2px;
}
#datahome .boxcheck{
 display:		block;
 width:			30%;
 float:			left;
 text-align:		center;
}
#datahome .boxcheck label{
 width:			150px;
 float:			left;
 font-weight:		normal;
}
#datahome .boxcheck input{
 width:			15px;
 border:		0;
}
#datahome .valid{
 display:		block;
 width:			100%;
 text-align:		center;
 }
#datahome .valid label{
 font-weight:		bold;
 float:			none;
 width:			475px; 
}
#datahome .valid input{
 width:			15px;
 border:		0;
}


/* 
* Definition des tableaux de presentation par defaut
*/
/*#data table{
 display:		block;
 border-spacing:1px;
 margin:		0 15px 15px 15px;
}
#data .box > table{
 padding:		0 15px 15px 15px;
 margin:		0;
}*/
#datahome table{
 display:		block;
 border-spacing:1px;
 width:		100%;
}
#datahome table th{
 background:	#333366;
 color:			#FFFFFF;
 text-align:		center;
 font-weight:	bold;
 padding-left:	10px;
 padding-right:	10px;
 white-space:nowrap;
}
#datahome table tr{
 background:	#333366;
 vertical-align:	top;
}
#datahome table tr td{
 background:	#E7EAED;
 text-align:		left;
 padding:		1px 1px 1px 1px;
 }

#datahome tr:hover td{
 background:	#FFFFFF;
}

#datahome table caption{
 font-weight:	bold;
 text-align:	left;
 padding:15px 0 4px 15px;
}

#datahome table ul, .list{
 padding-left:	20px;
 list-style:		square;
}
.list{
 float:			left;
 width:			45%;
}
#datahome table tr td a{
 display:		block;
 float:		left;
 margin:		0;
}
#datahome table .action{ border-top:	0;  padding:0; width:258px; margin:0;}
#datahome table .action a{ margin:		0;}
/* Fin des tableaux */


nobr{
 white-space:nowrap;
}


/* doit etre utilise ici sinon plantage dans l'affichage fck d'IE !!!!!*/
#datahome iframe{}

/* sert pour la gestion des options d'affichage */
.option{
 padding:	2px;
 border-bottom:	1px solid #333366;
}

.clean{
 height:	0px;
 width:		0px;
 clear:		both;
}
.nodisplay{
 display:	none;
}

/**
* -> Gestion des onglets
*/
.tabe{vertical-align:	bottom;}

.tabe ul {
 height:		20px;
 list-style:		none;
 vertical-align:	bottom;
}
.tabe ul li {
 height:	19px;
 list-style:	none;
}



/* informations de l'objet */
/* utilise pour les headers*/
#datahome .header{
 width:		100%;
 padding:	3px 0 3px 0;
}
#datahome .header h1,#datahome .header h2,#datahome .header h3{
 padding-top:	5px;
 padding-bottom:5px;
}
/* Utilise pour les infos contextuelles*/
#datahome .info{
 border:	0;
 padding:	4px;
 text-align:center;
}
#datahome .info h1,#datahome .info h2,#datahome .info h3{
 padding-top:	5px;
 padding-bottom:5px;
}
/* Fin informations */




/* legende d'un tableau */
#datahome .legend{
 background: 	url(../media/picto/sort.png) #FFFFFF 0 2px no-repeat;
 border-bottom: 1px solid #333366;
 height:	22px;
}
#datahome .legend div, #datahome .legend .pictodelete{
 float:		left;
 width:		100px;
 height:	16px;
 text-align:	left;
 padding:	4px;
 padding-left:	24px;
}
/* Fin legende */



/* barres de boutons */
#datahome .action{
 text-align:	center;
 width:		100%;
 border-top: 	1px solid #333366;
 background:	#E7EAED;
 height:	27px;
 clear:		both;
}
#datahome .action input, #datahome .action a{
 width:		90px;
 margin:	3px;
}
/* plus d'elements dans boutton.css */



/* sert pour les détails de liste (non visible) + BB Wysi....-> ce cas reste à reprendre */
.recap{
 display:		block;
 float:			left;
 padding:		2px;
 padding-left:		150px;
 width:			27%;
}
.tableauInfo{
 border: 2px solid #333366;
}





/* gestion des barre d'outils */
/*#data .tool{
 background: 	url(../media/picto/sort.png) #c1d2ee 0 2px no-repeat;
 border-bottom: 1px solid #333366;
 padding-left:	20px;
 height:	22px;
}
#data .tool a{
 display:	block;
 padding-top:	5px; 
}
#data .tool input{
 width:		100px;
 margin:	0;
 height:	22px;
}
#data .tool .check{
 border:		0;
 background:	#c1d2ee;
 width:			12px;
 height:		12px;
 padding:		10px;
}
#data .tool label, #data .tool input, #data .tool select{
 display:		inline;
 width:			auto;
}*/

/*
* Fin du main
*/