@CHARSET "UTF-8";
/**************************/
/*  mise en page site     */
/**************************/ 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-image : url(http://www.touteconomie.org/img/site/bakgroundpattern.gif);
	background-repeat : repeat-x;
	background-color: #3a4b5b;
	
}
a:link {color:#016bb2;text-decoration:none;}
a:visited {color:#016bb2;text-decoration:none;}
a:hover {color:#016bb2;text-decoration:underline;}
a:active {color:#016bb2;text-decoration:none;}
#header {
	height: 148px;
	background-image 	: url(http://www.touteconomie.org/img/site/bandeauHMotif.gif);
	background-repeat	: repeat-x;
	height: 148px;
	position: relative;
}

#haut {
	height: 20px;
	/* background-color:#00CCFF; */
}
#conteneur {
	position: relative;
	/* width: 900px;  Mettre en commentaire pour mettre sur toute la largeur de la fenetre */
	margin-right: 45px;  
	margin-left: 45px;
	margin-top: 5px;
	min-width: 1000px;
	/* background-color: red; */
}
#coeur {
	background-color : white;
}
#centre {
	background-color:#FFFFFF;
	margin-left: 170px;
	margin-top : -0px;
	margin-right: 0px; /*pour supprimer la colonne de droite */
	min-height:  500px;
	min-height:500px; /* les 3 lignes qui suivent sont utilisees pour gerer le min-height avec ie6 
  	height:auto !important; ne fonctionne pas
 	height:500px;	*/ 
}
#page-haut {
	background-color: #ffffff;
	background-image 	: url(http://www.touteconomie.org/img/site/bordmotif-H.gif);
	background-repeat: repeat-x;
}
#page-bas {
	background-color: #ffffff;
	background-image 	: url(http://www.touteconomie.org/img/site/bordmotif-B.gif);
	background-repeat: repeat-x;
	
	}
#page{
	background-color: #c4cdd0;
	border-color: white;
	border-width: 2px;
	border-style: solid;
}	
#gauche {
	position:absolute;
	left:0;
	width: 170px;
	background-color: #c4cdd0;
	margin-left: 2px;
	margin-right: -1px
	
}

#droite {
	position: absolute;
	right:0;
	width: 150px;
}
#pied {
	/* position : absolute; */
	height: 30px;
	color :	#c4cdd0;
	/*background-color: #99CC99;*/
	position:relative;
	top : 5px;
	}
#xiti-logo{
	margin-top: 5px;
	position:relative;
	}
	
/* fin de gestion de la partie mise en forme de la page */
/*  gestion de la partie menu gestion par le bas (menu du haut) */
div#nav {
	position: absolute;
	right: 40px;
	top : 117px;
	z-index: 200;
}
ul#level1{
	list-style-type: none;
	margin : 0;
	padding: 0;
	width : 401px;
	height : 40px;	
}
ul#level1 li#submenu {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 70px;
}
ul#level1 li#submenu a{
	display : block;
	width: 70px;
	height: 27px;
	background: url("http://www.touteconomie.org/img/site/bout-ETUDIERoff.gif") ;
	}
ul#level1 li#submenu a:hover{
	display : block;
	width: 70px;
	height: 27px;
	background: url("http://www.touteconomie.org/img/site/bout-ETUDIERon.gif") ;
	}


ul#level1 li#submenu1 {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 90px;
}
ul#level1 li#submenu1 a{
	display : block;
	width: 90px;
	height: 27px;
	background: url("http://www.touteconomie.org/img/site/bout-SINFORMERoff.gif") ;
	}
ul#level1 li#submenu1 a:hover{
	display : block;
	width: 90px;
	height: 27px;
	background: url("http://www.touteconomie.org/img/site/bout-SINFORMERon.gif") ;
	}

ul#level1 li#submenu2 {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 90px;
}
ul#level1 li#submenu2 a{
	display : block;
	width: 90px;
	height: 27px;
	background: url("http://www.touteconomie.org/img/site/bout-COMPRENDREoff.gif") ;
	}
ul#level1 li#submenu2 a:hover{
	display : block;
	width: 90px;
	height: 27px;
	background: url("http://www.touteconomie.org/img/site/bout-COMPRENDREon.gif") ;
	}



ul#level1 li#submenu3 {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 81px;
}
ul#level1 li#submenu3 a{
	display : block;
	width: 81px;
	height: 27px;
	background: url("http://www.touteconomie.org/img/site/bout-ARCHIVESoff.gif") ;
}
ul#level1 li#submenu3 a:hover{
	display : block;
	width: 81px;
	height: 27px;
	background: url("http://www.touteconomie.org/img/site/bout-ARCHIVESon.gif") ;
}

