<?php 
$URL = $_GET['URL'];

preg_match_all('/\//', $URL, $arborescence_niveaux);
$arborescence_niveaux = count($arborescence_niveaux[0]);

if(preg_match('/\/sources/', $URL)==true){
	$path_relatif = '../';
}elseif(preg_match('/\/modules/', $URL)==true AND $arborescence_niveaux==6){
	$path_relatif = '../';
}elseif(preg_match('/\/modules/', $URL)==true AND $arborescence_niveaux==5){
	$path_relatif = '../';
}else{
	$path_relatif = '../';
}

header("Content-type: text/css");
?>

/***************/
/**  GENERAL  **/
/***************/

body {
	background-color : #4D4C43;

	font-family : Helvetica, Arial, sans-serif;
	font-size: 12px;
	color : #333333;
}

body, img, form, table, h1, h2, h3 { border: 0px; margin: 0px; padding: 0px; }

a {
	font-family : Helvetica, Arial, sans-serif;
	font-size : 12px;
	color : #000099;
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}


/**************/
/**  ENTETE  **/
/**************/

#entete_1 {
  width : 100%;
  height : 59px;
  background : #1686E3 url('<?=$path_relatif?>img/page_entete_fond_1.gif') repeat-x top center;
}

#entete_2 {
  width : 98%;
  height : 54px;
  background : transparent url('<?=$path_relatif?>img/page_entete_fond_2.jpg') repeat-x top center;
  padding : 5px 0px 0px 2%;
}

#entete_3 {
  width : 100%;
  height : 81px;
  background : #1686E3 url('<?=$path_relatif?>img/page_entete_fond_3.gif') repeat-x top center;
}

#entete_4 {
  position : relative;
  width : 95%;
  height : 70px;
  margin : 0 auto;
  padding : 10px 0px 0px 5%;
}

#entete_logo {
  float : left;
  width : 80%;
}

#entete_authentification_1 {
  float : left;
  width : auto;
  margin-top : 5px;
	background : transparent url('<?=$path_relatif?>img/page_authentification_gauche.png') no-repeat top left;
	border-radius : 6px;
	-moz-border-radius : 6px;
	-webkit-border-radius : 6px;
}

#entete_authentification_2 {
	margin-left : 15px;
  width : auto;
  min-width : 150px;
	background : transparent url('<?=$path_relatif?>img/page_authentification_droite.png') no-repeat top right;
  padding : 5px 15px 5px 0px;

	font-family : Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #666666;
}

#entete_authentification_2 a {
	font-size : 12px;
	color : #26B6FF;
	text-decoration : none;
}

#entete_authentification_2 a:hover {
	text-decoration : underline;
}


/***********/
/** MENU  **/
/***********/

#nav {
	z-index : 1250;
	position : relative;
	width : 98%;
	height : 40px;
	margin : 0px auto;
	padding : 10px 0px 0px 2%;

	color : #44712B;
}

.nav-links {
	float : left;
	height : 40px;
	margin : 0px;
	padding : 4px 7px 0px 0px;
	background : url('<?=$path_relatif?>img/menu_separateur.gif') no-repeat 100% 50%;
	list-style : none;
}

#nav-primaire {
	font-size : 1.3em;
	font-weight : bold;

	padding-right : 10px;
}

#nav-secondaire {
	padding : 4px 10px 0px 5px;

	font-size : 1.2em;
}

#nav-tertiaire {
	padding-left : 5px;
	background : none;

	font-size : 1.2em;
}

.nav-item {
	float : left;
	margin : 0px;
	padding : 0px;
	background : none;
}

#nav-icon {
	float : left;
	width : 16px;
	height : 16px;
	margin : 6px 0px 0px 0px;
	padding : 0px 10px 0px 0px;
}

#nav-icon-inner {
	display : none;
}

.nav-icon-home {
	background : url('<?=$path_relatif?>img/picto_accueil.png') no-repeat top left;
}

#nav-icon:hover {
	background-position : bottom left;
}

.nav-link, .nav-menu .nav-link:hover {
	float : left;
	line-height : 1em;
	background-image : url('<?=$path_relatif?>img/menu_fond.gif');
	background-repeat : no-repeat;
	background-position : 0px 0px;

	color: #294c17;
	text-decoration : none;
}

.nav-link-inner {
	float : left;
	padding : 9px 10px 0 10px;
	height : 21px;
	background-image : url('<?=$path_relatif?>img/menu_fond.gif');
	background-repeat : no-repeat;
	background-position : 0px 0px;
}

