/* Balises génériques */

body {
	background-color: white;
  font-family: Tahoma, Geneva, sans-serif;
	color:  #6D6D6D;
	margin: 0;
	padding: 0;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

legend {
  display: none;
}

p, p a.aucun, p a.aucun:hover, p a.aucun:visited {
	font-size:  11px;
	font-style: normal;
	line-height: 13px;
	color:  #6D6D6D;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

p a.aucun:hover {
	background-color: black;
	color: white;
}

h1 {
	font-family:  Georgia, serif;
	font-size: 36px;
	line-height: 43px;
	margin: 0;
	font-weight: normal;
	color: black;
  border-bottom: 1px dotted black;

}

h2 {
	font-family:  Georgia, serif;
	width: 100%;
	font-size: 17px;
	color: #6D6D6D;
	font-style: italic;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: normal;
	border-bottom: 1px solid #6D6D6D;
}

h3 {
	font-family:  Georgia, serif;
	font-size: 13px;
	line-height: 14px;
	font-style: italic;
	font-weight: normal;
	color: black;
	margin: 0 0 3px 0;
	padding: 0;
}


img {
	border: 0;
}

.erreur, .error {
	color: #F71C85;
	margin: 10px 0 0 0;
}

.important {
	font-size: 13px;
  color: #F71C85;
	font-family: Georgia, serif;	
}

.important a {
	font-size: 13px;
  color: #F71C85;	
	font-family: Georgia, serif;	
}

.important a:hover, .important a:visited  {
  color: #F71C85;	
}

p.warning {
	margin: 0 0 10px 0;
	font-style: italic;
}

div.cache {
	display: none;
}

div.montre {
	display: block;
}


/* Formulaires */

label, input, select, textarea, button { 
	vertical-align:middle;
}

form {
	margin: 0;
	padding: 0;
}

form.proposer {
	font-size:  11px;
	font-style: normal;
	line-height: 13px;
	color:  #6D6D6D;
	margin: 20px 0 0 0;
	padding: 0;	
	width:  440px;
}

form.espace {
	font-size:  11px;
	font-style: normal;
	line-height: 13px;
	color:  #6D6D6D;
	margin: 0 0 10px 0;
	padding: 0;	
	width:  100%;
}


form .element {
	clear: both;
}

form .zone {
	clear: both;
	margin: 0 0 20px 0;
}

form .mdp {
	clear: both;	
}

form.proposer label {
	display:  block;
	clear:  both;
	float: left;	
	width: 115px;
	margin: 0;
	padding: 0;
	height: 18px;
	line-height:  18px;
}

form.espace label {
	display:  inline;
	float: left;	
	width: 135px;
	margin: 0;
	padding: 0;
	height: 18px;
	line-height:  18px;
	text-transform: lowercase;
}

form.proposer input.text, form.proposer input.petit, form.proposer input.file, form.proposer textarea {
	display:  block;
	float: left;
	width: 320px;
	border: 1px solid black;
	margin: 0 0 5px 0;
	padding:  2px 0 0 2px;
	height: 14px;
	font-family:  Georgia, serif;
	font-size: 11px;
	line-height: 16px;
	color: black;
}

form.espace input.text {;
	width:  190px;
	border: 1px solid black;
	margin: 0 0 5px 0;
	padding:  2px 0 0 2px;
	height: 14px;
	font-family:  Georgia, serif;
	font-size: 11px;
	line-height: 14px;
	color: black;

}

form.espace input.checkbox {
	margin: 0 8px 0 0;
	padding: 0;
	height: 14px;
}


form input.hidden {
	display: none;
}

form .case {
	clear: both;
	margin: 20px 0 0 0;
	float: left;
	display: block;
	text-transform: none;
	line-height: 16px;
}

form.proposer input.petit {
	width: 200px;
	
}

form.proposer textarea {
	height: 90px;
}

form .boutons {
	clear: both;
	float: left;
	margin: 20px 0 0 0;
	text-align: right;
	width: 100%;
}

form button {
	background-color: white;
	border: none;
	margin: 0 0 0 30px;
	font-family:  Georgia, serif;
	font-size: 10px;
	line-height: 18px;
	color:  black;
	cursor: pointer;
	text-align: right;
}

form button img {
	margin: 0 0 0 5px;
	padding: 0 0 2px 0;
	vertical-align: middle;
}

form.proposer input.file {
	margin: 0 0 5px 0;
	text-indent: 0;
	text-align: left;
	border: 1px solid black;
	width: 302px;
	padding: 0;
	height:  18px;
	font-family: Georgia, serif;
	font-size: 11px;
	line-height: 16px;
	color: black;
}
	
/* Liens */

a.interne, p a {
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: normal;
	color: #6D6D6D ;
	font-size: 11px;
	text-decoration: underline;
	font-style: normal;
}

p a {
  font-style: normal;
}

a.popup {
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: normal;
	color: #6D6D6D;
	font-size: 11px;
	text-decoration: underline;
	font-style: italic;
}

a.interne:visited, p a:visited, a.popup:visited {
	color: #999999;
}

a.interne:hover, p a:hover, a.popup:hover {
	color: #CCCCCC;
}

a.externe, div.lien, span.lien {
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: normal;
	color:  #EB2429;
	font-size: 11px;
	text-decoration: underline;
}

div.lien, span.lien {
	text-decoration: none;
}

a.externe:visited{
	color: #e77581;
}

a.externe:hover {
	color: #eb0000;
}

a.fort {
	color:  #6D6D6D;
	font-weight: bold;
}

a.fort:visited {
	color:  #6D6D6D;
}

a.fort:hover {
	color:  #6D6D6D;	
}

/* liens catégories */

.createur_creation .categories, .fichecreateur .categories  {
	font-size: 11px;
	font-family: Georgia, serif;
	color: #6D6D6D;
}

.coupdecoeur .categories {
	margin: 0;
	font-family: Georgia, serif;
	font-size: 11px;
	color: #6D6D6D;
}

#item_liste .categories {
	margin: 0 0 4px 0;
	font-family: Georgia, serif;
	font-size: 11px;
	color: #6D6D6D;
	font-style: italic;	
	line-height: 12px;	
}


.coupdecoeur .categories a, #presentation .categories a,  #item_liste .categories a, #creations .categories a ,  #createur_creation .creation_categorie .categories a  {
	font-family:  Georgia, serif;
	font-size: 11px;
	color: #6D6D6D;
	font-style: italic;	
	text-transform: lowercase;	
	text-decoration: underline;
	line-height: 12px;
}

.coupdecoeur .categories a:visited, #presentation .categories a:visited,  #item_liste .categories a:visited, #creations .categories a:visited ,  #createur_creation .creation_categorie .categories a:visited  {
	color: #999999;
}

.coupdecoeur .categories a:hover, #presentation .categories a:hover,  #item_liste .categories a:hover, #creations .categories a:hover ,  #createur_creation .creation_categorie .categories a:hover  {
	color: #CCCCCC;
}



/* mots clefs */

.mots {
	list-style-type:none;
	font-size: 11px;
	color: #6D6D6D;	
	margin: 0;
	padding: 0;
}

.mots .motclef {
	width: 120px;
	margin: 0 0 5px 0;
}

.mots .motclef a.mot, .mots a.mot {
	color: #6D6D6D;
	text-decoration: underline;
}

.mots .motclef a.mot:visited, .mots a.mot:visited {
	color: #999999;
	
}

.mots .motclef a.mot:hover, .mots a.mot:hover {
	color: #CCCCCC;
	text-decoration: underline;	
}

