/* ============================     RESET STYLES    attention, tout sauf li pour magic line menu ========================================== */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, 
pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small,
strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, fieldset, form, label, 
legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,figure, 
figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
}

th, td {
	background-clip: padding-box;
}

.sousTitrePage{
	background-color: #003264;
	display: block;
	padding: 5px;
	color: #ffffff;
}
.titreCat{
	background-color: #0f9ed5;
	display: block;
	padding: 5px;
	color: #ffffff;
}

.btn_stats{
	display: block;
	width: 90%;
	margin: auto;
	background-color: #003264;
	color: #fff;
	padding: 10px;
	text-align: center;
	border-radius: 10px;
	font-size: 20px;
	margin-top: 20px;
	text-decoration: none;
}

/* reset */
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 

/* styles conteneurs */

body {
	width:100%;
	color:#000;
	overflow-y: scroll;
	overflow-x: auto;
	background-color:#fff;
	text-align:left;
	font-size:14px;
	/*line-height:20px;*/
}


.container {
	width:1200px;
	margin : 0px auto;
	background-color:#fff;
	z-index: 500;
	/*background: url('../images/bg_page_1px.jpg') top left repeat-y;*/
	background-color: white;
}

/*
.container_enterform {
	position: relative;
	width:100%;
	margin:20px auto;
	text-align:left;
	border:none;
}
*/

/* =======================================================================     HEADER          ==============================================================*/



.bg_header {
	margin-top:2.5em;
	margin-bottom:1em;
	cursor: pointer;
	z-index: 2000;
	width:100%;
	border:1px solid #ccc;
}

.img_calendrier_left {
	width:15%;
	position: absolute;
	left:5px;
	top:280px;
	z-index: 1000;
}

/*
h1#ecollab_titre_header {	
	position: absolute;
	left:390px;
	top:10px;
	color:#575759;
	font-size:14px;
	line-height: 22px;
	width:100%;
	text-align: left;
	z-index: 2000;
}*/

p.p_header_welcome {
	font-size: 0.9em;
	text-align: center;
	position: relative;
	left:0;
	top:0;
	width:80%;
	margin-left:10%;
	margin-bottom:1.5em;
	/*background: #eee;*/
	z-index: 9000;
	color:#192860;
}



#bloc_settings {
	position: absolute;
	right:0.7em;
	top:0.6em;
	padding:0;
	font-size:0.7em;
	color:#666;
	text-align: right;
	z-index: 5000;
	/*background-color: #333;*/
	/*border:1px solid #ddd;*/
}

#logo {float:left;}
#titre_site {float:right;}


#bloc_settings a {
	color:#666;
	text-decoration: none;
	font-weight: bold;
	/*z-index: 5000;*/
}
#bloc_settings a:hover {
	color:#aaa;
	text-decoration: underline;
}

.bg_white_opacity {
/*	position: absolute!important;
	width:100%;
	height:100%;
	background-color: white;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter:alpha(opacity=50);
	-moz-opacity : 0.5;
	opacity : 0.5;
	z-index: 100;*/
}

.form_country_display_container {
	display: inline;
	position: relative;
	color: #666;
	height:2.5em;
	line-height: 2.5em;
}

form.form_country_display {
	display: inline;
	position: relative;
}

form.form_country_display select {
	display: inline;
	/*background-color: #333;*/
	position: relative;
	top:-0.2em;
	background: none;
	color: #666;
	border: 1px solid #ccc;
}
form.form_country_display select option {
	/*background-color: #333;*/
	background: none;
	color: black;
}

form.form_country_display_network {
	display: block;
	width:200px;
	margin : 0 auto;
}
form.form_country_display_network select {
	display: block;
	width:200px;
	margin : 0 auto;
}

a.lien_network_tri_profil, a.lien_network_tri_profil_actif {
	display: inline-block;
	border:3px solid #ddd;
	padding:5px;
}
a.lien_network_tri_profil:hover, a.lien_network_tri_profil_actif {
	border:3px solid #666;
}








/* =======================================================================     SUR-MENU          ==============================================================*/

.sur_menu {
	width:98%;
	margin-left:1%;
	margin-top:10px;
	margin-bottom:0px;
}
.sur_menu p {
	font-size:20px;
	text-align:center;
}
.sur_menu_colonne {
	float: left;
}
.sur_menu_left {
	/*margin-left:0.5%;*/
	/*width:67%;*/ /* PHP dans menu */
	/*left:17%*/ /* PHP dans menu */
}
.sur_menu_right {
	/*margin-left:1%;*/
	/*width:31%;*/ /* PHP dans menu */
	/*left:17%*/ /* PHP dans menu */
}
.sur_menu_barre_bottom {
	width:100%;
	height:10px;
}




/* =======================================================================     NAVIGATION          ==============================================================*/

ul.navigation_container {
	
}

ul.navigation {
	list-style: none;
	width:100%;
/*	left:2%;
	left:18%;*/ /* PHP dans menu */
	padding:0px!important;
	top:0em;
	margin-top: 1em;
	z-index:99999;
}

ul.navigation li {
	position: relative;
	display:inline-block;
	vertical-align: top; /*utile sinon éléments calés par le bas.*/
	/*margin-left:0.6%;*/ /* voir php */
	text-align: center;
}
ul.navigation li:first-child {
	margin-left:0;
}

ul.navigation li a {
	position:relative;
	display:inline;
	margin:0;
	padding:0;
	font-size:0.9em;
	line-height:1.2em;
	text-decoration:none;
	/*height:2.6em;*/
	z-index:6000;
	text-align: center;
	font-weight: bold!important;
	width:100%;
}


a.lien_menu_principal {
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto;
}
a.lien_menu_principal:hover {
	background-position: 1px 1px;
	background-repeat: no-repeat;
	color: black!important;
	/*text-decoration: underline;*/
	/*font-style: italic;*/
}

.separation_menu {
	position: absolute;
	display: block;
	left:-10%;
	top:0;
	font-size:20px;
}

ul.navigation li a img {
	display:none;
	width:30px;
	position:absolute;
	top:35px;
	left:10px;
	margin-left:-12px;
	z-index:3000;
}

ul.navigation li a.wide {
/*	padding: 3px 2px 3px 24px;
	font-size:12px;*/
}

/* couleur fond menu */
.navbg_color  {
	/*background:#203061;*/
}


ul.navigation li ul.subnav li.subnav_li {
	position: relative!important;
	display: block;
	float:none;
}

ul.navigation li ul.subnav{
	list-style: none;
	position: absolute;
	left:0;
	top:0;
	width: 200%;                 /* largeur sous menu à màj    */
	/*background:#fff!important;*/
	display: none; /* none ou block pour test, none pour dérouler via JS */ /*  voir le JS pour affichage en rollover */
	margin:0em 0 0px 0px;
	padding:0em;
	z-index:4000;
	padding-top:30px;
/*	-moz-box-shadow: 0px 0px 0px #999;
	-webkit-box-shadow: 0px 0px 0px #999;
	box-shadow: 0px 0px 0px #999;*/
}


ul.navigation li ul.subnav a {
	display:block;
	width: auto;                 /* largeur sous menu à màj    */
	padding:10px 10px;
	background:#00427a;
	border:2px solid #fff;
	color:#fff;
	z-index:100;
	text-align: left;
	margin: 0px 0 0 0;
	line-height: 1.5em;
	height:auto;
}

ul.navigation li ul.subnav a.lien_small {
	width: 150px;
	margin-right:200px; /* PB => sinon s'alignent tous les 2 comme si inline... */>
}



ul.navigation li ul.subnav.small a {
	font-size:12px;
}

ul.navigation li ul.subnav a:hover {
	color:#333;
	border:2px solid #fff;
	background:#ddd;
}


/*ul.navigation li ul.subnav a:hover  {color:#000;background:#ee1f51}*/


#menu_special_sous_titre {
	text-align: center;
	margin: 0px auto;
	margin-left:10px;
}