.menu_module_actif {
	color : #FFFFFF;
	border-bottom : 1px dotted #FFFFFF;
}

.nav-single {
	margin-left : 5px;
}

.nav-single .nav-link:hover {
	background-position : 0 -30px;

	color : #FFFFFF;
	text-decoration : none;
}

.nav-single .nav-link:hover .nav-link-inner {
	background-position : 100% -60px;
}

.nav-menu {
	position : relative;
}

.hover .nav-link, .hover .nav-link:hover {
	position : relative;
	left : 7px;
	margin-left : -7px;
	background-position : 0px -90px;

	color : #FFFFFF;
}

.hover .nav-link .nav-link-inner, .hover .nav-link:hover .nav-link-inner {
	background-position : 100% -123px;
	padding-right : 17px;
}

.nav-link .actionIcon {
	float : left;
	height : 10px;
	margin : 1px 6px 0px 0px;
	background-image : url('<?=$path_relatif?>img/menu_fleche_off.gif');
	background-repeat : no-repeat;
}

a.nav-link:hover .actionIcon img {
	height : 10px;
	background-image : url('<?=$path_relatif?>img/menu_fleche_on.gif');
}

#nav .hover .actionIcon img {
	position : relative;
	background-image : url('<?=$path_relatif?>img/menu_fleche_on.gif');
}

.menu-content {
	z-index : 1500;
	position : absolute;
	display : none;
	top : 29px;
	left : 0;
	width : 155px;
	background : #3E403D url('<?=$path_relatif?>img/menu_coin.gif') no-repeat top right;
	border-radius : 0px 10px 10px 10px;
	-moz-border-radius : 0px 10px 10px 10px;
	-webkit-border-top-right-radius : 10px;
	-webkit-border-bottom-left-radius : 10px;
	-webkit-border-bottom-right-radius : 10px;
	padding : 5px 10px 10px 10px;
}

.hover .menu-content {
	display : block;
}

.menu-items {
	margin : 5px 0px 0px 0px;
	padding : 0px;
	list-style : none;

	font-size : 11px;
	font-weight : normal;
}

.menu-item {
	margin : 1px 0px 0px 0px;
	padding : 0px;
	background : #484A47;
	border-radius : 10px;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
}

.menu-link, .menu-link:visited {
	display : block;
	padding : 8px;
	line-height : 1em;

	color : #7FEAFF;
}

.menu-link:hover {
	border-radius : 10px;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	background : #3EABFD;

	color : #FFFFFF;
	text-decoration : none;
}

.menu-link:active {
	background: #3EABFD;

	color: #FFFFFF;
}

.menu-link-extra {
	float : right;
	margin : 1px 0px 0px 10px;

	font-size : 10px;
	color : #BFFF7F;
}

.menu-link:hover .menu-link-extra {
	color: #FFFFFF;
}

.menu-link-detail {
	display : block;
	margin : 4px 0px 0px 0px;

	font-size : 10px;
	color : #7C8079;
}

.menu-link:hover .menu-link-extra, .menu-link:hover .menu-link-detail {
	color : #FFFFFF;
}


/**************/
/** CONTENU  **/
/**************/

#contenu_1 {
  position : relative;
  top : -13px;
	width : 100%;
	min-height : 240px;
	background : #EDEDE5 url('<?=$path_relatif?>img/page_contenu_fond.gif') repeat-x top center;
}

#contenu_2 {
	position : relative;
	top : -23px;
	left : 20px;
	width : 1000px;
	min-height : 350px;
	background : transparent url('<?=$path_relatif?>img/page_contenu_gauche.jpg') no-repeat top left;
	padding : 0px 0px 20px 15px;
}

#contenu_3 {
	float : left;
	position : relative;
	width : 840px;
	min-height : 350px;
	background : transparent url('<?=$path_relatif?>img/page_contenu_droite.jpg') no-repeat top right;
	padding : 30px 50px 0px 30px;
	overflow : hidden;
}

#contenu_secondaire {
	float : left;
	position : relative;
	width : 175px;
	min-height : 190px;
	background : transparent url('<?=$path_relatif?>img/page_contenu_secondaire.gif') no-repeat top left;
	margin : 38px 0px 0px 15px;
	padding : 0px 15px 0px 15px;
}


#titres {
	font-family : helvetica, arial, sans-serif;
	font-size : 20px;
	color : #EEEEEE;
	margin-bottom : 40px;
}

