/* Cascade Style Sheet - Filiales Groupe Brunet */

body {
	font-family: Tahoma;
	z-index: 1;
	padding: 0px;
	margin: 0px;
	overflow-x: hidden;	
	
}

img {
	border: 0px;
}
body.plus {
	min-width:1024px;
	width: 100% - 10px;
}

#fond_groupe {
	background-image:url("images/fond_groupe_dupli.png");
	background-repeat: repeat-x;
}

#conteneur {
	background-color: #636363;
	border: 1px;
}

h2 {
	padding-top: 0px;
}

/* header */
div#header {
	background-image:url("images/header_background.png");
	height:113px;
	position: relative;
}

img#logo {
	margin-top:21px;
	margin-left:29px;
	position: relative;
}

/* Bloc de recherche */

div#bloc_recherche{
	filter: alpha(opacity=50);
	background-color:#636363;
	width: 233px;
	height:100%;
	display: inline;
	position: absolute;
	left:70%;	
	opacity:.22;
	
}

div#rechercher {
	border-top: 2px #ffffff dotted;
	border-bottom: 2px #ffffff dotted;
	width: 212px;
	left: 70%;
	top: 35px;
	display: inline;
	position: absolute;
	font-size:9pt;
	color: #4c4c4c;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 12px;
	padding-bottom: 7px;
	
}
div#rechercher_texte {
	
	width: 233px;
	
	display: inline;
	position: relative;
	font-size:9pt;
	color: #4c4c4c;
	font-weight: bold;
	background-image:url("images/recherche_loupe.png");
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom:3px;
	
}
input#rechercher {
	width: 164px;
	height: 19px;
	border-top: 1px #575757;
	border-left: 1px #575757;
}

input#envoyer{
	top: 3px;
	background-color:#a9a9a9;
	color: #ffffff;	
	font-size:12pt;	
	border: none;
	position: relative;
}

/* Barre horizontale de couleur */

div#orange {
	position: relative;
	width: 100%;
	height: 6px;
	background-color: #f7af14;
}

div#bleu {
	position: relative;
	width: 100%;
	height: 6px;
	background-color: #203371;
}

div#vert {
	position: relative;
	width: 100%;
	height: 6px;
	background-color: #00a13c;
}

div#blanc {
	position: relative;
	width: 100%;
	height: 2px;
	background-color: #ffffff;
}

/*  Flash  */

.arg_flash {	
	background-color: #bd8731;
	position: relative;
	width: 100%;
	height: 176px;
}

.odisse_flash {	
	background-color: #5c6733;
	position: relative;
	width: 100%;
	height: 176px;
}

.sftp_flash {	
	background-image:url('images/sftp_fond.gif');
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
	height: 176px;
}

.sleg_flash {	
	background-image:url('images/sleg_fond.gif');
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
	height: 176px;
}

.tp_flash {	
	background-color: #9b826c;
	position: relative;
	width: 100%;
	height: 176px;
}

.ecoamenagement_flash {
	position: relative;
	width: 100%;
	height: 176px;
}

.ecomaroc_flash {	
	background-image:url('images/ecomaroc_fond.gif');
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
	height: 176px;
}

.holding_flash {	
	background-image:url('images/holding_fond.gif');
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
	height: 176px;
}

.jaquemet_flash {	
	background-color: #8dbdd3;	
	position: relative;
	width: 100%;
	height: 176px;
}

.flash_ARG {
	position: relative;
	width: 100%;
	height: 176px;
	background-color: #a57321;
	background-image:url("images/model_flash.png");
	background-repeat: no-repeat;
}

/* Barre de suivi */
div#suivi {
	position: relative;
	width: 100%;
	height: 26px;
	background-color: #6c6e71;
	background-image:url("images/barre_suivi_filiales.png");
}

div#arborescence {
	top: 7px;
	left: 15px;
	/*background-image:url("images/icone_home.png");*/
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 10pt;
	top: 6px;
	/*padding-left: 23px;*/
	position: relative;
}

div#arborescence_lien{	
	color: #ffffff;
	font-size: 10pt;
	padding-left: 23px;
	position: relative;
}

/* contenu gauche (gris) */
div#contenu_gris{	
	margin-right: 408px;
	width: auto;
	min-width:623px;
	background-color: #636363;	
/*	position: absolute;*/
}