#menu_special_sous_titre a {
	color: black;
	font-weight: bold;
	background:#C7E0E7;
	display:inline-block;
	text-align: center;
	text-decoration: none;
	float: left;
	width: 100px;
	height:20px;
	line-height:20px;
	padding:5px;
	z-index:100;
	margin: 0px 0 0 0;
	-moz-box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
	box-shadow: 5px 5px 5px #999;
	border:1px solid white;
}
#menu_special_sous_titre p.p_filters {
	color: black;
	font-weight: bold;
	background:#fff;
	display:inline-block;
	text-align: center;
	text-decoration: none;
	float: left;
	width: 100px;
	height:20px;
	line-height:20px;
	padding:5px;
	z-index:100;
	margin: 0px 0 0 20px;
}

#menu_special_sous_titre a:hover, #menu_special_sous_titre a.selected {
	text-decoration: underline;
	background:#ee1f51;
}






.container .menu_membre {
	position: absolute;
	z-index: 3000;
	right:0em;
	top:5px;
	text-align:right;
	color:#666;
	font-size:1em;
}
.container .menu_membre a {
	color:#666!important;
	text-decoration:none;
}
.container .menu_membre a:hover {
	/*color:#000!important;*/
	text-decoration:underline;
}

.container .menu_membre_menu_header a {
	color:#666!important;
	text-decoration:none;
}
.container .menu_membre_menu_header a:hover {
	color:#666!important;
	text-decoration:underline;
}

.btn_deconnexion {
	width:16px;
	top:0.2em;
}



.lien_sous_menu_home { /* dans fichier menu */ /* fil ariane */
	font-size:15px;
	display: block;
	position: relative;
	line-height: 15px;
	height: 15px;
	margin-left:2%;
	top:10px;
	z-index: 9999;
	color:#666;
}
.lien_sous_menu_home a { /* dans fichier menu */
	color:#666;
}
.lien_sous_menu_home a:hover {
	color:#999!important;
}





/* =======================================================================     CONTENT          ==============================================================*/



.content {
	/*background:#fff;*/
	width:100%;
	margin:0px;padding:0px;
}
.main {
	/*background:#ccc;*/
	width:80%;
	margin-left:16%;
	
	/*
	margin-right:260px;
	margin-right:0px;*/
	/*border-right: #e3e3e3 1px solid;*/
	min-height: 400px;
}

.main_large { /* si pas de calendrier left par exemple */
	width:98%;
	margin-left:0%;
}



.main ul li {
line-height:1.4em;
}
.main_col {padding:20px;text-align:justify}


.main_col table, table.table_admin {
  width:100%;
  margin-left:0%;
  padding:0;
  border:1px solid #ddd;
  border-collapse: collapse; 
}
.main_col table td, .main_col table th c{
	/*border:1px solid #ccc;*/
/*	border-top:1px solid #b4484f;
	border-bottom:1px solid #b4484f;*/
	padding:5px;
	text-align: left;
	font-size: 14px;
}
.main_col table th {
	text-align: center;
	font-size: 0.9em;
	color:#fff;
	background-color:#a2c614; /*b4484f*/
	font-weight:bold;
	vertical-align: middle!important;
	padding:8px;
}

.main_col table td {
/*	border-right:3px white!important;
	border-left:3px white!important;*/ /* FFox supprimer les borders s'il a un BG...  */
}

.main_col table.cellules_borders td, .main_col table.cellules_borders th {
	border:1px solid #ccc;
}
.main_col table.center td, .main_col table.center th {
	text-align: center;
}

.main_col table th .th_barre_blanche {
	position: absolute;
	display: block;
	right:-6px;
	top:0.5em;
	font-size: 20px;
}
.main_col table th a {
	color:white!important;
}
.main_col table tr.tr_separateur_horizontal, .main_col table td.separateur_horizontal {
	height:2px;
	padding:0;
	margin:0;
}
.main_col table td.separateur_horizontal {
	border-top:0px solid #b4484f;
}

table.table_admin th, table.table_admin td{
	font-size:10px;
	border:1px solid #ddd;
}

table.todolist_table {
	width: 100%;
	margin:0 auto;
}

.todolist_form {
	width:80%;
	margin-left: 10%;
}



td.td_date_bg {
	color:white;
	font-weight: bold;
	background-color: #e6323b;
}

.country_lists_container {
  display: block;
  width: 940px;
  border : 1px solid #ddd;
  padding:10px;
  margin-left:-10px;
  
}

.country_lists_container h3.country_list {
  display: inline-block;
  width:212px;
  margin:3px 10px;
  padding:5px 0;
  text-align: center;
  background-color: #eee;
}











/* =======================================================================     ACCUEIL          ==============================================================*/



.bloc_accueil_menu{
	display:inline-block;
	width:45%;
	margin-left:2%;
	margin-right:2%;
	/*margin-bottom:1em;*/
	vertical-align:top;
}
.bloc_accueil_menu p {
	text-align:center;
	line-height: 1.9em;
}

.titre_bloc_accueil_trait_container {
	position: relative;
	left:4%;
	text-align: center;
}
.titre_bloc_accueil_trait_container img {
	width:100%;
}
.titre_bloc_accueil{
	min-height:60px;
}


a.a_container_bloc_accueil {
	display: block;
	position: relative;
	width:auto;
	height:auto;
	text-decoration: none!important;
}

.bloc_accueil {
	display: block;
	width:99%;
	margin-left:4%;
	margin-right:0%;
	margin-bottom:5px;
	/*height:130px;*/ /* à répéter dans table.table_bloc_accueil_texte tr td cause bug sinon */
	/* new ci dessous pour disposition des pages de haut en bas, PUIS de gauche à droite */
	height:auto;
/*	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100%;*/
	/*float: left;*/
	/* new ci dessous pour disposition des pages de haut en bas, PUIS de gauche à droite */
	float: none;
}
.bloc_accueil_whatsnew {
	/*display: none;*/
	width:98%; /* voir ci dessus, 31 + 31 + 31 + 2 + 2 = 97 */
	position: relative;
	left:1%;
	margin:auto;
	margin-top:0px;
	margin-bottom:20px;
	border: 2px solid #666;
	background-size: 100%;
	height:auto;
}

.bloc_accueil_whatsnew .bloc_accueil_texte {
	position: relative;
	height:auto;
	width:90%!important;
}

img.bloc_accueil_img_top, img.bloc_accueil_img_bottom {
	display: block;
	position: absolute;
	left:0;
	width:100%;
	z-index: 100;
}
img.bloc_accueil_img_top {
	top:0;
}
img.bloc_accueil_img_bottom {
	bottom:0;
}

.bloc_accueil_barre_couleur_top {
	position: absolute;
	width:100%;
	left:0;
	top:0;
}
.bloc_accueil_barre_couleur_top img {
	position: relative;
	display: block;
	width:100%;
}
img.bloc_accueil_picto {
	position: absolute;
	right:0;
	bottom:9px;
	width:auto;
}
.bloc_accueil_barre_bottom {
	position: absolute;
	width:100%;
	height:1px;
	left:0;
	bottom:-20px;
	background-color: #999;
}

.bloc_accueil_texte {
	/*position: absolute;*/
	/* new ci dessous pour disposition des pages de haut en bas, PUIS de gauche à droite */
	position: relative;
	z-index: 200;
	top:25%;
	width:100%;
	left:0%;
	/*height:100%;*/
	height:auto!important;
}
.bloc_accueil_texte span.medium {
	font-size:17px!important;
}


table.table_bloc_accueil_texte, table.table_bloc_accueil_texte tbody {
	display: block;
	position: absolute;
	width:90%;
	/*height:100%!important;*/
	height:auto;
	vertical-align: middle;
	/*background: #4a5;*/
}
table.table_bloc_accueil_texte tr {
	display: block;
}
table.table_bloc_accueil_texte tr td {
	width:100%;
	height:105px; /* à répéter dans bloc_accueil cause bug sinon */
	vertical-align: top;
	/*background: #ddc;*/
	font-size:18px;
	line-height:25px;
}



