/*----------------------------------------------------------------------------*/
/* ------------ CSS pour http://www.aptitude-logiciels.com --------------------*/
/* ------------ Date: 240907 -------------------------------------------------*/
/* ------------ Auteur: www.sous-titre.com  ----------------------------------*/
html, body 
                {width: 100%;height: 100%;margin: 0 auto;padding:0}

body            {background: #030 repeat-x url(../img/gif/fond_page.gif);color: #363;margin: 0; padding: 0; height: 100%;font: 12px/1.3em Verdana, Helvetica, Arial, sans-serif;  text-align: center;}
/* On met le padding � 0 pour le navigateur Opera qui d�finit des padding par d�faut pour le body*/
/* ------------ GLOBAL ----------*/
img             {border:0}
hr              {visibility:hidden;text-align:center;margin:0;width:250px;height:20px}
ol, ul, li      {margin: 0; padding: 0;}
/* ------------ classe hide: cache l'element ----------*/
.hide           {display: none;}
.au_centre      {text-align:center}
/* ------------ CONTENEUR GLOBAL ---------------------------------------------*/
#conteneur      {background:#efefef repeat-y url(../img/fond_menu.jpg); height: auto;text-align: left;position: absolute;width: 810px;left: 50%;margin-left: -375px;margin-top:10px;}
/* ------------ TITRE --------------------------------------------------------*/
#titre h1       {background: #fff;margin: 0;width: 750px;height: 101px;}
#titre h1 a     {font: small Verdana, Helvetica, Arial, sans-serif;display: block;position: relative ;width:183px;height:101px}
#titre h1 a:hover {background:none}
#titre h1 a span{display: none;}
/* Le span entourant le texte titre permet d'avoir un h1 pour la clart�, sans avoir � l'afficher */
#titre h1 img   {border: 0 none;}

/* ------------ PARTIE PRINCIPALE --------------------------------------------*/
#contenu        {background:#efefef url(../img/gif/fond_cont.gif) no-repeat center;margin: 0 0 0 183px; width:auto;height:auto;padding:0; }
#contenu h2     {color: #fff;height:30px;letter-spacing : 1px ;background: url(../img/fond_h2.jpg) no-repeat top center;font: 1.5em verdana, sans-serif;text-align:center;padding:0;margin:0px 10px 0 10px;}
/*#contenu h2     {color: #888;height:30px;letter-spacing : 2px ;background: #efefef;font: 1.5em arial, helvetica, verdana, sans-serif;text-align:center;padding:0;margin:0px 10px 0 10px;}*/
#contenu h3     {padding:5px 10px;width:225px;color: #090;margin:0px 10px 0 20px;font: 1.4em arial, helvetica, verdana, sans-serif;text-align:left;border-bottom: 1px solid #363;}
#contenu p      {color: #666 ;text-align: justify;margin: 10px 30px}
#contenu table  {font-size:x-small;margin-left:10px}
#contenu ul     {list-style: url(../img/gif/puce.gif) outside;margin:0;padding:0}
#contenu li     {margin:0 20px 0 95px;}
#flash          {text-align:center}
#temoin         {padding:0;margin:0;font-size:xx-small;}
#temoin  p      {padding:5px;background: #fff;border: 1px solid #030}
#temoin  span   {background:#004f00;color:#fff;display:block;text-align:right}
#refdossier table  {font-size:small;}
#refdossier td     {border:0;text-align:left;}
#refdossier form   {color:#696;margin:0 0 0 26px;text-align: left; }
#refdossier input  {font-size:10px;}
#refdossier td     {color:#363;}
#dossier        {margin: 15px;}

/* ------------ MENU ---------------------------------------------------------*/
#menu           {background:url(../img/fond_menu.jpg);text-align:center;position:absolute;left:0;width:183px;height:auto;padding:0;margin:0}
#ident          {color: #efefef;background:url(../img/fond_menu2.jpg);margin:0;padding:0;width:183px;height:120px;border-top:2px solid #aabcae;border-bottom:2px solid #aabcae}
#ident p        {padding: .2em 0;margin: 0 0 .2em 0;text-align:center;font-size:xx-small;}
#ident form     {border:none;text-align:left;margin: 0;padding: 0;width: auto; }
#ident input    {width:72px;font-size:11px;padding:0;margin-left: 1em;}
#ident label {	/*** Mise en forme des intitul�s de champs ***/
    	float: left;	/*** Tr�s important, ne pas suprimer ! ***/
    	width: 45%;	/*** Les intitul�s prennent 1/3 de la largeur totale du formulaire... ***/
    	text-align: right;	/*** ... et ils sont align�s � droite... ***/
    	margin: 0;
    	padding: 0 .5em 0 0;
    	line-height: 1.8;	/*** ... et centr�s verticalement. ***/
      }
#piedForm {	/*** Mise en forme du pied de formulaire identification du menu***/
font: bold 1.1em arial, hevetica, sans-serif;color: white;margin: 0;padding: .5em;}
#piedForm {text-align: center; /*** Les boutons sont align�s � droite ***/}
#piedForm input {font-weight: bold; /*** Pour am�liorer la lisibilit� des boutons ***/margin-left: 1em;}
/* ------------ LIENS --------------------------------------------------------*/
a:link          {background:none;color: #888;text-decoration:underline;}
a:visited       {background:none;color: #888;text-decoration: underline;}
a:hover         {background:none;color: #efefef;background-color: #696;text-decoration: underline;}
a:active        {background: none; color: #363; text-decoration: underline;}
a:link, a:visited, a:hover, a:active {outline:0;}
/*------------- PIED DE PAGE -------------------------------------------------*/
#pied           {border-top:1px solid #ccc;clear:both;color: #888;background:#fff url(../img/fond_pied.jpg) no-repeat bottom;text-align:right; font-size: xx-small;height:30px;}
#pied a         {text-decoration:none; color:#888;margin: 0 20px 0 0; padding: 2px;}
#pied a:hover   {color:#efefef;background: #696;}


.fond{
	background-image: ('content/images/home/accueil.jpg');
}