* {
 margin: 0;
}

body {
	margin: 0
}

.formu {
 padding-top: 4px;
} 

.formu input[type="text"] {
 padding: 2px;
}

#conteneur {
	width: 980px;
	padding: 0 0 0 0;
	margin: auto;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000
}

img {
	border: 0
}

form {
	margin:0;
	padding:0;
}

input[type="text"], input[type="password"], input[type="submit"], input[type="button"], textarea {
 border: 1px solid #777;
 padding: 3px;
}

select {
 padding: 2px;
 border: 1px solid #777;
}

/*************/

.champ_qte {
	border: 0;
	background: none;
	color: #000;
	width: 18px
}

ul.compte {
	padding: 5px;
	border: 1px solid #ccc;
	list-style: none
}

p.centre {
	text-align: center;
	margin: 10px
}

p.erreur { 
 color: #c00; 
 font-weight: bold; 
 text-align: left;
}

span.erreur { font-size: 11px; color: #c00 }

span.rouge { color: #c00 }

h3 {
 text-transform: uppercase;
}

a {
 color: #03C;
 text-decoration: none;
}

a:hover {
 color: #f60;
 text-decoration: underline;
}

#flash_infos h2 {
 font-size: 13px;
 color: #f60;
 font-weight: bold;
 padding-bottom: 5px;
 padding-left: 0px;
 margin-left: 0px;
 text-align: center;
}

/* --- BLOCS PRINCIPAUX --- */

#blocHaut {
  background: url('../../images/header.jpg') top left no-repeat;
  width: 980px;
  height: 261px; 
  display: block;
  clear: both;
} 

#blocPage {
  width: 980px;
  display: block;
  clear: both;
} 

#blocBas {
  width: 980px;
  height: 78px; 
  display: block;
  background: url('../../images/footer.jpg') top center no-repeat;
  clear: both;
  text-align: left;
  color: #fff;
  padding-top: 20px;
} 

#logoEkinoxe {
 text-align: center;
 padding-bottom: 15px; 
}

/* --- LOGO --- */

#logo {
 margin: 61px 0px 0px 37px;
}

/* --- ARTICLES --- */

h2.titre, h1.titre, .article h4 {
 color: #f60;
 padding-left: 13px;
 font-size: 13px;
 font-weight: bold;
 margin: 10px 0px 5px 0px;
 background: url('../../images/artsep.jpg') top left no-repeat;
 padding: 15px 0px 0px 0px;
}

#contenu h2.titre {
 margin: 0px 0px 10px 0px;
 background: url('../../images/artsep.jpg') bottom left no-repeat;
 padding: 5px 0px 10px 0px;
}

#arbo {
 padding-top: 10px;
}

/* --- CHAMPS DE RECHERCHE ET DE CONNEXION MEMBRE --- */

#recherche {
 background: url('../../images/recherchebg.jpg') top left repeat-x;
 padding: 2px;
 width: 270px;
}

#recherche h3 {
 font-size: 12px;
 color: #fff;
 font-weight: bold;
 display: inline; 
 vertical-align: middle;
}

#recherche input[type="text"] {
 font-size: 13px;
 margin-left: 5px;
 padding: 1px;
 vertical-align: middle;
 width: 140px;
}

#recherche input[type="submit"] {
 font-size: 12px;
 color: #fff;
 font-weight: bold;
 background: transparent;
 border: 0;
 margin-left: 5px;
 vertical-align: middle;
}

/* --- BLOC AU CENTRE --- */

#blocGauche {
  width: 190px;
  min-height: 286px;
  float: left;
}

#blocCentre {
  width: 230px;
  background: url('../../images/bloc_centre.jpg') top left no-repeat;
  padding-top: 310px;
  float: left;
  min-height: 300px;
}

#blocDroite {
  width: 560px;
  min-height: 650px;
  float: left;
}

#contenu {
 margin: 15px 0px 0px 20px;
 font-size: 12px;
 color: #777;
 font-weight: bold;
 text-align: left;
}

.cnil {
 font-size: 10px;
}
/* --- BLOC : MODELES POUR BLOCS DE GAUCHE --- */

#blocGauche .blocTemplate {
  background: url('../../images/bloc.jpg') top center no-repeat;
  margin: 0px 0px 15px 0px;
  padding: 0px 5px 0px 5px;
  height: 102px;
  font-size: 11px;
  color: #333;
  text-align: center;
}

#blocGauche .blocTemplate h3 {
 font-size: 13px;
 color: #FF6600;
 text-align: center;
 padding: 5px 0px 20px 0px;
}

#blocGauche .blocTemplate input[type="submit"] {
 background: transparent url('../../images/boutton.jpg') top center no-repeat;
 border: 0px;
 text-align: center;
 font-size: 13px;
 color: #fff;
 padding: 2px 0px 4px 0px;
 font-weight: bold;
 margin-top: 5px;
 width: 80px;
}

/* --- BLOC : MODELES POUR BLOCS DU CENTRE --- */

