/**
 * Feuille de style principale. Permet la mise en forme du squelette de la page d'accueil.
 * 
 * 
 * @since        01/07/2010
 * @version      V1
*/

/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
html, body, div {margin:0px;padding:0px}

body {
	background: #FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0em;
	text-align: center;
	font-size: 76%;
	color: #666;
	padding: 0px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin: 0px;
	background-position: left top;
	background-image: url(../images/bg_fond_2.jpg);
	background-repeat:repeat;
	background-color: transparent;
}

body p {margin:0.4em; padding:0px; display:table;}
body a { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
body a:hover { color: #45B6F3;}
small a { color: #6E6E6E;}
select, input 
{
	font:normal 0.9em Verdana, Arial,"sans serif";
}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 751px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
		
}
#generer_carte{
	width:100%;
	height: auto;
	border: none;
    TEXT-ALIGN: left;
	BACKGROUND-COLOR: #f5f5f5;
	/*BACKGROUND-POSITION: left top;    
	BACKGROUND-IMAGE: url(../images/bg_gradient_search.gif);
	BACKGROUND-REPEAT: repeat-x;*/
	border-bottom:1px solid #666;
	font:normal 0.9em Verdana, Arial,"sans serif";
	color:#000;
}

#search {
	position: absolute;
	top: 158px;
	width: 730px;	
	margin:0 auto;
	border:none;
	z-index:1;
}
#search_duplicate {
	position: absolute;
	top: 158px;
	width: 730px;	
	margin:0 auto;
	border:none;
	z-index:2;
}
#search div{ 
	float: right;
	width: 282px;	
	height:30px;
	background-image:url('images/bg_search_2.png');
	background-position:right top;
	background-repeat:no-repeat;
	border:none;
}

#menu_principal
{
	position:relative;
	MARGIN: 0px;    
    WIDTH:100%;
	/*border:1px solid #000;*/
    PADDING: 10px 0px 0px 2px;
    HEIGHT: 20px;
	BACKGROUND: none;    
    TEXT-ALIGN: left;
}
#menu_principal ul
{	
	position:absolute;
	left:0px;
	bottom:0px;
	float:left;
	margin:0px;
	padding:0px;
	width:auto;
	list-style-type: none;
	text-align:left;	
}

#menu_principal li {
	/*  l'arrière-plan constitue la partie gauche du bouton  */
	
	bottom:0px;
	float:left;
	margin:0 2px 0 0;
	padding: 0 0 0 5px;
	height:auto;
	background: url(../images/corner_left.png) left top no-repeat;
}

#menu_principal ul li#active {       /*  l'elément de liste actif affiche la partie gauche du bouton activé  */
background: url(../images/corner_left_on.png) left top no-repeat;
}

#menu_principal ul li a { /*  l'arrière-plan constitue le reste du bouton  */
bottom:0px;
float:left;
margin:0px;
padding: 5px 6px 5px 0px;
font:normal 0.8em Verdana, Arial,"sans serif";
color:#666;
text-decoration:none;
text-align:center;
background: url(../images/corner_right.png) right top no-repeat;
}

#menu_principal ul li#active  a {    /*  l'elément de liste actif affiche la partie droite du bouton activé  */
background:url(../images/corner_right_on.png) right top no-repeat;
font:bolder 0.8em Verdana, Arial,"sans serif";
color:#FFAF26;
}

#menu_principal ul li a:hover {
color:#FFAF26;
}

#search .formulaire_recherche .forml_recherche { margin-top: 5px; margin-left: 30px; width: 240px; height: 15px; font-family: Verdana, Arial, Tahoma; font-size: 11px; color: #6495ED; border: 1px solid #000; background: none; }

div .formulaire_recherche .forml_recherche {float:right; margin-top: 6px; margin-right: 10px; width: 240px; height: 15px; font-family: Verdana, Arial, Tahoma; font-size: 11px; color: #6495ED; border:none; background: none; }

#haut_contenu { 
	position: relative;
	width: auto;
	height:38px;
	padding:0px;
	padding-top: 4px;
	padding-left: 4px;
	padding-bottom: 0px;
	margin:0px;    	
    background-image: none;	
}
#hierarchie {
	width:100%;	
	margin-bottom: 0px;
	margin-left:1px;
	padding-top:7px;
}
.hierarchie {
	/*clear: both;*/
	font-family: Tahoma,Arial;	
	font-size: 0.8em;
	font-weight: bolder; 
	color:#ffffff;	
	}
.hierarchie a{
	/*clear: both;*/
	font-size: 0.9em;
	width:100%;
	margin-bottom: 0px;
	margin-left:2px;	
	color:#ffffff;	
}
#contenu {
	width: auto;
	height:auto
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	background-color: #fff;
	border:none; /*1px solid #71A8BA*/
}

#page #entete {	
	width: 100%;
	height:auto;
    background-color: transparent;
}

#entete #menu_haut {float: left; width: auto; height:auto; color:#45B6F3; /*background-color:#CCFFFF;*/}

#entete #menu_haut a {color:#fff; font-size: 0.8em;}

#entete #menu_haut a:hover {color:#45B6F3;}

#entete #date_du_jour {float: right; width: auto; height:auto; color:#45B6F3; font-size: 0.8em;/*background-color:#FF99FF;*/}

#entete #bandeau {clear:both; position: relative; width: auto; height:auto;  /*background-color:#0099FF;*/}

#entete #bandeau #titre_site {float:left; position: absolute; width: auto; height:auto;  margin-left:145px; margin-top:75px; color:#fff; font-family: "Trebuchet MS", Tahoma; font-weight: bolder; font-size: 3em;/*background-color:#0099FF;*/}

#entete #bandeau #slogan {float:left; position: absolute; width: auto; height:auto; margin-left:145px; margin-top:110px; color:#fff; font-family: "Trebuchet MS", Tahoma; font-weight: bolder; font-size: 1em; /*background-color:#0099FF;*/}

.titre_signature { padding-left: 15px; color:#6E6E6E; font-size: 0.8em; }