div#navigation {
	background-color: #424242;
	position: relative;
	width: 100%;
	height: 41px;
}


span#spacer {
	width: 10px;
}

img.bouton_navigation {	
	position: relative;
	top: 15px;
	margin-left: 2px;
	margin-right: 2px;	
	color: #ffffff;
	cursor: pointer;
}

img.bouton_navigation_selected {	
	position: relative;
	top: 15px;
	margin-left: 2px;
	margin-right: 2px;
	color: #ffffff;
}
span#bouton_part1 {
	margin-left: 15px;
}

span#bouton_part5 {
	margin-left: 15px;
}

div.texte_contenu {
	width:auto;
	text-align: justify;
	font-size: 11px;
	color: #ffffff;
	padding-left: 30px;
	padding-top: 24px;
	padding-right: 15px;
}

.texte_contenu > a {
	color: #002f71;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
.texte_contenu > a:hover{
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;

}

div#texte_part1 {
	display: block;
}
div#texte_part2 {
	display: none;
}
div#texte_part3 {
	display: none;
}
div#texte_part4 {
	display: none;
}

/* contenu droite (news / download) */
div#features{	
	right: auto;
	background-color: #f7f7f7;
	/*left: 631px;*/
	width: 402px;
/*	position: absolute;*/
	/*right: expression(document.body.clientWidth < 600 ? "1024px" : "auto" );*/
}

div#actualites {
	/*background-image:url("images/top_actualites.png");
	background-repeat: no-repeat;
	position:relative;
	padding-top:50px;*/
}

div#telechargements {
	background-image:url("images/top_telechargements.png");
	background-repeat: no-repeat;
	position:relative;
	padding-top:50px;
}

div#telechargements_arg {
	background-image:url("images/produits.png");
	background-repeat: no-repeat;
	position:relative;
	padding-top:50px;
}

div#telechargements_eco {
	background-image:url("images/programme.png");
	background-repeat: no-repeat;
	position:relative;
	padding-top:50px;
}

/* Style des news */

div.news {
	text-align: left;
	position: relative;	
	border-top: 2px #b7b8bc dotted; 
	padding-top: 10px;
	margin-left:15px;
	margin-right:15px;
	padding-bottom: 10px;
	
}

div.news_first {
	text-align: left;
	position: relative;	
	/* border-top: 2px #b7b8bc dotted;  */
	padding-top: 10px;
	margin-left:15px;
	margin-right:15px;
	padding-bottom: 10px;
	
}

div.poste_le {
	margin-top: -65px;
	position: relative;	
	padding-left: 88px;
	font-size: 11px;
	color: #6f6f6f;
}

div.news_titre{
	background-image:url("images/icone_titre_news.png");
	background-repeat: no-repeat;
	position: relative;	
	margin-left: 89px;	
	margin-top: 4px;
	padding-left: 12px;
	font-size: 11px;
	font-weight: bold;
	color: #002f71;
}

div.news_chapo{	
	text-align:justify;
	position: relative;	
	margin-left: 78px;	
	margin-top: 0px;
	padding-left: 12px;
	font-size: 11px;
	color: #3e3e3e;
}

img.news {
	margin-left: -5px;
	position: relative;	
	width: 80px;
	height: 60px;
	border: 3px #424242 solid;
}

/* section ALL */
div.news_all {
	text-align: left;
	position: relative;	
	border-top: 2px #b7b8bc dotted; 
	padding-top: 10px;
	margin-left:15px;
	margin-right:15px;
	padding-bottom: 10px;
	min-height: 120px;
	
}

div.news_first_all {
	text-align: left;
	position: relative;	
	/* border-top: 2px #b7b8bc dotted;  */
	padding-top: 10px;
	margin-left:15px;
	margin-right:15px;
	padding-bottom: 10px;
	min-height: 120px;
	
}

img.news_all {
	margin-left: -5px;
	position: relative;	
	width: 136px;
	height: 104px;
	border: 3px #424242 solid;
}

div.news_chapo_all{	
	text-align:justify;
	position: relative;	
	margin-left: 140px;	
	margin-top: 0px;
	padding-left: 12px;
	font-size: 11px;
	color: #ffffff;
}