#titres .titre_1 {
	float : left;
	width : 82%;
	line-height : 30px;

	font-family : helvetica, arial, sans-serif;
	font-size : 22px;
	font-weight : bold;
	color : #CC3B1F;
}

#titres .titre_1 a {
	font-family : helvetica, arial, sans-serif;
	font-size : 22px;
	font-weight : bold;
	color : #CC3B1F;
	text-decoration : none;
}

#titres .titre_1 a:hover {
	text-decoration : underline;
}

#titres .titre_2 {
	line-height : 30px;

	font-family : helvetica, arial, sans-serif;
	font-size : 18px;
	font-weight : normal;
	color : #007FBF;
}

#titres .separateur {
	font-size : 18px;
	font-weight : normal;
	color : #CCCCCC;
	padding : 0px 5px 0px 5px;
}

#bloc {
	padding : 0px;
	border-top : 2px solid #E6E5DA;
	border-bottom : 1px solid #E6E5DA;
	background-color : #FFFFFF;
}

#bloc_bis {
	padding-top : 10px;
	border-top : 2px solid #E6E5DA;
	border-bottom : 2px solid #E6E5DA;
	background-color : #FFFFFF;
}

#contenu_secondaire .titre {
	width : 155px;
	height : 20px;
	line-height : 20px;
	background-color : #807D73;
	margin : 15px 0px 15px 0px;
	padding : 0px 5px 0px 10px;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;

	font-family : helvetica, arial, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #FFFFFF;
}


/*************/
/** LISTES  **/
/*************/

#titres .ajouter {
	float : left;
	display : block;
	width : 15%;
	height : 30px;
	line-height : 30px;
	background-color : #FAFAF5;
	border : 1px solid #E6E5DA;
	border-radius : 10px;
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	padding : 0px 5px 0px 5px;
	text-align : center;
}

#titres .ajouter:hover {
	background-color : #FFFFFF;	
}

#titres .ajouter a {
	display : block;

	font-family : Helvetica, Arial, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color : #007FBF;
	text-decoration : none;
}

#ligne_compteur {
	height : 25px;
	line-height : 25px;
	padding : 0px 1px 5px 10px;
	border-top : 0px;

	font-family : Helvetica, Arial, sans-serif;
	font-size : 12px;
	color : #333333;
	text-decoration : none;
}

#ligne_entete {
	height : 25px;
	line-height : 26px;
	background-color : #F6F6F6;
	padding : 0px 1px 0px 10px;
	border-bottom : 1px solid #E6E5DA;

	font-family : Helvetica, Arial, sans-serif;
	font-size : 10px;
	color: #999999; 
	text-decoration : none;
}

#ligne {
	height : 25px;
	line-height : 26px;
	background-color : #FFFFFF;
	padding : 0px 1px 0px 10px;
	border-bottom : 1px solid #E6E5DA;

	font-family : Helvetica, Arial, sans-serif;
	font-size : 12px;
	color : #333333;
	text-decoration : none;
}

#ligne_secondaire {
	height : 25px;
	line-height : 26px;
	background-color : #FCFCFC;
	padding : 0px 1px 0px 10px;
	border-bottom : 1px solid #E6E5DA;
}

#ligne_inactive, #ligne_secondaire_inactive {
	height : 25px;
	line-height : 26px;
	background-color : #FFFFFF;
	padding : 0px 1px 0px 10px;
	border-bottom : 1px solid #CCC9AD;
	opacity : 0.5;
	-moz-opacity : 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter : alpha(opacity=50);

}

#ligne:hover, #ligne_secondaire:hover, #ligne_inactive:hover, #ligne_secondaire_inactive:hover {
	color : #333333;
	background-color : #F6F6F6;
}

#ligne a, #ligne_secondaire a, #ligne_inactive a, #ligne_secondaire_inactive a {
	font-family : Helvetica, Arial, sans-serif;
	font-size : 12px;
	color : #333333;
	text-decoration : none;
	line-height : 26px;
}

#ligne a:hover, #ligne_secondaire a:hover, #ligne_inactive a:hover, #ligne_secondaire_inactive a:hover {
	text-decoration : underline;
}

#ligne_icone {
	float : left;
	width : 25px;
	height : 17px;
	text-align : center;
	padding-top : 7px;
}


/******************/
/** FORMULAIRES  **/
/******************/

#formulaire_ligne {
	width : 100%;
	margin : 4px 0px 4px 0px;
}

