/* @override http://www.un-millieme.net/squelettes/style.css */

html {
    font-size: 100%;    
}


body {
	font: 0.625em/1.6em "Lucida Grande",Verdana,Tahoma,sans-serif;
	color: #4F4C40;
	voice-family: "\"}\""; voice-family:inherit;
	background: url(../IMG/etabli.png) no-repeat 98% 5px;
}

/* reset */ 

ul, li  {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.nom-site {
	margin-left: 20px;
	margin-bottom: 0px;
}

p {
	margin: 1em 0;
}

.nom-site a:link, .nom-site a:visited {
  background-color:transparent;
  text-decoration:none;
	color: #9b967e;
	font: 1.8em "Lucida Grande", Arial, Verdana, Tahoma,  sans-serif;
}

  
.nom-site a:hover {
	background-color:transparent;
	text-decoration:underline;
  }	

h1.nom-site  a span {
	/*font-size: 1.2em;*/
	color: #000;
	letter-spacing: .1em;
}



h3.legende-menu {
	margin: 0 0 5px;
	/*width: 100%;*/
	float: left;
	padding-left: 20px;
	color: #cec7a7;
	font-style: italic;
	font-size: 1.1em;
}

h3.legende-menu.fond-page {
	margin-top: 8px;
}

ul.liste-menu {
	float: left;
	width: 100%;
	/*margin-top: 5px;
	margin-bottom: 5px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.2em;
}

ul.liste-menu.ligne-1 {
	background-color: #cec7a7;
	border-bottom: 1px solid #cec7a7;
}


ul.liste-menu li {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

li.titre-menu {
	text-transform: uppercase;
	font-size: 110%;
	width: 5em;
	padding-left: 15px;
	color: #4f4828;
}


 /*page sommaire*/ 

.presentation {
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.5em;
	/*width: 450px;*/
	color: #4F4C40;
	padding-top: 10px;
	width: 70%;
}


#references {
	padding-left: 20px;
}

#references ul {
	overflow: hidden;
}

#references li {
	float: left;
	margin-right: 20px;
	height: 40px;
}

h2.dernieres-productions {
	/*width: 100%;*/
	/*float: left;*/
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 1.1em;
	color: #9b967e;
	line-height: 1.5em;
	text-transform: uppercase;
}

.production {
	margin-bottom: 20px;
}

.production h4, .actu h4 {
	font-size: 1.2em;
	/*margin-left: 5px;*/
	/*margin-top: 5px;*/
	color: #9b967e;
	line-height: 1.2em;
	border-bottom: 1px solid #cec7a7;
	padding-bottom: 5px;
	font-variant: small-caps;
}



.tarifs h4, #references h4 {
	font-size: 1.1em;
	/*margin-left: 5px;*/
	/*margin-top: 5px;*/
	color: #9b967e;
	line-height: 1.2em;
	/*border-bottom: 1px solid #cec7a7;*/
	/*padding-bottom: 5px;*/
	line-height: 1.5em;
}

h2.dernieres-productions.offres {
	border-bottom: 1px solid #cec7a7;
	width: 905px;
	/*float: left;*/
	margin-left: 20px;
	clear: left;
	padding-bottom: 5px;
	padding-top: 20px;
	margin-bottom: 0;
}

p.ex {
	/*margin-left: 5px;*/
	color: #4F4C40;
}

.production p.spip, .actu p.spip, .tarifs p.spip {
	line-height: 1.5em;
	/*margin: 5px;*/
	padding: 0;
	font-size: 1.1em;
	color: #4F4C40;
	margin-top: 3px;
	margin-bottom: 3px;
}

div.art-contexte.sommaire {
	margin-top: 0;
	width: 400px;
}

.art-contexte.sommaire h4.titre-contexte-sommaire {
	margin-top: 0;
	/*font-weight: normal;*/
	font-style: normal;
}


.blocActus {
	
}

.actus {
	margin-left: 0;
	float: left;
	width: 280px;
	color: #505050;
	margin-right: 10px;
	padding-left: 20px;
	height: 45em;
}

.actus  h4 {
	border-top: 1px solid #cec7a7;
	padding-top: 5px;
}


/* tarifs */

.tarifs {
	width: 280px;
	margin-left: 0;
	float: left;
	margin-top: 10px;
	padding-left: 20px;
	margin-right: 20px;
}

.autres {
	padding-left: 10px;
	border-left: 1px solid silver;
	float: left;
}



.tarifs h4 a {
	/*color: #505050;*/
}


.tarifs h5 {
	
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 10px;
}

.tarifs h5 a {
	color: #0063DC;
}

.art-contexte.references {
	width: 220px;
	margin-top: 0;
}

.art-contexte.references ul {
	margin-left: -10px;
}

