/* Global properties ======================================================== */
html {
  width:100%; 
  height:100%;
}

body {
  font:90% 'Droid Sans', sans-serif;
  /*font-size:14px;
  line-height:25px;*/
  color:#9B9B9B;/*#7f7f7f;*/
  min-width:1000px;
  height:100%;
  background:url(../images/body-tail.gif) center top repeat #0e0f0f;
}

p {
  font-family: 'Droid Sans', sans-serif;
}

h1, 
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Lobster', cursive;
}

h1 {font-size:48px; 
	font-weight: 400;
	color:#7f7f7f;
}
h2 {
	/*font-size:35px; 
	line-height:2em; */
	letter-spacing:2px;
	color:#cc2800;
	font-weight: 400;
}

h3 {
	/* font-size:24px;*/
	line-height:2em; 
	color:#fff;
	background:url(../images/h3-tail.gif) 0 0 repeat;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-left:21px;
	letter-spacing:0px;
	font-weight: 400;
}

h4 {
	color:#F67400; 
	font-style: oblique;
	font-weight: lighter;
	letter-spacing: 2px;
	/*	font-size: 24px;
	display: inline-block;
	
	line-height: 45px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	*/
} 

h5 { /*font-size: 20px;font-weight:bold;*/
color:#fff;
font-weight: 400;
}

h6 { font-weight:normal;
	font-style : italic;
	text-transform:none;color:#7f7f7f;
}


.main a,
.row-bot a,
footer a {
  color:#cc2800; 
  outline:none;
  text-decoration:none;
  border-bottom:dotted 1px #cc2800; 
}

.main a:hover,
.row-bot a:hover,
footer a:hover {
 color:#F67400;
   outline:none;
  text-decoration:none;
  border-bottom:solid 1px #F67400; 
 }

/* ----------------------------- */
/* == spacing helpers            */
/* .. use only when needed       */
/* ----------------------------- */

/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n,0 = small(10px),medium(20px),large(30px), zero or none(0)
source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
*/
.m-reset, .ma0 { margin: 0; }
.p-reset, .pa0 { padding: 0; }
.ma1, .mas { margin: 10px; }
.ma2, .mam { margin: 20px; }
.ma3, .mal { margin: 30px; }
.pa1, .pas { padding: 10px; }
.pa2, .pam { padding: 20px; }
.pa3, .pal { padding: 30px; }

.mt0, .mtn { margin-top: 0; }
.mt1, .mts { margin-top: 10px; }
.mt2, .mtm { margin-top: 20px; }
.mt3, .mtl { margin-top: 30px; }
.mr0, .mrn { margin-right: 0; }
.mr1, .mrs { margin-right: 10px; }
.mr2, .mrm { margin-right: 20px; }
.mr3, .mrl { margin-right: 30px; }
.mb0, .mbn { margin-bottom: 0; }
.mb1, .mbs { margin-bottom: 10px; }
.mb2, .mbm { margin-bottom: 20px; }
.mb3, .mbl { margin-bottom: 30px; }
.ml0, .mln { margin-left: 0; }
.ml1, .mls { margin-left: 10px; }
.ml2, .mlm { margin-left: 20px; }
.ml3, .mll { margin-left: 30px; }

.pt0, .ptn { padding-top: 0; }
.pt1, .pts { padding-top: 10px; }
.pt2, .ptm { padding-top: 20px; }
.pt3, .ptl { padding-top: 30px; }
.pr0, .prn { padding-right: 0; }
.pr1, .prs { padding-right: 10px; }
.pr2, .prm { padding-right: 20px; }
.pr3, .prl { padding-right: 30px; }
.pb0, .pbn { padding-bottom: 0; }
.pb1, .pbs { padding-bottom: 10px; }
.pb2, .pbm { padding-bottom: 20px; }
.pb3, .pbl { padding-bottom: 30px; }
.pl0, .pln { padding-left: 0; }
.pl1, .pls { padding-left: 10px; }
.pl2, .plm { padding-left: 20px; }
.pl3, .pll { padding-left: 30px; }

  
.bg {
  /*width:100%; */
  background:url(../images/bg-top.jpg) center 0 no-repeat;
}

.border-bot {
	/*padding-bottom:32px; */
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}


.menu li a,
.list-1 a,
.list-2 a,
.link,
h1 a {text-decoration:none;}	

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#666;}
.color-4 { /*orange*/
 color:#F67400;
 } 

.color-5 {
	color:#09D4FF;
}

.color-6 { /*rouge*/
	 color:#cc2800;
}


/*********************************header*************************************/
header {
	/*width:100%;*/
	background:#000;	
	position:relative; 	
	/*z-index:2;*/
}
	
