body 			{
    min-width	: 996px ;
    padding		: 0 ;
    margin 		: 0 ;
    text-align	: center ; /* correction IE 5.X pour le conteneur */
    font		: 80% arial,helvetica,sans-serif;
    font-size	: 12.5px;
    background	: #353535 ;
}
img				{
    border		: 0 ;
}
input,textarea,select	{
    /*font		: 90%  Verdana,Arial,sans-serif;*/
    margin-bottom: 5px;
    padding-bottom: 1px;
    border: 1px solid #E7BC6E;
    background-color: white;
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    color:black;
}

input[type=checkbox]{
	margin:5px;
	size: 13px 13px;
	border: O;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
}

textarea{
	width : 350px;
	height : 80px;
}

.picto{
	margin:5px;	
}

/*	Picto displayed side by side 
*	When two picto are displayed side by side with the margin 5px (.picto), the gap is too large. 
*	So use the following class (.picto_side_by_side) in order to get a gap of 5px between both picto (2 X 2.5px). 
*/
.picto_side_by_side{
	margin-bottom:2.5px;
	margin-left:2.5px;
	margin-top:2.5px;
}

.title	{
	font-family   : Verdana;
    font-size	  : 140%;
    color         : black;
    border-bottom : 1px solid #CCC;
    margin-left   : 5px;
    margin-bottom : 5px;
    margin-top    : 5px;
    padding-left  : 15px;
}

.sub_title	{
	font-family   : Verdana;
    font-size	  : 120%;
    color         : #888888;
    border-bottom : 1px solid #CCC;
    margin-left   : 5px;
    margin-right  : 5px;
    margin-bottom : 12px;
    margin-top    : 2px;
    padding-left  : 25px;
}

h1,h2,h3,h4,h5,h6,.sub_sub_title {
    font-family	: "Trebuchet MS",Verdana,Arial,sans-serif;
}
h1	{
    font-size	  : 140%;
    margin-left   : 5px;
    padding-left  : 15px;
    margin-bottom : 5px;
    margin-top    : 5px;
}
h2			{
    font-size	  : 120%;
    color         : #888;
    border-bottom : 1px solid #CCC;
    margin-left   : 5px;
    margin-top    : 2px;
    padding-left  : 25px;
}
h3				{
    font-size	: 120%;
}
h4				{
    font-size	: 110% ;
}

h5,h6			{
    font-size	: 100%;
    border-bottom : 1px solid #CCC;
    margin-top    : 3px;
    margin-bottom : 5px;
}

.sub_sub_title{
	float       : right;
	font-weight : bold;
	color       : #444;
	font-size   : 110%;
}

.clear			{
    clear		: both ;
    visibility	: hidden ;
}
.noSize			{
    line-height	: 0 ;
    font-size	: 0 ;
}

a, a:visited		{
    color		: #800;
    text-decoration	: none;
}
a:hover			{
    color		: #FF3013;
}



/**************************************************/
/*              Style de formulaires              */
/*                                                */
/**************************************************/
form				{
    margin		: 0 ;
}
input,textarea,select{
    border		: 1px solid #FFE3B1 ;
}
input[type=radio]{
    border		: 0px solid white !important;
}
input[type=checkbox]{
    border		: 0px solid white !important;
}
input:hover, textarea:hover, select:hover{
    border		: 1px solid #E7BC6E;
}
input:focus, textarea:focus, select:focus{
    border		: 1px solid #EB7D32;
}
#contenu input.submit, #barre input.submit {
    border		: 1px outset #bbb ;
}
#contenu input.submit:hover, #barre input.submit:hover {
    border		: 1px outset #d00 ;
}
#contenu input[type="hidden"] {
    display		: none ;
}

#contenu .form_line {
	padding : 5px 8px;
}
#contenu .form_line span {
	width    : 150px;
	display  : block;
	float    : left;
}