div.news_titre_all{
	background-image:url(images/carre_news_all.png);
	background-repeat: no-repeat;
	position: relative;	
	margin-left: 154px;	
	margin-top: 4px;
	padding-left: 12px;
	font-size: 11px;
	font-weight: bold;
	color: #e3a918;
	font-family: Arial;
}

div.poste_le_all{
	margin-top: -110px;
	position: relative;	
	margin-left: 152px;	
	font-size: 11px;
	color: #ffffff;
	font-weight:bold;
	font-family: Arial;
}


/*Style de news detaillée*/
img.image_news_details {
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	width: 150px;
	height: 110px;
	border: 3px #424242 solid;
}

div#news_detail_titre {	
	position: relative;	
	font-size: 15px;
	font-weight: bold;
	color: #ffd08e;
}

div#detail_news_chapo {
	margin-top: 15px;
	font-weight:bold;
}

div#detail_news_contenu {
	margin-top: 15px;
}
/* liens téléchargement  */

div#image_pdf {
	width:100%;
	height: 39px;
	padding-bottom: 15px;
	position: relative;
	background-image:url("images/icone_pdf.png");
	background-repeat: no-repeat;
	
}

div.lien_telechargement {
	margin-left: 35px;
	padding-left: 10px;
	padding-bottom: 8px;
	background-image:url("images/puce_telechargement.png");
	background-repeat: no-repeat;
	color: #002f71;
	font-size: 11px;
	font-weight: bold;
	
}

a.lien_fichier {
	color: #002f71;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}


span.fichier_label {
	left: 20px;
	position: relative;
}

span.fichier_input {
	left: 200px;
	position: absolute;
}

/* Footer */

div#ligne_footer {
	text-align:center;
	color: #b6adb1;
	font-size: 10px;
	padding-top: 6px;
	width: 100%;
	height: 22px;
	background-color: #3e3e3e;
/*	position: absolute;*/
	z-index: 2;
}

.hidden {
	display: none;
}

.lien_footer {
	color: #b6adb1;
	font-size: 10px;
	text-decoration:none;
}

.bouton_admin {	
	left: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #cccccc;
	background-color: #888888;
	color: #ffffff;
	cursor: pointer;
	font-size:12px;
	position: relative;
}

/* Formulaires */

.form_bloc_title { 
	text-align: left; 
	color: #F70; 
	text-transform: uppercase; 
	font-weight: bold; 
	font-size: 8pt; 
	font-family: Arial; 
	font-weight: bold; 
	padding: 5px;  
	margin-bottom: 0;  
	margin-top: 15px; 
	border-bottom: 1px solid #999; 
	background-image: url(images/form_puce.gif); 
	background-repeat: no-repeat; 
	background-position: left; 
	padding-left: 15px;
}

.form_label, .form_label_required { 
	font-size:12px;
	display: block; 
	text-align: right;
	margin: 3px 5px 0 0; 
	color: #000; 
}

.form_bloc_field { 
	padding-left: 0px; 
	padding-bottom: 10px;
}

.form_bloc { 
	display: block; 
	margin: 20px; 
	width: 500px;
}

.form_bloc_general{  
	padding: 5px; 
}

.form_input_edit_small, .form_input_edit_medium, .form_input_edit_large, .form_input_edit_full, .form_bloc_textarea, .rtecontent { 
	padding: 2px; 
	font-weight: normal; 
	font-family: Verdana, Arial sans-serif; 
	font-size: 8pt; 
	border: 1px solid #99C4DF; 
	color: #444
}

.form_help { 
	float: left; 
	color: #369; 
	font-size: 8pt; 
	font-style: normal; 
	border: 1px solid #CC9; 
	background-color: #FFE; 
	margin: 2px; 
	padding: 9px 10px 9px 40px; 
	text-align: left; 
	background-image: url(images/form_help.gif); 
	background-repeat: no-repeat; 
	background-position: left;
}

.form_button_submit, .form_bloc_button { 
	border: 0; 
	background: transparent; 
} 

.form_bloc_bottom { 
	float: left;  
	margin: 0px; 
	padding: 5px; 
	margin-top: 20px; 
	text-align: center; 
}


/*==========================*/
/*   STYLE DE LA GALERY     */
/*==========================*/
.galery_body { 
	background-color: #EEE;	
	}