.bloc_accueil_whatsnew .bloc_accueil_texte {
	top:0%;
	left:0%;
	width:100%!important;
}
.bloc_accueil_whatsnew table {
	position: relative;
	margin-top:-30px; /* astuce... car ne trouve pas le pb de la marge au desssus de "Welcome to eCollaboration" */
	margin-left:-20px;
}

.bloc_accueil_whatsnew table.table_bloc_accueil_texte, table.table_bloc_accueil_texte tbody {
	display: block;
	position: relative;
	top:-20px!important;
	width:100%;
	height:auto;
}
.bloc_accueil_whatsnew table.table_bloc_accueil_texte tr td {
	font-size: 25px;
	width:100%;
}


.bloc_accueil_texte span.bloc_accueil_texte_liste_page_groupes {
	position: relative;
	display: block;
	top:25%;
	width:100%;
	left:0%;
	height:100%;
}

.colonne_2_liens_accueil {
	font-size: 25px;
	float:left;
	width:40%;
	margin-left:7.4%;
	text-align:center;
	padding:10px 0px;
}
.colonne_2_liens_accueil:hover {
	background-color:#ddd!important;
}
.colonne_2_liens_accueil:hover a {
	color:#333!important;
}


.whatsnew_home_p {
	position: relative;
	margin-top:1em;
	margin-bottom:1em;
	font-size: 15px;
	line-height: 18px;
}
.puce_accueil_whatson {
	display: inline-block;
	width:30px;
	height:36px;
	position: relative;
	top:6px;
	/* margin-left:20px; */
	margin-right:10px;
	background: url('../images/puce_accueil_whatson.png') top left no-repeat;
	background-size: 100%;
}

.puce_accueil_whatson_bleu_claire {
	display: inline-block;
	width:30px;
	height:36px;
	position: relative;
	top:6px;
	/* margin-left:20px; */
	margin-right:10px;
	background: url('../images/puce_accueil_whatson_bleu_claire.png') top left no-repeat;
	background-size: 100%;
}

.bg_user_guide_accueil {
	display: block;
	position: absolute!important;
	/*right:5%;*/ /* old */
	right:1%;
	/*top:20px;*/ /* old */
/*	width:136px!important;
	height:136px!important;*/
	width:318px!important; /* new avec lien en image */
	height:55px!important; /* new avec lien en image */
	/*background: url('../images/bg_user_guide_accueil.png') top left no-repeat;*/
	background: none; /* new puisque lien en image */
	z-index:99999;
	text-align:center;
}
.bg_user_guide_accueil table
{
	border:none;
	position: absolute;
	display: block;
	width:100%!important;
	/*margin-left:15%;
	margin-top:33%;*/
	margin-left:0%; /* new avec lien en image */
	margin-top:40px; /* new avec lien en image */
}
.bg_user_guide_accueil table tr td
{
	text-align: center;
	vertical-align: middle!important;
}
.bg_user_guide_accueil a {
	font-size:15px;
	line-height: 17px;
	display:block;
	width:100%;
}

.bg_user_guide_website_proofreading {
	position: relative!important;
	margin-left:34%;
	top:0px;
}
.bg_user_guide_website_proofreading table
{
	width:80%!important;
	margin-left:10%;
	margin-top:24%;
}

/*
.bloc_accueil_validateddocuments, .bloc_accueil_contacts {
	width:14.5%;
	margin-left:1.5%;
	
}
.bloc_accueil_documentsvalidation .bloc_accueil_texte {
	width:60%;
	left:40%;
}
*/














/* =======================================================================     GROUPE ENSEMBLE ==============================================================*/


.bloc_groupe_ensemble_container {
	top:30px;
	width:100%;
	height:300px;
	background: #fcfcfc;
}
.bloc_groupe_ensemble_container_design_gris {
	top:0px;
	height:auto;
	border:13px solid #484848; /*gris4*/
}

.bloc_groupe_ensemble_container a {
	/*font-size: 14px!important;*/
	color:black!important;
	text-decoration: none!important;
}
.bloc_groupe_ensemble_container a:hover {
	color:#999!important;
	text-decoration: underline!important;
}

.bloc_groupe_ensemble_barre_left {
	width:2%;
	height:100%;
	float: left;
}
.bloc_groupe_ensemble_portrait {
	display: block;
	width:15%;
	background-size: 115%;
	background-position: 60% 0;
	background-repeat: no-repeat;
	height:100%;
	float: left;
}
.bloc_groupe_ensemble_textes {
	width:83%;
	float: left;
	height:100%;
	overflow-y: auto;
	overflow-x: hidden;
}
.bloc_groupe_ensemble_textes_design_gris {
	width:100%;
	float: none;
	height:auto;
	overflow-y: hidden;
	overflow-x: hidden;
}

.p_intro_forum2 {
	position: absolute;
	width:87%!important;
	margin-left:3%;
	top:1em!important;
}

.bloc_groupe_ensemble_barre_haut {
	display: none;
	height:20px;
}
.bloc_groupe_ensemble_titre {
	height:90px;
}
.bloc_groupe_ensemble_titre_height_small {
	height:60px;
}
.bloc_groupe_ensemble_titre_height_big {
	height:130px;
}
.bloc_groupe_ensemble_titre_portraits {
	position: absolute;
	right:0;
	width:37%;
}
.bloc_groupe_ensemble_titre p, .bloc_groupe_ensemble_titre p.remonte {
	font-size:28px;
	left:3%;
	top:20%;
}
.bloc_groupe_ensemble_titre_height_small p {
	top:10%;
}

.bloc_groupe_ensemble_titre p.remonte {
	font-size:25px;
	top:10%;
}

.bloc_groupe_ensemble_contenu p, .bloc_groupe_ensemble_contenu ul, .bloc_groupe_ensemble_contenu h1, .bloc_groupe_ensemble_contenu h2, .bloc_groupe_ensemble_contenu h3 {
	width:100%;
	margin-left:0%;
}
.bloc_groupe_ensemble_contenu ul {
	margin-left:3em;
}

.bloc_groupe_ensemble_contenu_pages_speciales {
	width:98%;
	margin-left:1%;
	padding:20px 0;
}

.colonne_3_colonnes_website_proofreading {
	float: left;
	left:0.5%;
	width:32.3%;
	min-height:400px!important;
	margin :0;
	margin-right:1%;
	text-align: center;
	border: 8px solid #eee;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	min-height:200px;
}


a.lien_direct_access_todolist {
	font-size: 0.6em;
}

a.lien_direct_access_todolist:hover {
	color: white!important;
}

.picto_globe {
	position: relative;
	top:7px;
	margin-top:-5px;
	margin-left: -5px;
	margin-right: -5px;
}

a.btn_upload {
	display: block;
	position: absolute;
	right:0;
	bottom:0;
	color:white;
	background-color: black;
	height:37px;
	line-height: 50px!important;
	width:200px;
}
a.btn_upload table {
	display: block;
	margin:0!important;
	border: none;
}
a.btn_upload table td {
	border: none;
	vertical-align: middle;
	color:white!important;
	padding-left:7px;
}
a.btn_upload table td img { /* picto  */
	position: relative;
	top:-1px;
}
a.btn_upload:hover {
	/*background-color: #33bef2;*/
	background-color: #999;
	color:#333!important;
}

table.table_groupe_ensemble_contenu table.table_groupe_ensemble_contenu tbody { /* cause FCK ff qui ajout tbody */
	position: relative;
	padding: 0;
	margin: 0;
	left:0;
	margin-top:30px;
	display: block;
	width:100%;
	border:0;
}
table.table_groupe_ensemble_contenu {
	border:0;
	margin-top:30px;
}
table.table_groupe_ensemble_contenu_design_gris {
	margin-bottom:30px;
}