/**************************************************/
/*         Blocs principaux de la page            */
/*         - positionnement etc                   */
/**************************************************/

#conteneur		{
    margin-left	: auto ;
    margin-right: auto ;
    text-align	: left ; /* on r�tablit l'alignement normal du texte -IE 5.X */
    width		: 1004px ;
}

#tete 			{
    width		: 1000px ;
    background	: #FFF4D8 ;
    margin		: 0 auto ;
    position	: relative ;
    text-align	: left ;
}

#tete #logo			{
    display		: inline ;
    float		: left ;
}
#tete #bottom-center{
    background	: #FFF4D8 ;
    height      : 169px;
    text-align : center;
}

#tete .navigation {
    text-align	: right;
    padding     : 0px 5px 0px 50px;
    -moz-opacity       : 0.75;
    filter             : alpha(opacity=75);
    opacity            : 0.75;
    z-index            : 100;
    margin             : -33px 0px 0px 0px ;
    background-color   : #FFF;
    height             : 31px;
}

#tete .navigation .submenu_link{
	float        : left;
	display      : block;
    padding      : 5px 10px ;
    height       : 19px;
    width        : 115px;
    margin-right : 5px;
    cursor       : pointer;
    text-align   : center;
    font-family  : arial;
    -moz-opacity       : 0.97;
    filter             : alpha(opacity=97);
    opacity            : 0.97;
    z-index            : 101;
    position:relative;
}


#tete .navigation span{
    color       : #FF;
    font-weight : bold;
    font-size   : 110%;
}

#tete #navigation {
    float       : left;
    margin-top  : 3px;
}

#tete #navigation a{
    width   : 200px;
    font-weight : 600;
}

#tete-subnav		{
    font-size	: 10pt ;
    min-height	: 15px ;
    padding     : 0px 0px 0px 0px;
    margin-top	: -2px;
}

#feedback_message{
	font-weight : bold;
	text-align:center;
	padding : 5px 0px;
	float : left;
	width : 1000px;
	margin-top : 10px;
}
#feedback_message #feedback_message_content{
	padding : 5px 10px;
	display : inline;
	-moz-border-radius: 5px ;
	border : 1px solid #555;
}

#feedback_message .critical1{
	background-color : #AAFFAA;
}
#feedback_message .critical2{
	background-color : #AADDFF;
}
#feedback_message .critical3{
	background-color : #ffa080;
}


#contenu-top		{
    font-size	: 0 ;
    height		: 15px ;
}

#contenu, #tete 	{
    background	: #FFF4D8  ;
    float 		: left ;
    margin		: 0 ;
    width		: 1000px ;
}
#contenu {
    margin-bottom	: 5pt ;
}

#contenu .col {
    float 		: left ;
    margin		: 0 0 0 6px ;
    width		: 300px ;
    height		: 100%;
    display		: inline;
}

#contenu .col.first {
    border		: 0px;
}

#contenu .col.merged {
    width		: 685px ;
    margin-left : 2px;
    margin-right: 0px;
    padding-top : 10px;
}

#contenu .first.col.merged {
	color: black;
	font-family: Arial, helvetica, sans-serif;
	text-align: left;
	/*height: 16px;*/
	margin-bottom: 5px;
}

#contenu .col.wrapper {
    width		: 665px ;
    margin		: 0;
    padding		: 0;
    border		: 0;
}

#contenu .col.side {
    margin		: 0 0 0 2px ;
    border-left	: 3px solid #CCC;
}

#contenu .col .box {
    margin		: 10px 7px 0px 7px;
    padding     : 3px;
    border		: 1px solid #B8B8B8;
    background-color	: #F1ECDA;
}
#contenu .col .trash div {
   min-height : 60px;
   float : left;
   text-align : center;
}

#contenu .col.noborder {
    border		: 0;

}

#contenu .col .box h2 {
    margin		: 0;
    border		: 0;
    padding		: 2px;
    text-align	: center;
    background	: none;
}

