/* 1. Generalites
/* 2. Header
/* 3. Menu Horizontal
/* 4. Content
/* 5. Footer


/* ------------------------------------ */
/*                                  (1) */
/*            Generalites               */
/*                                      */
/* ------------------------------------ */


body {
	background: #FFF url(../images/fond.jpg) repeat-x 0 0;
	font: normal 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: black;
	margin: 0;
	padding: 0 0 2em 0;
	text-align: center;
}

#site {
	margin:0 auto;
	width: 1000px;
}

a {
	color: #5b6811;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: underline;
	font-weight: bold;
}


h1 {
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	text-decoration: none;
}

h2 {
	margin: 1.6em 0 0.9em 0;
	font-weight: bold;
	font-size: 1.5em;
	color: #9bb50c;
}

h3 {
	margin: 1.4em 0 0.9em 0;
	font-weight: bold;
	font-size: 1.3em;
	color: #e5400d;
}

h4 {
	margin: 1.2em 0 0.7em 0;
	font-weight: bold;
	font-size: 1.1em;
	color: #134684;
}


a#accueil {
	position: absolute;
	left: 50px;
	top: 25px;
	width: 300px;
	height: 80px;
}

.cache {
	text-indent: -5000px;
	font-size: 0px;
	line-height: 1px;
	text-decoration: none;
}

.news {
	margin-right: 15px;
	font-weight: bold;
	color: #ff5a00;
}

a.suite {
	font-weight: bold;
	color: #ff5a00;
}

a img { border: 0 none; }
img { border: 0 none; }




/* ------------------------------------ */
/*                                  (2) */
/*               Header                 */
/*                                      */
/* ------------------------------------ */


#header {
	position: relative;
	width: 1000px;
	height: 153px;
	background: url(../images/header.jpg) left top no-repeat;
	margin: 0 auto;
	text-align: left;    
}



/* ------------------------------------ */
/*                                  (3) */
/*            Menu Horizontal           */
/*                                      */
/* ------------------------------------ */



#menuh {
	position: absolute;
	top: 111px;
	/top: 124px; /* IE6 + IE7 */
	left: 5px;
	text-align: left;
}

#menuh ul li {
	float: left;
	margin-right: 5px;
	list-style: none;
}

#menuh li a {
	float: left;
	height: 29px;
	background: url(../images/menuh-bg.jpg) repeat-x;
	line-height: 2.3em;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #000000;
	padding: 0 15px 0 15px;
	margin: 0px;
}



/* ------------------------------------ */
/*                                  (4) */
/*              Content                 */
/*                                      */
/* ------------------------------------ */


#content {
	background: url(../images/content-bg.jpg) left top no-repeat;   
	text-align: left;
	width: 1000px;
	margin: 0 auto;
	padding-top: 8px;
}

#content-bgmenu {
	background: url(../images/menu-bg.jpg) 702px top repeat-y;   
}

#content #general {
	float: left;
	width: 702px;
}

#general-content {
	margin: 36px 25px 0 54px;
}

#edito {
	background: url(../images/quote.jpg) left 40px no-repeat;
}

#edito p {
	padding-left: 45px;
}

/* ---------------------  */
/*     Vignette large     */

ul#vignette-large { 
	list-style-type: none;
	margin: 0;
	margin-left: -5px;
	margin-top: 25px;
	padding: 0;
}

#vignette-large li{ 
	width: 208px;
	float: left;
	height: 125px;
	margin: 0 0 4px 0;
	padding: 0px;
	background: url(../images/vignette-large.jpg) no-repeat top;
	position: relative;
}

#vignette-large img {
	margin: 11px 0 0 14px;
}


/* -----------------------  */
/*       afficher.php       */

ul#vignette-afficher { 
	list-style-type: none;
    margin: 0;
	margin-left: 0px;
	margin-top: 25px;
    padding: 0;
}

#vignette-afficher li{ 
	width: 612px;
	height: 175px;
	margin: 0 0 5px 0;
    padding: 0px;
	background: url(../images/vignette-afficher.jpg) no-repeat top;
    position: relative;
}

.vignette-gauche img {
	margin: 24px 0 0 6px;
}

.vignette-gauche {
	float: left;
	width: 426px;
}

.vignette-droite {
	float: left;
	width: 185px;
	margin-top:18px;
}

.vignette-droite img {
	margin: 4px 5px -3px 0;
}

.vignette-droite h3 {
	margin: 0 0 1.8em 0.8em;
	font-weight: bold;
	font-size: 1.0em;
	color: #e5400d;
}

