@charset "utf-8";
/* CSS Document */

/* Problemes d'affichage sous IE(Win) :
      - Tranparence des PNG
	  - Menu aligner à gauche
*/  


/* Début - Redefinition des balises éxistantes */

/* commented backslash hack \*/ 
html, body {height:100%;}
/* end hack */
html, body {margin:0;padding:0;}

html{
	overflow:auto; /* hack !?  */
}

body{
	color: #0e006C;
	font-family: Verdana, sans-serif;
	font-size:small;
	background-color: white;
}

img {
	border:0;
}

a:link { color: #13253B;}   
a:visited {color: #13253B}  
a:hover {color: #990000}   
a:active {color: #990000}  

ul,li {
	list-style-type: none;
	margin:0;
	padding:0;
	}

/* Fin - Redefinition des balises éxistantes */

/* Début - Le container */

p.red {
    color: red;
}
.bold {
    font-weight: bold;
}

div#container {
    height:auto;
	background-color: white;
    min-height:100%;
    margin-bottom:-60px;
}
* html #container {
    height: 100%;
}

div.center {
    text-align: center;
}

/* 	Début - Positionnement  - Entête de la page */
div#header{
	width:100%;
	height:85px;
	/*line-height:50px;*/
	background-image: url('/images/logos/background_fade_vert.png');
	background-repeat: repeat-x;
}

div#header_gepi {
	width:100%;
	height:70px;
	/*line-height:50px;*/
	background-image: url('/images/logos/logo_gepi2.jpg');
	background-repeat: no-repeat;
	background-position: 45% 0;
	border-bottom: 1px solid black;
}

/* Image Logo */
img#logo {
    position: absolute;
	top:0px;
	left:5px;
	/*width: 130px;*/
}

img#logo_texte {
    display: block;
    position: absolute;
	top:39px;
	left:120px;
	height: 60px;
}

div#logo_texte2 {
    display: block;
    position: absolute;
	top:27px;
	left:120px;
	font-family: Arial Black, sans-serif;
	font-size: 55px;
	font-variant: small-caps;
	letter-spacing: -5px;
	color: white;
}

img#logo_gepi_2 {
    display: hidden;
    position: absolute;
	top:0px;
	left:30%;
	z-index: 0;
}

/* Guide de navigation */
div#nav_guide {
    position: relative;
    top: 10px;
    left: 50px;
}

div#nav_guide a {
    color: #0f00CF;
    border-bottom: 1px dotted #0f00CF;
    text-decoration: none;
}

/* 	Fin - Positionnement  - Entête de la page */



/* 	Début - Positionnement  - Pied de page */
div#footer{
	width:100%;
	height:50px;
	clear: both;
	background-image: url('/images/logos/background_fade_vert.png');
	background-repeat: repeat-x;
}
div#clearfooter{clear:both;height:60px;}

div#footer_gepi{
	width:100%;
	height:50px;
	clear: both;
	border-top: 1px solid grey;
}

/* 	Fin - Positionnement  - Pied de page */

/* Début - Contenu central */

div#notice {
    color: orange;
    font-weight: bold;
}
div#error {
    color: red;
    font-weight: bold;
}
div#success{
    color: green;
    font-weight: bold;
}

#content{
    width: auto;
	overflow:auto;
	padding:30px 30px 0 10px;
	height: auto;
}

div#content a {
    color: #0f00CF;
    border-bottom: 1px dotted #0f00CF;
    text-decoration: none;
}

div#main_content {
        padding: 0 0 10px 0;
        height: auto;
}

/* Titre de 1er niveau */
div#content h1 {
    color: #f13800;
	margin:20px 0 10px 0;
	padding: 2px 0 2px 0px;
	font-size:24px;
	font-weight:bold;
	border:0px solid #990000;
	/*background: #ECDAC4;*/
}

/* Titre de second niveau */
div#content h2 {
	margin: 15px 0 10px 0;
	font-size:20px;
	font-weight:normal;
	border-bottom:1px none #3333cc;
    color: #f13800;
}

/* Titre de troisième niveau */
div#content h3 {
	margin: 15px 0 0 7px;
	font-size:17px;
	font-weight:bold;
	padding: 5px 0 0 10px;
    color: #330033;
}