#contenu .col .box h2 a {
    color		: #555;
}
#contenu .col .box li{
    margin 		        : 5px;
    padding 	        : 0pt 0pt 2px 20px;
    list-style-image    : none;
    list-style-position : outside;
    list-style-type     : none;
    background-repeat   : no-repeat;
}

#bottom			{
    font-size	: 0 ; /* bug IE */
    height		: 8px ;
    background-color: #aaa;
}

/**************************************************/
 *                  Bloc listing                  *
/**************************************************/

#contenu .listing ul ,#contenu .listing li{
    margin 		        : 0 ;
    padding 	        : 1px;
    list-style-image    :none;
    list-style-position :outside;
    list-style-type     :none;
}

#contenu .col .listing ul {
    margin 		: 5px 0 5px 3px;
}
#contenu .listing li {
    border-top	: 1px solid #D2D2D2 ;
}
#contenu .listing .first {
    border		  : 0 ;
}
#contenu .listing li a {
    display 	  : block ;
    padding-left  : 4px ;
    border-right  : 3px solid #D2D2D2 ;
    border-left   : 3px solid #D2D2D2 ;
    height        : 15px;
}
#contenu .listing li a span {
    color         : #999999;
    float         : right;
    font-size     :10px;
    padding-right :2px;
}

#contenu .listing li a:hover, #contenu .listing li a.selected {
    color 		  : #f00 ;
    background 	  : #eee ;
    border-color  : #ffa500 ;
}

.userMessage ul, .userMessage li {
    list-style	: none;
}


/**************************************************/
/*                                                */
/*              Navigation dans la structure      */
/**************************************************/
#content{
	min-height : 400px;
	margin-top: 5px;
}
/* for Internet Explorer */
/*\*/
* html #content {
	height  :  400px;
}
/**/

#contenu #structure_width_case{
	width               : 178px;
	//border              : 1px solid #333;
}

#contenu .structure_col{
    margin 		        : 0 ;
    padding 	        : 0px 4px;
    border-right        : 1px solid #DDD;
    width               : 170px;
    float               : left;
    min-height          : 250px;
    //overflow-y          : auto;
}
#contenu .structure_col ul{
    margin 		        : 0 ;
    padding 	        : 0pt;
    width               : 170px;
    min-height          : 250px;
}
#contenu .structure_col li{
    
}
#contenu .structure_col .selected_item{
	font-weight         : 800;
	background-color    : #FFD790;
}
/*-------------------------------*
 *            +infos             *
 *-------------------------------*/
#contenu .plusDinfos {
    text-align	: right ;
    color		: #999 ;
    padding		: 0 2px 0 0 ;
}

#contenu .plusDinfos span {
    display		: block ;
    border-top	: 1px solid #ddd ;
    width		: 200px ;
}



#contenu #pied p			{
    margin		: 0 10px 5px ;
    color 		: #666 ;
}

#contenu #pied p a {
    margin-left	: 10px ;
    border-left	: 1px solid #aaa;
    padding		: 0 0 0 10px ;
    line-height	: 8px ;
}

#contenu #pied p a:hover {
    text-decoration: underline ;
}

#contenu #pied p a.noborder {
    border		: 0 ;
    padding		: 0 ;
    margin		: 8px 0 0 0 ;
    vertical-align:middle ;
}

#contenu #pied #copyrights {
    text-align    : center;
    border-top	  : 1px solid #aaa ;
    margin		  : 15px 1px 0px 1px;
    padding		  : 5px  ;
    color 		  : #666 ;
    background 	  : #FFCB60 ;
}
#contenu #pied p img {
    vertical-align:middle ;
}


/**************************************************/
/*              Liens admin                       */
/**************************************************/

#.admin_box {
    padding: 0 15px 10px;
}