.input_mot, .input_technique {
	border: 1px solid #6D6D6D;	
}

/* Eléments du squelette général de la page */

#header {
	width:  100%;
	height: 144px;
	background-image: url("../img/fond-body.png");	
}

#page {
	width: 100%;
	background-image: none;
}

#page.univers {
	margin-bottom: 20px;
}

#footer {
	height: 50px;
	background-image: url("../img/fond-body.png");
	background-repeat: repeat-x;
	background-position: 0 34px;
	background-color: white;
}

.content {
	width: 875px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

/* Eléments de navigation */


#navigation {
	width: 100%;
	height: 60px;
	background-image: url("../img/fond-navigation.png");
	background-repeat: repeat-x;	
	margin: 0 0 10px 0;
	padding: 0;	
}

#navigation .onglet {
  float: left;
	width:  152px;
	height: 28px;
	margin: 0 81px 0 0;
	padding: 12px 0 0 0;
	background-color:white;
	background-image: url("../img/fond-navigation-onglet.png");	
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

#navigation .onglet#onglet_last {
	margin: 0 5px 0 0;
}

#navigation .onglet#onglet_first {
	margin: 0 80px 0 10px;
}

#navigation > div > .onglet#onglet_first {
	margin: 0 80px 0 20px;
}

#navigation .onglet a {
  display: block;
	font-family: Georgia, serif;
	font-size:  14px;
	line-height:  17px;
	text-align: center;
	color: black;
  text-decoration: none;
  width: 100%;
  height: 28px;
}

#navigation .onglet a:hover {
  text-decoration: underline;
}

#navigation .onglet a.long,  #navigation .onglet a.selectedlong {
	letter-spacing: -1px;
}

#navigation div.cache {
  display: none;
}

#navigation div.montre {
  display: block;
  margin: -2px 0 0 0;
  position: absolute;
  width: 400px;
}

#navigation div#cat_habillement.montre {
  margin-left: -30px;
}

#navigation div#cat_accessoire.montre {
  margin-left: -75px;
}


#navigation div#cat_decoration.montre {
  margin-left: -35px;
}

#navigation div#cat_petits.montre {
  margin-left: -180px;
}

#navigation #univers_navigation .onglet div a {
  display: inline;
	font-family: Georgia, serif;
	font-size:  12px;
	color: white;
	text-decoration: none;
  letter-spacing: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

#navigation #univers_navigation .onglet div a.hover {
  text-decoration: underline; 
}

#header #menu_site {
	display:  block;
	background-color: white;
	width:  530px;
	height:  25px;
	position: relative;
	left: 340px;
	top:  -2px;
	z-index: 3;
	padding:  0 2px;
}

#header #menu_site a {
	display: block;
	float:  left;
	background-color: white;
	padding: 4px 4px 2px 4px;
	font-weight: normal;
	font-family: Georgia, serif;
	color: black;
	font-size:  13px;
	line-height:  14px;
	height: 16px;
	text-decoration:  none;
	background-image: url("../img/pixel-noir.png");	
	background-position: 2px 12px;
	background-repeat: no-repeat;
}

#header #menu_site a.nopoint {
  background: none;
}

#header #menu_site a:hover, #header #menu_site a.isOn, #header #menu_site a.nopointOn {
	text-decoration: none;
	color: white;
	background-color: black;
}

#header #menu_site #recherche {
	display:  block;
	float:  right;
	margin: 0 0 0 20px;
	padding:  0;
}

#header #menu_site #recherche input.text {
	display: block;
	float: left;
	width: 108px;
	height: 17px;
	margin: 0;
	padding: 3px 0 0 0;
	text-indent: 5px;
	border: 1px solid black;
	font-family:  Georgia, serif;
	font-size:  13px;
	line-height: 14px;
}


#header #menu_site #recherche input.submit {
	display:  block;
	float:  left;
	width:  25px;
	height: 22px;
	margin:  0 0 0 2px;
	padding:  0;
	border: 0;
	background-color: black;	
}

/* En-tête */
#header #logo_cdm {
	position:  relative;
	top:  35px ;
	z-index: 3;
}

#header #baseline {
	position:  relative;
	z-index: 2;
	top:  24px ;
	left: 20px;
	height: 22px;
	color: black;
	font-family: Georgia, serif;
	font-size:  13px;
	line-height:  16px;
	letter-spacing: 1px;
}

#header #baseline i {
	background-color: white;
	padding: 4px 4px;
}

#header #header_encart {
	position: relative;
	background-color: transparent;
	width: 468px;
	height: 60px;
	padding: 0;
	margin-top:  -102px;
	left: 403px;
}

/* Pied de page */

#footer {
  clear: both;
}

#footer #logo_jdc {
	display:  inline;
	position: relative;
	top: 8px;
	background-color:  white;
	padding: 0 0 5px 6px;
	margin-right:  25px;
}

#footer a.footer {
	display: inline;
	background-color: white;
	padding: 2px 10px;
	position:  relative;
	top: -5px;
	font-weight: normal;
	font-family: Georgia, serif;
	color: black;
	font-size:  12px;
	line-height:  16px;
	text-decoration:  none;
}

#footer a.footer:hover {
	text-decoration: underline;
	color: black;
}

/* Page d'index */

#edito {
  clear: both;
  float: left;
  margin: 0 32px 0 0;
  padding: 0 0 10px 0;
  width: 415px;
}

#edito p {
  margin: 0 0 10px 0;
}

#edito .bulles {
  margin: 5px 0 0 0;
  padding: 0;
  text-align: center;

}

#edito .bulles img {
  display: inline;
  padding: 3px;
}

img#etoile {
	display: inline;
	z-index: 50;
}

#actus {
  float: right;
  margin: 0 0 0 0;
  padding: 0;
  width: 418px;
}

#actus .actu {
  float: left;
  width: 186px;
  margin: 0 43px 0 0;
}

#actus img {
  border: none;
}


#actus .actu#actu_last {
  margin: 0 0 0 0;
}

.date {
	font-family: Georgia, serif;
	color: #6D6D6D;
	font-size: 10px;
  padding: 0;
  margin: 0;
}

.suite {
  font-style: italic;
	font-size: 11px;
	color: #999999;
  padding: 0;
  margin: 0;
}

#actus h2 {
  width: 100%; 
	height: 18px;
	line-height: 18px;
	padding-bottom: 2px;
}

#actus h2 a {
	display: block;
	width: 100%;
	line-height: 18px;
	color: #6D6D6D;
	text-decoration: none;
}

#actus h2 a:hover {
	color: white;
	background-color: black;
}

#actus h3 a {
  text-decoration: none;
	color: black;
}

#actus h3 a:hover {
 	background-color: black;
	color: white
}

/* Mosaïque */

#mosaique {  
	float: left;
  clear: both;
  margin: 20px 0 20px 0;
  width: 100%;
}

#mosaique .section {
  width: 190px;
  float: left;
  margin-right: 38px;
}

#mosaique .section_last  {
  width: 190px;
  float: left;
  margin: 0;
}

#mosaique h1, #mosaique h2, #resultats h2 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  height: 18px;
  padding-bottom: 3px;
  border-bottom: 1px dotted black;
  width: 100%;
  margin-bottom: 10px;
  font-weight: normal;
	font-style: normal;
	color: black;
}

#mosaique h1 a, #mosaique h2 a {
  display: block;
  width: 100%;
  line-height: 18px;
  text-decoration: none;
  color: black;
}

#mosaique h2 a.long {
  font-size: 16px;	
	line-height: 18px;
}