.vignette-droite a {
	font-weight: bold;
	color: #e5400d;
}

.vignette-droite a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #e5400d;
}

.valide {
	color: #5d5d5d;
}	

.pages {
	font-size: 10pt;
	padding: 3px 4px 3px 4px;
	border: 1px solid #C0C0C0;
	margin: 0 3px;
	color: #000;
}

.pages:hover {
	background: #279fde;
	text-decoration: none;
	color: #fff;
}

.pages-active {
	font-size: 10pt;
	padding: 0 4px;
	border: 1px solid #C0C0C0;
	background: #ebebeb;
	margin: 0 3px;
	color: #000;
}

.pages-active:hover {
	text-decoration: none;
}

#pages {
	float: left;
	width: 180px;
	margin-top:15px;
}

#pages-droite {
	float: right;
	width: 150px;
	margin-top:15px;
}

.pages-droite {
	font-size: 10pt;
	padding: 3px 4px 3px 4px;
	border: 1px solid #C0C0C0;
	margin: 0 3px;
	color: #000;
}

.pages-droite:hover {
	background: #279fde;
	text-decoration: none;
	color: #fff;
}


/* -----------------------  */
/*         fiche.php        */

#vignette-fiche {
	width: 158px;
	height: 119px;
	border: 1px solid #C0C0C0;
	background: #FFF;
	margin: 5px 20px 6px 0;
	float: left;
}

#vignette-fiche img {
	margin: 4px;
}


#fiche-gauche {
	float: left;
	width: 260px;
	margin-top: 15px;
}

#fiche-droite {
	float: left;
	width: 355px;
	margin-top: 15px;
}

#fiche-droite h3 {
	margin: 0 0 1.0em 0.8em;
	padding: 5px 5px 5px 8px;
	font-weight: bold;
	font-size: 1.0em;
	background: #efefef;
	color: #ff4e00;
}

#fiche-droite ul {
	list-style-type: none;
    margin: 0 0 1.8em 0.9em;
    padding: 0px;
}

#fiche-ct ul {
	list-style-type: none;
    margin: 0 0 1.8em 0.9em;
    padding: 0px;
}

#fiche-ct li{ 
	width: 170px;
	float: left;
	margin: 0 0 0 0;
	padding: 0px;
	position: relative;
}

#formulaire input  {
	border:1px solid #C0C0C0;
	background-color:#f5f5f5;
	padding: 4px;
	font-family:"trebuchet ms", sans-serif;
	font-weight: bold;
}

#formulaire input:hover  {
	border:1px solid #C0C0C0;
	background-color:#279fde;
	font-family:"trebuchet ms", sans-serif;
	font-weight: bold;
	color: #FFF;
}

#confirmDialog a {
	border:1px solid #C0C0C0;
	background-color:#f5f5f5;
	padding: 5px 7px 5px 7px;
	margin-left: 5px;
	font-family:"trebuchet ms", sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

#confirmDialog a:hover {
	border:1px solid #C0C0C0;
	background-color:#279fde;
	font-family:"trebuchet ms", sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}

#fiche-gauche-bas {
	float: left;
	width: 280px;
	margin-top: 10px;
	margin-bottom: -15px;
	background: #FFF url(../images/ombre.gif) right no-repeat;
	padding: 0;
}

#fiche-droite-bas {
	float: left;
	width: 325px;
	margin-top: 10px;
	margin-bottom: -15px;
	padding: 20px 0 0 0;
}


/* --------------------  */
/*   /KITS/ index.php    */

ul#liste-categories { 
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
#liste-categories li{ 
	width: 305px;
	float: left;
	margin: 0 0 22px 0;
    padding: 0px;
    position: relative;
	padding: 0;
	text-align:left;
	height:40px;
}

#liste-categories a {
	color: #000;
    text-decoration: none; 
    font-weight: bold;
}



/* --------------------  */
/*      ajouter.php      */

#ajouter {
	margin: 35px 0 0 0;
}

#ajouter input  {
	border:1px solid #C0C0C0;
	background-color:#FFF;
	padding: 3px;
	font-family:"trebuchet ms", sans-serif;
	font-weight: bold;
	color: #000;
}

#ajouter input:hover  {
	border:1px solid #C0C0C0;
	background-color:#F5F5F5;
}

#ajouter textarea {
	border:1px solid #C0C0C0;
	background-color:#FFF;
	font-family:"trebuchet ms", sans-serif;
	font-size: 1.0em;
	font-weight: bold;
}