table.table_groupe_ensemble_contenu td {
	width:30%;
	border:0;
	border-left:1px solid #333;
	padding:0% 3% 0 5%;
	vertical-align: top;
}
table.table_groupe_ensemble_contenu_design_gris td {
	width:33%;
	border:0;
	border:0px solid #333;
	padding:0% 1% 0 2%;
	vertical-align: top;
	/*background: #ddc;*/
	margin: 0;
}

table.table_groupe_ensemble_contenu td:first-child {
	border:0;
}
.puce_lien_groupe_ensemble, .picto_lien_groupe_ensemble, .picto_lien_classe_speciale {
	display: inline-block;
	width:4px;
	height:0.8em;
}
.picto_lien_groupe_ensemble, .picto_lien_classe_speciale {
	width:25px;
	height:25px;
	background-repeat: no-repeat;
	background-size: 100%;
	left:0;
	float: left;
	top:0px;
	margin-right:10px;
}
.picto_lien_classe_speciale {
	/*display: inline;*/
	float: none;
	top:4px;
	margin-right:0.5em;
}

img.picto_print_specificity {
	width:30px;
	position: relative;
	top:4px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)!important;
	filter:alpha(opacity=70)!important;
	-moz-opacity : 0.7!important;
	opacity : 0.7!important;
	
}

table.table_groupe_ensemble_contenu_design_gris td a {
	line-height: 1.5em!important;
	width:100%;
	/*display: block;*/
	top:0;
	margin:0;
	padding:0;
}
.lien_groupe_ensemble_tobevalidated {
	font-size: 11px;
	top:0px;
}

table.table_groupe_ensemble_contenu_design_gris td a, .lien_groupe_ensemble_tobevalidated {
	/*left:3%;*/
	/*background: #ddd;*/
}

a.download_the_complete_kit {
	font-size: 18px!important;
	font-style: normal!important;
	font-weight: bold!important;
}





.img_general_planning {
	cursor: pointer;
	border: 3px solid #ddd;
}

.img_general_planning:hover {
	border: 3px solid #ef4949;
}
.img_todolist {
	display: block;
	width:95%;
	margin: 0 auto;
}


a.lien_general_planning {
	display: block;
	width:1100px;
	height:538px;
	margin: 0 auto;
	background: url('../images/general_planning.png') top left no-repeat;
}

a.lien_general_planning:hover {
	background-image: url('../images/general_planning_rol.png');
}


.project_team_col {
	float: left;
	width:49%;
	margin:1em 0 0em 0;
	padding:0;
}
.project_team_col a {
	cursor: pointer;
}

.project_team_titre {
	height:33px;
}
.project_team_titre table, .project_team_titre table td {
	border:none;
}

a.project_team_bloc {
	display: block;
	background-color: white;
	text-align: left;
	width:98%;
	margin-left:1%;
	/*height:100px;*/ /* non, déterminé par hauteur image portrait */
}

table.project_team_bloc_table {
	border-collapse: collapse;
	margin:0;
	padding:0;
	text-align: left;
	border: none;
}
table.project_team_bloc_table td {
	padding:0;
}
td.project_team_bloc_portrait img {
	margin: 0;
	padding: 0;
}
td.project_team_bloc_portrait {
	width:23%;
}
td.project_team_bloc_texte {
	width:80%;
}
td.project_team_bloc_texte .filet_gris {
	display: block;
	width:100%;
	height:1px;
	border-top:1px solid #bbb;
	margin:3px 0;
}
td.project_team_bloc_texte .espace_05em {
	display: block;
	width:100%;
	height:0.5em;
}





a.glossary_lien_lettre, .glossary_lien_lettre_inactif {
	display:block;
	width:20px;
	height:20px;
	font-size:15px;
	line-height:20px;
	padding:7px;
	margin-right:5px;
	margin-top:5px;
	float:left;
	text-align:center;
}
a.glossary_lien_lettre:hover {
	background-color:#ccc!important;
	color:#333!important;
}







/* =======================================================================     SIDEBAR          ==============================================================*/


.sidebar {float:right;width:250px;padding:5px;}
.sidebar ul {padding:0 0 0 10px; margin:0 0 0 5px}

.box_widget {padding:5px;background:#edf9ff;border:#6b4b53 1px solid}

.wbox_button {border:#dbdbdb 1px solid;background:#f1f1f1;padding:2px;}
.wbox_button a {color:#e6323b;font-weight:bold}
.wbox_grey {border:#dbdbdb 1px solid;background:#fff;width:100%;margin-bottom:5px}
.wbox_grey_titre {background:#f1f1f1;padding:2px;border-bottom:#dbdbdb 1px solid;color:#e6323b;font-size:14px;}
.wbox_grey_in {padding:10px;}
.titre_ico {padding:2px;vertical-align:middle;}
.wbox_grey ul {margin:2px;padding:0;list-style:none} 
.wbox_grey ul li {padding:2px 2px 2px 10px;margin:0}






/* =======================================================================     FOOTER          ==============================================================*/


#footer {
	margin-top:2em;
}


.page_bottom {background:#fff url('../images/bg_container_bottom.jpg') top center no-repeat;}

/* pages spécifiques */



/* home */
.hp_intro {
	width:90%;
	margin:0px auto;
	padding:0px;
	font-size:14px;
}
.last_updates {border:#dbdbdb 1px solid;margin:20px;background:#f9f9f9 }
.last_updates_titre {color:#e6323b;font-size:16px;padding:10px;border-bottom:#dbdbdb 1px solid;
background:#e9e8e8 url('../images/bg_last_update_titre.png') top left repeat-x;}
.last_updates ul {list-style-type:none;padding:10px;margin:0}
.last_updates li {background:url('../images/li_item_orange.png') top left no-repeat;padding:0 0 0 15px}


/* groupes */
.list_groupe {list-style:none;padding:10px;margin:20px}
.list_groupe p {padding:0;margin:0}
.list_groupe li {background:url('../images/li_item_orange.png') top left no-repeat;padding:0 0 0 15px}

/* annuaire */
.annuaire_table {
	border-collapse: collapse;
	width: 98%!important;
	margin-left:1%!important;
}
.annuaire_table th {
	border:#6b4b53 1px solid;
	font-weight:bold;
	text-align:center;
	padding:2px;
	background:#edf9ff;
}

.annuaire_table td {
	border:#6b4b53 1px solid;
	padding:2px;
	width:14%;
}


/* admin */
.admin-sidebar {
	float:left;
	width:18%;
	margin:0 0 0 1%;
	padding:0;
}
.admin-main {
	float:left;
	width:79%;
	margin:0 0 0 1%;
	padding:0;
	border-left: #dbdbdb 0px solid;
	/*background: #ddd;*/
	z-index: 9000;
}
.main-inbloc {display:inline-block;width:98%;padding:10px}


.adhome-bloc {float:left;border:#dbdbdb 1px solid; width:90%;padding:5px;margin:5px;background:#f1f1f1}
.adhome-ico {float:left;padding:5px}
.adhome-bloc_in {float:left;padding:5px;width:80%;}



/* Formulaire */ 




/* =======================================================================     CONNEXION          ==============================================================*/


img.bg_login_top {
	width:100%;
	margin-top:2em;
}
img.bg_login_top_1000,img.bg_login_top_800,img.bg_login_top_500 {
	display: none;
}

.container_enterform_inscription {
	background:#fff url('../images/bg_header.jpg') top center no-repeat!important;
}

.container_formulaire_inscription {
	position: relative;
	width:70%;
	margin:0 auto;
	top:200px;
	margin-bottom:200px;
	font-size: 14px;
}

form.enterform {
	width:100%;
	height:auto;
	background-color: #dddede;
}
.bg_form_image_left_right {
	position: absolute;
	top:0;
	height:199px;
	z-index: 0;
}
.bg_form_left {
	width:123px;
	left:0px;
	background:url('../images/bg_form_left.png') top center no-repeat;
}
.bg_form_right {
	width:93px;
	right:0;
	background:url('../images/bg_form_right.png') top center no-repeat;
}


.enterform_container_textes_champs {
	position: relative;
	top:1em;
	width:80%;
	margin-left:10%;
	border: 0px solid red;
	z-index: 100; /* pour passer au-dessus des bg_form_image_left_right */
	/*background-color: #003264;*/
}


.enterform_container_textes_champs_col1, .enterform_container_textes_champs_col2 {
	float: left;
	margin-top:1em;
}
.enterform_container_textes_champs_col1 {
	width:40%;
	margin-right:1.5%;
}
.enterform_container_textes_champs_col1_expand {
	width:60%;
	margin-right:1.5%;
}
.enterform_container_textes_champs_col1_expand input#login_cnx, .enterform_container_textes_champs_col1_expand input#password_cnx {
	left:45%;
	width:53%;
}


.enterform_container_textes_champs_col2 {
	width:40%;
}


.please_login {
	font-size:26px;
	display:inline-block;
	line-height:35px;
	/*padding:5px 10px 3px 10px;*/
	margin:20px 0 20px 9.5%;
	
}

.connexion_container_centre {
	width:100%;
	margin:0px auto;
	padding-top:0px;
}

.bg_enterform img {
	width:100%;
	margin-left:0%;
	margin-top:0px;
	float: left;
}
.logo_engie {
	text-align: right;
	right:30px;
}
.titre_top_connexion {
	float: left;
	left:5%;
	top:80px;
	width:40%;
	font-size:50px;
	line-height: 50px;
	position: relative;
	letter-spacing: -0.1em;
}
span.tiret_arrondi {
	display: inline-block;
	width:70px;
	height:6px;
	margin:10px 0;
}





p#p_error, a#forgotten_pw, a#xnet, a#ecollab_france_ou_inter, #p_crypt {
	display: block;
	position:relative;
	width:100%;
	font-weight: bold;
}

/*a#xnet {
	font-weight: normal;
	position: absolute;
	left:512px;
	bottom:10px;
}
*/


a#ecollab_france_ou_inter {
	font-weight: normal;
	position: absolute;
	left:585px;
	bottom:120px;
	font-size: 22px;
}

a.forgotten_pw {
	display: block;
	position: relative;
	left:0%;
	top:0em;
	font-size: 13px;
}
a.forgotten_pw:visited {
	color:#333;
}
a.forgotten_pw:hover {
	color:#999;
}

/*a.back_connexion_page {
	position: relative;
	top:-10px;
}*/

.lien_connexion_inscription {
	background-color: #FF2B06;
	color:white;
	font-size: 1.5em;
	position: relative;
	left:-7px;
	width:99.1%;
	padding:5px 5px !important;
	margin:0;
}

#p_crypt {
	font-weight: normal;
	color:#333;
}

p#p_error {
	position: absolute;
	top:-6em;
	width:80%;
	left:10%;
	margin:0;
	text-align: center;
	color:red;
	border:1px solid red;
	background-color: white;
	padding:10px;
	-moz-box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow: 5px 5px 5px #666;
	box-shadow: 5px 5px 5px #666;
}

a#forgotten_pw:hover,a#xnet:hover {
	color:#999;
}


/*input#login_cnx, input#password_cnx, input#login_cnx:-webkit-autofill, input#password_cnx:-webkit-autofill*/

#bg_login_cnx, #bg_password_cnx, #bg_captcha_cnx {
	position: relative;
	border:4px solid #427995; /* gris bleu */
	border:none;
	width:100%;
	height:35px;
	padding:0px;
	/*margin-bottom:10px;*/
	/*background: url('../images/bg_champ_login.png') left top no-repeat;*/
	background-color: white;
	margin-bottom:0.5em;
	
	-moz-border-radius: 0 20px 20px 0;
	-webkit-border-radius: 0 20px 20px 0;
	-khtml-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0;
}

#bg_captcha_cnx {
	width:75%;
}