.galery_bloc { margin: 2px; padding: 10px; background-color: #FFF; border: 1px solid #AAA; vertical-align: top; text-align: left;}
.galery_title { font-size: 10pt; color: #333;}
.galery_form_bloc { margin: 30px; padding: 10px; background-color: #FFF; border: 1px solid #AAA; }
.galery_form_image { width: 120px; height: 120px; margin: 5px; padding: 3px; border: 1px solid #FFE;}
.galery_link:link, .galery_link:hover, .galery_link:visited , .galery_link:active  { display: inline; margin: 3px;  font-size: 8pt; color: #BBB; text-decoration: none;}
.galery_link:hover { text-decoration: underline; }

.galery_table { height: 700px;}
/* FOLDER */
.galery_folder_bloc { padding: 10px; font-size: 9pt;}
.galery_folder_row { font-size: 9pt; padding: 1px; padding-left: 20px; background-image: url(images/folder.gif); background-repeat: no-repeat; background-position: left;}
.galery_folder_row_selected {font-size: 9pt; font-weight: bold; padding: 1px; padding-left: 20px; background-image: url(images/folder.gif); background-repeat: no-repeat; background-position: left;}
.galery_folder_row_link:link, .galery_folder_row_link:hover, .galery_folder_row_link:visited, .galery_folder_row_link:active 
{ font-size: 9pt; color: #333; text-decoration: none;}
.galery_folder_row_link:hover { text-decoration: underline; }

/* FILES */
.galery_files_type { clear: both; font-size: 9pt; font-weight: bold; padding-top: 20px; padding-bottom: 2px; background-image: url(resources/separator.jpg); background-repeat: no-repeat; background-position: left bottom;}
.galery_files_row { float: left; font-size: 8pt; width: 120px; height: 130px; height: 180px; text-align: left; margin: 3px; padding: 2px; text-align: center;} 
html>body .galery_files_row { height: auto; min-height: 130px;  min-height: 180px; } 
.galery_files_row_frameimage:link, .galery_files_row_frameimage:hover, .galery_files_row_frameimage:active, .galery_files_row_frameimage:visited
 { float: left; height: 110px; width: 110px; margin: 4px; padding: 1px; border: 1px solid #EED; text-align: center;}
 .galery_files_row_frameimage:hover { border: 2px solid #00F; padding: 0;}
html>body .galery_files_row_frameimage { height: auto; min-height: 110px; width: auto; min-width: 110px; }
.galery_files_row_image {  margin: 5px; border: 0; }
.galery_files_row_libelle:link, .galery_files_row_libelle:hover, .galery_files_row_libelle:active, .galery_files_row_libelle:visited
{ display: block;font-weight: normal; text-align: center;  margin-bottom: 2px;  font-size: 8pt; color: #333; text-decoration: none; }
.galery_files_row_libelle:hover { text-decoration: underline; }
.galery_files_row_info { font-style: italic; margin-bottom: 5px;  font-size: 8pt; color: #666;}

.page_title { font-family: Arial,Helvetica,sans-serif; font-size: 15pt; font-weight: bold; color: #F60; line-height: 16px; margin-bottom: 10px; letter-spacing: 1.5px; }

.page_description { letter-spacing: 1.5px; margin: 3px 3px 15px 3px; font-size:12px;}

.form_legend_required {margin: 10px; font-size:10px; color: #999; background-image: url(images/form_required.gif); background-repeat: no-repeat; background-position: top left; padding-left: 10px;}

/*===================*/
/*   STYLE DE LOGIN  */
/*===================*/
.page_login {  }
.login_title { margin: 0; margin-top: 60px;  }
.login_createaccount { font-size: 9pt; border: 1px solid #B45D00; background-color: #FFD5A8; letter-spacing: 0.8px; line-height: 17pt; margin: 30px; padding: 20px; color: #B45D00; }
.login_table 
{
      margin: 50px 30px 30px 20px; 
      width: 367px; 
      height: 250px; 
      padding: 90px 50px 50px 50px;  
      background-image: url(images/login_card.jpg); 
      background-repeat: no-repeat; 
}
      
.login_form { width: 300px; border: 1px solid red;  }
.login_form_label { font-weight: bold; white-space: nowrap;}
.login_form_compte:link, 
.login_form_compte:hover, 
.login_form_compte:active, 
.login_form_compte:visited 
{ 

}

.login_form_button { padding: 2px; }
.login_form_row { padding: 3px 3px 3px 20px; }
.login_form_field { padding: 2px; width: 105px;
/* background-color: #FFE; border: 1px solid #333; */}
.login_form_title { font-family: Verdana; font-size: 10pt; text-align: center; font-weight: normal; color: #FFF;  }
.login_lostpassword {  }
.login_button_createaccount { padding: 5px;  }


.login_identification_lostpassword_link:link, 
.login_identification_lostpassword_link:hover, 
.login_identification_lostpassword_link:active, 
.login_identification_lostpassword_link:visited
{  
     font-size: 8pt; 
     color: #005AA0;
     margin: 10px; 
     margin-left: 250px;
}

.login_identification_createaccount_link:link, 
.login_identification_createaccount_link:hover, 
.login_identification_createaccount_link:active, 
.login_identification_createaccount_link:visited 
{   
     font-size: 9pt; 
     margin: 10px; 
}

.login_line_identification, 
.login_line_identification:link, 
.login_line_identification:hover, 
.login_line_identification:active, 
.login_line_identification:visited
{ display: inline; color: #F70; text-transform: none;}

/* section admin */

.admin_fond {
	font-size:12px;
	background-image:url("images/fond_admin.png");
	padding-left:15px;
	padding-right:15px;
	padding-top:0px;
	padding-bottom:0px;
}

.admin_fond_top {
	
	background-image:url("images/fond_admin.png");
}

.admin_table {
	border: 1px solid #000000;
}

.admin_td_1 {
	background-color:#f2f2f2;	
	padding: 2px;
}

.admin_td_2 {
	background-color:#e8e4e4;	
	padding: 2px;
}

.admin_th {
	background-color:#848383;
	color:#ffffff;
	
}
a.admin {
	color: #002f71;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}
a.admin:hover {
	color: #0257ce;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
}

a.admin_blanc {
	color:#ffffff;
	font-weight:bold;
	text-decoration: underline;
}

a.admin_blanc:hover {
	color:#ffffff;
	font-weight:bold;
	text-decoration: none;
}

/* Recherche */

.div_contenu{
	padding-left: 20px;
	background-image:url("images/recherche_line_contenu.png");
	background-repeat: repeat-y;
}

.div_nouvelles {
	padding-left: 20px;
	background-image:url("images/recherche_line_nouvelles.png");
	background-repeat: repeat-y;
}

.div_telechargements {
	padding-left: 20px;
	background-image:url("images/recherche_line_telechargeme.png");
	background-repeat: repeat-y;
}

.surligner_contenu {
	color: #ffffff;
	background-color: #203371;
}

.surligner_nouvelles {
	color: #ffffff;
	background-color: #203371;
}

.surligner_telechargement {
	color: #ffffff;
	background-color: #f3b827;
}


div.recherche_titre{
	background-image:url("images/recherche_carre.png");
	background-repeat: no-repeat;
	position: relative;	
	margin-top: 2px;
	padding-top: -2px;
	padding-left: 12px;
	font-size: 11px;
	font-weight: bold;
	color: #f7af14;
}


.rechercher_lien_contenu {
	color: #203371;
	font-weight: bold;
	text-decoration: none;
}

.rechercher_lien_contenu:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.rechercher_lien_telechargements{
	color: #f3b827;
	font-weight: bold;
	text-decoration: none;
}

.rechercher_lien_telechargements:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

/*telechargements + image*/

div.telechargement_image{
	text-align: left;
	position: relative;	
	border-bottom: 2px #b7b8bc dotted;
	padding-top: 3px;
	margin-left:15px;
	margin-right:15px;
	padding-bottom: 20px;
	
}

img.dl {
	border: 3px #424242 solid;
}


div.dl_titre{
	background-image:url("images/icone_titre_news.png");
	background-repeat: no-repeat;
	position: relative;	
	margin-left: 89px;	
	top: -40px;
	margin-top: -25px;
	padding-left: 12px;
	font-size: 11px;
	font-weight: bold;
	color: #002f71;
}

div.dl_infos {
	margin-top: -40px;
	position: relative;	
	padding-left: 90px;
	font-size: 11px;
	color: #6f6f6f;
}

div.dl_lien {
	margin-top: 0px;
	position: relative;	
	padding-left: 90px;
}

.highlight {	
	background-color: #ffffff; 
	color: #000000;
	padding-left: 2px;
	padding-right: 2px;
}