ul#level1 li#submenu4 {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 70px;
}
ul#level1 li#submenu4 a{
	display : block;
	width: 70px;
	height: 27px;
	background: url("http://www.touteconomie.org/img/site/bout-ACCUEILoff.gif") ;
}
ul#level1 li#submenu4 a:hover{
	display : block;
	width: 70px;
	height: 27px;
	background: url("http://www.touteconomie.org/img/site/bout-ACCUEILon.gif") ;
}

ul#level1 li:hover>ul{
	display: block;
	}
ul#level1 a:link {text-decoration:none}
ul#level1 a:visited {text-decoration:none}
ul#level1 a:hover {text-decoration:none}
ul#level1 a:active {text-decoration:none}
/* niveau 2 */

ul#level1 li ul{
	display: none;
	position:absolute;
	left :0px;
	top : 27px;
	width :100px;
	padding : 0px ;
	margin : 0px;
	background: #fff top left;
	border-color: #3a4b5b;
	border-style: solid;
	border-width: 1px;
}
ul#level1 li ul li{
	display :block;
	position: relative;
	float: left;
	height: auto;
	width: 94px;
	padding: 4px;
	margin: 0px;
	font-family: sans-serif;
	border-color: #3a4b5b;
	border-style: solid;
	border-width: 0px;
}
ul#level1 li#submenu ul li a{
	display : block;
	width: auto;
	height: auto;
	background: none;
	color: #3a4b5b;
	
}
ul#level1 li#submenu ul li a:hover{
	display : block;
	width: auto;
	height: auto;
	background: none;
	color: #e41870;
}
ul#level1 li#submenu1 ul li a{
	display : block;
	width: auto;
	height: auto;
	background: none ;
	color: #3a4b5b;
}
ul#level1 li#submenu1 ul li a:hover{
	display : block;
	width: auto;
	height: auto;
	background: none;
	color: #e41870;
}
ul#level1 li#submenu2 ul li a{
	display : block;
	width: auto;
	height: auto;
	background: none ;
	color: #3a4b5b;
	}
ul#level1 li#submenu2 ul li a:hover{
	display : block;
	width: auto;
	height: auto;
	background: none;
	color: #e41870;
}
ul#level1 li#submenu3 ul li a{
	display : block;
	width: auto;
	height: auto;
	background: none ;
	color: #3a4b5b;
}
ul#level1 li#submenu3 ul li a:hover{
	display : block;
	width: auto;
	height: auto;
	background: none;
	color: #e41870;
}

/* niveau 3 */
ul#level1 li ul ul {
	display: none;
	position:absolute;
	left :99px;
	top : 0px;
	width :106px;
	padding : 0px 0 0 0;
	margin : 2px;
	background: #fff top left;
}
ul#level1 li ul ul li{
	display :block;
	position: relative;
	float: left;
	height: auto;
	width: 100px;
	padding: 4px;
	margin: 0;
	font-family: sans-serif;
}