.label_champ_cnx {
	position: absolute;
	left:35px;
	top:0.7em;
	font-size: 1em;
}

input#login_cnx, input#password_cnx, input#captcha_cnx {
	position: relative;
	left:40%;
	width:58%;
	top:7px;
	border:1px solid #ddd;
	background: none!important;
	padding:2px;
	-moz-border-radius: 0 20px 20px 0;
	-webkit-border-radius: 0 20px 20px 0;
	-khtml-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0;
}
input#captcha_cnx {
	left:60%;
	width:37%;
	-moz-border-radius: 0 20px 20px 0;
	-webkit-border-radius: 0 20px 20px 0;
	-khtml-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0;
}

.bg_fond_couleur_avant_input {
	position: absolute;
	width:24%;
	height:100%;
}
#bg_captcha_cnx .bg_fond_couleur_avant_input {
	width:58%;	
}
.picto_label_champ  {
	position: absolute;
	left:2%;
	top:22%;
	width:20px;
}

.captcha_container {
	position: absolute;
	left:80%;
	top:2%;
}

input.connexion_remember_me_input {
	position: relative;
	left:-1%;
}
span.connexion_remember_me {
	position: relative;
	left:-2%;
	top:1px;
}

button#connexion_btn {
	display: block;
	position: relative;
	width:130px;
	height:43px;
	font-size:19px;
	padding:3px 0 0 0;
	/*background: url('../images/bg_btn_login.png') top left no-repeat;*/
	background: #003264;
	border:4px solid white;
	cursor: pointer;
	color: white;
	/*font-weight: bold;*/
	margin-bottom:5px;
}
button#connexion_btn:hover {
	border:4px solid #003264;
	background: #fff;
	color: #003264;
    
}

.btn_send {background-image: url('../images/login_button_send.jpg')!important;}
.btn_send:hover {background-image: url('../images/login_button_send_roll.jpg')!important;}










/* =======================================================================     FORMULAIRE GENERIQUE          ==============================================================*/


.generic-form fieldset  {
	/*border: 1px solid #988;*/
	padding:5px;
}

.generic-form legend {
	padding:5px;
	border: 1px solid #988;
	font-size:14px;
	font-weight:normal;
	background:#d8ecf6;
}

.generic-form label{
display:block;
font-weight:bold;
text-align:right;
width:200px;
float:left;
padding:4px 2px;
}

.generic-form select {
width:auto;
border:solid 1px #988;
margin:2px 0 20px 10px;
}

.generic-form input[type=text], .generic-form input[type=password] {
font-size:12px;
padding:4px 2px;
border:solid 1px #988;
margin:2px 0 20px 10px;
float:left;
}

.hradiobloc
{border:#e6e6e6 1px solid;padding:20px 5px 5px 5px;background:#f1f1f1}

.form-padleft {
padding:0px 10px 10px 20px;
}

.forminput_small {width:200px;}
.forminput_config {width:40px;}
.forminput_config2 {width:90px;}
.forminput_medium {width:300px;}
.forminput_large {width:400px;}

.form_colright {margin-left:200px}
.form_colleft {width:200px;text-align:right}

.separ {
	border-bottom:#e1e1e1 1px solid;
	margin:3px 0px
}



/*.comment_button {
clear:both;
margin-left:200px;
width:125px;
height:31px;
background:#e6323b;
text-align:center;
line-height:31px;
color:#fff;
font-weight:bold;
border:#336600 1px solid;
cursor:pointer;
}*/


.valid_button, .cancel_button, .comment_button {
	clear:both;
	width:auto;
	height:36px;
	text-align:center;
	line-height:31px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	font-size:16px;
}
.valid_button:hover, .cancel_button:hover, .comment_button:hover  {
	background:#666;
	border:#000 1px solid;
}

.valid_button, .comment_button {
	margin-left:0px;
	background:#abc444;
	border:#336600 1px solid;
}

.cancel_button{
	margin-left:100px;
	background:#e6323b;
	border:#cc3300 1px solid;
}



#waiting_loader {
  position: fixed;
  width:400px;
  height:300px;
  left:50%;
  top:50%;
  margin: -150px 0 0 -200px;
  background-color: #ddd;
  border:2px solid #000;
  z-index: 10000;
}