#contenu .admin_box h2 {
    margin: 0;
    background		: none;
}
.admin_box div {
    padding			: 5px 10px 0;
    border			: 1px solid #ddd ;
    -moz-border-radius: 10px ;
}
.admin_box form * {
    margin-right:5px;
    float:right;
}
.admin_box form .clear, .admin_box form option {
    float:none;
}

.admin_box ul {
    line-height:20px;
}
.admin_box li {
    background-repeat:no-repeat;
    padding:0 0 2px 20px;
}
.admin_box a:hover{
    background:none;
}

.admin_box a:hover
{
    background:none;
}


/**************************************************/
/*              Slots divers                      */
/**************************************************/
.trash_slot{
	border : 1px solid #DDD;
	min-height : 75px;
}
.trash_slot_hover{
	border : 1px solid #555;
	min-height : 75px;
}

.dragable_structure_item{
	width               : 160px;
	margin 		        : 2px 0px ;
    padding 	        : 0pt 0pt 2px 2px;
    list-style-image    : none;
    list-style-position : outside;
    list-style-type     : none;
    background-repeat   : no-repeat;
    border            	: 1px solid #DDD;
    cursor              : pointer;
    height              : 15px;
}

.dragable_structure_item div{
    cursor              : move;
    height              : 13px;
    width               : 5px;
    background-color    : #555;
    display             : inline;
}


/**************************************************/
/*              Listings personnes                */
/**************************************************/
.user_list_item{
	background-color    : white;
	border-bottom       : 2px solid #DDD;
	border-right        : 2px solid #DDD;
	padding             : 3px 0px;
	margin              : 0px 5px 5px 0px;
	list-style-image    : none;
    list-style-position : outside;
    list-style-type     : none;
    height              : 19px;
    width               : 661px;
}

.persons_status{
	font-weight : bold;
	padding-left : 5px;
}
.persons_status li{
	min-height : 35px;
}

.persons_status img{
	margin-top : -5px;
}

#evaluators_list{
	font-weight:normal;
	position   : absolute;
	margin : 0px;
	padding : 0px;
	z-index : 1;
}

#evaluators_list_background {
	position : absolute;
	top : -1px;
	left  : -2px;
}
#evaluators_list_background ul{
	padding  : 0px ;
	margin   : 0px ;
}
#evaluators_list_background ul li{
	border-left : 2px solid #FF94A8;
	border-right : 2px solid #FF94A8;
	border-bottom : 1px solid #FF9DAC;
	border-top : 1px solid #FF9DAC;
	width  : 664px;
	list-style-image    : none;
    list-style-position : outside;
    list-style-type     : none;
    height : 27px;
    margin : 0px 5px 3px 0px;
    background-color : #EEE;
}
* html #evaluators_list_background ul li { /* ie6 hack */
    height : 30px !important;
}

/*********************************************************/
/*                  Messages dft dialog                   */
/*********************************************************/
#message_background {
    position: fixed;
    z-index:800;
    top: 0px;
    left: 0px;
    background-color:#000;
    filter:alpha(opacity=45);
    -moz-opacity: 0.45;
    opacity: 0.45;
    height:100%;
    width:100%;
}
* html #message_background { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

#hiding_message{
    z-index:799;
    position:absolute;
    top: 0;
    left: 0;
    background-color:#000;
    border:none;
    filter:alpha(opacity=0.45);
    -moz-opacity: 0.45;
    opacity: 0.45;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    display  : none;
}

#dialog_popup{
	height:0;
	left:0;
	overflow:visible;
	position:absolute;
	top:0;
	width:100%;
	z-index:801;
}

#cadre_message{
	font-size : 10pt;
	font-weight : bold;
	width : 350px;
	background:#FFFFFF none repeat scroll 0%;
	border-color:#000000 #555555 #222222 #000000;
	border-style:solid;
	border-width:1px 4px 3px 1px;
	color:#000000;
	position:relative;
	text-align:center;
	z-index:802;
	padding : 10px;
	margin : auto;
}
* html #cadre_message { 
    position: absolute;
}