#formulaire_ligne_separateur {
	width : 100%;
	margin : 15px 0px 15px 0px;
	border-bottom : 1px solid #EEEEEE;
}

#formulaire_ligne_intertitre {
	width : 100%;
	margin : 15px 0px 15px 0px;
	padding : 3px 0px 2px 0px;
	background-color : #FAFAF5;
	border-top : 1px solid #E6E5DA;
	border-bottom : 1px solid #E6E5DA;

	font-family : Helvetica, Arial, sans-serif;
	font-size: 12px;
	color : #D4D2C1;
	text-align : center;
}

#formulaire_ligne_intertitre a {
	font-family : Helvetica, Arial, sans-serif;
	font-size: 12px;
	color : #D4D2C1;
	text-align : center;
}

#formulaire_ligne_intertitre a:hover {
	color : #666666;
	text-decoration : none;
}

#formulaire_libelle_obligatoire {
	float : left;
	width : 100px;
	text-align : right;
	padding : 10px 0px 10px 0px;
	margin-right : 10px;

	font-family : Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight : bold;
	color : #666666;
}

#formulaire_libelle {
	float : left;
	width : 100px;
	text-align : right;
	padding : 10px 0px 10px 0px;
	margin-right : 10px;

	font-family : Helvetica, Arial, sans-serif;
	font-size: 12px;
	color : #666666;
}

#formulaire_ligne .formulaire_libelle_aide {
	border-bottom : 1px dotted #CCCCCC;
	cursor : help;
}

#formulaire_champ {
	float : left;
	width : 300px;
	min-height : 24px;
	padding : 5px 0px 5px 10px;
	background-color : #FAFAF5;

	font-size : 12px;
	line-height : 24px;
}

#formulaire_champ a {
	color : #333333;
}

#formulaire_boutons {
	text-align : right;
	padding-right : 30px;
}

#formulaire_boutons .lien_annuler {
	font-family : Helvetica, Arial, sans-serif;
	font-size : 13px;
	color : #007FBF;
	text-decoration : none;
}

#formulaire_boutons .lien_annuler:hover {
	text-decoration : underline;
}

.input {
	background : #FFFFFF url('<?=$path_relatif?>img/input_fond.gif') no-repeat top left;
	border-width : 0 1px 1px 0;
	border-style : solid;
	border-color : #F7F7F7;
	padding : 5px;

	font-family : Helvetica, Arial, sans-serif;
	font-size: 12px;
	color : #000000;
}

.input_petit {
	background : #FFFFFF;
	border-width : 1px;
	border-style : solid;
	border-color : #EEEDE6;
	padding : 2px;
	margin : 2px 0px 2px 0px;

	font-family : Helvetica, Arial, sans-serif;
	font-size: 12px;
	color : #000000;
	text-align : center;
}

.input_inactif {
	background-color : #FAFAF5;
	border : 0px;
	padding: 5px;

	font-family : Helvetica, Arial, sans-serif;
  font-size: 12px;
	color : #000000;
}

.textarea {
	min-height : 52px;
	background : #FFFFFF url('<?=$path_relatif?>img/input_fond.gif') no-repeat top left;
	border-width : 0 1px 1px 0;
	border-style : solid;
	border-color : #F7F7F7;
	padding : 5px;
	resize : vertical;
	overflow : auto;

	font-family : Helvetica, Arial, sans-serif;
	font-size: 12px;
	color : #000000;
}

.select {
	height : 24px;
	padding-top : 4px;

	font-family : Helvetica, Arial, sans-serif;
	font-size: 12px;
	color : #000000;
}

.select_multiple {
	background : #FFFFFF url('<?=$path_relatif?>img/input_fond.gif') no-repeat top left;
	border-width : 0 1px 1px 0;
	border-style : solid;
	border-color : #F7F7F7;
	padding : 5px;
	outline : 0px;

	font-family : Helvetica, Arial, sans-serif;
  font-size: 12px;
	color : #000000;
}

.checkbox {
	line-height : 22px;
	padding : 0px;
	margin : 0px;
}

.radio {
	padding : 0px;
	margin : 0px 4px 0px 0px;
}

/*************************************************/

#bloc_bis #fichier_bloc_lien_ajouter, #bloc_bis #fichier_bloc_lien_ajouter_0, #bloc_bis #fichier_bloc_lien_ajouter_1, #bloc_bis #fichier_bloc_lien_ajouter_2, #bloc_bis #fichier_bloc_lien_ajouter_3, #bloc_bis #fichier_bloc_lien_ajouter_4 {
	float : left;
}