#mosaique h1 a:hover, #mosaique h2 a:hover {
  color: black;
}


#mosaique .item, #mosaique .item2 {
  float: left;
  width: 99px;
  height: 110px;
  margin: 0 0 0 0;
  padding: 0;
  vertical-align: top;
}

div > #mosaique .item {
  width: 103px;
}

#mosaique .item img, #mosaique .item2 img  {
  display: block;
  border: 1px solid #BFBFBF;
  margin: 0;
  padding: 0;
}

#mosaique a.item, #mosaique a.item2 {
  display: block;
  width: 87px;
  height: 99px;
  line-height: 12px;
  background-color: white;
  margin: 0 12px 11px 0;
  padding: 0;
	font-family: Georgia, serif;
	color: black;
	font-size:  10px;
	text-decoration: none;
}

div > #mosaique a.item {
  margin: 0 16px 11px 0;	
}

#mosaique a.item:hover, #mosaique a.item2:hover {
  background-color: black;
	color: white;
}

#mosaique .item2 {
	width: 87px;
}

#mosaique a.item2 {
	width: 87px;
  margin: 0 0 11px 0;
}

#mosaique.simple .item {
  width: 98px;
	margin: 0 0 0 0;
}

#mosaique.simple a.item {
	width: 87px;
  margin: 0 11px 11px 0;
}

/* Mise en page */

#common h1 {
  display: inline;
  padding: 0 0 0 40px;
}


#principal {
  clear: both;
  float: left;
  width: 580px;
  padding: 0 0 0 0;
}

.nodb#principal {
  padding: 20px 0 0 0;
}

#colonne {
  float: right;
  width: 215px;
  margin: 0;
  padding: 0
}

/* Actualités */

.actualite {
  width: 100%;
  clear: both;
  margin: 30px 0 60px 0;
}

.actualite .actualite-image {
  float: left;
	width: 120px;
	text-align: right;
}

.actualite .actualite-texte {
  float: right;
  width: 425px;
}

.actualite h2 {
	font-size: 15px;
	color: black;
	font-style: italic;
	border-bottom: 1px dotted black;
	margin: 0 0 10px 0;
}

.chapo {
  font-size: 11px;
  margin: 0 0 10px 0;
  font-weight: bold;
  color: #6D6D6D;
  line-height: 13px;
}

.texte {
  font-size: 11px;
  color: #6D6D6D;
  line-height: 13px;
	margin-bottom: 10px;
}


.texte p {
  margin: 0 0 10px 0;
}

.actualites-navigation {
  clear: both;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 30px;
}

.precedent {
  float: left;
  width: 80px;
	font-family: Georgia, serif;
	color: black;
	font-size:  10px;
}

.suivant {
  float: left;
  text-align: right;
  width: 80px;
	font-family: Georgia, serif;
	color: black;
	font-size:  10px;  
}

.precedent a {
  display: block;
  margin: 0;
  text-decoration: none;
  color: black;
	background-image: url("../img/btn-precedent.png");	
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	line-height: 14px;
	height: 14px;
}

.precedent a:hover {
	background-image: url("../img/btn-precedent-on.png");	
}

.suivant a {
  display: block;
  margin: 0;
	background-image: url("../img/btn-suivant.png");
	background-position: right;
	background-repeat: no-repeat;
	padding: 0 20px 0 0px;
  text-decoration: none;
  color: black;
  line-height: 14px;
  height: 14px;
}

.suivant a:hover {
	background-image: url("../img/btn-suivant-on.png");
}

.pagination {
  float: left;
  text-align: center;
  width: 710px;
	color: black;
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
	font-family: Tahoma, Geneva, sans-serif;
}

.actualites-navigation .pagination {
  width: 400px;
}

.pagination a {
	color: black;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

.pagination a:hover {
	color: #999999;
}

.newsletter, .proposer, .actualites-encart {
  margin-bottom: 30px;
}

#colonne p {
  margin: 0 0 10px 0;
}

#colonne form {
  margin: 0;
  padding: 0;
	font-size:  11px;
	font-style: normal;
	line-height: 13px;
	color:  #6D6D6D;
}

#colonne h3 {
	font-style: normal;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted black;
}

.actualites-encart {
  width: 100%;
  /*border-top: 1px dotted black;*/
  text-align: center;
  padding-top: 20px;
}

.actualites-encart .dummy {
  background-color: transparent;
  width: 180px;
  height: 150px;
  border: none;
  margin-left: auto;
  margin-right: auto;
}

.newsletter input.text {
	display: block;
	float: left;
	width: 193px;
	height: 14px;
	margin: 10px 0 0 0;
	padding: 2px 0 0 0;
	text-indent: 4px;
	border: 1px solid black;
	font-family:  Georgia, serif;
	font-size:  11px;
	line-height: 12px;
}


.newsletter input.submit {
	display:  block;
	float:  left;
	width:  18px;
	height: 18px;
	margin:  10px 0 0 2px;
	padding:  0;
	border: 0;
	background-color: black;	
}

.newsletter input.bouton {
	margin:  0 10px 0 0;
}

.newsletter label {
	margin:  0 30px 0 0;
}

#colonne .contact, #colonne .newsletter {
  margin-bottom: 40px;	
}

/* Univers et catégories */


#univers_header {
	width: 644px;
	margin: 0 0 0 0;
	float: left;	
}

#univers_header #univers_edito {
	margin: 10px 0 0 0;
}

#univers_header .coupdecoeur {
	width: 302px;
	margin: 0 40px  0 0;
	padding: 0;
	float: left;
}

.coupdecoeur img, #item_liste img {
  border: 1px solid #BFBFBF;
	float: left;
	margin: 0 12px 0 0;
}

.coupdecoeur a, #item_liste a {
	text-decoration: none;
}

.coupdecoeur-texte {
	float: right;
	width: 203px;
}

.tendances p {
	margin: 0;
}

.tendances .tendance {
	margin: 4px 12px 0 0;
	float: left;
}

.tendances .tendance_last {
	margin: 4px 0 0 0;
	float: left;
}

.tendances img {
	display: block;
  border: 1px solid #BFBFBF;
	margin: 0 0 0 0;
	padding: 0;	
}

.tendances a.createur {
  display: block;
  width: 65px;
  height: 77px;
  line-height: 12px;
  background-color: white;
  margin: 0;
  padding: 0;
	font-family: Georgia, serif;
	color: black;
	font-size:  10px;
	text-decoration: none;
}

.tendances a.createur:hover {
  background-color: black;
	color: white;
}

.coupdecoeur h3, .coupdecoeur h3 a, #item_liste h3,  #item_liste h3 a {
	font-family:  Georgia, serif;
	font-size: 13px;
	color: black;
	font-style: normal;
	margin: 0 0 0 0;
	padding: 0;
	font-weight: normal;
	text-decoration: none;
}

.coupdecoeur h3 a:hover, #item_liste h3 a:hover {
	background-color: black;
	color: white;
}

#item_liste h3 {
	margin: 0 0 2px 0;
}

#item_liste h3 a .soustitre {
	font-size: 11px;
	font-weight: normal;
}

.coupdecoeur p, #item_liste p {
	line-height: 12px;
}

#item_liste p {
	margin: 0 0 2px 0;
}

.coupdecoeur .suite a, #item_liste .suite a {
	text-decoration: underline;
}

#item_liste {
	margin: 0 0 20px 0;
}

#item_liste .item_gauche {
	clear: both;
	float: left;
	width: 415px;
	margin: 0 40px 12px 0;
}

#item_liste .item_droite {
	width: 415px;
	float: right;
	margin: 0 0 12px 0;
}

