@charset "utf-8";
/* CSS Document */
body {
	font-family: Trebuchet MS, Arial Narrow, sans-serif;
	background-image: url(../images/fond-degrade.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #999;
	font-size: 62.5%;
	margin:0;
}
/* mise en page */
#global {
	/* centrage avanc� */
	position:absolute;
	left:50%;
	top:0;
	margin-left:-490px;
	/*margin-top:-350px;*/
}

#header {width: 980px; height: 120px; position: absolute; top: 0px; left: 0px; background-image: url(../images/kymco_01.jpg); background-repeat: no-repeat; background-position: top; z-index: 9; cursor: pointer}
#header h1 {position: absolute; top: -20px; left: -250px}
#header a {text-decoration: none}

#page{
	position: absolute;
	top: 110px;
	width:980px;
	color:#000;
	text-align:justify;	
	/*background-color:#FFF;
	background-repeat: repeat; 
	background-color: #626262;*/
	height: 570px;
	margin: 0;
}

.nav {z-index: 99; width: 980px; height: 30px; background: url(../images/fondmenu.jpg); background-repeat: no-repeat; font-family: Trebuchet MS, Arial Narrow, sans-serif; background-position: left top; font-style: normal; font-weight: 200; font-size: 1.2em;}
#ombre-menu {/*background-image: url(../images/ombre-degrade.png); background-repeat: repeat-x;*/ position: absolute; top: 109px; height: 10px; z-index: 100; width: 980px}

/* Page principale */

#kymco-gauche {width: 200px; float: left; background-color: #868686; background-image: url(../images/fond-gauche.jpg); background-repeat: repeat-x; background-position: bottom; height: 570px; margin: 0}

#kymco-page {width: 760px; float: left; background-repeat: repeat-x; padding-top: 7px; background-image: url(../images/fondpage.jpg); height: 570px; margin: 0; padding-left: 20px}

#kymco-centre {width: 580px; float: left; background-repeat: repeat-x; background-image: url(../images/fondpage.jpg); height: 570px; margin: 0; /*padding-left: 10px*/}

#kymco-centre table {
	/*font-family: Arial;*/
	font-size: 1.2em;
	color: #000;
	margin:0;
	padding:0;
}
#kymco-centre td {/*padding-bottom:10px;*/}

#kymco-droite {width: 200px; float: right; background-color: #868686; /*background-image: url(../images/fond-droite.png); background-repeat: repeat-x; background-position: bottom;*/ height: 570px; margin: 0}

#kymco-centre p {margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 1px; padding-left: 1px}
#kymco-centre h1 {color: #000; /*font-family: Verdana, Geneva, sans-serif;*/ font-size: 20px; font-variant: small-caps; font-weight: bold; text-align: center; /*margin-top: -7px; margin-bottom: 3px*/}
#kymco-centre h2 {color: #F1F1F1; /*font-family: Verdana, Geneva, sans-serif;*/ font-size: 17px; font-variant: small-caps; font-weight: bold; /*margin-top: -4px; margin-bottom: 0px*/}
#kymco-centre h4 {color: #E50013; /*font-family: Verdana, Geneva, sans-serif;*/ font-size: 17px; font-variant: small-caps; font-weight: bold; /*margin-top: -4px; */ margin-bottom: 5px; line-height: 18px;}
#kymco-centre h5 {color: #666; /*font-family: Verdana, Geneva, sans-serif;*/ font-size: 15px; font-variant: small-caps; font-weight: bold; margin-top: -4px; margin-bottom: 0px}
#kymco-centre a {color: #BF0C12; text-decoration: none}
.case-accueil {margin-left: 15px; margin-right: 0px; margin-top: -10px; *margin-top: 0px; margin-bottom: 10px;}

#filariane {font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; font-weight: bold; text-align: left; margin-left: -35px; color: white}
#filariane ul {width: 400px; list-style-position: inside; list-style-type: none}
#filariane li {display: inline; color: white}
#filariane li a {color: white; text-decoration: none}
#filariane li a:hover, a.hover {border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: white}