/* Paragraphe */
div#content p {
	color: #0e006C;
	text-align:justify;
	padding: 0 0 5px 0;
	margin: 4px 0 0 0;
	font-size:small;
}

div#content span.bordeaux {
        color: #990000;
}

/* Image à gauche */
div#content .img_left {
	float:left;
	margin:5px;
	border:1px solid black;
}
/* Image à droite */
div#content .img_right {
	float:right;
	margin:5px;
	border:1px solid black;
}

div#content .portrait {
    width: 140px;
    height: 165px;
}
/* Mise en page sur 2 colonnes dans div de contenu */
div#content .two_columns {
    display: block;
    height: auto;
}
div#content .left_column {
    float:left;
	min-width: 10%;
	max-width: 80%;
	width:auto;
	height: auto;
	display: block;
	margin-bottom: 20px;
}

div#content .right_column {
    float: left;
    width: auto;
    height: auto;
}

/* Listes */
div#content li {
    display: list-item;
    list-style-type: circle;
    margin-left: 40px;
    padding-left: 10px;
    padding-top: 5px;
}

/* Tableaux */

div#content table {
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-top: 20px;
}
div#content th {
}

div#content td {
    padding: 5px 10px 5px 10px;
    border: 1px dotted grey;
}
/* Fin - Contenu central */

/* Début - Première ligne de l'entête */
div#flags{
	float: right;
	padding: 2px 10px 0px 10px;
}
div#flags a {
    border: none;
}
/* Fin - Première ligne de l'entête */

/* Début - Seconde ligne de l'entête */
div#units_menu {
    position: relative;
    top: 40px;
    left: 10px;
	float: right;
}
/* Fin - Seconde ligne de l'entête */

/* Début - Troisième ligne de l'entête */
div#login_status{
	float: right;
	padding-right: 0px;
}

div#login_status a {
    font-size: small;
    font-family: Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #4f0d8a;
    text-decoration: none;
    /*border-bottom: 1px dotted #4f0d8a;*/
}

div#login_status a:hover {
    border-bottom: 1px dotted #990000;
}

/* Fin - Seconde ligne de l'entête */

/* Début - Ligne du pied de page */
div#bottom{
	text-align:center;
	padding-bottom: 2px;
}

div#bottom p {
    font-size: x-small;
}
div#bottom a {
    color: #0f00CF;
    border-bottom: 1px dotted #0f00CF;
    text-decoration: none;
}
/* Fin - Ligne du pied de page */

/* Début - Menu */
ul.menu {
	width: 100%;
}

div#units_menu ul li{
	float: left;
	background-color: #225522;
	/*background-color: #aaccff;*/
}

div#units_menu a {
    display: block;
    padding: 3px 0px 3px 0px;
    font-family: "Tahoma", sans-serif;
    font-size: small;
    font-weight: normal;
	text-decoration: none;
	border: 1px solid #5514af;
	/*border: 1px solid #0e006C;*/
	/*color: #0e006C;*/
	color: blue;
	background: white;
	/*background: #ECDAC4;*/
	width: 100px;
	/*opacity: 0.7;*/
}

div#units_menu a.current_unit, li.current_unit {
    background-color: white;
    /*opacity: 1;*/
    /*background-color: #dfe5e8;*/
    font-weight: bold;
    color: #f13800;
}

div#units_menu ul li {
	margin: 0px 2px 0 2px;
	display: block;
	text-align: center;
}
div#units_menu ul li a:hover{
	/*background: #8c2f00;*/
	/*border: 1px solid #f13800;*/
	/*color: #5514af;*/
    color: #f13800;
}
div#units_menu ul li a:active{
	/*background: #13253B;*/
	border: 1px solid #ECDAC4; 
	color: #990000;
}
/* Fin - Menu */

/* Début - Menu latéral contextuel */

div#leftmenu {
    font-family: Verdana, sans-serif;
    float: left;
    width: 150px;
    margin: 40px 35px 0 20px;
    padding: 20px 0px 100px 0px;
    border-right: 1px solid #9b97c8;
    border-left: 1px solid #9b97c8;
    background-color: white;
}

div#leftmenu ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

div#leftmenu li.title {
    text-align: center;
    display: block;
	color: #0e006C;
    margin: 0;
    padding-right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 1px outset #0e006C;
	background-color: #dfe5e8;
}