#item_liste .item-texte {
	float: right;
	width: 316px;
}

#univers_header .tendances {
	width: 302px;
	margin: 0 0 0 0;
	padding: 0;
	float: right;
}

#univers_header h2 {
	font-family:  Georgia, serif;
	font-size: 13px;
	color: black;
	font-style: italic;
	margin: 0 0 8px 0;
	padding: 0;
	font-weight: normal;
	width: 100%;
	border-bottom: 1px dotted black;	
}

#univers_header .tendances h2 {
	margin: 0 0 4px 0;	
}

#univers_encart {
	width: 180px;
	height: 150px;
	border: none;
	margin: 8px 0 0 40px;
	float: left;
	background-color: transparent;
}

.encart img {
  border: 1px solid #BFBFBF;
}

h1 .categorie, h1 .chapitre, #popup h1 .chapitre {
	font-size: 24px;
	text-transform: lowercase;
}

.categorie-navigation {
  clear: both;
  width: 100%;
  vertical-align: middle;
	margin: 0 0 30px 0;
}

/* Espace créateur */

#bouton_forum {
	margin-top: 10px;
}

.fichecreateur a.retour, .fichecreateur a.retour:visited {
  display: block;
	font-family: Georgia, serif;
	color: black;
	font-size:  10px;
  margin: 0 0 5px 0;
  text-decoration: none;
	background-image: url("../img/btn-precedent.png");	
	padding: 2px 0 0 20px;
	background-repeat: no-repeat;
	line-height: 12px;
	height: 14px;
	text-transform: lowercase;
	width: 50px;
}

.fichecreateur a.retour:hover {
	color: black;
  text-decoration: none;
}


#espace_navigation {
	margin: 25px 0 10px 0 ;
}

#espace_navigation a.retour {
  display: block;
	float: left;
	font-family: Georgia, serif;
	color: black;
	font-size:  10px;
  margin: 0;
  text-decoration: none;
	background-image: url("../img/btn-precedent.png");	
	padding: 2px 0 0 20px;
	background-repeat: no-repeat;
	line-height: 12px;
	height: 14px;
	text-transform: lowercase;
	width: 50px;
}

#espace_navigation a.retour:hover, a.retour:hover, .fichecreateur a.retour:hover  {
	background-image: url("../img/btn-precedent-on.png");	
}

.creer a.aide, .modifier a.aide {
	clear: both;
	float: right;
	overflow: hidden;
  display: block;
	font-family: Georgia, serif;
	color: black;
	font-size:  10px;
  margin: 0 0 5px 0;
  text-decoration: none;
	background-image: url("../img/btn-aide.png");	
	padding: 2px 0 0 20px;
	background-repeat: no-repeat;
	line-height: 12px;
	height: 14px;
	text-transform: lowercase;
}


.creer a.aide:hover, .modifier a.aide:hover {
	background-image: url("../img/btn-aide-on.png");	
}

#espace_navigation a.aide {
  display: block;
	float: left;
	font-family: Georgia, serif;
	color: black;
	font-size:  10px;
  margin: 0;
  text-decoration: none;
	background-image: url("../img/btn-aide.png");	
	padding: 2px 0 0 20px;
	background-repeat: no-repeat;
	line-height: 12px;
	height: 14px;
	text-transform: lowercase;
	width: 50px;
}


#espace_navigation a.aide:hover {
	background-image: url("../img/btn-aide-on.png");	
}


#espace_navigation a.visiter {
  display: block;
	float: left;
	font-family: Georgia, serif;
	color: black;
	font-size:  10px;
  margin: 0;
  text-decoration: none;
	background-image: url("../img/btn-suivant.png");	
	padding: 2px 0 0 20px;
	background-repeat: no-repeat;
	line-height: 12px;
	height: 14px;
	text-transform: lowercase;
	width: 120px;
}

#espace_navigation a.visiter:hover {
	background-image: url("../img/btn-suivant-on.png");	
}

#espace_navigation a.deconnexion {
	float: right;
  display: block;
	font-family: Georgia, serif;
	color: black;
	font-size:  10px;
  margin: 0;
  text-decoration: none;
	background-image: url("../img/btn-deconnexion.png");
	background-position: top right;
	padding: 2px 27px 0 0;
	background-repeat: no-repeat;
	line-height: 12px;
	height: 14px;
	text-transform: lowercase;
	width: 50px;
	text-align: right;
}

#espace_navigation a.deconnexion:hover {
	background-image: url("../img/btn-deconnexion-on.png");	
}

#etoile {
	display: block;
	position: absolute;
	margin-top: -40px;
	margin-left: 263px;
}

.creer, .modifier {
	width: 370px;
	height: 380px;
	overflow: auto;
	float: left;
	margin: 0 0 0px 0;
	padding: 8px 10px 0 10px;
	border: 1px solid black;
	border-bottom: none;
}

.modifier {
	float: right;
}

.creer .erreur, .modifier .erreur, .espace .erreur {
	margin: 0 0 10px 0;
}

.creer h2, .modifier h2, .bloc h2, #popup h2 h2 {
	display: inline;
	font-family:  Georgia, serif;
	font-size: 15px;
	line-height: 18px;
	color: black;
	font-style: italic;
	padding: 0;
	font-weight: normal;
	border-bottom: 1px dotted black;	
}

.creer .case {
	margin: 10px 0 0 0;
}

p.intro {
	margin: 15px 0 20px 0;
}

.creer p.intro {
	margin: 15px 0 10px 0;	
}

#statut p.intro {
	margin: 15px 0 5px 0;
	
}

.note-left, .note-right {
	float: left;
	width: 370px;
  font-style: italic;
	font-size: 11px;
	color: black;
	margin: 0 0 20px 0;
	padding: 0 10px 8px 10px;
	border: 1px solid black;
	border-top: none;
}

.note-right {
	float: right;
}

h1 .createur {
	font-size: 24px;
}

a.bouton {
	clear: both;
  display: block;
	float: right;
  text-align: right;
	margin: 0 0 10px 0;
	background-image: url("../img/btn-suivant.png");
	background-position: right;
	background-repeat: no-repeat;
	padding: 0 20px 0 0px;
  text-decoration: none;
  color: black;
	font-family: Georgia, serif;
	font-size:  10px;	
  line-height: 14px;
  height: 14px;
}

a.bouton:hover {
	background-image: url("../img/btn-suivant-on.png");
}


.bloc .boutons {
	clear: both;
	margin: 0;
}

.bloc {
	clear: both;
	width: 370px;
	margin: 0 0 20px 0;
	padding: 8px 10px 0 10px;
	border: 1px solid #BFBFBF;
}

.bloc h2 {
	clear: both;
}

.surbloc {
	width: 370px;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 13px;
  color: black;
	font-family: Georgia, serif;
}

#blocs-gauche {
	float: left;
	margin: 0;
}

#blocs-droite {
	float: right;
	margin: 0;	
}

.etats {
	font-size: 11px;
	margin: 10px 0 10px 0;
}

.bloc strong {
	color: #F71C85;
	font-weight: normal;
}

form .choix {
	clear: both;
	margin: 0 0 20px 0;
	display: block;
	text-transform: lowercase;
	line-height: 14px;
}

.choix input.radio {
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
}

form .choix .label {	
	padding: 0 35px 0 0;
}

.message {
	margin: 10px 0 0 0;
	font-size: 14px;
  color: #F71C85;
	font-family: Georgia, serif;	
}

.message a {
  color: #F71C85;	
}

.bloc p {
	margin-bottom: 10px;
}