/* fin de la gestion du menu du haut*/
/* definition des zones*/
div.text{
	text-align: justify;
	margin : 0 20px 0 20px;
	font-family	:verdana, courier;
	font-size	: 12px; /* ancien 10pt*/
}
div.text_sans_marge{
	text-align: justify;
	margin : -10px 20px 0 20px;
	font-family	:verdana, courier;
	font-size	: 12px; /* ancien 10pt*/
}
table.text{
	text-align: justify;
	margin : 0 20px 0 20px;
	font-family	:verdana, courier;
	font-size	: 12px; /* ancien 10pt*/
	border-width :1px;
	border-style: solid;
}
div.textcol{
	text-align: left;
	margin : 0 20px 0 20px;
	font-family	:verdana, courier;
	font-size	: 12px; /* ancien 10pt*/
}
div.intro{
	text-align: justify;
	margin : 0 20px 0 20px;
	font-weight: bold;
	font-family	: verdana, courier;
}
div.resume{
	text-align: justify;
	margin : 0 20px 0 20px;
	font-weight: normal;
	color: gray;
	font-family	: verdana, courier;
}
div.encadre{
	margin 		: 30px;
	background 	: #f1f1f1;
	border		: 1px solid;
	padding		: 20px;
}
div.separation{
	text-align	: center;
	color		: #e41870;
	font-size	: 16px; 	
}	
/* definition des styles texte */
p{
	text-align: justify;
	margin : 20px;
	font-family	: verdana, courier;
	font-size	: 12px; /* ancien 10pt*/
}
p.centre{
	text-align: center;
	margin : 20px;
	font-family	: verdana, courier;
	font-size	: 12px; /* ancien 10pt*/
}
p.citation {
	color:gray;
	text-align: justify;
	margin-left : 300px;
	margin-right: 150px;
}
p.menutitre{
	text-align: center;
	color: #e41870
}
p.menupara{
	text-align: left;
	font-size	: 11px;
	position:relative;
	left:-10px;
}
h1.titre1{
	font-family	: arial;
	font-weight	: bold;
	font-size	: 24px; /*ancien 20pt */
	text-align	: left;
	padding		: 0pt;
	margin-top	: 10px;
	background 	: url("http://www.touteconomie.org/img/site/puceTECO-big.gif") no-repeat;
	text-indent: 35px;
	height: 30px;
	
}
h2.titre2{
	font-family	: arial;
	font-weight	: bold;
	font-size	: 16px;
	text-decoration	: underline;	
}
h2.gd_rub{
	font-family	: arial;
	font-size	: 16px; /* ancien 14pt*/
	color		: #e41870;
	font-weight	: bold;
	text-align	: left;
	background 	: url("http://www.touteconomie.org/img/site/puceTECO-little.gif") no-repeat;
	text-indent: 27px;
	height: 27px;
}
h2.tete_rub{
	font-family	: arial;
	font-size 	: 14px;
	color		: #016bb2;
	line-height: 14px;	
}
span.tete_rub{
	font-family	: verdana;
	font-size 	: 14px;
	color		: #016bb2;
	font-weight: bold;
}
h2.titre3{
	font-family	: arial;
	font-weight	: normal;
	font-size	: 15px;
}
h3.titre3{
	font-family	: arial;
	font-weight	: normal;
	font-size	: 15px;
}
h3.titre3d{
	font-family	: arial;
	font-weight	: normal;
	font-size	: 15px;
	color		: #e41870;
	text-align	: left;
}
ul.serie{
	margin-left: 0px;
	margin-top: 5px;
}
li.serie{
	display:list-item;
	list-style-position: outside;
	list-style-image: url("http://www.touteconomie.org/img/site/puceTECO-biglittle.gif");
	margin-left: 15px;  /* modif faite pour ie6 a voir lors 2eme feuille style */
}
ul.liste1{
	text-align		: justify;
	margin-right	: 75px;
	margin-left 	: 75px;	
	font-family		:verdana, courier;
	font-size		: 12px;
	display	: list-item;
}
span.li{
	text-align		: justify;
	margin-right	: 75px;
	margin-left 	: 75px;	
	font-family		:verdana, courier;
	font-size		: 12px;
	display	: list-item;
	list-style-type : circle;
}
span.li2x{
	text-align		: justify;
	margin-right	: 75px;
	margin-left 	: 75px;	
	font-family		: verdana, courier;
	font-size		: 12px;
	display			: list-item;
	list-style-position : outside;
	list-style-image: url("http://www.touteconomie.org/img/site/puce2x.gif");
	list-style-type : none;
}
span.li4x{
	text-align		: justify;
	margin-right	: 75px;
	margin-left 	: 75px;	
	font-family		: verdana, courier;
	font-size		: 12px;
	display			: list-item;
	list-style-position : outside;
	list-style-image: url("http://www.touteconomie.org/img/site/puce4x.gif");
	list-style-type : none;
}span.li6x{
	text-align		: justify;
	margin-right	: 75px;
	margin-left 	: 75px;	
	font-family		: verdana, courier;
	font-size		: 12px;
	display			: list-item;
	list-style-position : outside;
	list-style-image: url("http://www.touteconomie.org/img/site/puce6x.gif");
	list-style-type : none;
}
div.encadre h1.titre1{
	text-align	: center;
	font-size	: 16px;
	font-family	: arial;
	border		: none;
}
img.tourdroite{
	/* right: 25px; */ 
	display:inline;
	position:relative;
	margin :10px;
	float: right;
}
img.droite{
	/* right: 25px; */ 
	display:inline;
	position:relative;
	margin :10px;
	float: right;
}
img.gauche{
	/* right: 25px; */ 
	display:inline;
	position:relative;
	margin :10px;
	float: left;
}
img.droitebordure{
	/* right: 25px; */ 
	display:inline;
	position:relative;
	margin :10px;
	border-color:#3a4b5b;
	border-style :solid;
	border-width : 1px;
	float: right;
}
img.bordure{
	/* right: 25px; */ 
	border-color:#3a4b5b;
	border-style :solid;
	border-width : 1px;
}
span.efface{
	top: -200em;
	left : -200em;
	width : 1px;
	height: 1px;
	display : block;
	position: absolute;
	overflow: hidden;
	}
span.mention {
	margin-bottom: 15px;
	margin-left: 10px;
	vertical-align: top;
	text-decoration: none;
	position: relative;
	}
.ecritgris{
	color:#c4cdd0;
	}
br.blanc{
	clear:both;
	}
/* style quand la pers est loge*/
span.jaune{
	background-color: yellow;
	}