.art-contexte.references li {
	margin-bottom: 10px;
	border-top: 1px solid silver;
	padding-top: 5px;
}

.art-contexte.references h6 {
	font-size: 1.1em;
	margin-bottom: 5px;
	line-height: 1.3em;
	font-weight: bold;
}

.art-contexte.references span {
	font-weight: normal;
	font-style: normal;
}

/* page mot */


h3.exemples {
	margin-left: 20px;
	color: #505050;
}


ul.liste-exemples {
	margin-left: 20px;
}


ul.liste-exemples li {
	margin-top: 5px;
	margin-bottom: 5px;
}

ul.liste-exemples h6 {
	margin-top: 20px;
	margin-bottom: 5px;
}

.texteMot {	margin-left: 20px;
width: 68em;
}

/* !!! ancien */


.actu {
	margin-left: 0;
	float: left;
	width: 450px;
	color: #505050;
	margin-right: 20px;
	padding-left: 20px;
}

/* page article */

.texte-article, .actu {
	margin-left: 0;
	float: left;
	/*width: 450px;*/
	color: #505050;
	margin-right: 20px;
	padding-left: 20px;
}



.texte-article p.spip {
	line-height: 1.5em;
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 1em;
}


h3.mission {
	margin-left: 20px;
	font-size: 1.2em;
	line-height: 1.5em;
	font-variant: small-caps;
}

.spip_document {
	display: block;
}


h2.offre-article {
	font-size: 1.1em;
	color: #9b967e;
	line-height: 1.5em;
	margin-top: 40px;
	border-bottom: 1px solid #cec7a7;
	padding-top: 10px;
	text-transform: uppercase;
}

h4.offre-article {
	font-size: 1.1em;
	margin-top: 1em;
	color: #6b6b6b;
	line-height: 1.5em;
}


h5.offre-article {
	font-size: 1.2em;
	line-height: 1.5em;
}

h5.offre-article a {
	color: #0063DC;
}







.art-contexte {
	float: left;
	color: #505050;
	padding-left: 20px;
	
	/*border-left: 1px solid #cec7a7;*/
	margin-top: 10px;
	line-height: 1.3em;
}

.art-contexte h4 {
	font-style: italic;
	background-color: white;
	padding: 1em;
	margin-top: 1em;
	margin-right: 1em;
}

.art-contexte ul {
	margin: 2px 0px 2em;
	padding: 0 0 0 1em;
}

.art-contexte li {
	padding: 0px;
	margin: 1em 0px;
}

div.listeContexte {
	float: left;
	width: 200px;
	min-height: ;
	height: 200px;
	background-color: #dbdbdb;
	margin: 5px;
}

 

/* La page de contact */


div.formulaire_spip.formulaire_ecrire_auteur {
	width: 450px;
	margin-top: 20px;
	margin-left: 20px;
}

/* Le fond */


#fond {
	clear: both;
	margin-top: 10px;
	font-size: 0.9em;
	margin-left: 20px;
	width: 900px;
}

.presentation-fond {
	line-height: 1.5em;
}

.modele-nav {
	padding-left: 20px;
}






.spip_bouton {
	/*border: 2px solid #404040;
	padding: 3px;
	background: #d0d0d0;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;*/
}
.spip-admin {
	position: fixed;
	bottom: 0px;
	font-size: 90%;
	padding: 2px;
	line-height: 1.4em;
}


.forml {
	background-color: #ececec;
	margin: 4px;
	padding: 1px;
	border: dashed 1px #909090;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

/* Page auteur (contact) */

h2.contact {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-left: 20px;
	margin-top: 20px;
}

.bio {
	width: 450px;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.4em;
}

  /* links
--------------------------------- */
a:link, a:visited {
  color:#000;
  /*font:10px Verdana,Arial,Helvetica,Sans-serif;
  font-weight: normal;
  background-color:transparent;
  text-decoration:none;*/
  }
a:hover {
	background-color:transparent;
	text-decoration: underline;
  }	
  
  
  
/*#texte {
	margin-top: 8px;
}

#cartouche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	width: 500px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
#surtitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
#titre-texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d6cdb1;
	display: inline;
}

#ex {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	display: inline;
}*/

/*#hasard {
	display: inline;
	color: #999999;
}*/

/* Menu*/ 

/*#menu	a:link, #menu a:visited {
  color:#000;
  font:10px Verdana,Arial,Helvetica,Sans-serif;
  font-weight: normal;
  background-color:transparent;
  text-decoration:none;
  }
  
#menu a:hover {
	background-color:transparent;
	text-decoration: underline;
  }	
  
  #menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	}
  
  #menu00 {
	text-align: center;
	font-weight: bold;
	border-top-color: #666666;
	border-top-style: solid;
	border-top-width: thin;
	width: auto;
	display: run-in;
}*/