form.espace#set_username {
	clear: both;
	margin: 20px 0 20px 0;
}

form.espace#set_password {
	margin: 20px 00 0;
	clear: both;
}

form.espace#set_username label, form.espace#set_password label, form.espace#set_alias label {
	width: 165px;
 
}

form.espace#set_username input.text, form.espace#set_password input.text, form.espace#set_alias input.text  {
	width:  200px;
	float: left;
}

form.espace#set_alias label {
	color: black;
}

#set_username .boutons, #set_password .boutons, #set_alias .boutons {
	margin: 5px 0 0 0;
}


form .alias {
	display:  inline;
	float: left;	
	margin: 0;
	padding: 0;
	height: 18px;
	line-height:  18px;
	font-size: 14px;
	color: #F71C85;
	font-weight: normal;
}

form a.annuler {
	clear: both;
  display: block;
	float: left;
	margin: 3px 0 0 0 ;
	background-image: url("../img/btn-precedent.png");
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
  text-decoration: none;
  color: black;
	font-family: Georgia, serif;
	font-size:  10px;	
	height: 16px;
}

form a.annuler:hover {
	background-image: url("../img/btn-precedent-on.png");
}

.edition h2#pseudo {
	font-size: 36px;
	color: black;
	font-style: normal;
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	line-height: 43px;
}

#principal.edition {
	margin: 0 0 20px 0;
}

#image img {
	display: block;
  border: 1px solid #BFBFBF;
	margin: 0 0 0 0;
	padding: 0;	
}

#image {
	float: left;
	width: 87px;
	margin: 0 15px 0 0;
}

a#mod_image {
	display: block;
}


#presentation{
	float: right;
	width: 478px;
}

#presentation .localisation {
	font-family: Georgia, serif;
	font-size: 11px;
	color: black;
}

#presentation .url {
	margin: 5px 0 10px 0;
	font-size: 11px;
}

.localisation {
	line-height: 16px;
	margin: 0 0 2px 0;
}

/* AJAX */

form.inplaceeditor-form { /* The form */
	display: inline;
}

#pseudo-inplaceeditor input.editor_field {
	font-family: Georgia, serif;
	font-size: 36px;
	color: black;
	font-style: normal;
	border: 1px solid black;
	height: 41px;
	margin: 0 0 3px 0px;
	padding: 0;
	width: 300px;
}

.localisation select {
	width: 100px;
	font-family: Georgia, serif;
	font-size: 11px;
	color: black;
	font-style: normal;
}

#presentation .localisation input.editor_field {
	font-family: Georgia, serif;
	font-size: 11px;
	color: black;
	font-style: normal;
	border: 1px solid black;
	height: 11px;
	line-height: 11px;
	width: 110px;
}

#presentation form.inplaceeditor-form textarea { /* Textarea, if multiple columns */
	font-size: 11px;
  font-family: Tahoma, Geneva, sans-serif;
	width: 90%;
	color: black;
	font-style: normal;
	border: 1px solid black;
	margin: 0 0 2px 0;
	padding: 2px;	
}

input.editor_ok_button { /* The submit button */
	background-color: black;
	border: none;
	color: white;
	font-size: 10px;
	font-family: Georgia, serif;
	margin: 0 0 0 2px;
	height: 15px;
	padding: 0;
	cursor: pointer;
	outline: none;
}


.edition a.edition, .edition form.inplaceeditor-form a, .edition a.editor_cancel {
  font-family: Tahoma, Geneva, sans-serif;
	margin: 0 0 0 2px;
	font-size: 11px;
	padding: 2px;
	cursor: pointer;
	text-decoration: underline;
}


.edition a.edition:hover, .edition form.inplaceeditor-form a:hover, .edition a.editor_cancel:hover   {
	text-decoration: underline;
}

#changer_image {
	font-family: Georgia, serif;
	font-size: 11px;
	color: black;
	font-style: normal;
	border: 1px solid black;
	width: 300px;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;	
}

#changer_image .fichier input {
	margin: 5px 0;
}

#affichage {
	clear: both;
	width: 260px;
	float: left;
	margin: 20px 0 0 0;
}


#couleur {
	clear: none;
	width: 260px;
	float: right;
	margin: 20px 0 0 0;	
}

#couleur form.espace, #affichage form.espace {
	margin: 0;
	padding: 0;
}

#couleur .choix, #affichage .choix {
	margin: 0;
	padding: 0 0 10px 0;	
}

#couleur .boutons, #affichage .boutons {
	margin: 0;
	padding: 0 0 5px 0;
}

#mode_affichage a.bouton {
	margin: 2px 0 10px 0;
	color: black;
}

#affichage p.intro, #couleur p.intro {
	margin: 5px 0 9px 0;
}

#affichage form .choix .label {	
	padding: 0 10px 0 0;
}

#couleur form .choix .couleur {	
	margin: 0 2px 0 0;
	padding: 0 0 0 10px;
	vertical-align: middle;
}

#couleur > form .choix .couleur {	
	margin: 0 8px 0 0;
}

/* Edition des créations */

#creations {
	width: 100%;
	clear: both;
	background-image: url("../img/trait-creations.png");
	background-repeat: no-repeat;
	background-position: 0 20px;
	margin: 0 0 10px 0;
	padding: 40px 0 10px 0 ;
}

#creations h2 {
	display: block;
	float: left;
	font-family:  Georgia, serif;
	font-size: 15px;
	line-height: 18px;
	color: black;
	font-style: italic;
	padding: 0;
	margin: 0 0 10px 0;
	font-weight: normal;
	border: none;
	width: 450px;
}

#creations #edition_creation h2 {
	width: auto;	
	float: none;
	margin: 10px 0 5px 0;	
	text-align: right;
}

#creations h2 u {
	text-decoration: none;
	border-bottom: 1px dotted black;
}

#creations .creation_vignette img, #creations .creation_vignette_last img, #creations .creation_vignette_last_selected img {
  border: 1px solid #BFBFBF;
  margin: 0 0 6px 0;
  padding: 0 ;
}

#creations .creation_vignette_selected img, #creations .creation_vignette_last_selected img {
  border: 1px solid black;
  margin: 0 0 6px 0;
  padding: 0
}

#creations a.creation_vignette, #creations a.creation_vignette_selected,  #creations span.creation_vignette {
	padding: 0 6px 0 0;
}

#creations a.creation_vignette_last, #creations span.creation_vignette_last, #creations a.creation_vignette_last_selected {
	padding: 0;
}

.edition #image a.edition, .edition #creations a.edition, #colonne .edition  a.edition {
	margin: 0;
	padding: 0;
}

#ajout_creation {
	font-family: Georgia, serif;
	font-size: 11px;
	color: black;
	font-style: normal;
	border: 1px solid black;
	width: 300px;
	padding: 5px 5px 5px 5px;
	margin: 10px 0 10px 0;	
}


#ajout_creation .erreur {
	margin: 5px 0 0 0;
}

#ajout_mot, #colonne .upload {
	font-size: 11px;
	color: black;
	font-style: normal;
	border: 1px solid black;
	width: 100px;
	padding: 0 5px 5px 5px;
	margin: 10px 5px 10px 0;	
}

#ajout_mot .input_mot, #ajout_technique .input_technique {
	display: block;
	float: left;
	width: 90px;
	margin: 0 0 2px 0;
	padding: 0;
	height: 13px;
	text-transform: lowercase;
	font-size: 11px;
	color: black;	
}

#ajout_mot .element, #ajout_technique .element {
	margin-bottom: 10px;
}

