/**************************

 Copyright : CENGEPS

 version : 1.13/ 2010.04.23

**************************/ 

/* Colonnes Rubriques */





.leftSide { width: 240px; padding-left: 23px; position:relative; }

.leftSide.menu { width: 187px; z-index: 999; position: relative; }

/*.main { 





/* 3 colonnes */



.main { width: 380px; margin-left: 32px; color: #1a171b; z-index: 0; }

.main.int { width: 433px; z-index: 1; position:relative; }

/* 2 colonnes */



#main2col { color:#1A171B; margin-left:32px; width:700px; }

.rightSide { width: 240px; margin-left: 42px; }

/* TOPMENU */

#topmenu a.item1 { color: #fff; background: url(../img/menu_item1.png) no-repeat center top; }

#topmenu a.item2 { color: #fff; background: url(../img/menu_item2.png) no-repeat center top; }

#topmenu a.item3 { color: #fff; background: url(../img/menu_item3.png) no-repeat center top; }

#topmenu a.item4 { color: #fff; background: url(../img/menu_item4.png) no-repeat center top; }

#topmenu a:hover.item1, #topmenu a.item1-on { color: #fff; background: url(../img/menu_item1.png) no-repeat center bottom; }

#topmenu a:hover.item2, #topmenu a.item2-on { color: #fff; background: url(../img/menu_item2.png) no-repeat center bottom; }

#topmenu a:hover.item3, #topmenu a.item3-on { color: #fff; background: url(../img/menu_item3.png) no-repeat center bottom; }

#topmenu a:hover.item4, #topmenu a.item4-on { color: #fff; background: url(../img/menu_item4.png) no-repeat center bottom; }







/*****************/

/*  MAIN CENTER */

/***************/



#content h1 { color: #5f96f0; font-size: 250%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -2px; display: block; margin-bottom: 20px; border-bottom: 1px dotted #5f96f0; }

#content .main .bloc_info { clear: left; margin-top:15px; margin-bottom: 15px; position: relative; }

#content .main .bloc_info h2 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 160%; color: #4166a4; font-weight: normal; padding-top: 8px; display: block; padding-left: 40px; margin-bottom: 10px; background: no-repeat left top; line-height: 100%; min-height: 28px; }

#content .main .bloc_info h2 span { border-bottom: 1px solid #97abce; display: block; padding-bottom: 6px; }

#content .main .bloc_info h3 { margin-bottom: 5px; margin-top: 5px; font-size: 110%; color: #666666; }

.bloc_info h2.NoPicto { padding-left: 15px ! important; }



/*tableaux*/

#content .main .bloc_info table { margin-top: 20px; width: 100%; border-collapse: collapse; border: 1px solid #999999; margin-bottom: 20px; }

#content .main .bloc_info table th { padding: 4px; border-collapse: collapse; border-spacing: 0; background-color: #E9E9E9; font-weight: bold; border: 1px solid #999999; }

#content .main .bloc_info table th.col1 { background-color: #D4D4D4; }

#content .main .bloc_info table td { padding: 4px; border-collapse: collapse; border-spacing: 0; border: 1px solid #999999; }




/*********************/

/* LEFTSIDE */

/*******************/



/* Bloc générique */



#content .leftSide.menu .bloc_info { margin-bottom: 20px; margin-top:20px; background: url(../img/bloc_infos_left_top.png) no-repeat center top; }

#content .leftSide.menu .bloc_info .bloc_content { background: url(../img/bloc_infos_left_bg.png) repeat-y center top; padding-bottom: 10px; padding: 5px; }

#content .leftSide.menu .bloc_info .bot { background: url(../img/bloc_infos_left_bot.png) no-repeat center top; height: 10px; }

#content .leftSide .bloc_info { margin-bottom: 20px; background: url(../img/bloc_infos_top.png) no-repeat center top; }

#content .leftSide .bloc_info .bloc_content { background: url(../img/bloc_infos_bg.png) repeat-y center top; padding-bottom: 10px; padding: 5px; }

#content .leftSide .bloc_info .bot { background: url(../img/bloc_infos_bot.png) no-repeat center top; height: 10px; }

#content .leftSide .bloc_info h2 { display: block; height: 34px; color: #587bb4; font-size: 125%; padding-left: 42px; padding-top: 14px; font-weight: bold; letter-spacing: -1px; }

#content .leftSide .bloc_info h3 { margin-top: 10px; margin-bottom: 3px; }

#content .leftSide .bloc_info p { }

#content .leftSide .bloc_info ul { }

#content .leftSide .bloc_info ul.faq { list-style-type: decimal; list-style-position: inside; }

#content .leftSide .bloc_info ul li { margin-bottom: 3px; }

/* Bloc générique DROITE - AR*/



#content .rightSide .bloc_info { margin-bottom: 20px; background: url(../img/bloc_infos_top.png) no-repeat center top; }

#content .rightSide .bloc_info .bloc_content { background: url(../img/bloc_infos_bg.png) repeat-y center top; width: 210px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 8px; }

#content .rightSide .bloc_info .bot { background: url(../img/bloc_infos_bot.png) no-repeat center top; height: 10px; }

#content .rightSide .bloc_info h2 { display: block; height: 34px; color: #587bb4; font-size: 125%; padding-left: 42px; padding-top: 14px; font-weight: bold; letter-spacing: -1px; }

#content .rightSide .bloc_info h3 { margin-top: 10px; margin-bottom: 3px; }

#content .rightSide .bloc_info p { }

#content .rightSide .bloc_info ul { }

#content .rightSide .bloc_info ul.faq { list-style-type: decimal; list-style-position: inside; }

#content .rightSide .bloc_info ul li { margin-bottom: 3px; }

/* Search */



.search_essai { background: url(../img/home_search_essai_bg.png) repeat-y center top; width: 240px; padding-bottom: 10px; }

.search_essai_bot { background: url(../img/home_search_essai_bot.png) no-repeat center top; width: 240px; height: 10px; }

.search_essai h2 { background: url(../img/home_search_essai_top.png) no-repeat center top; display: block; background-color: #8B5BBE; height: 34px; color: #fff; font-size: 125%; padding-left: 40px ! important; padding-top: 16px; font-weight: bold; letter-spacing: -1px; margin-bottom: 10px; }

.search_essai p { margin-right: 15px; margin-left: 15px; }

.search_essai form { margin-bottom: 10px; border-bottom: 1px dotted #d0c9c9; padding-bottom: 10px; margin-right: 15px; margin-left: 15px; }

.search_essai form p { margin: 0; }

.search_essai form fieldset { }

.search_essai form label { }

.search_essai form label.search { text-indent: -999px; display: none; }

.search_essai form input.search, .search_essai form input.dpt { background-color: #f1f3f5; border: 1px solid #cad5e6; color: #777777; padding-left: 3px; padding-right: 3px; font-size: 100%; font-weight: bold; }

.search_essai form input.search { width: 200px; margin-top: 8px; margin-bottom: 8px; }

.search_essai form input.dpt { width: 22px; position: absolute; top: 0px; right: 3px; }

.search_essai form label.dpt { display: block; position: relative; padding-top: 4px; }

.search_essai form input.btn { background: url(../img/search_essai_btn_ok.png) no-repeat center center; text-indent: -999px; border: none; height: 22px; width: 22px; cursor: pointer; position: absolute; top: 0px; right: 0px; display: block; color: #fff; font-size: 1%; }

.search_essai form p.btn { text-align: right; color: #4166A4; margin-top: 10px; position: relative; padding-top: 4px; padding-right: 27px; text-indent: -999px; }

.search_essai .search_detail a { background: url(../img/search_essai_detail.png) no-repeat left top; padding-left: 28px; display: block; height: 17px; padding-top: 5px; margin-left: 15px; }

.search_essai .search_protocoles a { background: url(../img/search_essai_list.png) no-repeat left top; padding-left: 28px; display: block; height: 17px; padding-top: 5px; margin-left: 15px; }

.search_essai .search_action a { background: url(../img/search_essai_list.png) no-repeat left top; padding-left: 28px; display: block; height: 17px; padding-top: 5px; margin-left: 15px; }

.search_essai .map { margin-top: 10px; text-align: center; }

.search_essai .map h3 { background-color: #405692; color: #fff; padding-left: 15px ! important; margin-right: 5px; margin-left: 4px; padding-top: 3px; display: block; height: 18px; margin-bottom: 10px; text-align: left; }

.search_essai .map p { text-align: left; }

/*LeftMenu*/



#content .leftSide.menu .left_menu { padding-top: 18px; position: relative; z-index: 999; }

#content .leftSide.menu .left_menu h2 { display:none; text-indent: -999px; }

#content .leftSide.menu .left_menu ul {z-index: 999; display: block; }

#content .leftSide.menu .left_menu li { margin-right: 4px; margin-left:3px; border-bottom: 1px dotted #fff; position: relative;display: block;z-index: 999; }

#content .leftSide.menu .left_menu li.last { border-bottom: none; }

#content .leftSide.menu .left_menu li a { padding-bottom: 5px; padding-top: 5px; font-size: 105%; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; display: block; padding-left: 15px; z-index: 999; width:166px; }

#content .leftSide.menu .left_menu li a:hover, #content .leftSide.menu .left_menu li a.active {  display: block; }

#content .leftSide.menu .left_menu .bot { height: 16px; display: block; margin : -1px; }

#content .leftSide.menu .left_menu ul ul { display:none; left:180px;position:absolute;top:0;width:160px;z-index:999;border-left:1px solid #FFFFFF; }

#content .leftSide.menu .left_menu ul ul li { margin-right: 0px; margin-left:0px; border-bottom: 1px dotted #fff; position: relative; display: block; width:160px; height:auto; z-index: 999;}

#content .leftSide.menu .left_menu ul ul li a { margin-right: 0px; margin-left:0px;  display: block; width:150px; padding-left:5px; padding-right:5px; height:auto; z-index: 999;}

#content .leftSide.menu .left_menu ul li ul li a:{ z-index: 999; display: block; }

#content .leftSide.menu .left_menu ul li:hover ul {display:block; z-index: 999; }


/*********************/

/* RIGHTSIDE */

/*******************/



/*  pratique */



#content .rightSide .blocs_pratique { background: url(../img/rub_pratique_bg.png) repeat-y center top; padding-bottom: 10px; }

#content .rightSide .blocs_pratique h2 { display: block; height: 26px; text-transform: uppercase; font-size: 120%; padding-top: 8px; text-align: center; }

#content .rightSide .blocs_pratique h2.generique { color : #5F96F0; background: url(../img/rub_pratique_top_generique.png) no-repeat center top ! important; }

#content .rightSide .blocs_pratique .bloc { margin-top: 10px; border-bottom: 1px dotted #9faf99; padding-bottom: 10px; margin-right: 15px; margin-left: 15px; }

#content .rightSide .blocs_pratique .bloc h3 { margin-bottom: 8px; font-size: 110%; }

#content .rightSide .blocs_pratique .bloc p { margin-bottom: 5px; }

#content .rightSide .blocs_pratique .bloc .pictleft { float: left; margin-right: 10px; border: 1px solid #fff; }

#content .rightSide .blocs_pratique .bloc .pictright { border: 1px solid #fff; float: right; margin-left: 10px; }

#content .rightSide .blocs_pratique .bloc ul { }

#content .rightSide .blocs_pratique .bloc li { margin-bottom: 3px; }

#content .rightSide .blocs_pratique .bloclast { border: none; }

#content .rightSide .blocs_pratique_bot { background: url(../img/rub_pratique_bot.png) no-repeat center top; display: block; height: 8px; width: 240px; margin-bottom: 20px; }

#content .rightSide .aroglossary-glossary ul.aroglossary-alphabet { min-height:40px; }

#content .rightSide .aroglossary-glossary ul.aroglossary-alphabet li { display: inline; font-weight:bold; margin-left:2px !important; font-size: 120%; color:#000; margin-right: 5px; float: left; }

/*  Lexique (Ajout 22-01-2010) */



.aroglossary-glossary ul.aroglossary-alphabet li { display: inline; font-weight:bold; margin-left:2px !important; font-size: 120%; color:#000; margin-right: 5px; }

.aroglossary-glossary ul.aroglossary-alphabet li a { background: none!important; padding-left: 0px!important; text-decoration: none; }

.aroglossary-glossary ul.aroglossary-alphabet li a:hover { text-decoration: underline!important; }

.aroglossary-glossary .aroglossary-entries { color:#000; }

.aroglossary-glossary .aroglossary-entries dd { border-bottom: 1px dotted #5F96F0; padding-bottom: 5px; margin-bottom: 15px; display: block; }

.aroglossary-glossary .aroglossary-entries dt { color:#5f96f0; font-size: 120%; font-weight: bold; padding-top:5px; font-style: normal; }

.aroglossary-glossary .aroglossary-entries dt dfn { font-style:normal; }

/* Liste Actualités (Ajout 05-02-2010) */



.actus_list .actu { border-bottom: 1px dotted #5F96F0; padding-bottom: 5px; margin-bottom: 15px; display: block; }

.actus_list .actu p { margin-bottom:3px!important; }

.actus_list .actu h2, .news h2 { border:none!important; color:#7c7c7d!important; font-size: 120%!important; font-weight: bold!important; padding-top:0px!important; min-height:0px!important; padding-left:0px!important; }

.news h2 { padding-left:2px!important; margin-bottom:2px!important; }

.actus_list .actu .date, .news .date-event { color:#a4a4a4!important; margin-bottom: 5px; }

.actus_list .actu .actu_link { text-align:right; margin-bottom: 3px; }

.actus_list .actu .actu_link a { text-align:right; background:transparent url(../img/home_picto_list.png) no-repeat scroll left center; color:#4166A4; font-weight:bold; padding-left:12px; margin-top: 5px; }

.actus_list .actu h2 span { border:none!important; padding-bottom:6pxnone!important; }



/* Liste des associations */

.assoc_list .assoc { border-bottom:1px dotted #5F96F0; display:block; margin-bottom:15px; padding-bottom:5px; }

/* end */



/* Fiche Protocole *//*

#content .main .bloc_info.fiche { background: url(../img/fiche_protocole_bg.png) repeat-y center top; width: 433px; display: block; }

#content .main .bloc_info.fiche h2 { background: url(../img/fiche_protocole_top.png) no-repeat center top; width: 433px; color: #fff; margin-left: 0px; font-size: 120%; font-weight: bold; letter-spacing: normal; padding-left: 0px; }

#content .main .bloc_info.fiche h2 span { border: none; background: url(../img/fiche_protocole_top_closer.png) no-repeat center bottom; min-height: 30px; padding-left: 40px; padding-right: 5px; display: block; padding-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; width: 387px; padding-top: 8px; }

#content .main .bloc_info.fiche .date { margin-left: 15px; }

#content .main .bloc_info.fiche .date span { color: #b62334; margin-right: 10px; }

#content .main .bloc_info.fiche table { border: none!important; color: #4166a4; width: 413px; margin-left: 10px; margin-top: 0px; }

#content .main .bloc_info.fiche td { border: none!important; padding-bottom: 5px; padding-top: 5px; color: #4166a4; }

#content .main .bloc_info.fiche table col.col1 { width: 140px; }

#content .main .bloc_info.fiche table .col1 { font-weight: bold; color: #3e3e3e; }

#content .main .bloc_info.fiche table .col1b { font-weight: normal; color: #3e3e3e; border-top: none!important; }

#content .main .bloc_info.fiche table .col2 { border-top: none!important; }

#content .main .bloc_info.fiche table td { border-top: 1px dotted #a6a3a9!important; }

#content .main .bloc_info.fiche .actions { background: url(../img/fiche_protocole_bot.png) no-repeat center bottom; width: 428px; height: 28px; padding-top: 12px; padding-left: 5px; }

#content .main .bloc_info.fiche .actions a { color: #fff; margin-left: 5px; margin-right: 10px; padding-bottom: 2px; }

#content .main .bloc_info.fiche .actions .print { background: url(../img/fiche_picto_print.png) no-repeat left center; padding-left: 20px; margin-left: 10px; }

#content .main .bloc_info.fiche .actions .add { background: url(../img/fiche_picto_add.png) no-repeat left center; padding-left: 20px; }

#content .main .bloc_info.fiche .actions .send { background: url(../img/fiche_picto_send.png) no-repeat left center; padding-left: 20px; }

#content .main #fe_users table input { margin-left:0px; }

#content .main #fe_users table img { margin-left:0px; }*/

/* Fiche Protocole dev */

#content .main #fiche { width: 433px; display: block; }

#content .main #fiche .chapo-protocole { background: url(../img/fiche_protocole_top.png) no-repeat center top; color: #fff; margin-left: 0px; font-size: 120%; font-weight: bold; letter-spacing: normal; padding-left:40px; padding-right:5px; padding-top:10px; width:388px; border:none; margin-bottom: 0px; margin-top: 10px; min-height:30px;}

#content .main #fiche .date-protocole { background:url("../img/fiche_protocole_bg.png") repeat-y scroll left top transparent; color:#B62334; display:block; font-size:100%; margin-bottom:0; margin-left:0; padding-bottom:8px; padding-left:10px; width:433px; padding-top: 8px; }

#content .main #fiche span { padding-bottom: 5px; padding-top: 5px; }

#content .main #fiche .ligne { background: url(../img/fiche_protocole_bg.png) repeat-y center top; border-left:none; border-right:none; border-top:none!important; display:block; float:left; margin:0; padding:0; width:433px; }

#content .main #fiche .label { font-weight: bold; color: #3e3e3e; margin-left:10px; border-top: 1px dotted #A6A3A9; border-bottom: none; border-right: none; border-left: none; }

#content .main #fiche .value { border-top: 1px dotted #A6A3A9!important; color:#4166A4; width: 266px; border-left: none; border-right: none; border-bottom: none; margin-right: 10px; }

#content .main #fiche .contour_bas_tableau { background: url(../img/fiche_protocole_bot.png) no-repeat center bottom; width: 428px; height: 23px; padding-top: 12px; padding-left: 5px; margin-top: 0px; border: none; margin-bottom: 10px; }

#content .main #fiche p a { float: left; margin-right: 15px; }

#content .main .bloc_info.fiche .actions a { color: #fff; margin-left: 5px; margin-right: 10px; padding-bottom: 2px; }

#content .main .bloc_info.fiche .actions .print { background: url(../img/fiche_picto_print.png) no-repeat left center; padding-left: 20px; margin-left: 10px; }

#content .main .bloc_info.fiche .actions .add { background: url(../img/fiche_picto_add.png) no-repeat left center; padding-left: 20px; }

#content .main .tipafriend_tiplink a { background: url(../img/fiche_picto_send2.png) no-repeat left center; padding-left: 20px; }



#content .main #fe_users h2 {margin-bottom:0;

padding-bottom:0; }

#content .main #fe_users table  { margin-left:4px; margin-top:0px; width:425px}

#content .main #fe_users table input { margin-left:0px; }

#content .main #fe_users table img { margin-left:0px; }

#content .main #fe_users table td.formlabel { width:70px;}

#content .main #fe_users table td {border:1px dotted #d0c9c9;}



/*** END ***/

