@CHARSET "UTF-8";
/**************************/
/*  mise en page site     */
/**************************/ 
body {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color : #042F40;	
	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:#e41870;text-decoration:underline;}
a:visited {color:#e41870;text-decoration:underline;}
a:hover {color:#e41870;text-decoration:underline;}
a:active {color:#e41870;text-decoration:underline;}
#header {
	height: 148px;
	position: relative;
}

#haut {
	height: 20px;
	/* background-color:#00CCFF; */
}
#conteneur {
	position: relative;
	width: 1000px;  /*Mettre en commentaire pour mettre sur toute la largeur de la fenetre */
	/* margin-right: 45px;*/  
	margin: 0 auto;
	/* background-color: red; */
}
#coeur {
	background-color : white;
}
#centre {
	background-color:#FFFFFF;
	margin-left: 155px; 
	margin-top : -0px;
	margin-right: 0px; /*pour supprimer la colonne de droite */
}
#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{
	position : relative;
	background-color: #c4cdd0;
	border-color: white;
	border-left-width: 2px;
	border-left-style: solid;
	border-right-width: 2px;
	border-right-style: solid;
	width: 924px;
	margin-left: 36px;
	top: -4px;
	}	
#gauche {
	position:absolute;
	left:0;
	width: 150px;
	margin-left: 2px;
	margin-right: -1px;
}
#droite {
	position: absolute;
	right:0;
	width: 150px;
}
#pied {
	/* position : absolute; */
	left: 25px;
	color :	#c4cdd0;
	background-color: #3a4b5b;
	position :relative;
	width: 935px;
	}
#xiti-logo{
	}
/* 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 : 535px;
	height : 40px;	
}
ul#level1 li#submenu {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 105px;
}
ul#level1 li#submenu a{
	display : block;
	width: 90px;
	height: 27px;
	background: url("../img/site/BOUT-presentation-OFF.gif") ;
	}
ul#level1 li#submenu a:hover{
	display : block;
	width: 90px;
	height: 27px;
	background: url("../img/site/BOUT-presentation-ON.gif") ;
	}


ul#level1 li#submenu1 {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 105px;
}
ul#level1 li#submenu1 a{
	display : block;
	width: 90px;
	height: 27px;
	background: url("../img/site/BOUT-programme-OFF.gif") ;
	}
ul#level1 li#submenu1 a:hover{
	display : block;
	width: 90px;
	height: 27px;
	background: url("../img/site/BOUT-programme-ON.gif") ;
	}

ul#level1 li#submenu2 {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 105px;
}
ul#level1 li#submenu2 a{
	display : block;
	width: 90px;
	height: 27px;
	background: url("../img/site/BOUT-partenairesponsor-OFF.gif") ;
	}
ul#level1 li#submenu2 a:hover{
	display : block;
	width: 90px;
	height: 27px;
	background: url("../img/site/BOUT-partenairesponsor-ON.gif") ;
	}



ul#level1 li#submenu3 {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 125px;
}
ul#level1 li#submenu3 a{
	display : block;
	width: 110px;
	height: 27px;
	background: url("../img/site/BOUT-infospratiques-OFF.gif") ;
}
ul#level1 li#submenu3 a:hover{
	display : block;
	width: 110px;
	height: 27px;
	background: url("../img/site/BOUT-infospratiques-ON.gif") ;
}

ul#level1 li#submenu4 {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 95px;
}
ul#level1 li#submenu4 a{
	display : block;
	width: 80px;
	height: 27px;
	background: url("../img/site/BOUT-contact-OFF.gif") ;
}
ul#level1 li#submenu4 a:hover{
	display : block;
	width: 80px;
	height: 27px;
	background: url("../img/site/BOUT-contact-ON.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: arial, verdana, 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: arial, verdana, sans-serif;
}


/* fin de la gestion du menu du haut*/
/* menu vertical*/
ul#vertical{
	list-style-type: none;
	margin : 0;
	padding: 0;
	width : 123px;
	height : 277px;
}
ul#vertical li#menu0 {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 123px;
}
ul#vertical li#menu0 a{
	display : block;
	width: 123px;
	height: 27px;
	background: url("../img/site/BOUT-accueil-OFF.gif") ;
	}
ul#vertical li#menu0 a:hover{
	display : block;
	width: 123px;
	height: 27px;
	background: url("../img/site/BOUT-accueil-ON.gif") ;
	}
ul#vertical li#menu {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 123px;
	padding-top: 10px;
}
ul#vertical li#menu a{
	display : block;
	width: 123px;
	height: 27px;
	background: url("../img/site/BOUT-inscription-OFF.gif") ;
	}
ul#vertical li#menu a:hover{
	display : block;
	width: 123px;
	height: 27px;
	background: url("../img/site/BOUT-inscription-ON.gif") ;
	}
ul#vertical li#menu1 {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 123px;
	padding-top: 10px;
}
ul#vertical li#menu1 a{
	display : block;
	width: 123px;
	height: 27px;
	background: url("../img/site/BOUT-actualite-OFF.gif") ;
	}
ul#vertical li#menu1 a:hover{
	display : block;
	width: 123px;
	height: 27px;
	background: url("../img/site/BOUT-actualite-ON.gif") ;
	}