#colonne .upload {
	width: 90%;
}

#colonne .upload input.text {
	width: 90%;
	font-size: 11px;	
  font-family: Tahoma, Geneva, sans-serif;
	height: 13px;
}

#colonne .upload textarea {
	width: 90%;
	font-size: 11px;
  font-family: Tahoma, Geneva, sans-serif;	
}

#colonne #ajout_technique .upload {
	width: 150px;
}

#ajout_technique .input_technique {
	width: 140px;
}

#ajout_mot .erreur, #colonne .upload .erreur {
	margin: 10px 0 0 0;
}

.upload input.editor_ok_button { /* The submit button */
	margin: 0;
}

.upload .element, #colonne #technique .upload .element {
	padding: 10px 0 0 0;
}

#colonne .upload .element {
	padding: 0 0 10px 0;
}

.upload .fichier {
	clear: both;
	text-transform: lowercase;
	padding: 10px 0 10px 0;
}

#colonne .upload .element {
	clear: both;
}

#colonne .upload .ajoutbtn {
	clear: both;
	padding: 10px 0 0 0;
}

#colonne .upload .modifbtn {
	clear: both;
	padding: 10px 0 10px 0;
}

.upload .fichier input {
	margin: 5px 0 0 0;
}

form.upload .element label {
	display: block;
	clear: both;
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	height: 18px;
	line-height:  18px;
	text-transform: lowercase;
}

form.upload .element input.text, form.upload select {
	font-family: Georgia, serif;
	display: block;
	float: left;
	width: 170px;
	margin: 0;
	padding: 0;
	font-size: 11px;	
	height: 18px;
	line-height:  18px;
}

form.upload .element input.text {
	padding: 2px;
	height: 14px;		
	line-height:  14px;
}

#edition_creation_visuels, .createur_creation_visuels {
	clear: both;
	float: left;
	width: 450px;
	padding: 12px 10px 0 0;
	margin: 0 0 20px 0;
}

#edition_creation_visuels {
	padding: 2px 10px 0 0;	
}

#edition_creation_visuels img, .createur_creation_visuels img {
	display: block;
	float: right;
  margin: 0 0 6px 0;
  padding: 0
}

#edition_creation_visuels .edition_creation_image, #edition_creation_visuels .edition_creation_vignette_texte {
	font-family: Georgia, serif;
	font-size: 11px;
	color: black;
	font-style: normal;
	border: 1px solid #BFBFBF;
	padding: 5px 5px 5px 5px;
	margin: 10px 0 10px 0;	
}

#edition_creation_visuels .edition_creation_vignette, #edition_creation_visuels .edition_creation_image  {
	width: 367px;
	clear: both;
	float: right;
}

#edition_creation_visuels .edition_creation_vignette  {
	width: 377px;
}

#edition_creation_visuels .edition_creation_vignette_texte {
	float: left;
	margin: 0 0 0 10px;
	width: 267px;
}

#edition_creation_visuels .edition_creation_vignette img {
	clear: both;
	border: 1px solid #BFBFBF;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#edition_creation_visuels h3, #changer_image h3, #ajout_creation h3 {
	display: inline;
	border-bottom: 1px dotted black;
}

#edition_creation_visuels form.upload a.edition {
	display: block;
	margin: 10px 0 0 0;
}

#edition_creation_visuels .upload .fichier {
	clear: both;
	text-transform: lowercase;
	padding: 5px 0 5px 0;
}

#edition_creation_visuels .upload {
	margin: 0 0 0 0;
}


#edition_creation_texte, .createur_creation_texte {
	float: left;
	width: 118px;
	padding: 15px 0 0 0;	
}

#edition_creation_texte {
	padding: 5px 0 0 0;	
}

#edition_creation_texte	.form_creation, .creation_texte {
	margin: 0 0 30px 0;
}

#edition_creation_texte	.form_creation #creation_titre, .creation_texte .creation_titre {
	font-size: 13px;
	color: black;
	font-family: Georgia, serif;
}

#edition_creation_texte	.form_creation #creation_categorie, .creation_texte .creation_categorie {
	font-size: 11px;
	text-decoration: underline;	
	font-style: italic;
	text-transform: lowercase;
	font-family: Georgia, serif;
	color: #4C4C4C;;
}

#edition_creation_texte	.form_creation #creation_descriptif, .creation_texte .creation_descriptif {
	font-size: 11px;
}

#edition_creation_texte .select {
	margin: 0 0 10px 0;
}

#edition_creation_texte .input {
	margin: 0 0 10px 0;
}

.creation_texte .creation_titre, .creation_texte .creation_categorie  {
	margin: 0 0 5px 0;
}

.edition .supprimer {
	margin: 20px 0 0 0;
}


/* AJAX */

#edition_creation_texte select {
	display: block;
	width: 100px;
	font-family: Georgia, serif;
	font-size: 11px;
	color: black;
	font-style: normal;
	margin: 0 0 0 0;
}

#edition_creation_texte .select a.editor_cancel {
 	margin: 0;
	padding: 0;
}

#edition_creation_texte .form_creation .editor_field{
	width: 110px;
}

#edition_creation_texte .form_creation input.editor_field{
	font-family: Georgia, serif;
	font-size: 11px;
	color: black;
	font-style: normal;
	border: 1px solid black;
	height: 11px;
	line-height: 11px;
}

#edition_creation_texte .form_creation textarea { /* Textarea, if multiple columns */
	font-size: 11px;
  font-family: Tahoma, Geneva, sans-serif;
	width: 110px;
	color: black;
	font-style: normal;
	border: 1px solid black;
	margin: 0 0 2px 0;
	padding: 2px;	
}


/* Fiche créateur */

#presentation h1#pseudo {
	font-size: 36px;
	color: black;
	font-style: normal;
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	line-height: 43px;
}

.fichecreateur #presentation .url {
	margin: 2px 0 10px 0;

}

.fichecreateur .localisation {
	line-height: 13px;
	margin: 2px 0 2px 0;
}

/* Fiche créateur : colonne de droite */

#colonne div.edition h3 {
	margin: 0 0 5px 0;
}

#colonne .edition {
	margin: 0 0 30px 0;
}

#colonne .createur {
	margin: 0 0 30px 0;
}

#colonne div.pied {
	margin: 0 0 30px 0;
	padding: 2px;
	font-size: 10px;
	font-family: Georgia, serif;
	font-style: italic;
	border-top: 1px dotted black;
}

#colonne .jaime {
	background-image: url("../img/icone-jaime.png");
	background-repeat: no-repeat;
	padding: 18px 0 0 0;
}

#colonne .jenaimepas {
	background-image: url("../img/icone-jenaimepas.png");
	background-repeat: no-repeat;
	padding: 18px 0 0 0;		
}

#colonne {
	margin: 10px 0 0 0;
}

#colonne .contact {
	font-size: 11px;
}

#colonne .contact .url {
	margin: 5px 0 0 0;
}

#colonne .contact .url span {
	text-decoration: underline;
	line-height: 14px;
}

#colonne .edition .editor_field{
	width: 140px;
}

#colonne .edition input.editor_field{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: black;
	font-style: normal;
	border: 1px solid black;
	padding: 0 0 0 0 ;
	height: 13px;
	line-height: 13px;
}

#colonne .edition input.text {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	height: 13px;
	line-height: 11px;
	padding: 2px;
}

#colonne .edition textarea.editor_field { /* Textarea, if multiple columns */
	font-size: 11px;
  font-family: Tahoma, Geneva, sans-serif;
	width: 190px;
	color: black;
	font-style: normal;
	border: 1px solid black;
	margin: 0 0 2px 0;
	padding: 2px;
}