form fieldset {margin-top: 10px; border-width: 0px; border-style: solid; border-color: #CACACA; padding-bottom: 20px; color: white;}
form legend {*margin-bottom: 10px; padding-right: 5px; font-family: Trebuchet MS; font-size: 1.7em; letter-spacing: 0.05em; color: #fff; font-weight: bolder}
form div {font-size: 12px}
form a {color: white; text-decoration: none}
form a:hover, a.hover {}
#kymco-gauche form {width: 200px; margin-left: 5px; margin-right: 5px; /*text-align: center*/}
#news {width: 200px; margin-right: 5px; height: 192px;}
#facebook {width: 200px; height: 200px; font-size: 0.9em; position: relative; top: 70px; z-index: 10; background-color: #333333;}
#actus, #news img {/*border: 1px; border-color: #ff6501; border-style: solid;*/ margin-bottom: 10px}
#infosl, #infosr {position: absolute; bottom: 5px; vertical-align: bottom; height: 160px; font-family: Verdana, Geneva, sans-serif; font-size: 1.1em; /*font-weight: bold;*/ padding: 5px; line-height: 16px; text-align: center; width: 190px; color: white}
#infosl a, #infosr a {color: #FFFFCC; text-decoration: none; outline:none; border:none;}
/*#infosl a, #infosr a:hover {border-bottom:1px dotted #FFFFCC;} */

.bord-h {/*height: 9px;*/ width: 100%; border-bottom: 1px dotted #666; /*background-image: url(../images/bord-h.gif); background-repeat: repeat-x; background-position: 0px 5px*/}
.bord-v {height: 100%; /*width: 20px;*/ border-right: 1px dotted #666; /*background-image: url(../images/bord-v.gif); background-repeat: repeat-y; background-position: 8px*/}

/* Animations Jquery */

#portfolio {list-style-type: none; list-style: none; margin-top: 0px; margin-left: -40px; line-height: 18px; /*width: 540px*/}
#portfolio a, img {text-decoration: none; border: none; margin-bottom: 6px}
#portfolio a:hover, a.hover {text-decoration: none; border: none}
#portfolio h1 {margin-top: 0px; width: 540px;}

#pagerl {background: none; text-decoration: none; background-image: none; background-repeat: no-repeat; max-width: 180px; height: 280px; *margin-left: 8px; cursor: w-resize}
#pagerr {/*margin-top: 10px;*/ position: relative; background: none; text-decoration: none; background-image: none; background-repeat: no-repeat; max-width: 180px; height: 192px; *margin-left: 8px; cursor: w-resize; /*margin-top: 20px*/}
#pagerl img {border: none} 
/*#pagerl a, #pagerr a {text-decoration: none}*/
/*#pagerr {margin-left:-2px; *margin-left: 8px}*/
.arbo {margin-bottom: 20px; color: #CBCBCB; font-size: 1.3em; font-weight: bold; line-height: 16px;}
#navl {position: relative; /*top: 16px; left: -5px;*/ cursor: default}
#navr { margin-left: 120px; position: absolute; top: 11px; }
#navl a, #navr a {/*border: 1px solid #cccccc;*/ padding-left: 4px; padding-right: 3px; margin-right: 5px; background: #CBCBCB; text-decoration: none; color: #CBCBCB;}
#navl a.activeSlide, #navr a.activeSlide { background: #E50012 ; color: #E50012}
#navl a:focus, #navr a:focus { outline: none; }
.resume p a {text-decoration: underline}
.resume {max-height: 120px; width: 180px; cursor: pointer; color: #fff}

/* Mise en forme des articles */
#titreart {color: #000; font-size: 1.3em; float: left}
#article {color: #000; text-align: justify; border-bottom: 1px dotted #999;}
	#article h2 {font-weight: bold; font-size: 1.1em; background-image: url(../images/article-titre.png); background-position: left; background-repeat: repeat-y; line-height: 11px; margin: 0px; padding: 5px; /*margin-top: -12px*/}
		.article-date {float: right; *margin-top: -14px; margin-right: 5px; text-transform: lowercase; *padding-right: 5px; color: #E40011; font-weight: normal; font-size: 0.8em}
	#article h3 {font-weight: bold; font-size: 11px; background-image: url(../images/article-sstitre.png); background-position: left; background-repeat: repeat-y; line-height: 09px; margin-top: 0px; padding: 5px; color: #555555}
		.article-prix {float: right; *margin-top: -14px; margin-right: 5px; *padding-right: 5px}
	.article-contenu {float: left; width: 340px; padding: 5px; margin-bottom: 0px; font-size: 0.9em; line-height: 17px}
	.article-lien {margin-top: 10px}
	.article-lien a {font-style: italic}
	.article-lien a:hover, a.hover {border-bottom-color:#BF0C12; border-bottom-width: 1px; border-bottom-style: dotted}
	.article-image {float: right; margin-top: 6px; /*width: 180px; */ text-align: right; margin-left: auto; margin-right: 6px; *padding-right: 5px; /*width: 130px*/}
	.article-image p {text-align: center; font-size: 11px; font-family: Arial; color: #E40011; margin-left: 10px}
	#article ul {list-style: none; list-style-type: none; text-align: left; height: 60px; list-style-position: inside; margin: 0px 0px 4px 0px; margin-left: -33px}
	#article li {display: inline; margin-right: 10px; float: left}
	#article-ordre {float: right; margin-top: -5px; margin-right: 5px;}
	#article-ordre form select {border: 0; color: #D20000; margin: 0px; padding: 0px; height: 18px}
	#article-ordre form input {border: 0}
	.compteur {font-style: italic; font-family: sans-serif; font-size: 12px}
	
	#rubrique {color: white; text-align: justify; font-family: Arial; font-size: 10px; border: none}
	#rubrique h2 {font-weight: bold; font-size: 1.1em; background-image: url(../images/article-titre.png); background-position: left; background-repeat: repeat-y; line-height: 11px; margin-bottom: 0px; padding: 5px; /*margin-top: -12px*/}

/* Mise en forme du contenu des pages */
#page-contenu {max-width:760px}
#page-contenu img {border: none; margin: 0px}
#page-contenu p { font-size: 1.2em; color: black; margin: 0px}
#page-contenu h2 { font-size: 1.4em; color: #BF0C12; }
#page-contenu h3 { font-size: 1.3em; color: #555; }
#page-contenu ul {font-size: 1.2em; color: black; margin: 0px}
#page-contenu a {font-size: 1.2em; color: #BF0C12; margin: 0px; text-decoration: none; /*font-weight: bold*/}
#page-contenu a:hover, a.hover {border-bottom-width:1px; border-bottom-color:#BF0C12; border-bottom-style:dotted}
#page-contenu table {margin-bottom: 40px}

/* Mise en forme page plan du site */
.plan li {margin:10px}
.plan .separator {list-style:none;border-style:none;background:none}