#ajouter textarea:hover {
	border:1px solid #C0C0C0;
	background-color:#F5F5F5;
}

/* ----- gestion ------ */

#gestion input  {
	border:1px solid #C0C0C0;
	background-color:#f5f5f5;
	padding: 2px;
	font-family:"trebuchet ms", sans-serif;
	font-weight: bold;
}

#gestion input:hover  {
	border:1px solid #C0C0C0;
	background-color:#f5f5f5;
	font-family:"trebuchet ms", sans-serif;
	font-weight: bold;
	color: #000;
}

#gestion a:hover  {
	text-decoration: none;
	font-weight: normal;
}

/* ------ FAQ ------ */

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

#faq li {
    padding-bottom: 20px;
}

#faq a  {
    color: #000;
}

#faq-afficher ul  {
	list-style-image: url(../images/puce.gif);
	margin: 20px 0 25px 25px;
	padding: 0;
}

#faq-afficher li  {
	padding: 0 0 10px 0;
}

#faq-afficher li a  {
    color: #000;
}

#faq-afficher li a:hover  {
    text-decoration: none;
	color: #000;
}


/* ------ CONTACT ------ */

#contact-gauche {
	float: left;
	width: 170px;
	margin-top: 15px;
}

#contact-gauche ul {
    list-style: none;
	margin: 0px;
	padding: 0 0 0px 0px;	
}

#contact-gauche li {
    padding-bottom: 20px;
}

#contact-droite {
	float: left;
	width: 405px;
	margin-top: 15px;
	margin-left: 25px;
}

#contact-droite input  {
	border:1px solid #d9d9d9;
	background-color:#fcfcfc;
	margin-bottom: 12px;
	padding: 3px;
	font-family:"trebuchet ms", sans-serif;
	font-weight: normal;
	color: #000;
}

#contact-droite textarea {
	border:1px solid #d9d9d9;
	background-color:#fcfcfc;
	font-family:"trebuchet ms", sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	margin-bottom: 12px;
}

/* ------ ../CONDITIONS ------ */

#conditions ul {
	list-style-image: url(../images/puce.gif);
	margin: 0 0 0 40px;
	padding: 0;
}

#conditions li {
    padding-bottom: 8px;
}


/* --- Pubs Google Adsense --- */

.adsense-banniere {
	text-align: center;
	margin-bottom: -20px;
}


/* ------------------- */
/*        Droite       */

#menu {
	float: right;
	width: 298px;
	background: url(../images/menu-bg.jpg) left top repeat-y;
}

#menu-content {
	margin-top: 10px;
}

#menu-content #annonce-200 {
	margin: -5px 40px 0 20px;
	padding-top: 10px;
}

#menu-content #annonce-250 {
	margin: -5px 40px 0 10px;
	padding-top: 10px;
}

#menu-content h2 {
	margin: 1.4em 0 0.8em 0;
    padding: 6px 40px 0 18px;
	min-height: 31px;
	font-size: 1.1em;
	color: #FFF;
}

#menu-content ul {
    list-style: none;
	margin: 0px;
	padding: 0 0 5px 20px;
}

#menu-content li {
	background: url(../images/hr.gif) left bottom no-repeat;
    padding-bottom: 4px;
	color: #4a4a4a;
}

#menu-content p {
	padding: 0 40px 0 20px;
	font-weight: normal;
	color: #4a4a4a;
}

#menu-content a {
	color: #5b6811;
	text-decoration: none;
}

h2.vert { background: url(../images/menu-vert.jpg) no-repeat; }
h2.orange { background: url(../images/menu-orange.jpg) no-repeat; }
h2.bleu { background: url(../images/menu-bleu.jpg) no-repeat; }

#clear {
	width: 807px;
	height: 14px;
	margin: 0 auto;
	font-size: 1px;
	clear: both;
}

.clear {
	width: 807px;
	height: 14px;
	margin: 0 auto;
	font-size: 1px;
	clear: both;
}



/* ------------------------------------ */
/*                                  (5) */
/*              Footer                  */
/*                                      */
/* ------------------------------------ */


#footer {
	width: 1000px;
	height: 139px;
	background: url(../images/footer.jpg) left top no-repeat;   
}

#footer p {
	margin: 0;
	padding: 115px 0 2px 0;
	font-size: 0.9em;
	text-align: center;
	color: #626262;
}

#footer a {
	color: #3d3d3d;
}