#colonne ul {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
}

#colonne ul li {
	margin: 0 0 2px 0;
}

#colonne #pointsdevente ul {
	list-style-type: disc;
	padding: 0 0 0 15px;
	font-size: 13px;
	color: black;
}

#colonne .pointdevente {
	margin: 0 0 16px 0;
	font-size: 11px;
	color:  #6D6D6D;
}

#colonne .pointdevente .url {
	margin: 0 0 10px 0;
}

#colonne .pointdevente .nom {
	color: black;
}

#colonne .pointdevente p {
	margin: 0 0 0 0;
}

/* Autocomplete */

div.auto_complete {
  width: 350px;
  background: #fff;
}

div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}

div.auto_complete ul li {
  margin:0;
  padding:3px;
}

div.auto_complete ul li.selected {
  background-color: #ffb;
}

div.auto_complete ul strong.highlight {
  color: #800;
  margin:0;
  padding:0;
}

/* Générique formulaire */

.editor_field, input.text, .fichier input, textarea {
	border: 1px solid #6D6D6D;
}

/* Liens */

#navigation-rubriques {
	font-family: Georgia, serif;
	font-size: 13px;
	color: black;
	margin: 20px 0 30px 0;
}

#navigation-rubriques a {
	color: black;
	text-decoration: none;
	text-transform: lowercase;
	padding: 0 6px;
	line-height: 13px;	
}

#navigation-rubriques a:hover {
	color: white;
	background-color: #6d6d6d;
}

#navigation-rubriques a.selected {
	color: white;
	background-color: black;
}

.rubrique {
	padding: 0 0 20px 0;
}

.rubrique h2 {
	font-family:  Georgia, serif;
	width: 100%;
	font-size: 15px;
	color: black;
	font-style: italic;
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: normal;
	border-bottom: 1px dotted black;
	text-transform: lowercase;	
}

.site {
	margin: 0 0 30px 0;
}

.site h3 {
  font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #6d6d6d;
	margin: 0;
	padding: 0;	
	
}

.sites-navigation .pagination {
  width: 400px;
	margin: 0 0 30px 0;
}

.partenaire {
	margin: 20px 0 20px 0;
	border-bottom: 1px dotted black;
	padding: 0 0 10px 0;
}

#partenaire_last {
	border-bottom: none;	
}

.partenaire-image {
	text-align: center;
	margin: 0 0 10px 0;
}

/* Page d'erreur */

#erreur {
	margin: 20px 0 50px 0;
}

#erreur p.erreur {
	font-size: 13px;
	margin: 0 0 10px 0;	
}

#erreur p {
	margin: 0 0 30px 0;	
}


#erreur ul {
  margin:10px 0 0 0;
  padding:0;
	list-style: none;
}

#erreur li {
  margin:0 0 5px 0;
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: normal;
	color:  #999999;
	font-size: 11px;
	font-style: italic
}

#erreur a.interne {
	font-size: 11px;	
}

#common #erreur h2 {
	display: inline;
	font-family:  Georgia, serif;
	font-size: 15px;
	color: black;
	font-style: italic;
	padding: 0;
	font-weight: normal;
	border-bottom: 1px dotted black;
	text-transform: lowercase;	
}

/* Présentation */

.partie {
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
}

.partie#partie_last, .coordonnees, .contact-form {
	clear: both;
	margin: 30px 0 30px 0;	
}

.partie p {
	margin: 10px 0 10px 0;
}

.partie .url {
  font-family: Tahoma, Geneva, sans-serif;
	color:  #999999;
	font-size: 11px;
	font-style: italic;
}

.partie h2, .contact-form h2, .coordonnees h2, .newsletter h2 {
	font-family:  Georgia, serif;
	font-size: 15px;
	color: black;
	font-style: italic;
	padding: 0;
	font-weight: normal;
	border-bottom: 1px dotted black;
}

.partie ul {
  margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	list-style: disc;
	list-style-position: outside;
}

.partie li {
  margin: 0 0 20px 0;
  font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}

.partie ul ul {
	list-style: none;
	padding: 0;
}

.partie ul ul li {
  margin: 0 0 10px 0;
}

/* Contact */

span.form, p.form {
	line-height:  18px;
}

p.form {
	clear: both;
}

.contact-form a.retour {
  display: block;
	font-family: Georgia, serif;
	color: black;
	font-size:  10px;
  margin: 10px 0 10px 0;
  text-decoration: none;
	background-image: url("../img/btn-precedent.png");	
	padding: 2px 0 0 20px;
	background-repeat: no-repeat;
	line-height: 12px;
	height: 14px;
	text-transform: lowercase;
	width: 50px;
}

.contact-form form#contact_mail label {
	width: 150px;
	height: auto;
	line-height:  18px;
	text-transform: lowercase;
}

form#contact_mail {
	width:  480px;
}

/* Popups */

#popup {
	padding: 10px;
}

#popup .message {
	margin: 10px 0 20px 0;
}

div.bloc {
	padding: 10px;
	border: 1px solid black;
}

div.bloc_popup {
	width: 312px;
	padding: 10px;
	border: 1px solid black;
}

#popup p {
	margin: 10px 0 10px 0;
}

#popup h1 {
	font-family:  Georgia, serif;
	width: 100%;
	font-size: 24px;
	line-height: 30px;
	color: black;
	margin: 0 0 20px 0;
	padding: 0;
	text-indent: 20px;
	font-weight: normal;
	border-bottom: 1px dotted black;
}

#popup form.espace label {	
	width: 100px;
}

#popup form {
	margin: 20px 0 0 0;
}

#popup a.fermer {
	float: right;
  display: block;
	font-family: Georgia, serif;
	color: black;
	font-size:  10px;
  margin: 0;
  text-decoration: none;
	background-image: url("../img/btn-deconnexion.png");
	background-position: top right;
	padding: 2px 27px 0 0;
	background-repeat: no-repeat;
	line-height: 12px;
	height: 14px;
	text-transform: lowercase;
	width: 50px;
	text-align: right;
}

#popup a.fermer:hover {
	background-image: url("../img/btn-deconnexion-on.png");	
}

#popup h2 {
	color: black;
}

#popup h1 .chapitre {
	font-size: 17px;
}

/* Newsletter */

.newsletter {
	margin: 30px 0 30px 0;
}

.newsletter p {
	margin: 10px 0 10px 0;
}

.newsletter form.grand {
	font-size:  11px;
	font-style: normal;
	line-height: 13px;
	color:  #6D6D6D;
	margin: 10px 0 10px 0;
	padding: 0;	
	width:  380px;	
}

.newsletter form .element {
	clear: both;
	padding: 10px 0 0 0;
}

.newsletter form .radio {
	clear: both;
	padding: 10px 0 0 120px;
}


.newsletter form .element label.text {
	display: block;
	clear: both;
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	height: 18px;
	line-height:  18px;
	text-transform: lowercase;
}

.newsletter form .element input.text {
	display: block;
	float: left;
	width: 250px;
	border: 1px solid black;
	margin: 0;
	padding:  2px 0 0 0;
	height: 14px;
	font-family:  Georgia, serif;
	font-size: 11px;
	line-height: 16px;
}

#colonne .newsletter ul.archives {
	color: black;
  margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	list-style: disc;
	list-style-position: outside;
}

#colonne .newsletter ul.archives li {
  margin: 0 0 5px 0;
  font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}

/* Forum */

.forum .partie {
	margin: 30px 0 100px 0;
	padding: 0 0 10px 0;
}