#bloc_bis #fichier_bloc_selection, #bloc_bis #fichier_bloc_selection_0, #bloc_bis #fichier_bloc_selection_1, #bloc_bis #fichier_bloc_selection_2, #bloc_bis #fichier_bloc_selection_3, #bloc_bis #fichier_bloc_selection_4 {
	float : left;
	padding : 10px 0px 5px 0px;
}

#bloc_bis #fichier_bloc_affichage, #bloc_bis #fichier_bloc_affichage_0, #bloc_bis #fichier_bloc_affichage_1, #bloc_bis #fichier_bloc_affichage_2, #bloc_bis #fichier_bloc_affichage_3, #bloc_bis #fichier_bloc_affichage_4 {
	float : left;
	margin-right : 30px;
}

#bloc_bis #fichier_bloc_lien_annuler_suppression, #bloc_bis #fichier_bloc_lien_annuler_suppression_0, #bloc_bis #fichier_bloc_lien_annuler_suppression_1, #bloc_bis #fichier_bloc_lien_annuler_suppression_2, #bloc_bis #fichier_bloc_lien_annuler_suppression_3, #bloc_bis #fichier_bloc_lien_annuler_suppression_4 {
	float : left;
	display : none;
}

#bloc_bis #fichier_bloc_liens, #bloc_bis #fichier_bloc_liens_0, #bloc_bis #fichier_bloc_liens_1, #bloc_bis #fichier_bloc_liens_2, #bloc_bis #fichier_bloc_liens_3, #bloc_bis #fichier_bloc_liens_4 {
	float : left;
	padding : 2px 7px 2px 7px;
	line-height : 18px;
	border : 1px solid #FFFFFF;
}


#bloc_bis .fichier_bloc_lien {
	font-family : Helvetica, Arial, sans-serif;
	font-size : 11px;
	color : #007FBF;
}

#bloc_bis .fichier_bloc_lien:hover {
	text-decoration : underline;
}

/*************************************************/

#message_erreur {
	margin-bottom : 20px;
	padding : 10px 0px 10px 20px;
	background-color : #FFE2D9;
	border : 2px solid #EE9999;
	border-radius : 20px;
	-moz-border-radius : 20px;
	-webkit-border-radius : 20px;
	width : 80%;

	font-family : Helvetica, Arial, sans-serif;
	font-size : 12px;
	color : #FF0000;
	text-decoration : none;
	line-height : 18px;
}

#message_confirmation {
	margin-bottom : 20px;
	padding : 10px 0px 10px 20px;
	background-color : #EDFFDE;
	border : 2px solid #78CF6D;
	border-radius : 20px;
	-moz-border-radius : 20px;
	-webkit-border-radius : 20px;

	font-family : Helvetica, Arial, sans-serif;
	font-size : 12px;
	color : #47AD3B;
	text-decoration : none;
	line-height : 18px;
	text-align : center;
}


/*************************************/
/**  INFO-BULLE (TOOLTIP) PROTOTIP  **/
/*************************************/

.prototip { position: absolute; }
.prototip .effectWrapper, .prototip .tooltip, .prototip .toolbar, .prototip .toolbar .title { position: relative; }
.prototip .content { clear: both; }

/**  Info-bulle d'information  **/
.prototip .infobulle_information {
	margin-top : 5px;
	width : auto;
	border : 2px solid #39A8FB;

	font-family : Helvetica, Arial, sans-serif;
	font-size : 11px;
	color : #666666;
}

.prototip .infobulle_information .toolbar {
	border-bottom : 1px solid #39A8FB;
	background : #BCE5FF;

	font-family : Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #666666;
}

.prototip .infobulle_information .title {
	padding : 5px 10px 5px 10px;
}

.prototip .infobulle_information .content {
	padding : 10px;
	background : #FFFFFF;
	color : #666666;
}


/********************/
/**  PIED DE PAGE  **/
/********************/

#pieddepage {
	position : relative;
	top : -10px;
	width : 99%;
	height : 37px;
	background-color : #4D4C43;
	padding : 3px 0px 0px 1%;

	font-family : Helvetica, Arial, sans-serif;
	font-size : 11px;
	color : #777A70;
}

#pieddepage a {
	font-family : Helvetica, Arial, sans-serif;
	font-size: 11px;
	color : #8E9287;
	text-decoration : none;
}

#pieddepage a:hover {
	text-decoration : underline;
}