/* Formulaire tri annuaire */ 
.sort-form select {width:160px}


.sort_button{
clear:both;
margin-left:10px;
width:100px;
height:20px;
background:#e6323b;
text-align:center;
line-height:20px;
color:#fff;
font-weight:bold;
border:#336600 1px solid;
cursor:pointer;
}

/* formulaire commentaire  */

.comment-form {
margin:10px 5px 10px 5px;padding:5px;
border-top:#e1e1e1 1px solid;border-bottom:#e1e1e1 1px solid;
}



.next_comments {
float:left;
border: 1px solid #999;  
}

.next_comments a {
color:#336699;text-decoration:none;display:block;padding:2px 15px;
background:#e1ecf8 url('../images/fleche_droite.png') center right no-repeat;
}
.next_comments a:hover {
background:#d3e1f0 url('../images/fleche_droite.png') center right no-repeat;
}




/* =======================================================================     ARTICLES          ==============================================================*/


.article {
	text-align:left;
	padding:0px;
	padding:0px;
	/*background:url('../images/article.png') top left no-repeat;*/
	background: none;
	width:94%;
	margin-top:2em;
	margin-left:3%;
	margin-bottom:2em;
	font-size:16px;
	border: 3px solid #fff;
}

.article_forum {
	width:87%;
	padding:0px 10px 0px 60px;
	background:url('../images/picto_bulle_article_forum.png') top left no-repeat;
	background-size: 50px;
	border:0;
}
/* ici plutôt page spéciale Forum main topics  = forum2 */
a.bloc_forum_lien_maintopic {
	position:relative;
	display:block;
	width:31%;
	min-height:120px;
	float:left;
	margin:10px 0 10px 1.8%;
	background-color:#ddd;
	font-size:1.2em;
}
.bloc_forum_lien_maintopic_picto {
	display:block;
	width:13%;
	margin:15px auto;
	background:url('../images/picto_bulle_article_forum.png') top left no-repeat;
	background-size:100%;
}
.bloc_forum_lien_maintopic_picto img {
	display:block;
	width:100%;
	height:auto;
	margin:15px auto;
}
.bloc_forum_lien_maintopic_texte {
	width:90%;
	margin-left:5%;
	text-align:center;
	font-weight:bold;
}
a.bloc_forum_lien_maintopic:hover {
	background-color:#999;
	text-decoration:none!important;
}
a.bloc_forum_lien_maintopic:hover .bloc_forum_lien_maintopic_texte {
	color:white;
}
a.bloc_forum_lien_maintopic:hover .bloc_forum_lien_maintopic_picto {
	background-image:url('../images/picto_bulles_rouges.png');
}
a.bloc_forum_lien_maintopic:hover .bloc_forum_lien_maintopic_texte {
}





.article_news {
	padding:0px 10px 0px 50px;
	background:url('../images/picto_bulle_article_news.png') top left no-repeat;
	background-size: 40px;
}

.article_validated {
	border: 3px solid #a4d165;
}

.article_table {
	border: none!important;
	width:100%;
	/*background: #edf;*/
	margin:7px 0 0 0!important;
}
.article_table td, .article_table th {
	border: none!important;
	vertical-align: top;
}
td.td_boutons_article {
	width:6%;
}

.article img {
	/*width:90%;*/
}
.article_bottom {
	width:100%;
	height:1px;
	margin:0em 0;
	padding:0;
	left:0;
	/*padding:10px;*/
	/*background:url('../images/article_bottom.png') center center no-repeat;*/
}

.boutons_article_container {
	margin-right:30px;
}
.img_picto_doc_container {
	width:7%;
	float: left;
}

.btn_article {
	display: block;
	width:30px;
	height:30px;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom:5px;
	z-index: 9000;
}
.btn_article_popup_fonction {
	visibility: hidden;
	position: absolute;
	width:300px;
	/*width:auto;*/
	height:29px;
	font-weight: bold;
	line-height: 32px;
	margin:0;
	padding:0;
	color:#fff;
	background-color: #000;
	text-align: center;
	left:34px;
	top:0;
	z-index: 9000;
}

.list-articles li {
	padding-bottom:20px
}

.titre_article, .titre_article a {
	display: block;
	font-size:24px;
	/*color:#000;*/
	text-decoration:none;
}
.titre_article a:hover {
	text-decoration:underline!important;	
}

