/*	               Gabarit 2 colonnes  du Front			               	*/

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

body 		{ padding: 0; font-family: arial; font-size: 12px; text-align: center; color: #606060;  background:url(../images/fond/body.jpg) left top repeat-x;background-color: #f3ece3; }

h1  		{ position: absolute; top: 3px; left: 44px; zoom:1; z-index:50000 }
h2   		{ margin: 5px 0 7px 0px; padding: 2px 0 0 15px; font: normal 18px "Trebuchet MS"; color: #8f8f79; padding-left:20px; background:url(../images/puce/h2.gif) left top no-repeat   }
h3  		{ margin: 15px 0 10px 0px; color: #a18263; font-size:14px; text-transform:uppercase; background:url(../images/puce/h3.gif) left top no-repeat; padding-left:20px }
h4   		{ margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #806b3c }
h5   		{ margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #806b3c }

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

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


ul li 				{ list-style: none; font: normal 11px/18px arial; margin: 10px 15px 10px 24px }
ul.puced li 		{ list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px 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:#81a20d; text-decoration: underline; font: normal 11px arial }
a:hover  { color:#a58667; text-decoration: underline }
a.a-pdf{  background:url(../images/puce/a-pdf.jpg) left top no-repear}


abbr    { cursor: help;  } 


/*	////////////////////			Conteneurs generaux 					*/	
#intro 				 { width:976px; height:216px; background: url(../images/bandeau/header01.jpg) left top no-repeat; position:relative; margin:0 auto }
#contenttop{ width:976px;background:url(../images/fond/contenttop.jpg) left top no-repeat; position:relative; }
#contentbottom{ width:976px; background:url(../images/fond/contentbottom.jpg) left bottom no-repeat; position:relative; margin:0 auto; }
#contenu{ float:right; width:680px; margin-right:40px; padding-top:35px; text-align:left}

#menu{ width:212px; padding-top:35px; }
#menu ul li, #menu a.menu, #menu a.nomenu	{ text-align:left; cursor:pointer }
#menu a.menu	{ display:block; margin:7px 0pt 7px 23px}
#menu a.nomenu	{ display:block; margin:16px 0pt 16px 23px}
#menu ul li	a, #menu a.menu, #menu a.nomenu {font-weight:bold; color:#065960; text-transform:uppercase; font-size:12px; text-decoration:none; background:url(../images/puce/menuli.gif) left 3px no-repeat; padding-left:20px}
#menu ul li a:hover, #menu a.menu:hover , #menu a.nomenu:hover{ color:#97bf0d}
#menu ul li li, #menu div.element li { margin:5px 0pt 5px 30px}
#menu ul li li.sousmenu2, #menu div.element li.sousmenu2 { margin:5px 0pt 5px 45px}
#menu ul li li	a, #menu div.element li a {font-weight:normal; color:#1f1f1f; text-transform: capitalize; font-size:12px; text-decoration:none; background:url(../images/puce/menulili.gif) left 3px no-repeat; padding-left:15px}
#menu-container{ text-align:left; padding-bottom:30px;}
#menu ul li li a:hover, #menu div.element li a:hover{ color:#97bf0d}
#menu ul li li.sousmenu2 a, #menu div.element li.sousmenu2 a { font-size:10px; color:#777; line-height:12px}
#menu ul li li.sousmenu2 a:hover, #menu div.element li.sousmenu2 a:hover { color:#000;}


.faireundon{/* position:absolute; top:374px; left:13px; */ width:212px; position:relative; left:6px;}
#menusearch{ position:absolute; left:621px; top:29px; z-index:5000}
.forum{ position:absolute; left:915px; top:29px; z-index:5001}

/*			home			*/
.tdcadre{ border-bottom:1px solid #ccc; border-top:1px solid #ccc; vertical-align:middle; font-size:11px}
.temage{ font-weight:bold; color:#006871}
.temans{ font-weight:bold; color:#3f3f3f}
.temtown{ color:#3f3f3f}
.temname{ font-weight:bold; color:#006871; font-size:12px}
.linksuite{ font-weight:bold; font-style:italic; font-size:11px; color:#81a20d; text-decoration:none; background:url(../images/puce/linksuite.gif) left 4px no-repeat; padding-left:10px}
.linksuite:hover{ color:#a28364; text-decoration:none}
.bordertop{ border-top:1px solid #ccc}

.entete{ font-weight:bold; color:#9ec026; font-size:13px}
.cadre{ padding:3px; border:1px solid #ccc}
.fleft{ float:left; margin:0 15px 15px 0}
.cadrefleft{ padding:3px; border:1px solid #ccc; float:left; margin:0 15px 15px 0}
.fright{ float:right; margin:0 0 15px 15px }
.cadreright{ padding:3px; border:1px solid #ccc; float:right; margin:0 0 15px 15px }
#contenu ul li{ background:url(../images/puce/ulli.gif) left 6px no-repeat; padding-left:15px} 


/*			search				*/
.searchtable{ width:100%}
.searchtable td{ width:50%; border:1px solid #ccc; padding:3px; vertical-align:top}
.searchtable td a{ font-weight:bold; font-size:14px; text-decoration:none}
.links{ text-align:center; font-size:13px}
.links a{ font-weight:bold; font-size:11px}

/*			slideshow			*/
.slideshow{ position:absolute; z-index:500}
.slideshow-images {height: 216px;width: 976px; z-index:500}		
.slideshow-images-visible { opacity: 1;}	
.slideshow-images-prev { opacity: 0; }
.slideshow-images-next { opacity: 0; }
.slideshow-images img {float: left;left: 0;top: 0;}	



/*	////////////////////			Footer								   */
#outro 				 { width:976px; padding-top:6px}
#outro p 			 { color:#a99981; text-align: right; padding: 16px 10px 0 0; font-size:11px }
#outro p a 			 { color:#a99981; text-decoration: none; font-size:11px }
#outro p a:hover   { text-decoration: underline }


/*	////////////////////			Formulaires 						  */

form.formatform                  { width: 640px;  margin: 30px auto 15px auto; padding: 0;} 
form.formatform td                  { background:url(../images/fond/coinformu.gif) left top no-repeat; padding:22px 0 0 27px} 
form.formatform  h3              { margin: 0 0 16px 0px;   } 
form.formatform  label.lbleft    { float: left; width: 140px; font: bold 11px arial; color: #7d7d7d;  } 
form.formatform  input, form.formatform textarea ,input.text        { border: 1px solid #afe900; background:url(../images/fond/inputtext.jpg) left top no-repeat; color:#7a7a7a; font-size:12px }
form.formatform  select          { border: 1px solid #afe900; background-color:#fff ;background:url(../images/fond/inputtext.jpg) left top no-repeat; color:#7a7a7a;  } 
                 p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 
form.formatform  .valid { border:2px solid #d6d6d6; background:url(../images/fond/valid.gif) left top repeat-x; height:31px; color:#5f8101; font-weight:bold; padding:0 5px; text-transform:uppercase}
option{ background-color:#fff}

.tablcontact{ width:100%}


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

.input 		{ border: 1px solid black }
.bordered 	{ border: 1px solid black }
.noborder 	{ border:none }
.kill 		{ display: none }
.center 		{ text-align: center }
.clear 		{ clear:both; visibility: hidden; height: 0 }
.noborder 	{ border: none }
.bita 		{ margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #065960 }
.center 		{ text-align: center }
.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 arial;    } 
.indent    { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px;   } 
.aucun     { text-align: center; padding: 55px 0 0 0;   } 
.alignement{ vertical-align:middle}

/*	////////////////////			Messages d erreurs					 */
.denied       { margin: 10px 20px 20px 30px; color: red; font: normal 12px arial; }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat;  }



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



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

.tablementions td{ background:url(../images/fond/mentions.jpg) left top no-repeat; width:303px; height:327px}
.tablementions td p{ text-align:center}
.tablementions td h3{ background:none; padding:0; margin-top:40px}
.conformement 		   { font: normal 10px verdana; text-align:center; color:#777 }



/*	////////////////////			Conteneurs generaux 		3 colonnes en tableau		

table#mainTable                { width: 983px; margin: 0 auto; text-align: left;   } 
table#mainTable  td#intro      { width: 983px; height: 197px; background: url(../images/fond/header.jpg) left top no-repeat; position:relative; top: 0; left: 0;   } 
table#mainTable  td            { vertical-align: top  } 
table#mainTable  td#colLeft    { width: 209px; border: 1px solid #f68409;  } 
table#mainTable  td#colCenter  { width: 571px; background-color: #fff; border: 1px solid #f68409;   }
table#mainTable  td#colRight   { width: 201px;  border: 1px solid #f68409;  } 
	*/