ul#vertical li#menu2 {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 123px;
	padding-top: 10px;
}
ul#vertical li#menu2 a{
	display : block;
	width: 123px;
	height: 27px;
	background: url("../img/site/BOUT-touteconomie-OFF.gif") ;
	}
ul#vertical li#menu2 a:hover{
	display : block;
	width: 123px;
	height: 27px;
	background: url("../img/site/BOUT-touteconomie-ON.gif") ;
	}
ul#vertical li#menu3 {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 123px;
	padding-top: 10px;
}
ul#vertical li#menu3 a{
	display : block;
	width: 123px;
	height: 27px;
	background: url("../img/site/BOUT-onparledenous-OFF.gif") ;
	}
ul#vertical li#menu3 a:hover{
	display : block;
	width: 123px;
	height: 27px;
	background: url("../img/site/BOUT-onparledenous-ON.gif") ;
	}
ul#vertical li#menu4 {
	position : relative;
	right : 0px;
	display : block;
	float: left;
	height: 27px;
	width : 123px;
	padding-top: 10px;
}
ul#vertical li#menu4 a{
	display : block;
	width: 123px;
	height: 41px;
	background: url("../img/site/BOUT-nocturnes-OFF.gif") ;
	}
ul#vertical li#menu4 a:hover{
	display : block;
	width: 123px;
	height: 41px;
	background: url("../img/site/BOUT-nocturnes-ON.gif") ;
	}

.partners {
	position	: absolute;
	margin-top	: 0px;
	margin-left	: -15px;
	z-index		: 13;
}
.partners .container {
	position	: absolute;
	margin-top	: 0px;
	margin-left	: 0px;
}

/* definition des zones*/
div.text{
	text-align: justify;
	margin : 0 19px 0 20px;
	font-family	: arial, verdana, sans-serif;
	font-size	: 12px; /* ancien 10pt*/
}
div.textcol{
	text-align: left;
	margin : 0 20px 0 20px;
	font-family	: arial, verdana, sans-serif;
	font-size	: 12px; /* ancien 10pt*/
}
div.intro{
	text-align: justify;
	margin : 0 20px 0 20px;
	color	:gray;
	font-family	: arial, verdana, sans-serif;
}
div.encadre{
	margin 		: 30px;
	background 	: #f1f1f1;
	border		: 1px solid;
	padding		: 20px;
}
/* definition des styles texte */
p{
	text-align: justify;
	margin : 20px;
	font-family	: arial, verdana, sans-serif;
	font-size	: 12px; /* ancien 10pt*/
}
p.grand{
	text-align: justify;
	margin : 20px 20px 0px 20px;
	font-family	: arial, verdana, sans-serif;
	font-size	: 24px; /* ancien 10pt*/
}
p.logo{
	text-align: center;
	margin : 20px;
	font-family	: arial, verdana, sans-serif;
	font-size	: 12px; /* ancien 10pt*/
}
h1.titre1{
	font-family	: arial, verdana, sans-serif;
	font-weight	: bold;
	font-size	: 24px; /*ancien 20pt */
	text-align	: left;
	padding		: 0pt;
	margin-top	: 10px;
	background 	: url("../img/site/puceJECO-big.gif") no-repeat;
	text-indent: 35px;
	height: 30px;
	color:#77797A;	
}
h2.titre2{
	font-family	: arial, verdana, sans-serif;
	font-weight	: bold;
	font-size	: 16px;
	text-decoration	: underline;
	color:#77797A;	
}
h2.gd_rub{
	font-family	: arial, verdana, sans-serif;
	font-size	: 16px; /* ancien 14pt*/
	color:#77797A;
	font-weight	: bold;
	text-align	: left;
	background 	: url("../img/site/puceJECO-little.gif") no-repeat;
	text-indent: 27px;
	height: 27px;
}
h2.tete_rub{
	font-family	:arial, verdana, sans-serif;
	font-size 	: 14px;
	color:#77797A;
	line-height: 14px;	
}
span.tete_rub{
	font-family	: arial, verdana, sans-serif;
	font-size 	: 14px;
	color:#77797A;
	font-weight: bold;
}
h2.titre3{
	font-family	: arial, verdana, sans-serif;
	font-weight	: normal;
	font-size	: 14pt;
	color:#77797A;
}
ul.serie{
	margin-left: 0px;
	margin-top: 5px;
}
li.serie{
	display:list-item;
	list-style-position: outside;
	list-style-image: url("../img/site/puceJECO-mini.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		: arial, verdana, sans-serif;
	font-size		: 11pt;
	display	: list-item;
}
span.li{
	text-align		: justify;
	margin-right	: 75px;
	margin-left 	: 75px;	
	font-family		: arial, verdana, sans-serif;
	font-size		: 11pt;
	display	: list-item;
	list-style-type : circle;
}
span.li2{
	text-align		: justify;
	margin-right	: 75px;
	margin-left 	: 75px;	
	display	: list-item;
	list-style-type : circle;
}
div.encadre h1.titre1{
	text-align	: center;
	font-size	: 14pt;
	font-family	: arial, verdana, sans-serif;
	border		: none;
}
img.tourdroite{
	right: 25px;
	float: right;
	margin-left: 25px;
	margin-bottom: 25px;
}
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;
	}
/* style quand la pers est loge*/
span.jaune{
	background-color: yellow;
	}