/* Recherche */


#resultats {
	margin: 20px 0 20px 0;
}

#resultats .resultat_gauche {
	clear: both;
	float: left;
	width: 415px;
	margin: 0 40px 12px 0;
}

#resultats .resultat_droite {
	width: 415px;
	float: right;
	margin: 0 0 12px 0;
}

.recherche-navigation {
  clear: both;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 20px;
}

.recherche-navigation-bas {
  clear: both;
  width: 100%;
  vertical-align: middle;
  margin: 20px 0 20px 0;
}

.aucunresultat {
	margin: 0 0 30px 0;
}


.aucunresultat ul {
  margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	list-style: disc;
	list-style-position: outside;	
}

.aucunresultat li {
  margin: 0 0 5px 0;
  font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;	
}

/* Page présentation */

.about {
	width: 600px;
}

.about .about {
	margin: 40px 0 20px 0;
}

.about .introduction {
	font-weight: bold;
	font-size: 12px;
}

.about .raison {
	width: 187px;
	height: 190px;
	float: left;
	margin: 0 12px 20px 0;
}

.about .raison img {
  border: 1px solid #BFBFBF;
}

.raison h2 {
	font-family:  Georgia, serif;	
  font-size: 14px;
	line-height: 16px;
  padding: 5px 0 3px 0;
	margin: 0;
  font-weight: normal;
	font-style: normal;
	color: black;
	border: none;
}

/* Forums et autres */


/* Plan des catégories */

.plan {
	margin: 30px 0 40px 0;
}

.plan h2 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  height: 18px;
  padding-bottom: 3px;
  border-bottom: 1px dotted black;
  width: 100%;
  margin-bottom: 12px;
  font-weight: normal;
	font-style: normal;

}

.plan h2 a {
	display: block;
  width: 100%;
  line-height: 18px;
  text-decoration: none;
  color: black;
}

.plan .univers-gauche {
	float: left;
	width: 250px;
	margin: 0 80px 40px 0;
}

.plan .univers-droite {
	float: left;
	width: 250px;
	margin: 0 0 40px 0;
}

.plan img {
	display: block;
  border: 1px solid #BFBFBF;
	margin: 0 12px 12px 0;
	padding: 0;
	float: left;
	clear: both;
}

.plan .categorie {
	width: 151px;
	margin: 0 0 12px 0;	
	float: left;
}

.plan .categorie h3 {
	font-family:  Georgia, serif;	
  font-size: 14px;
	line-height: 16px;
  padding: 0;
	margin: 0 0 3px 0;
  font-weight: normal;
	font-style: normal;
	color: black;
	border: none;
}

.plan .categorie h3 a {
  line-height: 18px;
  text-decoration: none;
  color: black;	
}

/* Aide  */

#creations a.aide {
	clear: both;
  display: block;
	color: black;
	font-weight: normal;
  font-family: Georgia, serif;		
	font-size:  10px;
  margin: 5px 0 10px 0;
  text-decoration: none;
	background-image: url("../img/btn-aide.png");	
	background-position: 0 4px;
	padding: 5px 0 0 20px;
	background-repeat: no-repeat;
	line-height: 12px;
	height: 14px;
	text-transform: lowercase;
	width: 90px;
}

#creations a.aide:hover {
	background-image: url("../img/btn-aide-on.png");	
}

#creations a#creationsAide {
  margin: 0 0 10px 0;
	padding: 5px 20px 0 0;
	clear: none;
	float: right;
	width: auto;
	text-align: right;
	background-position: right 4px;
}

p.aide, #colonne p.aide {
	clear: both;
  margin: 5px 0 5px 0;
}

p.aide a, #colonne p.aide a {
	background-image: url("../img/btn-aide.png");	
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 1px 0 3px 20px;
	color: black;
	font-weight: normal;
  font-family: Georgia, serif;		
	font-size:  10px;
  text-decoration: none;
	line-height: 12px;
	height: 14px;
	text-transform: lowercase;
	width: 90px;
}

p.aide a:hover, #colonne p.aide a:hover {
	background-image: url("../img/btn-aide-on.png");	
}

p.aide a:visited, #colonne p.aide a:visited {
	color: black;
}

#colonne .aide ol.section {
	margin: 0 0 20px 0;
	padding: 0;
	color: black;
	font-weight: normal;
	font-style: normal;
  font-family: Tahoma, Geneva, sans-serif;		
	font-size:  12px;
	list-style-position: inside;
	list-style-type: upper-roman;
}

#colonne .aide ol.section li {
	margin: 0 0 2px 0;
}

#colonne .aide ol.section li a {
	color: #6d6d6d;
}

#colonne .aide ol.section li a:hover {
	color: #CCCCCC;	
}

#colonne .aide ol.section li a:visited {
	color: #999999;
}

.aide ol.section {
	list-style-position: inside;
	margin: 0;
	padding: 0;
	color: black;
	font-style: italic;	
  font-family: Georgia, serif;	
}

.aide ol.section li {
	margin: 0 0 20px 0;
}


.aide ol.section li h2 {
	text-decoration: none;
	display: inline;
	color: black;
	border-bottom: 1px dotted black;
}

.aide ol.section li .chapo {
	margin: 10px 0 0 0;
	color: black;
}

.aide ol.section li div.texte {
	margin: 10px 0 0 0;	
  font-family: Tahoma, Geneva, sans-serif;	
	font-size: 11px;
	font-style: normal;
}

.arbre ol.section {
	list-style-type: upper-roman;
	list-style-position: inside;
	margin: 20px 0 0 0;
	padding: 0;
	color: black;
	font-weight: bold;
	font-style: normal;	
  font-family: Georgia, serif;	
}

.arbre ol.section li {
	margin: 0 0 20px 0;
}


.arbre ol.section li h2 {
	text-decoration: none;
	display: inline;
	color: black;
	font-style: normal;
	font-weight: bold;
	border: none;
}

.arbre ol.section li h2 a {
	color: black;
	text-decoration: none;
}

.arbre ol.section li h2 a:hover {
	color: white;
	background-color: black;
}

.arbre ol.section .chapo {
	margin: 10px 0 0 0;
	color: black;
}

.arbre ol.section ol.aide {
	margin: 5px 0 0 0;
	font-weight: normal;
}

.arbre ol.section ol.aide li {
	margin: 0 0 2px 0;
}

.arbre ol.section ol.aide h3 {
	display: inline;
}

#popup .aide .chapo {
	color: black;
	margin: 10px 0 10px 0;	
  font-family: Georgia, serif;	
	font-size: 12px;
}

/* added 2009 */

#header #langue a.nopoint {
  background: none;
  
}

#header #langue a:hover, #header #langue a.isOn, #header #langue a.nopointOn {
	text-decoration: none;
	color: #ccc;
	background-color: white;
}


#header #langue a {
	background-color: white;
	padding: 4px 4px 2px 4px;
	font-weight: normal;
	font-family: Georgia, serif;
	color: black;
	font-size:  13px;
	line-height:  14px;
	height: 16px;
	text-decoration:  none;
	background-image: url("../img/pixel-noir.png");	
	background-position: 2px 12px;
	background-repeat: no-repeat;	
}

#header .content #pubtop {
	width: 468px;
	height: 60px;
	position: relative;
	top: 10px;
	right: 120px;
	float:right;
	}
	
#pubcat {
float: left;
margin-top: -10px;
margin-left: 20px;
}

#pubactus {
padding-left: 15px;
}

#pubactus2{
margin-top: -150px;
}

.floath1 {
  float: left;
  }