@charset "utf-8";

/* ---------------------------------------------------------------------------- */
* 			{font-size:1em; font-family:Tahoma, Arial, Helvetica, sans-serif; 
			 margin:0; padding:0; border:0; list-style-type:none;}
body 		{background:#5B543F url(../images/bkg-body.jpg) repeat-x; font-size:80%; color:#000/*403B2C*/;}

#contenant	{width:760px; margin:0 auto;}

/* >>> En-tête ---------------------------------------------------------------- */
#entete		{position:relative; margin:10px 0 5px; background-color:#FFF;}
#logo 		{display:block; width:150px; height:50px; padding:20px 10px 0; 
			 position:relative; font-size:2em; font-weight:normal; color:#000; text-decoration:none;}
#logo span	{position:absolute; left:0; top:0; width:160px; height:70px; 
			 background:transparent url(../images/logo.png) no-repeat 0 100%; cursor:pointer;}
#icones		{position:absolute; top:40px; right:6px;}
#icones img	{border:none;}

/* >>> Navigation ------------------------------------------------------------- */
#navigation				{border-bottom:1px solid #C5C2BB; background-color:#5B543F;}
#navigation ul			{width:720px; margin:0; padding:7px 20px 0; background-color:#5B543F;}
#navigation li 			{float:left; padding:0 0 7px 12px; line-height:normal; 
						 background:transparent url(../images/nav-separateur.gif) no-repeat 5px 100%;}
#navigation a			{display:block; float:left; padding:7px 7px 7px 19px; 
						 background:transparent url(../images/nav-puce.gif) no-repeat 5px 50%;
					 	 color:#FFF; text-decoration:none; text-transform:uppercase;}
#navigation a.actif, 
#navigation a:hover, 
#navigation a:focus, 
#navigation a:active	{background-color:#807658;}

/* >>> Zone centrale ---------------------------------------------------------- */
#zonecentrale	{height:200px; margin:0 0 5px; background:#300 url(../images/bkg-zonecentrale.jpg) no-repeat;}
#zc-contenu		{padding:70px 25px 0 275px; font-size:1.2em; color:#FFF;}
#zc-contenu *	{line-height:1.5em;}

/* >>> Contenu ---------------------------------------------------------------- */
.colonne-g		{float:left; width:215px; padding:0 20px;}
.colonne-d		{float:left; width:485px; padding:0 0 0 20px;}

#ct-titre				{width:100%; background:transparent url(../images/bkg-contenu.gif) repeat-y 100% 0;}
#ct-titre .colonne-g 	{margin:0 5px 5px 0; padding:25px 15px 5px 20px; 
						 background-color:#FFF; font-size:1.7em; color:#000/*5B543F*/; text-align:right; text-transform:uppercase;}
#ct-titre .colonne-d	{margin:0 0 0 20px; padding:30px 0 6px; background-color:#EFF2E7; 
						 border-bottom:1px solid #C4C2BA; font-size:1.2em;}	
#ct-titre h1, 
#ct-titre h2 			{font-weight:normal;}

#ct-contenu							{min-height:370px; width:100%; padding:20px 0 40px; background-color:#EFF2E7;}
#ct-contenu .colonne-d 				{width:465px !important; width:464px; padding:0 20px;}
#ct-contenu .colonne-d div.encadre	{margin:0 -20px 20px -15px; padding:15px 20px 15px 15px; background-color:#FFF;}

div.image				{float:left; width:190px;}
div.description			{float:left; width:260px;}
#nb-commentaires		{margin:0; padding:0 0 1em; border-bottom:1px solid #C4C2BA;}
div.commentaire			{padding:1em 1em 0; border-bottom:1px solid #C4C2BA;}
#ct-contenu #respond	{margin-top:20px;}

/* >>> Pied de page ----------------------------------------------------------- */
#piedpage	{padding:20px 0; text-align:center; font-size:0.85em; color:#FFF;}

/* >>> Contenu : Mise en forme ------------------------------------------------ */
h2 						{margin:0 0 1em; line-height:1.4em;}
.titre-n2				{font-size:1.25em; font-weight:normal; text-transform:uppercase; 
						 margin-bottom:0.65em; padding-bottom:0.1em; line-height:normal;}
.sous-titre				{display:block; margin:0.3em 0 0;}
.titre-n2 .sous-titre 	{font-size:0.8em; text-transform:none;}
.no-espace				{margin-bottom:0;}

p, li 			{line-height:1.4em;}
p, ul			{margin:0 0 1em;}
p.fin 			{margin-bottom:0;}
li 				{padding:0 0 0 20px; background:transparent url(../images/puce.gif) no-repeat 5px 6px;}
.note 			{font-size:0.85em;}
.construction 	{font-size:0.7em; text-transform:none; color:#777;}
.nobr			{white-space:nowrap;}
.droit			{text-align:right;}
a 				{color:#944000;}
a:hover 		{color:#336600;}
img 			{border:1px solid #A5A293;}
cite			{font-style:normal;}

.colonne-d ul.colonnes-2 li {float:left; width:210px;}
ul.colonnes-2 li.fin 		{margin:0 0 0.5em;}

#nav-blogue li 				{float:left; width:50%; margin:0 0 0.5em; padding:0; background:none;}


/* Formulaire */
.champ					{margin:0 0 1em;}
label					{display:block; margin-bottom:0.4em;}
input.saisie, textarea	{width:365px; margin:0 5px 0 0; padding:4px; border:1px solid #5B543F;}
textarea				{height:196px;}
.obligatoire 			{font-size:0.85em; color:#C30;}
.oblig-saisie			{position:relative; top:-5px;}
.oblig-textarea			{position:relative; top:-187px;}

button 					{position:relative; padding:0 15px 0 0; cursor:pointer; overflow:visible;/*IE*/
			 		 	 background:transparent url(../images/bkg-bouton.gif) no-repeat 100% -35px;}
button span 			{position:relative; display:block; white-space:nowrap; padding:7px 0 7px 15px; height:16px;
					 	 background:transparent url(../images/bkg-bouton.gif) no-repeat;
						 color:#FFF; text-transform:uppercase;}
button::-moz-focus-inner {border:none;/*Firefox*/}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	button span {margin-top:-1px;} /*Safari, Google Chrome*/
}

#erreur 		 {margin:0 0 1.5em; padding:10px; border:1px solid #C30; }
.titre-erreur	 {color:#C30; font-weight:bold;}
#erreur a 		 {color:#000; text-decoration:none;}
#erreur a strong {color:#C30;}
#erreur ul		 {padding:0 0 0 15px;}

#succes			 {padding:10px; border:1px solid #408000;}
.titre-succes 	 {color:#408000; font-weight:bold;}



.clear   {clear:both;}
.masquer {display:block; position:absolute; left:-500em; line-height:0;} /* Uniquement pour les lecteurs d'écran */