<?php 
$path_relatif = '../';

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

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

body {
	background-color : #EDEDE5;

	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: 180px;
  background : #1686E3 url('<?=$path_relatif?>img/accueil_entete_fond_1.gif') repeat-x top center;
}

#entete_2 {
  width : 100%;
  height : 100px;
  background : transparent url('<?=$path_relatif?>img/accueil_entete_fond_2.jpg') repeat-x top center;
}

#entete_3 {
  position : relative;
  margin : 0 auto;
  padding-top : 25px;
  width : 100%;
  height : 75px;
}

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

#contenu_2 {
	position : relative;
	top : -23px;
	padding : 30px 27px 60px 27px;
	width : 645px;
	min-height : 300px;
	background : transparent url('<?=$path_relatif?>img/authentification_box.jpg') no-repeat top left;
	overflow : hidden;
}



/******************************/
/**  BOX D'AUTHENTIFICATION  **/
/******************************/

#authentification_box {
	position : relative;
	width : 600px;
	min-height : 200px;
	padding : 10px 0px 20px 20px;
	background-color : #FFFFFF;
	border : 10px solid #E6E5DA;
	border-radius : 20px;
	-moz-border-radius : 20px;
	-webkit-border-radius : 20px;

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

#authentification_box .titre {
	font-family : Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
	font-size : 28px;
	color : #D9D7C5;
	text-decoration : none;
}

#authentification_box a {
	font-size : 12px;
	color : #76B6D2;
	text-decoration : none;
}

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

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

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

#authentification_confirmation {
	padding-bottom : 15px;

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

.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-size : 28px;
}


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

#pieddepage {
	position : absolute;
	bottom : 0px;
	width : 99%;
	height : 37px;
	border: 0px solid #FF0000;
	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;
}