#popup_content ul li{
	list-style-image    :none;
    list-style-position :outside;
    list-style-type     :none;
}

#status_alert_message ul li{
	list-style-image    :none;
    list-style-position :outside;
    list-style-type     :none;
}

#btn_valid_pop{
	width : 120px;
	min-height : 20px;
	background:#BFF2AC none repeat scroll 0%;
	margin : 5px;
	float : right;
	cursor : pointer;
	border : 1px solid #555;
	color : #000;
	height : auto;
}
#btn_valid_pop:hover{
	background:#80E85B none repeat scroll 0%;
	border-color:black;
}
#btn_cancel_pop{
	width : 120px;
	min-height : 20px;
	background:#F4ACAC none repeat scroll 0%;
	margin : 5px;
	float : right;
	cursor : pointer;
	height : auto;
	border : 1px solid #555;
	color : #000;
}
#btn_cancel_pop:hover{
	background:#F35A5A none repeat scroll 0%;
	border-color:black;
}


/*********************************************************/
/*              Onglets de niveau contenus               */
/*********************************************************/
#top_content_tabs_nav{
	background-color : #353535;
	height           : 25px;
}

#top_content_tabs_nav .top_content_tab{
	background-color : #FFF4D8;
	float            : left;
	padding          : 6px;
	margin-left      : 10px;
	
}


/*********************************************************/
/*                  L�gendes                             */
/*********************************************************/
.legend_list {
	padding-left : 5px;
}

.legend_list li{
	font-weight   : bold;
	min-height    : 25px;
}

.legend_list li img{
	margin-right : 10px;
	margin-bottom : -5px;
}
/*********************************************************/
/*                  Boutons divers                       */
/*********************************************************/
.btn1{
	border           : 1px solid #888;
	padding          : 1px 5px;
	display          : inline;
	cursor           : pointer;
	font-size        : 9pt;
	margin           : 0px 5px;
	background-color : #EFEFEF;
}




/*********************************************************/
/*                  Evaluations                          */
/*********************************************************/
.surveybar{
	position    : absolute;
	margin-top  : 170px;
	margin-left : 611px;
	width       : 1px;
}

.questionnary_survey_list{
	padding          : 5px;
	margin           : 0px;
}
.questionnary_survey_list li{
	list-style-image    :none;
    list-style-position :outside;
    list-style-type     :none;
    background-repeat   : no-repeat;
    border-bottom       : 1px dotted #DDD;
    margin              : 10px 0px;
    padding             : 5px 0px;
}
.questionnary_survey_list li #question_intitule{
	padding : 5px 5px;
	width : 370px;
	float:left;
}

.questionnary_survey_list li #proposition_group{
	float : left;
	padding : 5px 5px;
}
.questionnary_survey_list li #proposition_group span{
	padding : 5px 5px;
	margin-right : 6px;
}

.mandatory{
	display : inline !important;
	color : red;
	float : none !important;
}

em#positionlabel { 
    text-indent: -6em; 
    display: block; 
    background: url(http://us.i1.yimg.com/us.yimg.com/i/us/nt/b/purpley.1.0.gif) center center no-repeat; 
    width: 2em; 
    overflow: hidden; 	 
}

/*    Picto displayed side by side
*    When two picto are displayed side by side with the margin 5px (.picto), the gap is too large.
*    So use the following class (.picto_side_by_side) in order to get a gap of 5px between both picto (2 X 2.5px).
*/
.picto_side_by_side{
  margin:2.5px;
 }
 
 #load_indicator{
	padding : 5px 10px;
	border : 2px solid #555;
	background-color : #EEE;
	position : fixed;
	right : 5px;
	top : 5px;
	font-weight : bold;
	width:180px;
	display:none;
	z-index:1000;
	/* pour IE */
	_position: absolute;
	top: expression(body.scrollTop + 5 + "px");
 }