header a {color:#F67400;}

.titre-site {
	color:#fff;
}

.sous-titre-site {
 	font-size:110%;
 	letter-spacing:1px;
 	color:#7f7f7f;
	line-height:1.65em;
	margin-bottom:0;	
}

/***** menu *****/
.menu {
 position:relative;
	padding:0;	
	z-index:2;
	
}

 ul.menu {
	list-style-type: none;
}

.menu li {
	float:left; 
	position:relative;
	padding-left:28px;
	font: 150% 'Lobster';
}
.menu li a {
	display:inline-block; 
	line-height:17px; 
	color:#7f7f7f; 
}

.menu li a:first-letter {
	color:#F67400; 
}

.menu li.active,
.menu li a.trail,
.menu > li > a:hover {color:#F67400;}

.menu li.active a,
.menu li.active span,
.menu li a.trail {
border-bottom: double #F67400;
}

.row-bot {
	/*width:100%;*/
	padding: 0 0;
	/*height:348px;*/
	background:url(../images/row-bot-tail.gif) center top repeat-x;
}
.title-1 {
	/*display:block;*/
	font-size:29px; 
	line-height:2em; 
	color:#fff;
	letter-spacing:-2px;
	margin-bottom:5px;
}

.text-1 {
	/*display:block;*/
	font-size:19px;
	line-height:45px;
	color:#fff;
	letter-spacing:-2px;
	margin-bottom:5px;
} 

.headline { color:#F67400;}

/*********************************content*************************************/
.page-content {
	/*width:100%; */
	padding:20px 0 60px;
	background:#222424; /*url(../images/content-tail.gif) center top repeat;*/
	position:relative;
	/*z-index:1;*/
}

.box {
	width:100%;
	background:url(../images/box-tail.gif) 0 0 repeat;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	.box .padding {padding:5px 20px 15px;}


.banner {
	/*width:100%;*/
	position:relative;
}
.banner a {
		position:absolute;
		right:10px;
		bottom:-20px;
	}

.breadcrumb {
	line-height:2em; 
	/*color:#fff;*/
	background:url(../images/h3-tail.gif) 0 0 repeat;
border-radius: 5px 5px 5px 5px;
padding: 10px 21px 2px 21px;
}

.breadcrumb span.active {
color:#F67400; 		
}


.list-1 li {
	font-size:14px; 
	line-height:19px; 
	font-style:italic;
	padding:8px 0; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
	.list-1 a {color:#fff;}
	.list-1 a:hover {color:#cc2800;}
	.list-1 .last-item {background:none;}

.list-2 li {
	font-size:14px; 
	line-height:19px; 
	font-style:italic;
	padding:8px 0; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
	.list-2 a {
		display:inline-block; 
		color:#fff; 
		padding-left:11px; 
		background:url(../images/marker-1.gif) 0 8px no-repeat;
	}
	.list-2 a:hover {color:#cc2800;}
	.list-2 .last-item {background:none;}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-size:14px; 
	padding-right:8px; 
	background:url(../images/marker-3.gif) right 8px no-repeat;
}
.link-1:hover {color:#fff;} 

/****************************footer************************/
footer {
	width:100%; 
	padding:30px 0 45px;
}
	footer span {display:block;}
footer .mod_navigation a { border-bottom: none; }
	
/****************************personnalisation Kapsud************************/

img {
    border:none; 
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.info {
	font-size: x-small;
	font-style: italic;
}
	
.news-banner .teaser,
header .teaser {
	font-size: smaller;
	color:#fff;
}
.news-banner figure {
 text-align:center;
 } 

.news-banner img,
.page-content img {
	    box-shadow:8px 8px 10px #000;
-moz-box-shadow: 8px 8px 10px #000;
  -webkit-box-shadow: 8px 8px 10px #000; 

}

.enbas li,footer li a {
	display:inline; 
	text-decoration:none;
	margin-right:10px;
}	

.sidebar a { 
 color: #F67400;
 } 
 
.sidebar .mod_navigation a { 
 color: #fff;
 } 
 
 .sidebar .mod_navigation span.active {
 color: #cc2800;
 	border-bottom:double; 
 }
 p > strong { 
 color: #fff;
 font-weight:normal;
 } 
 
.title-page {
	display: inline-block;
	/*border-bottom: 1px dashed #000;*/
} 

.etplus strong { 
 color: #fff;
 font-weight:bold;
 } 
 
 .etplus h2 { 
 color:#F67400;
 } 
 
 table.space2 {
 	border-spacing: 2px;
 }
 
 table.pad2 td {
 	padding:2px;
 }
 
 
 table.table-img {
 	border-spacing: 5px;
 }

table.table-img td {
 	padding:5px;
 }
 
 table.table-img4 td {
 	padding:2px;
 }

table.table-img4 {
 	border-spacing: 2px;
 }
 
 table.table-img4 td,
 table.table-img td {
 	text-align:center;
	vertical-align: middle;
	border-bottom: 0px ;
 }
 
a.img-legende,
a.verysmall {
 	font-weight:normal;
	font-size:80%;
	color:#fff;
	border-bottom:1px dotted #7f7f7f;
 }
 
 
 .invisible {
 	display: none;
 }
 
.sous-menu ul {
	list-style-type: none;
}

.banner figure {
	margin-bottom:0;
}
.row-bot {
	padding: 0 0;
	/*background:url(../images/row-bot-tail.gif) center top repeat-x;*/
}	

.img-indent-r {margin:-48px 0px 0px 0px;position:relative ;z-index:1}	

.indent {padding:46px 0 0 0px;}
/*
.extra-wrap {overflow:hidden;}*/

.titre-page {
	color:#000;
}

div.accroche > h2:first-of-type {
visibility:hidden;}

div.entete a.more {
visibility:hidden;}

.comment {
	position: relative;
	padding: 9px;
	border: 5px solid #1C1D1D;
	border-radius: 5px;
	margin-bottom: 1.65em; /*color: #9f7d09;
  background-color: #fdf7e2;*/
/*color: #000;border-color: #1C1D1D;#697172;*/
	background-color: #333333;
	width: 90%;
	float: right;
	font-size: 90%;
}
.comment-error {
  color: #c01415;
  border-color: #f9c0c1;
  background-color: #fdefef;
}
.comment-success {
  color: #546628;
  border-color: #d1dfae;
  background-color: #f0f5e5;
}
.comment-info {
  color: #124d72;
  border-color: #b3dbf3;
  background-color: #dff0fa;
}
.comment header {
  font-weight: bold;
  font-size: 1.2em;
}
.comment .close {
  cursor: pointer;
  position: absolute;
  right: 3px;
  top: 6px;
}