/*     CSS Front Cie des Jardiniers				*/

* 			{ margin:0; padding:0; border: none; text-decoration: none }

body 		{ padding: 0; font-family:  Verdana, arial, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background-color: #fff }

h1 a 		{ position: absolute; top: 100px; left: 0; top: 0; width: 200px; height: 143px; display: block; text-indent: -999em }
h2   		{ margin: 5px 0 20px 20px; padding: 0 0 0 15px; font: normal 18px "Trebuchet MS"; color: #630001; 
     		  background: url(../images/fond/f-h2.gif) left 3px no-repeat;  }
h3  		{ margin: 19px 0 10px 0px; font: normal 18px "Trebuchet MS"; color: #2a6a1a }
h4   		{ margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #2a6a1a }
h5   		{ margin: 15px 0 10px 10px; font: normal 14px "Trebuchet MS"; color: #2a6a1a }

p    		{ font: normal 11px/18px verdana; margin: 0 0 8px 0; text-align:left }

input    { padding: 0 0 0 3px; font: normal 11px verdana }
textarea { padding: 4px; font: normal 11px verdana }
select   { font: normal 11px verdana  } 

ul li 				{ list-style: none; font: normal 11px/18px verdana; margin: 10px 15px 10px 24px }
ul.puced {overflow:hidden;}
ul.puced li 		{ list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 17px; background: url(../images/puce/p.gif) left 4px no-repeat }
ul.puced li img 	{float:right; margin:5px;}

ul.puced6 li 		{ list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 26px; background: url(../images/puce/p3.gif) left top no-repeat }

ul.radio li		   { float: left }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
 
a img    { border: none; text-decoration: none }

a        { color: #799b45; text-decoration: underline; font: normal 11px verdana }
a:hover  { color: #799b45; text-decoration: underline }

abbr     { cursor: help;  } 

.format          		   { padding: 0 4px 0 0;   } 
.format h2      		   { margin: 5px 0 37px 20px; } 
.format-inside          { padding: 0 32px 25px 45px  } 
.format-inside a { color:#799b45; } 
/*.format-inside a img { border:solid; border-color:#799b45; }*/ 
.format-inside strong   { color: #474111  } 
.format-inside p.lire a img  { border:none;  }

.format-inside.elagage p {text-align:justify;}

.format-inside.elagage p.align {padding:45px 0 0 0;}


.format-inside .small {overflow:hidden; width:359px; float:left;}
	.format-inside .small img {margin:0 17px 0 0; float:left;}
	.format-inside .small img.last {margin:0 0;}
.format-inside .medium {float:left; width:666px; overflow:hidden;}
	.format-inside .medium img {margin:0 11px 0; float:left;}
	.format-inside .medium img.first {margin:0 11px 0 0;}
	.format-inside .medium img.last {margin:0 0 0 0; float:right;}
.format-inside .large {float:left; width:666px; overflow:hidden;}
	.format-inside .large img {margin:0 8px 0; float:left;}
	.format-inside .large img.first {margin:0 7px 0 0;}
	.format-inside .large img.last {margin:0; float:right;}

.aucun       { text-align: center; margin: 45px 0 0 0   } 

p.retour     { padding: 0 0 6px 26px; background: url(../images/puce/p3.gif) left top no-repeat }   

p span { text-decoration:underline; }

.fleft    {  float: left; margin: 0 15px 0 0px;   } 


.detailAnnonce    {   } 
.detailAnnonce  label.lbleft {  width: 145px; display: block; float: left; font-weight: bold;  color: #2a6a1a }

/*//////////////////////////////					    Offres d'emploi */

form.f-form-search        {  width: 454px; height: 62px; margin: 15px auto 7px auto;  background: url(../images/fond/f-form-search.gif) left top no-repeat;  } 
form.f-form-search p      { padding: 15px 0pt 0pt 34px  } 
form.f-form-search label  { font-weight: bold; padding: 0 5px 0 0;  } 
form.f-form-search input.valid  { position:relative; top: 6px; left: 3px;  } 


table.full            {  margin: 0 auto;  } 
table.full caption      {   margin: 15px 0 10px 15px; font: normal 18px "Trebuchet MS"; color: #806b3c; text-align: left; } 
table.full td         { vertical-align: middle;  padding: 3px 5px; width: 120px; text-align: center;  } 
table.full tr.entete      { background: url(../images/fond/f-th.gif) left top repeat-x   }
table.full tr.entete  td  { border: 1px solid #a69f67;  text-align: center; color: #ffffff; font-weight: bold;   } 

table.full tr.altern td    { background-color: #c7e099; border: none } 
table.full tr.classic td     { background-color: #d9e5c2;     } 



p.indispo    { text-align: center; font-weight: bold; margin: 35px 0 0 0px;   } 


/* /////////////////////////     Visuels des pages      */
 
.visuFloatRight    {  float: right; margin: 5px 0px 12px 0px; position:relative; top: 0px; left: 32px;  } 
.visu2             { position:relative; top: 10px; left: -51px;   } 

p.visuEntretien    { position:relative; top: 10px; left: -77px;   } 


#cont-slide    { width: 294px; height: 177px; background: url(../images/illustr/contSlide.jpg) left top no-repeat; position:relative; top: 10px; left: -77px;  } 
#slideshow3    { position:relative; top: 14px; left: 75px;   } 
#slideshow3  img    { } 

p.arrosageVisu    { position:relative; top: 0px; left: -77px;  margin: 10px 0;   } 


#cont-slideBig    { width: 686px; height: 331px; margin: 0 ; background: url(../images/illustr/cont-slideBig.jpg) left top no-repeat; } 
#slideshow5       { position:relative; top: 15px; left: 216px;   } 


/* /////////////////////////////////				Homepage             */

div#homePage  		 { width: 739px; height: 736px; background: url(../images/fond/f-home3.jpg) right bottom no-repeat;   } 

div.titleH2   		 { margin: 25px 0 0 24px; background: url(../images/fond/h2-bot2.gif) 68px 27px no-repeat   } 
	
h2#h2-actu    		 { height: 41px; margin: 5px 0 20px 20px; padding: 0 0 0 49px; font: normal 18px "Trebuchet MS"; color: #630001; background: url(../images/fond/f-h2.gif) left 3px no-repeat  }
h2#h2-articles    		 { height: 41px; margin: 5px 0 20px 20px; padding: 0 0 0 49px; font: normal 18px "Trebuchet MS"; color: #630001; background: url(../images/fond/f-h2articles.gif) left 3px no-repeat  }
.bloc-actu         { margin: 0 0 0 93px; width: 311px; } 		
.bloc-actu p.desc  { font: normal 11px verdana; color: #67553a; line-height: 18px  } 	  

div.conteneurActu           { height: 132px;  }
div.conteneurActu p.lire    { margin: 12px 0 0 0px;  }
div.conteneurActu p.plus    { margin: 0 0 0 35px;  }
div.conteneurActu p.plus a  { position:relative; top: -18px; left: 263px;  }

h2#h2-actu span             { position:relative; top: 3px; left: 0px  }


/*  */

div.conteneurEdito           { height: 333px;   }
div.conteneurEdito p         { width: 381px; margin: 0 0 0 45px; color: #655637 }
div.conteneurEdito .menu-articles table       { margin-left:49px}
div.conteneurEdito .menu-articles p       { width: 294px; margin: 0 0 0 45px; color: #655637 }
div.conteneurEdito .menu-articles p.title       { font-weight:bold; font-size:14px; color:#388026}
div.conteneurEdito .menu-articles p.lire1       { width:25px; margin:0; float:right; position:relative; right:62px}
div.conteneurEdito .menu-articles p.lire2       {width:25px; margin:0; float:left; position: relative; left:42px}
div.conteneurEdito ul        { width: 394px;  margin: 0 0 0 33px }
div.conteneurEdito ul li     { color: #655637 }




/*      2nd Part   */
h2#presence            { background: none; margin: 236px 0 0 77px;   } 			  
			  
p.paraPresence         { color: #67553a; margin: 29px 0pt 0pt 91px  } 
p.paraPresence strong  { color: #67553a; background: url(../images/fond/carre.gif) left top no-repeat; padding: 0 0 0 17px;   } 			  


/* Actualités */

p.date       { float: right; position:relative; top: 0px; left: -10px;    } 
p.retourL    { margin: 12px 0 0 0px;   } 
	  
			  
			  
/* /////////////////////////////////				Menu Login/Logged 					*/

#persoSpace    						{ width: 306px; height: 47px; padding: 2px 0 0 167px;  background: url(../images/fond/f-perso2.gif) left top no-repeat; 
											  position: absolute; top: 0px; right: 0px; 	  } 
div#menu-login    					{  }
div#menu-login form					{ display: inline }
div#menu-login h3     				{ display: none   }
div#menu-login p    				   { display: inline }
div#menu-login label       		{ display: none;  padding: 0 0 0 14px;  font: normal 11px "Trebuchet MS"; color: #4d4d4d }
div#menu-login p.validForm       { position:relative; top: 6px; left: 3px;  }
div#menu-login p.linkx           { display: none  } 


div#menu-login input.ch 			   { border: 1px solid #c7c19c; width: 115px; height: 17px; color: #7a754f; padding: 0 0 0 6px; margin: 0 0 0 4px;  
												  position:relative; top: -1px; left: 0px;  }

div#menu-logged 						   { color: #4c600a }
div#menu-logged p.lien2 			   { }
div#menu-logged p#bonjour 	      	{ float: left;  position:relative; top: 8px; left: 0px;  color: #4c600a}
div#menu-logged p#bonjour 	strong	{ font-weight: bold; color: #4c600a}
div#menu-logged ul						{ float: left; margin: 4px 0 0 0px;    }
div#menu-logged ul li   				{ margin: 0 0 0 20px; padding: 0 0 0 16px; background: url(../images/puce/p2.gif) left 5px no-repeat; line-height: 14px;  }
div#menu-logged ul li a 				{ text-decoration: none;  font: normal 10px verdana; color: #fcfbf2 }

a.dem         { position: absolute; bottom: 5px; right: 44px; text-decoration: none; padding: 0 0 0 15px; background: url(../images/puce/p5.gif) left 2px no-repeat;  font: normal 11px arial; color: #92861e  } 
a.dem:hover   { text-decoration: underline;  } 


/* /////////////////////////////////				Conteneurs generaux 					*/	
#main-bot		    { width: 100%; /*background: url(../images/fond/spread-bot.jpg) left bottom repeat-x ;*/  }
#main-top			 { width: 100%; /*padding: 0 0 123px 0;*/   background: url(../images/fond/spread-top.gif) left top repeat-x;    }
#main				    { position: relative; width: 981px; margin: 0 auto;  text-align:left; background: url(../images/fond/spread.gif) left top repeat-y;  }

#intro 				 { width:981px; height: 187px; background: url(../images/fond/header2.jpg) left top no-repeat }

#menu-left			 {	width: 202px; min-height: 524px; position:relative; top: 0px; left: 0px  }
#menu-left ul      { margin: 0; padding: 13px 0 0 0px  } 
#menu-left ul li   { height: 26px; margin: 0 0 0 10px; padding: 6px 0pt 0px; background: url(../images/fond/f-li.gif) left bottom repeat-x    } 
#menu-left ul li a {     } 

#content-bg        {  background: url(../images/fond/content-bg.gif) left top repeat-y;  } 
#content 			 { margin: 0; padding:0; overflow: auto;  background: url(../images/fond/f-menu-left.gif) left bottom no-repeat;  position:relative; top: 0px; left: 0px;}

div#colonne_gauche { float: left; width: 233px; padding: 0;    }
div#colonne_droite { float: right; width: 747px; min-height: 524px;  margin: 0; background: #fff url(../images/fond/f-col-droite.gif) right top repeat-y;   }



/* /////////////////////////////////				Footer								   */
#outro 				 { /*width: 981px;*/ width: 100%;  height: 123px;   clear: both;   margin: 0 auto;  background: url(../images/fond/spread-bot.jpg) left top repeat-x ;  }
#outro p 			 { width: 981px; color: #3a670c; text-align: center; padding: 14px 0 0 0; margin: 0 auto;  position:relative; top: 0px; left: 0px;  }
#outro p a 			 { color: #3a670c; text-decoration: none }
#outro p a:hover   { text-decoration: underline }


a#toBureau2          { position: absolute; top: -67px; left: 7px; }    
/* /////////////////////////////////				Formulaires 						  */

form.formatform                  { width: 450px;  margin: 30px auto 15px auto; padding: 10px 15px;    } 
form.formatform  h3              { margin: 0 0 16px 0px;   } 
form.formatform  label.lbleft    { float: left; width: 140px; font: bold 11px verdana; color: #7d7d7d;  } 
form.formatform  input           { border: 1px solid #c7c19c;  }
form.formatform  select          { border: 1px solid #c7c19c;  } 
                 p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 

					  
/* /////////////////////////////////				Formulaires de Contact 						  */

#contactForm                       	   { width: 598px; height: 323px;  padding: 2px 14px 0 14px; background: url(../images/fond/f-contact.jpg) left top no-repeat;  position:relative; top: 0px; left: 0px;  } 
#contactForm  p.bita                	{  text-align: left; padding: 0 0 0 17px; margin: 0 0 36px 0px;   }
#contactForm  label.lbleft          	{ width: 133px; margin: 0 0 0 12px;   }
#contactForm  p                        { margin: 0 0 10px 0px;  } 
#contactForm  input.ch                 { border: 1px solid #c7c19c; width: 175px;   } 
#contactForm  p.centerbut                 {text-align: center; padding: 0 0 0 0; margin: 17pt 93pt 0pt 0px   } 

#contactForm  textarea  					{ width: 405px; height: 100px;  border: 1px solid #c7c19c; position:relative; top: 3px; left: 11px;  } 
p.conformement          					{ margin: 10px 25px; font: normal 10px arial;   } 

form.formatform p.recevoir   				 { background: transparent url(../images/fond/f-input.gif) no-repeat scroll left top; 
														height: 40px; padding: 10px 4px 10px 24px; position: absolute; right: 138px; top: 45px; width: 170px      } 
														
#contactForm  p.recevoir  label.lbleft  { margin: 5px 2px 0pt 0pt; padding: 0; width: 132px ; line-height: 21px}
#contactForm  p.recevoir  input  		 { margin: 16px 10px 0 9px; position: relative; top: -4px; left: -44px;   }


/* /////////////////////////////////				Formulaires Register 						  */

#registerForm                { width: 490px; padding: 22px 14px 0 31px; position:relative; top: 0px; left: 0px; border: 1px solid #dbd6b9  } 
#registerForm  h3            {  margin: 19px 0 14px 0px;  }            
#registerForm  label.lbleft  { width: 221px; margin: 0 0 0 12px;   }
#registerForm  input.text    { border: 1px solid #c7c19c; width: 225px;   } 
#registerForm  select        { width: 230px;  } 


#registerForm2                { width: 532px; padding: 22px 14px 0 31px; position:relative; top: 0px; left: 0px; border: 1px solid #dbd6b9  } 
#registerForm2  h3            {  margin: 19px 0 14px 0px;  }            
#registerForm2  label.lbleft  { width: 221px; margin: 0 0 0 12px;   }
#registerForm2  input.text    { border: 1px solid #c7c19c; width: 225px;   } 
#registerForm2  select        { width: 230px;  } 

#registerForm2     span.small    { font: normal 9px arial; text-align: center; display: block; position:relative; top: 0px; left: 55px; color: gray  } 
#registerForm2     span.small2    { font: normal 11px arial;   } 

.throw    { position:relative; top: -3px; left: 0px;   } 
/* /////////////////////////////////				Formulaires ForgotForm 						  */
#forgotForm                { width: 490px; padding: 10px 14px 0 31px; position:relative; top: 0px; left: 0px; border: 1px solid #dbd6b9   } 
#forgotForm h3             { margin: 0px 0 14px 0px;  }            
#forgotForm label.lbleft   { width: 60px; margin: 0 0 0 12px;   }
#forgotForm  input.text    { border: 1px solid #c7c19c; width: 170px; position:relative; top: -4px; left: 0px;   } 



/* /////////////////////////////////				Formulaires Profile					  */
#profilForm    {   } 
#profilForm                 { width: 490px; padding: 22px 14px 0 31px; position:relative; top: 0px; left: 0px; border: 1px solid #dbd6b9  } 
#profilForm   h3            {  margin: 19px 0 14px 0px;  }            
#profilForm   label.lbleft  { width: 221px; margin: 0 0 0 12px;   }
#profilForm   input.ch      { border: 1px solid #c7c19c; width: 225px;   } 
#profilForm   select        { width: 230px;  } 



/* /////////////////////////////////				Formulaires Login					  */
#loginForm    {  position:relative; top: 0px; left: 0px;  }
#loginForm p.centerbut { position: absolute;top: 40px; left: 312px;   } 

/* /////////////////////////////////				General styles 						*/

.input 		{ border: 1px solid black }
.bordered 	{  }
.noborder 	{ border:none }
.kill 		{ display: none }
.center 		{ text-align: center }
.clear 		{ clear:both; visibility: hidden; height: 0 }
.noborder 	{ border: none }
.bita 		{ margin: 0 auto 22px auto; text-align: center; font: bold italic 12px arial; color: #7cac39 }
.center 		{ text-align: center }
.flleft 		{ float: left; margin:0 10px 0 0;}
.flright 		{ float: right; margin:0 0 8px 10px; }
.left 		{ text-align: left }
.right 		{ text-align: right }
.full 		{ width: 100% }
.button, .centerbut	   { text-align: center; margin: 15px 0 10px 0; clear: both }
.small     { font: normal 10px verdana;    } 
.indent    { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px;   } 
.withImage img {float:left; margin:5px 10px 5px 5px;}
.borderPhotos {border:1px solid #799b45; padding:3px;}


/* /////////////////////////////////				Messages d erreurs					 */
.denied       {  width: 490px; padding: 12px 14px 6pt 31px;  margin: 10px auto 20px auto; color: red; font: normal 12px verdana; border: 1px solid #dbd6b9   }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat;  }



/* -------------------------------    */

div.element-s    { width: 172px;  background: url(../images/fond/element-s.gif) left top repeat-y;   } 
div.element-bot  {  background: url(../images/fond/element-bot.gif) left bottom no-repeat;  } 
div.element-top  {  padding: 37px 0px 10px 0px;  background: url(../images/fond/element-top.gif) left top no-repeat;  } 


/* Deposer un CV */

#cvForm              { width: 518px; margin: 0 auto;  } 
#cvForm label        { width: 196px;  } 
#cvForm ul.radio7    { margin: 0 0 0 0px;  padding: 0 0 0 0; height: 30px;  } 
#cvForm ul.radio7 li { float: left; margin: 0 10px 0 0px;   } 


div.bl-bot  { width: 611px; margin: 0 auto;   background: url(../images/fond/bl-bot.gif) left bottom no-repeat;  } 
div.bl-top  {  padding: 7px 0px 10px 0px;  background: url(../images/fond/bl-top.gif) left top no-repeat;  } 

#cvForm    span.small    { font: normal 9px arial; text-align: center; display: block; position:relative; top: 0px; left: 55px; color: gray  } 

.retouR    {  position:relative; top: 2px; left: 0px;   } 

/* /////////////////////////////////				 Page Mentions						   */

.conteneurAdresseMention    {  text-align: center; margin: 15px 0 10px 0px;   } /* Conteneur des 2 blocs d'adresse */

.inlineblock {
					display: -moz-inline-stack;  
					display: inline-block;      
					margin: 10px 25px 20px 25px;
					border: 1px solid #dbd6b9
		       }

.inlineblock h3      { margin: 0 0 10px 0; padding: 0; color: #583815; text-align: left; font: bold 12px verdana;  }	

.conformement 		   { font: normal 10px verdana }

 
div.mention-bot  { background: url(../images/fond/mention-bot.gif) left bottom no-repeat;    } 
div.mention-top  { width: 232px; height: 197px; padding: 10px ;  background: url(../images/fond/mention-top.gif) left top no-repeat;  } 


.centerphoto {text-align:center; padding:10px 0 10px 0;}
.photos {margin:0 auto; padding:5px 0 10px 0; width:650px; overflow:hidden;}
.photos li {float:left; margin:0 2px; padding:0;}
.photos.smaller {width:570px;}

.actu img{ border:solid;}