.titre_article a:hover {text-decoration:underline}
.titre_article_info {font-size:10px;padding-bottom:5px;border-bottom:#e7e7e7 1px solid}
.article_adds img {border:0;}
.article_adds a {
	text-decoration:none;
	/*color:#e6323b;*/
	color:#555;
}
.article_adds a:hover {text-decoration:underline;}


.article p {
  line-height: 1.2em;
  margin:0
}

.picto_bulle_plus_left, .picto_bulle_left, .picto_bulle_plus_right, .picto_bulle_right {
	position: relative;
	width:35px;
	top:10px;
}
.picto_bulle_left {
	width:20px;
	top:3px;
}
.picto_bulle_plus_right {
	width:25px;
	top:3px;
}
.picto_bulle_right {
	width:20px;
	top:4px;
}



.img_icone_doc {
	width:50px!important;
}


.icone_pdf {
	width:40px!important;
	position: relative;
	top:10px;
	margin-right:10px;
}

span.tobevalidatebefore {
	display: inline-block;
	background-color:#f3e6e2;
	line-height: 2em;
	left:0%;
	padding:0!important;
}
span.tobevalidate_date {
	padding:2px 0 1px 0!important;
}

.textarea_commentaire {
	width:100%;
	height:5em;
}


/* =======================================================================     COMMENTAIRES          ==============================================================*/
/*

.commentaire_titre {
	font-size:16px;
	color:#e6323b;
	background:url('../images/ico_comments.png') top left no-repeat;
	padding:5px 0 10px 40px;
	margin:0 0 20px 0px;
	border-bottom:#e1e1e1 1px solid;
}
.commentaire {
	margin:0px 00px 00px 00px;
	padding:0 0px 0 5px;
	border-left:#ccc 1px solid;
}
.comments_titre {font-size:14px;color:#e6323b;}

.commentaire p {
	padding:5px;
}

.reponse_commentaire {
	position: relative;
	margin-left:80px;
	border-left:#fdd 1px dotted;
}
*/

.commentaire {
	margin:0px 10px 10px 30px;
	padding:10px 5px 10px 10px;
	/*border-left:#988 1px dotted;*/
	/*font-size: 18px;*/
	background: #eee;
}

.commentaire_titre {
	font-size:16px;
	color:#124692;
	background:url('../images/ico_comments.png') top left no-repeat;
	padding:5px 0 10px 40px;
	margin:0 0 20px 0px;
	border-bottom:#e1e1e1 1px solid;
}


.comments_titre {
	font-size:14px;
	color:#124692;
}
.commentaire p {
	text-align:justify;
	padding:5px;
}

.reponse_commentaire {
	position: relative;
	margin-left:80px;
	border-left:#fdd 1px dotted;
}




.picto_comments {
	width:16px;
	position:relative;
	top:3px;
}
.commentaires_container {
	width:100%;
	border-left:5px solid #ccc;
}
.commentaires_container_textes {
	font-size:12px;
	width:98%;
	margin-left:2%;
}

.separation_commentaire {
	display: block;
	width:100%;
	margin-left:-0.5%;
	height:1px;
	background-color: white;
	margin-bottom:1em;
}

/* pagination */
.pagination ul {font-size:10px;padding:0}
.pagination li {display:block;float:left;padding:2px;margin:2px;background:#d3e1f0;border:#999 1px solid;}
.pagination a {color:#336699;text-decoration:none;}
.pagination .active {background:#d3e1f0;border:#3366a4 1px solid;}
.pagination .on a, .pagination .next a {color:#336699}
.pagination .on a:hover, .pagination .next a:hover {color:#154677;text-decoration:underline}
.pagination .off {background:#e1e1e1;border:#999 1px solid;color:#999}

/* admin */
.basic-table {
	border-collapse: collapse;
	width: 100%;
}

.basic-table th {
	border:#6b4b53 1px solid;
	font-weight:bold;
	text-align:center;
	padding:2px;
}
.basic-table td {
	border:#6b4b53 1px solid;
	padding:2px;
	font-size:10px;
}
.basic-table td.pourcent_remplissage_100 { /* pour le table du macro report : remplissage des barres 100% => mise en valeur */
	/*border:2px solid #0f0;*/
	background-color:#bdff9c; /* vert encore plus clair bdff9c // old vertclairclair 99ff66*/
}
.basic-table tr.ligne_global_report_totaux td {
	border-top:3px solid #e6323b!important; /*rouge e6323b*/
	border-bottom:3px solid #e6323b!important;
	border-left:1px solid #e6323b!important;
	border-right:1px solid #e6323b!important;
	
}

.report_barre_container {
	display: block;
	height:8px;
}
.report_barre {
	display: block;
	position:absolute;
	/*width % via php selon stats*/
	height:100%;
	left:0;
	margin:0;
}

.height_fixe_overflow {
	max-height:100px;
	overflow-y: auto;
}

.td_overflow {
    width: 100%;
    max-height: 100px!important;
    overflow-y: auto;
    overflow-x: hidden;
}


.table_network th, .table_network td {
    font-size: 12px!important;
	border:1px solid #ddd!important;
	background-clip: padding-box!important; /* si on veut que le bg ne masque pas la border */
}
.table_network tr:nth-child(odd) td {
    background: #fff;
	border:1px solid #ddd!important;
}

.table_network tr:nth-child(even) td {
    background: #eee;
	border:1px solid #ddd!important;
}

a.picto_tri_az {
	display: inline-block;
	background: url('../images/picto_tri_az_grisa.png') top left no-repeat;
	width:16px;
	height:20px;
	background-size: 100%;
	margin-top:5px;
}
a.picto_tri_az:hover, a.picto_tri_az_actif {
	background-image: url('../images/picto_tri_az_blanc.png');
}


.tdcentered {text-align:center}


a.lien_picto {
	display: inline-block;
	width:16px;
	height:16px;
	border:2px solid white;
}
a.lien_picto:hover {
	border:2px solid #00f;
}


img.lien_doc {
	border:1px solid white;
	padding:2px 5px 2px 2px;
}
img.lien_doc:hover {
	border:1px solid #666;
}



.voir_infoadd {text-align:left;position:absolute;background:#fff;border:#988 1px solid;padding:5px;}

.bloc_messages_rouge {
color:#990000;background:#ffcccc;padding:5px;margin:5px 5px 20px 0;
border-top:#990000 1px solid;border-bottom:#990000 1px solid;
}

.bloc_messages_vert {
color:#339900;background:#dbeb99;padding:5px;margin:5px 5px 20px 0;
border-top:#339900 1px solid;border-bottom:#339900 1px solid;
}

.confirm_suppr_button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#cc0000;
text-align:center;
line-height:31px;
color:#fff;
font-weight:bold;
border:#336600 1px solid;
cursor:pointer;
}

.selectcolor td {height:20px;width:20px;}



/* =======================================================================     TEXTES          ==============================================================*/



.titre_h1 {
	/*background:#eee;*/
	padding:15px 10px 15px 0;
	/*background:#e7e7e7 url('../images/bg_titre.png') bottom left repeat-x;*/
	
}

.titre_h1_text {
	padding:0 10px 0 10px;
	font-size:22px;
	font-weight:bold;
	/*color:#203061;*/
}

.titre_h1_text a {font-size:22px;font-weight:normal;color:#e6323b;text-decoration:none}
 
.titre_h2_text, .titre_h2_text a {
font-size:14px;font-weight:normal;color:#e6323b;
}

 .titre_h3_admin {
font-size:16px;font-weight:normal;color:#e6323b;border-bottom:#dbdbdb 1px solid;
}

.txtbase {
	color:#2d2d2d
}
.txtbase a {color:#2D2A83;}
.txtbase a:hover {color:#992586;}

.txt10 {font-size:10px;line-height:2em;}
.txt-grey {color:#999999}
.txt-blue {color:#e6323b}

/* planning */
.planning_nav {width:100%;text-align:center;border-top:#e1e1e1 1px solid;border-bottom:#e1e1e1 1px solid;padding:2px;display:inline-block}
.planning_nav_prev {float:left;}
.planning_nav_next {float:right;}
.planning_nav a {text-decoration:none;display:block;padding:2px;color:#e6323b;font-weight:bold;background:#ececec}
.planning_nav a:hover {background:#dedede}
.planning_date, .planning_date a  {color:#e6323b;font-weight:bold;text-align:center}

.projet {text-align:justify;padding:10px 10px 10px 40px;background:url('../images/projet.png') top left no-repeat;}

.showtask {text-decoration:none;padding:2px;color:#e6323b;font-weight:bold;cursor:pointer}
.task {background:#eeeeee;padding:2px}
.task_desc {background:#eeeeee;padding:2px}
 
.planning {border-collapse:collapse;}
.planning th {border:#8c8c8c 1px solid}
.planning td {border:#8c8c8c 1px solid}
.wlarge {width:120px;text-align:left}
.wmedium {width:90px;text-align:center}

 
/* misc pages */

.msg-contener {
padding:10px;
}

.blue-gradient-bg {
   /* fallback/image non-cover color */
   background-color: #eef6fa; 
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dbebf4));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #ffffff, #dbebf4); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #ffffff, #dbebf4);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #ffffff, #dbebf4);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #ffffff, #dbebf4);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border:#cccccc 1px solid;   
}

.green-gradient-bg {
   margin-top:20px;margin-left:-10px;
   width:500px;color:#fff;padding:10px;
   /* fallback/image non-cover color */
   background-color: #009; 
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99f), to(#009));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #99f, #009); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #99f, #009);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #99f, #009);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #99f, #009);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border:#cccccc 1px solid;   
}

.misc_button {
margin-top:20px;
width:140px;
border:#000 1px solid;
margin-left:350px;
   /* fallback/image non-cover color */
   background-color: #e8e8e8; 
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#cdcdcd));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #fefefe, #cdcdcd); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #fefefe, #cdcdcd);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #fefefe, #cdcdcd);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #fefefe, #cdcdcd);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border:#cccccc 1px solid;
}
.misc_button a {color:#e6323b;display:block;padding:5px 10px;text-align:left;
background:url('../images/fleche_droite.png') center right no-repeat;
text-decoration:none;
}
 



/* =======================================================================     	TABLEAU liste tous les articles          ==============================================================*/


table.tous_articles_table {
	border-collapse: collapse;
}
table.tous_articles_table td, table.tous_articles_table th {
	border:1px solid #ddd;
	background-color: #fff;
	padding:5px;
}
table.tous_articles_table th {
	text-align: center;
	background-color: #e6323b;
}

table.tous_articles_table a {
	color:#e6323b;
	text-decoration: none;
}
table.tous_articles_table a:hover {
	text-decoration: underline;
}





.feedback_intro {
	text-align: center;
	
}




.feedback_results {
	padding:20px;
	position: absolute;
	top:60px;
	width:90%;
	margin-left:2%;
	background-color: #ffe;
	border:3px solid #A2007E;
	-moz-box-shadow: 10px 10px 10px #555;
	-webkit-box-shadow: 10px 10px 10px #555;
	box-shadow: 10px 10px 10px #555;
}









/* =======================================================================     	TABLEAU lors de notifications, ex. admin / ajout des groupes via var_globales_pages         ==============================================================*/



table.notification_table {
	border-collapse: collapse;
}
table.notification_table td, table.notification_table th {
	border:1px solid #ccc;
	font-size: 0.6em;
	/*background-color: #fff;*/
	padding:2px;
}
table.notification_table th {
	text-align: center;
	background-color: #e6323b;
}





/* =======================================================================     MISE EN FORME          ==============================================================*/


a img {  border: none;} 

input, button, select {   vertical-align: middle;}

.clr {
	clear:both;
	height:0px;
	overflow:hidden;
	margin:0;
}

.rightfl {float:right}

.leftfl {float:left}

.txtcentered {text-align:center}

.txtright{text-align:right}


.puce_liste_accueil{
	width:5px;
	height:5px;
	display:inline-block;
	/*background-color:#003264;*/
	margin-right:10px;
	vertical-align: middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.puce_liste_accueil_contacts {
	/*background-color:#ebc86a;*/
}

/* COLORS CHARTE */

.gris {color:#4c4c4c!important;}
.bg_gris {background-color:#4c4c4c!important;}
.grisb2 {color:#b2b2b2!important;}
.bg_grisb2 {background-color:#b2b2b2!important;}

.gris3, a.gris3 {color:#333!important;}
.bg_gris3, a.bg_gris3 {background-color:#333!important;}
.gris6, a.gris6 {color:#666!important;}
.bg_gris6, a.bg_gris6 {background-color:#666!important;}
.gris9, a.gris9 {color:#999!important;}
.bg_gris9, a.bg_gris9 {background-color:#999!important;}
.grisa, a.grisa {color:#aaa!important;}
.bg_grisa, a.bg_grisa {background-color:#aaa!important;}
.grisb, a.grisb {color:#bbb!important;}
.bg_grisb, a.bg_grisb {background-color:#bbb!important;}
.grisc, a.grisc {color:#ccc!important;}
.bg_grisc, a.bg_grisc {background-color:#ccc!important;}
.grisd, a.grisd {color:#ddd!important;}
.bg_grisd, a.bg_grisd {background-color:#ddd!important;}
.grise, a.grise {color:#eee!important;}
.bg_grise, a.bg_grise {background-color:#eee!important;}

.bg_forum{
	height:160px;
	width:98%;
	left:2%;
	/*background: url('../images/header_forum.png') no-repeat;*/
	background: #eee;
	
}


.bleufonce, a.bleufonce {color:#003264!important;}
.bg_bleufonce {background-color:#003264!important;}
.bleufoncefonce, a.bleufoncefonce {color:#003264!important;} /* bleu du header haut gauche */
.bg_bleufoncefonce {background-color:#003264!important;} /* bleu du header haut gauche */
.violet, a.violet {color:#9283be!important;}
.bg_violet {background-color:#9283be!important;}
.bleuclair, a.bleuclair {color:#34abe0!important;}
.bg_bleuclair {background-color:#34abe0!important;}
.bleuclairclair, a.bleuclairclair {color:#cff1ff!important;}
.bg_bleuclairclair {background-color:#cff1ff!important;}

.turquoise, a.turquoise {color:#00aaad!important;}
.bg_turquoise {background-color:#00aaad!important;}

.vert, a.vert {color:#00a9ac!important;}
.bg_vert {background-color:#00a9ac!important;}
.vertclair, a.vertclair {color:#00a9ac!important;}
.bg_vertclair {background-color:#00a9ac!important;}
.vertfonce, a.vertfonce {color:#347f60!important;}
.bg_vertfonce {background-color:#347f60!important;}

.vertclairclair, a.vertclairclair {color:#e4f3f3!important;}
.bg_vertclairclair {background-color:#e4f3f3!important;}

.jaune, a.jaune {color:#ebc86a!important;} /* capture ebc86a old e2bc57*/
.bg_jaune {background-color:#ebc86a!important;}

.orange, a.orange {color:#f9b100!important;}
.bg_orange {background-color:#f9b100!important;}
.rose, a.rose {color:#e62d87!important;}
.bg_rose {background-color:#e62d87!important;}

.rouge, a.rouge {color:#e6323b!important;}
.bg_rouge {background-color:#e6323b!important;}

/* fin COLORS CHARTE */


.noir, .black, a.noir, a.black {color:#000!important;}
.bg_noir, .bg_black {background-color:#000!important;}
.blanc, .white, a.blanc, a.white {color:#fff!important;}
.bg_blanc, .bg_white {background-color:#fff!important;}

.italic {
	font-style: italic!important;
}


.big {font-size: 1.2em;}
.bigbig {font-size: 1.4em;}
.small {font-size: 0.9em;}
.smallsmall {font-size: 0.8em;}

.big1 {font-size: 1.1em!important;}
.big2 {font-size: 1.2em!important;}
.big3 {font-size: 1.3em!important;}
.big4 {font-size: 1.4em!important;}
.big5 {font-size: 1.5em!important;}
.big6 {font-size: 1.6em!important;}
.big7 {font-size: 1.7em!important;}
.big8 {font-size: 1.8em!important;}
.big9 {font-size: 1.9em!important;}
.big20 {font-size: 2em!important;}
.small4 {font-size: 0.4em!important;line-height: 1em!important;}
.small5 {font-size: 0.5em!important;line-height: 1em!important;}
.small6 {font-size: 0.6em!important;line-height: 1em!important;}
.small7 {font-size: 0.7em!important;line-height: 1em!important;}
.small8 {font-size: 0.8em!important;line-height: 1.2em!important;}
.small9 {font-size: 0.9em!important;line-height: 1.3em!important;}

em, .italic {font-style: italic!important;}

.underline, a.underline {text-decoration: underline!important;}
.nounderline, a.nounderline {text-decoration: none!important;}
a.nounderline:hover {text-decoration: underline!important;}

sup {line-height: 1em;font-size: 0.7em!important;}
sub {line-height: 0em;font-size: 0.7em;position: relative;top:-3px!important;}
 
 /* vire l'encadrement firefox */
a:focus, a:active, img, video {outline:0!important;}

.hidden, a span.hidden {visibility: hidden!important;}

.displaynone {display: none!important;}


.strong {
	
}

/* vire l'encadrement firefox */


ul.main_contact h2 {	
	color:#222;
	text-align: center;
}
ul.main_contact h3 {	
	color:#e6323b;
	width:95%;
	border-bottom: 1px dotted #e6323b;
}
ul.main_contact h3 {	
	color:#e6323b;
}

.center {text-align: center!important;}



.break-all, table.break-all th, table.break-all td {	
	word-break: break-all;
}

/*pour chrome, essai pour virer remplissage jaune pale des champs - not ok */
/*input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background: none!important;
}*/



.margin0 {
	margin:0!important;
	padding:0!important;
}
.padding5 {
	padding:5px!important;
}
.padding10 {
	padding:10px!important;
}
.padding15 {
	padding:15px!important;
}
.padding20 {
	padding:20px!important;
}

.pointer {
	cursor: pointer;
}

.noborder {
	border: none!important;
}


.hover_opacity_90:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90)!important;
	filter:alpha(opacity=90)!important;
	-moz-opacity : 0.9!important;
	opacity : 0.9!important;
	cursor: pointer;
}
.hover_opacity_80:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)!important;
	filter:alpha(opacity=80)!important;
	-moz-opacity : 0.8!important;
	opacity : 0.8!important;
	cursor: pointer;
}
.hover_opacity_70:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)!important;
	filter:alpha(opacity=70)!important;
	-moz-opacity : 0.7!important;
	opacity : 0.7!important;
	cursor: pointer;
}
.hover_opacity_60:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60)!important;
	filter:alpha(opacity=60)!important;
	-moz-opacity : 0.6!important;
	opacity : 0.6!important;
	cursor: pointer;
}
.hover_opacity_50:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)!important;
	filter:alpha(opacity=50)!important;
	-moz-opacity : 0.5!important;
	opacity : 0.5!important;
	cursor: pointer;
}

.radius1 {
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-khtml-border-radius: 1px;
	border-radius: 1px;
}
.radius2 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
.radius3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.radius4 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.radius5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.bloc_accueil_forum2{
	display: none;
}

/*
.normal {
	font-style: normal!important;
	text-decoration: none!important;
}*/