div#leftmenu li.subtitle {
    width: 100%;
	border-bottom: 1px outset #ECDAC4;
	background: #ECDAC4;
    padding: 4px 10px 4px 10px;
	text-align: left;
	font-weight: bold;
}

div#leftmenu li.link {
	color: #0e006C;
    display: block;
    width: 100%;
    border-bottom: 1px inset #0e006C;
	/*background-color: #ECDAC4;*/
	background-color: white;
	padding: 0 0 0 0;
	text-align: left;
}

div#leftmenu li.link:hover {
	/*background-image: url("../images/icons/1rightarrow12.png");*/
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

div#leftmenu li.link:hover a {
    color: #f13800;
}
div#leftmenu li.link a.current_component {
    color: #f13800;
}


div#leftmenu a.sub1 {
        padding: 5px 10px 5px 30px;
}

div#leftmenu a {
        padding: 5px 10px 5px 15px;
        display: block;
	text-decoration: none;
	color: #13253B;
}

/* Fin - Menu latéral contextuel */


/* Début - Liste des drapeaux */
div#flags li {
	display:inline;
}

div#flags li img {
	margin:0;
	padding:0;
	border:1px solid #13253B;
	width: 16px;
	height: 10px;
}

div#flags a {
    color: white;
    text-decoration: none;
}

/* Fin - Liste des drapeaux */

/* Début - News */
div#news {
    background: url("/images/left-top-corner.jpg");
    background-repeat: no-repeat;
    padding: 10px 0 0 20px;
}

div#news h3 {
    display: inline;
    margin: 0;
    padding: 0 0 0 10px;
    font-size: normal;
}

div#news h4 {
    margin: 0;
    padding: 0;
    font-size: medium;
}
div#news p.hat {
    margin-bottom: 10px;
}
div#news p.date {
    font-size: x-small;
    padding: 0;
    margin: 0;
}

div#news a#rss {
    position: relative;
    border: none;
}

ul#news{
	margin-right:10px;
}
/* Fin  - News */

/* Début - Formulaire de données utilisateurs */

div#user_data_form {
    border: 1px solid black;
}

table#data_form {
    border-collapse: separate;
    border: none;
}

table#data_form td {
    border-collapse: separate;
    border: none;
    padding: 5px;
    padding-right: 3em;
}

table#data_form td.left {
    text-align: right;
    padding-left: 3em;
    padding-right: 5px;
}
/* Début - Eléments de type catalogue */

div.catalog_element {
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
}

/* Fin - Eléments de type catalogue */

div#info_request_form, div#order_request_form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: black;
    z-index: 30;
}

div#info_request_form_content {
    position: absolute;
    top: 40px;
    left: 25%;
    max-width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    background: white;
    border: 1px solid black;
    z-index: 40;
}

div#info_request_form_content p {
    padding: 0;
    margin: 0;
    padding-top: 5px;
}

div#info_request_form_content h2 {
    color: #f13800;
    }

div#info_request_form_content input textarea {
    font-family: Verdana, sans-serif;
    font-size: x-small;
    border: 1px inset black;
    padding-left: 1px;
    color: black;
}

/* Formulaire de Login */

div#login_form, div#logout_form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: black;
    z-index: 30;
}

div#login_form_content, div#logout_form_content {
    position: absolute;
    top: 150px;
    left: 33%;
    width: 33%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    background: white;
    border: 1px solid black;
    z-index: 40;
}

div#login_form_content p {
    padding: 0;
    margin: 0;
    padding-top: 5px;
}

div#login_form_content h2 {
    color: #f13800;
    }

div#login_form_content input, textarea {
    font-family: Verdana, sans-serif;
    font-size: x-small;
    border: 1px inset black;
    padding-left: 1px;
    color: black;
}

/* Fin Formulaire de Login */

div#ajax_message {
    position: absolute;
    top: 40px;
    left: 33%;
    width: 33%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: white;
    border: 1px solid black;
    z-index: 60;
}

div#ajax_message p {
    color: red;
}

dt {
	font-weight: bold;
    margin-top: 0.5em;
}
/* Si l'affichage se fait à l'écran, on fixe les position 
de l'entete et du pied de page */
/*@media screen{
body>div#header{
	position:fixed;
}
body>div#footer{
	position:fixed;
}
}
*/
/* hack IE6...  */

* html body{
	overflow:hidden;
}