#blocCentre .blocTemplate {
  background: url('../../images/bloc.jpg') top left no-repeat;
  margin: 0px 33px 20px 17px;
  padding: 0px 5px 0px 5px;
  height: 102px;
  font-size: 11px;
  color: #333;
  text-align: center;
}

#blocCentre .blocTemplate h3 {
 font-size: 13px;
 color: #FF6600;
 text-align: center;
 padding: 5px 0px 6px 0px;
}

#blocCentre .blocTemplate input[type="submit"] {
 background: transparent url('../../images/boutton.jpg') top center no-repeat;
 border: 0px;
 text-align: center;
 font-size: 13px;
 color: #fff;
 padding: 2px 0px 4px 0px;
 font-weight: bold;
 margin-top: 5px;
 width: 80px;
}

#flash_infos {
 height: 72px;
 text-align: justify;
}

/* --- BLOC : MODELES POUR BLOCS DE DROITE --- */

#blocDroite .blocTemplate {
  background: url('../../images/connexionbg.jpg') top center no-repeat;
  padding: 5px 0px 0px 0px;
  height: 126px;
  font-size: 12px;
  font-weight: bold;
  color: #ff6600;
  text-align: center;
  float: right;
  display: inline;
  width: 175px;
  margin-left: 15px;
} 

#blocDroite .blocTemplate h3 {
 font-size: 13px;
 color: #FF6600;
 text-align: center;
 padding: 5px 0px 20px 0px;
}

#blocDroite .blocTemplate input[type="submit"], #blocDroite .boutton {
 background: transparent url('../../images/boutton.jpg') top center no-repeat;
 border: 0px;
 text-align: center;
 font-size: 13px;
 color: #fff;
 padding: 2px 0px 4px 0px;
 font-weight: bold;
 margin-top: 5px;
 width: 80px;
}

#blocDroite .blocTemplate input[type="text"], #blocDroite .blocTemplate input[type="password"] {
 border: 1px solid #999;
}

/* --- NEWSLETTER --- */

#newsletter {
  background: url('../../images/bloc.jpg') top center no-repeat;
  display: block;
  height: 68px;
  padding-top: 50px;
  text-align: center;
} 

input#email {
  border: 1px solid #aaa;
}

/* --- NAVIGATION --- */

#navigation h2 {
 font-family: Arial, sans-serif;
 font-size: 14px;
 color: #fff;
 background: url('../../images/btnbg1.jpg') top center no-repeat;
 width: 190px;
 height: 32px;
 text-align: center;
 padding-top: 10px;
 cursor: pointer;
}

#navigation h2:hover {
 text-decoration: none;
 color: #fff;
 background: url('../../images/btnbg2.jpg') top center no-repeat;
}

#navigation h2 a {
 text-decoration: none;
 color: #fff;
 display: block;
}

#navigation h2 a:hover {
 text-decoration: none;
 color: #eee;
 display: block;
}

#navigation h2.adminbtn {
 font-family: Arial, sans-serif;
 font-size: 14px;
 color: #fff;
 background: url('../../images/btnbg3.jpg') top center no-repeat;
 width: 190px;
 height: 32px;
 text-align: center;
 padding-top: 10px;
}

#navigation h2.adminbtn:hover {
 font-family: Arial, sans-serif;
 font-size: 14px;
 color: #fff;
 background: url('../../images/btnbg2.jpg') top center no-repeat;
 width: 190px;
 height: 32px;
 text-align: center;
 padding-top: 10px;
}

#navigation ul {
 list-style: none;
 margin: 0 10px;
 padding: 0;
}
#navigation ul li {
 list-style: none;
 margin: 0;
 padding: 0;
 display: block;
}

#navigation ul li a {
 background: #fff;
 padding: 3px;
 display: block;
}

/* --- NAVIGATION HAUT DE PAGE --- */

#blocHaut ul {
 position: relative;
 left: -15px;
 top: -210px;
 text-align: right;
}

#blocHaut li {
 display: inline;
 margin-left: 25px;
}

#blocHaut li a {
 color: #666;
 font-size: 11px;
}

#blocHaut li a:hover {
 color: #f30;
 text-decoration: underline;
}

/* --- PLAN DU SITE --- */

ul.map a {
 text-decoration: none;
 color: #999;
 text-decoration: none;
 font-size: 13px;
 padding: 10px 0px 0px 0px;
 list-style-image:none;
 list-style-position:outside;
 list-style-type:none;
}

ul.map a:hover, h2.rub a:hover {
 text-decoration: underline;
 color: #f60;
}

ul.map {
 margin-left: 10px;
}

ul.map li {
 padding: 3px 0px 3px 0px;
 margin-left: 15px;
}

ul.map2 li, ul.map3 li,ul.map4 li,ul.map5 li,ul.map6 li {
 margin-left: 27px;
}

h2.rub a {
 text-decoration: none;
 color: #999;
 text-decoration: none;
 font-size: 13px;
 padding: 10px 0px 0px 0px;
 display: block
}