/* ----------------------------- */
/*          I.T.Systems          */
/*          avec menu v2         */
/* ----------------------------- */

body {
	color: white;
	background: #EFECE2;
	font-size:0.85em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a img {
  border: 0;
}

html, body, ol, ul, form, fieldset {
  margin: 0;
  padding: 0;
}

fieldset {
  border: 0;
}

textarea {
  font: inherit;
}

#print {
  display:none;
}

/* Icones */

.ico-arrow, #content ul li.ico-arrow {
  padding-left: 17px;
  background: url(img/ico-fleche.png) left 4px no-repeat;
}

.ico-smile, #content ul li.ico-smile {
  padding-left: 20px;
  background: url(img/ico-lol.png) 1px center no-repeat;
}

.ico-question, #content ul li.ico-question {
  padding-left: 20px;
  background: url(img/ico-question.png) left 70% no-repeat;
}

.ico-star, #content ul li.ico-star {
  padding-left: 20px;
  background: url(img/ico-star.png) left 4px no-repeat;
}

.ico-light, #content ul li.ico-light {
  padding-left: 20px;
  background: url(img/ico-light.gif) left 4px no-repeat;
}

.clear {
  clear: both;
}

tt, code, samp {
  font-size: 120%;
  color: #769712;
} 

dt {
  color:#369;
  margin-top:0.5em;
}

/* Citations */

#content blockquote {
	margin: 1em;
	padding: 0 0 0 50px;
	background:url(img/blockquote1.png) no-repeat top left;
}

#content blockquote span.link {
  background:none;
  margin:0 10px 0 0;
  padding:0;
  text-align:right;
  font-size:0.9em;
  display:block;
}

#content blockquote span.link a {
  color:#ccc;
}

/* Typo */

kbd {
  font-size : 1.2em;
  padding: 0px 2px;
  border: 1px solid gray;
}

pre, .code {
	border-left: 5px solid #EFECE2;
	padding: 1em;
	margin: 1em 0;
	font-size: 120%;
	background: #FaF9F5;
	/*width: 500px;*/
	overflow: auto;
}

.code {
  font-size: 100%;
}

.highlight {
  background:#ffe86d;
}

/* Formulaires */

input.input-mini, textarea.input-mini {
  width: 95px;
  border: 1px solid #C6C0AC;
  background: white;
  padding: 4px;
  color: #333; 
  font-size:0.9em;
  vertical-align:3px;
}

input.input-medium, textarea.input-medium {
  width: 240px;
  border: 1px solid #C6C0AC;
  background: white;
  padding: 4px;
  color: #333; 
  vertical-align:3px;
}

input.input-maxi, textarea.input-maxi {
  width: 510px;
  border: 1px solid #C6C0AC;
  background: white;
  padding: 4px;
  color: #333;
  vertical-align:3px; 
}

#content label {
  display: inline-block;
  width: 260px;
  border-bottom: 1px dotted #C6C0AC;
  padding-bottom: 1px;
  vertical-align:3px;
}

.submit {
  width: 85px;
  height: 22px;
  display:block;
  border: none;
  background: white url(img/btn-login.png) left top no-repeat;
  margin: 5px 0 5px 0px;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  padding-bottom: 3px;
  cursor: pointer;
}

.submit:hover {
  background-image: url(img/btn-login-hover.png);
}

.submit-maxi {
  background:#ea8b00 url(img/submit-maxi.png) no-repeat;
  color:#fff;
  line-height:34px;
  font-weight:bold;
  cursor: pointer;
  display:block;
  width:196px;
  height:36px;
  border:0;
  text-align:center;
}

.submit-maxi:visited {
  color:#fff;
}

.submit-maxi:hover {
  background-image:url(img/submit-maxi-hover.png);
  text-decoration:none;
}

/* Positionnement et alignement */

.left {
  float: left;
  margin: 0 10px 5px 0;
}

.right {
  float: right;
  margin: 0 0 5px 10px;
}

#content .tright {
  text-align:right;
}

#content .center {
  text-align:center;
}

/* ----------------------------- */
/*    Typographie globale        */
/* ----------------------------- */

h6 {
	font-size: 2em;
	color:#ccc;
	font-weight:bold;
	letter-spacing:-.05em;
	position:relative;
	margin:.6em 0;
	padding-top:1px; /* use top padding to adjust the start of the gradient  */
	width:100%;
	text-align:center
}

h1 span, h6 span, h3 span, h4 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(img/gradient_1.png) repeat-x;
}

h1 {
  color: #000099;
  margin: 10px 0 15px 0;
  padding: 0px 0 0 0;
  line-height: 1.2;
  font-size: 1.7em;
  letter-spacing:-1px;
  font-weight:bold;
}

h3 {
	font-size: 1.5em;
	color:#ccc;
	font-weight:bold;
	letter-spacing:-.05em;
	position:relative;
	margin:.6em 0;
	padding-top:1px; /* use top padding to adjust the start of the gradient  */
	padding-left:5px;
	width:100%;
	text-decoration: underline;
}

h4 {
	color : #003399;
	font-size: 1.1em;
	margin: 1.5em 0 0.8em 0;
}

h5 {
	color : #ccc;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	margin: 1.5em 0 1em 0;
	text-align: center;
}

a {
  color: #3B81BE;
  text-decoration: none;
}

a:visited {
  color: #688291;
}

a:hover, a:focus, a:active {
  text-decoration: underline;
}

h2 a {
  color: #FF7800;
  /*font-family:Sans-serif;*/
}

h2 a:hover, h2 a:focus, h2 a:active {
  text-decoration: none;
  color: #eb5800;
}

h2 span.hometype {
  color:#999;
}

/* Liens et texte */

#content .source {
  color:#666;
  text-align:left;
}

.source a {
  color:#666;
}

.ultrabig {
  font-size:30px;
}

.adminlink a {
  background:url(img/ico-locked.png) no-repeat top left;
  padding-left:14px;
  color:#E29400;
  font-weight:bold;
}

#content .adminlink {
  clear:both;
}

/* ----------------------------- */
/*            Header V2          */
/*            aout 2009          */
/* ----------------------------- */

#header {
  background: url(imgv2/header.png) 50% 35px no-repeat;
  /* border-bottom: 4px solid #D7D4CB; */
}

#header-inside {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

#header h1 {
  margin: 15px 0 0 0; 
  padding: 0;
  font-size: 15px;
  line-height: 1;
}

/* liens d'évitement */

#header ul#evitement  {
  padding-top: 10px;
  list-style: none;
}

#header ul#evitement li {
  display: inline;
  color : #888;
  font-size: 0.85em;
  margin-right: 15px;
}

#header ul#evitement li a {
  color : #aaa;
  text-decoration: none;
}

#header ul#evitement li a:hover, #header ul#evitement li a:focus {
  color : #fff;
}

/* Menu principal */

ul#menu {
  position: absolute;
  top: 0;
  right: 0;
  list-style: none;
}

ul#menu li {
  text-align: center;
  width: 125px;
  margin-left: 40px;
  float: left;
  height: 115px;
}

/*ul#menu li:hover, ul#menu li:focus {
  background:url(imgv2/halo.png) no-repeat 0px 35px;
}*/

ul#menu li a {
  text-decoration: none;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  font-variant: small-caps;
  line-height:30px;
}

/* Sous-Menu principal */

#sous-menu {
  width: 1000px;
  height: 66px;
  background:  url(imgv2/menu-bg.png) left top no-repeat;
}

#sous-menu a#rss {
  float: right;
  color:#fff;
  text-decoration:none;
  font-size: 1.5em;
  font-weight: bold;
  font-variant: small-caps;
  /*
  padding-top:21px;
  margin:0 0.8em;
  */
}

#sous-menu form {
  float: right;
  margin: 0;
  padding: 20px 0 0 0;
}

#sous-menu ul {
  
  list-style: none;
}

#sous-menu ul li {
  margin-right: 15px;
  display: inline;
}

#sous-menu li a {
  text-decoration: none;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  font-variant: small-caps;
}

#sous-menu li.homeitem {
	margin-right:5px;
}

#sous-menu li.homeitem a {
	padding-left:5px;
	padding-right:5px;
}

#sous-menu li a:hover, #sous-menu li a:focus, #sous-menu li a:active {
  border-bottom:8px solid #A1B03B;
}

#sous-menu li.actif a {
  border-bottom:8px solid #fff;
}

#header-sep {
  line-height: 4px;
  font-size: 1px;
  height: 4px;
  background-color: #D7D4CB;
}

#header-sep .inside {
  background: url(imgv2/header-sep.png) center top;
  margin: 0 auto;
  width: 1000px;
}


/* ----------------------------- */
/*            bloc Page          */
/* ----------------------------- */

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

#page {
  background: #EFECE2 url(img/center-bg.png) center top repeat-y;
  padding: 0;
  color: #3B81BE;
}

#page.full {
  background: #EFECE2 url(img/center-bg-full.png) center top repeat-y;
}

#content {
  float: left;
  margin-left: 44px;
  width: 540px;
  padding-top: 1em;
}

#content.fullcontent {
  margin-left: 44px;
  padding-top: 30px;
  margin-right: 44px;
  width:auto;
  float:none;
}

#page #notif {
  margin-left:15px;
  margin-right:15px;
  background:#FFFADF;
  position:relative;
}

#page #notif p {
  margin:0;
  padding:5px 20px;
}

#page #notif #notif-close {
  float:right;
  margin-top:5px;
  position:absolute;
  right:10px;
  cursor:pointer;
}

#page #notif img {
  vertical-align:middle;
}

/* Home */

#content .newsblock {
  clear: both;
  line-height: 1.5;
  /* min-height: 15em; */
  margin-bottom: 1.5em;
}

#content .newsblock h2 {
  margin-left:60px;
  margin-right:40px;
}

#content .newsblock .cal {
  background:url(img/cal.png) no-repeat;
  height:48px;
  width:44px;
  text-align:center;
  color:#fff;
  font-size:10px;
  float:left;
  margin-right:15px;
  margin-top:15px;
}

#content .newsblock .cal abbr {
  text-decoration:none;
  border-bottom:none;
}

#content .newsblock .cal span {
  font-size:19px;
  font-weight:bold;
  color:#999;
  display:block;
}

#content .newsblock .titre {
  border-top: 1px solid #e7e7e7;
  padding:10px 0 0 0;
  margin-bottom:0px;
}

#content .newsblock.first .titre {
  border:none;
  padding:0;
}

#content .newsblock.first .cal {
  margin-top:0;
}

#content .newsblock .texte {
  text-align: left;
}

#content .newsblock .texte img {
  float: right;
  margin: 4px 0 5px 15px;
}

#content .newsblock .texte p, #content .newsblock .meta {
  margin-top: 0;
  margin-left:60px;
}

#content .newsblock a.readnext {
  font-weight:bold;
}



/* Common */

#content .hometip {
  float:right;
  display:block;
  text-align:center;
  width:30px;
  height:27px;
  margin-top:15px;
  margin-left:10px;
}

#content .comc {
  color:#fff;
  font-weight:bold;
  line-height:20px;
  background:url(img/comc.png) no-repeat center center;
}

#content .comc0 {
  background:url(img/comc0.png) no-repeat center center;
}

#content .comc10 {
  background:url(img/comc10.png) no-repeat center center;
}

#content .comc:hover {
  text-decoration:none;
}

#content .sep {
  color:#ccc;
}


/* Liens suggérer */

#content .suggest {
  margin:0;
}

#content .suggest a {
  color:#fff;
  font-weight:bold;
  background:url(img/btn-add.png) no-repeat top left;
  display:block;
  width:176px;
  height:26px;
  padding-left:20px;
  line-height:24px;
  text-align:center;
}

#content .suggest a:hover {
  background-image:url(img/btn-add-hover.png);
  text-decoration:none;
}

/* Pagination */

.pagination {
  clear:both;
  border-top:1px solid #eee;
  padding-top:10px;
}

.pagination a {
  text-decoration:none;
}

.pagination b {
  border:1px solid #2c2c2c;
  color:#fff;
  background:#080808 url(img/pagination-b.png) repeat-x;
  padding:2px 5px;
}

.pagination a {
  border:1px solid #aad83e;
  color:#fff;
  background:#8ebd1e url(img/pagination-a.png) repeat-x;
  padding:2px 5px;
}

.pagination span a {
  background:#fff;
  border:1px solid #999;
  color:#666;
}


/* Lire... */

#content .niveaux {
  background:#f3f3f3;
  border:1px solid #f9f9f9;
  margin-top:15px;
	clear: both;
	overflow: hidden;
	padding: 0 10px;
}

#content .auteur {
  background:#f3f3f3;
  border:1px solid #f9f9f9;
  margin-top:15px;
  padding-right:100px;
	clear: both;
	overflow: hidden;
	padding:5px 5px 5px 5px;
}

#content .conclusion {
  background:#f3f3f3;
  border:1px solid #f9f9f9;
  margin-top:15px;
  padding-right:100px;
	clear: both;
	overflow: hidden;
	padding:5px 5px 5px 5px;
}

#content .auteur.light {
  width:55%;
  clear:none;
}

#content .auteur-end {
  clear:both;
  margin-bottom:10px;
}

#content .auteur .meta {
  color:#999;
  font-size:0.9em;
  font-style:italic;
}

#content .auteur p {
  margin:5px;
}

#content .auteur .center {
  margin:5px;
	text-align:center;
}

#content .conclusion p {
	margin:5px;
	text-align:center;
	font-size: 1.5em;
	color:#ccc;
	font-weight:bold;
}

#content .auteur .avatar, .pm .avatar {
  padding: 3px;
  border: 1px solid #ddd;
  background: white;
  margin:5px 10px 5px 5px;
  float:left;
}

#content .meta {
  font-size:0.9em;
  color:#ccc;
}

#content .meta a {
  color:#999;
}

#content .meta .user {
  float:right;
}

#content .meta .user a {
  /*background-color:#f6f6f6;*/
  padding:2px 4px;
}

/* Listes */

#content p, #content ul {
  text-align: justify;
  line-height:150%;
  margin-bottom:1.3em;
  padding-left: 5px;
}

#content ul {
  margin: 1em 0;
  list-style: none;
}

#content ol {
  margin: 1em 0 1em 24px;
}

#content ul li {
  padding-left: 12px;
  background: url(img/puce.gif) no-repeat 0 0.32em;
}

#content li ul, #content li ol {
	margin-top: .25em;
	margin-bottom: .5em;
}

#content ul ol > li {
	padding-left: 0;
	background: none;
}

#content ul.nostyle li {
  background:none;
}

#content .markItUp li {
  background:none;
  padding:0;
}

#content .illustration {
  float:right;
  margin: 1.3em 0 5px 15px;
}

#content .learnblock {
  clear:both;
  padding-top:1em;
  border-bottom:1px solid #eee;
  padding-bottom:1em;
}

#content .learnblock h3 {
  padding:0;
}

#content .learnblock ul {
  margin-left:128px;
}

#content .learnblock li.all {
  font-weight:bold;
  margin-top:0.5em;
  background: url(img/ico-fleche.png) left center no-repeat;
  padding-left:15px;
  margin-left:10px;
}

#content .actualite h2 {
  font-size:2em;
}

/* Commentaires */

#content #commentaires {
  margin-top: 20px;
  clear: both;
}

#content #commentaires-posting h3.posting {
  background:url(img/coma.png) no-repeat left 80%;
  padding-left:25px;
}

#content .commentaire {
  clear: both;
  /*border-top:1px solid #ccc;*/
  margin-top:20px;
}

#content .commentaire .commentaire-meta {
  float: left;
}

#content .commentaire .avatar {
  margin-right:10px;
  padding:3px;
  border:1px solid #ddd;
}

#content .commentaire-date {
  color: #7E7E7E;
  padding:0;
  margin:0 0 5px 90px;
}

#content .commentaire-date .adminlink {
  float:right;
}

#content .commentaire-auteur {
  margin:0;
}

#content .commentaire-content {
  background: url(img/commentaires.png) no-repeat left top;
  padding:5px 10px 12px 18px;
  margin-left: 70px;
}
#content .commentaire-content p {
  padding:6px 9px 2px 8px;
  margin:0;
  font-size:90%;
}

#content .commentaire.even .commentaire-content {
  background-color: #F7F7F7;
}

#content .commentaire.odd .commentaire-content {
  background-color: #f0f0f0;
}

#content .commentaire.self .commentaire-content {
  background-color: #FFECC4;
}

#content .commentaire-bottom {
  /*background:url(img/commentaire-bottom.png) no-repeat bottom left;*/
  text-align:right;
  padding-bottom:3px;
  min-height:6px;
  margin-top: 3px;
}

#content .commentaire-repondre {
  /*color:#aaa;*/
  margin:0 9px 0 0;
  padding-left:12px;
  background:url(img/ico-reply.png) no-repeat center left;
  text-decoration:none;
}


/* Sidebar */

#sidebar {
  float: right;
  padding-top: 20px;
  margin-right: 20px;
  width: 359px;
}

#sidebar h2 {
  margin-top: 0px;
  margin-bottom: 8px;
  color: #5B6248;
  padding: 0;
  font-variant: small-caps;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing:0;
}

#sidebar .bloc {
  margin: 5px 0 0 0;
  padding: 0 15px 10px 15px;
  clear: both;
  background: #F7F7F7 url(imgv2/bloc-bg.jpg) left top repeat-x;
  color: #3B81BE;
}

#sidebar div.bloc h2 {
  margin: 0;
  padding: 0;
  color: #85AC1C;
}

#sidebar div.bloc h2 span {
  color: #A0A0A0;
  font-size: 0.9em;
  text-transform: capitalize;
}

#sidebar div.bloc p {
  margin: 5px 0 0 0;
  padding: 0;
  text-align: left;
}

#sidebar .bloc img.illust {
  float: right;
  margin-left: 15px;
  margin-right: 15px;
}

/* Avec un tableau */ 
.illustration {
	float: right;
	width: 200px; /* important */
	border-collapse: collapse; /* cosmétique */
}
.illustration td {
	padding: 2px; /* cosmétique */ 
	text-align: center;
	color: #3B81BE;
	/* text-transform: capitalize; */
}

/* ----------------------------- */
/*       Pages statiques         */
/* ----------------------------- */

table.pagetable {
  width: 100%;
  margin: 1em 0;
}

table.pagetable th, table.pagetable td {
  text-align: left;
  padding: 5px 8px;
}

table.pagetable th {
  background: #EFEEDF;
  }

table.pagetable td {
  border-bottom: 1px solid #ddd;
}

/* ----------------------------- */
/*            Footer             */
/* ----------------------------- */

#footer {
  clear: both;
  background: url(img/footer.jpg) center top no-repeat;
  min-height: 126px;
  padding: 0 0 20px 0;
  font-size: 0.9em;
  color: #ADADAD;
  padding-top: 25px;
}

#footer-mobile {
	display:none;
}

#footer a {
  color: #ADADAD;
  text-decoration: none;
}

#footer a:hover, #footer a:focus, #footer a:active {
  text-decoration: underline;
}

#footer-menu {
  height: 53px;
  padding: 0;
  background: url(img/footer-menu.jpg) center bottom no-repeat;
}

#footer-menu p, #footer-end p {
  margin: 0;
  padding: 0;
}

#footer-menu ul {
  text-align: right;
  padding: 7px 30px 0 0;
}

#footer-menu ul li {
  display: inline;
  margin-left: 20px;
}

#footer-menu ul a {
  text-decoration: none;
  color: #7A6E64;
  font-size: 1.4em;
  font-weight: bold;
  font-variant: small-caps;
}

#footer-menu ul a:hover, #footer-menu ul a:focus, #footer-menu ul a:active {
  color: black;
}

#footer-menu ul li.gopagetop a:hover img {
  position: relative;
  bottom: 6px;
}

#footer-links {
  float: right;
  list-style: none;
  line-height: 1.5;
  text-align: right;
  margin-right: 44px;
  margin-top: 10px;
  width: 200px;
}

#footer #citation {
  padding: 5px 0 0 0;
  margin: 10px 0 0 44px;
  font: normal 1.5em Georgia, "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  width:520px;
}

#footer #citation span {
  font-size:0.8em;
  margin-left:0.5em;
  color:#ccc;
  white-space:nowrap;
}

#footer #citation .suggestion {
  font-size:0.6em;
  margin-left:200px;
}

#footer-end {
  padding: 0;
  background: url(img/footer-end.png) center top;
  color: white;
}

/*#footer-end img {
  padding: 10px 0 10px 0;
  
}*/

#footer-end .centrage {
	text-align: center;
	padding-top: 3px;
	
}

#footer-end #presentation {
  width: 690px;
  float: right;
  text-align: left;
  line-height: 1.3;
  padding: 10px 20px 10px 0;
  margin-right: 40px;
  background: url(img/footer-acco-2.png) right center no-repeat;
  color: #aaa;
}

#footer-end #presentation p {
  padding: 3px 0 0 20px;
  background: url(img/footer-acco-1.png) left center no-repeat;
}

#footer-end #presentation a {
  text-decoration: none;
  color: #888;
}

#footer-end #presentation a:hover {
  text-decoration: underline;
}

#footer-end div.spacer {
  clear: both;
  line-height: 1;
  font-size: 1px;
  height: 1px;
}

/* Liste evoluee */

#content .newslist .titre {
  font-size: 1.3em;
  border-top: 1px solid #e7e7e7;
  padding:10px 0 0 0;
  margin-bottom:0px;
  border:0;
}

#content .newslist img {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

#content .newslist li {
	clear:both;
	border-top:1px solid #eee;
	background:none;
	padding-top:10px;
}

#content .newslist li .meta {
	display:block;
	color:#999;
	font-size:0.9em;
}

#content .newslist li.first {
	border:none;
}

/* Grid */

table.grid {
  border-collapse : collapse;
  margin-left : auto;
  margin-right : auto;
} 

table.grid th, table.grid td {
  padding : 2px 8px;
  border : 1px solid #ddd;
}

table.grid th {
  background : #efeedf;
}

table.grid td {
  text-align : right;
}

/* Tags */

._tag_suggestion {
  margin-right:0.8em;
  cursor:pointer;
  background:#efefef;
  padding:2px;
  line-height:1.8em;
}

/* MP */

.pm {
  clear:both;
  margin-bottom:2em;
}

#pmwrite {
	clear:both;
	padding-top:1em;
}

.pm-user {
	width:60px;
}

.pm-text {
	margin-left:75px;
}

.pm-message {
  margin:0;
}

.pm-meta {
	color:#ccc;
	margin:0;
	padding:5px 0 0 0;
}

.pm-actions {
	margin:5px 0 0 75px;
  color:#ccc;
}

/* Présentation ressources */

table.table-docs {
  width:100%;
  clear:both;
  margin-bottom: 2em;
}

td.doc-level {
  width:36px;
	border-bottom:1px solid #eee;
}

th.doc-title {
  text-align:left;
  font-weight:normal;
  border-bottom:1px solid #eee;
}

.doc-abstract {
  color:#666;
}

.search-results li {
  clear:both;
}

.search-bar {
  float:right;
  background:url(img/search-bar.png) repeat-x;
  margin-left:1em;
  height:10px;
}

/* Profil */

#content .profil h2 {
  font-size:3em;
}

#content .profil blockquote.status {
  font-size:30px;
  border:0;
  text-align:left;
  width:50%;
}

#content .profil blockquote.status p {
  text-align:left;
}

#content .profil .avatar {
  padding:10px;
  border:1px solid #eee;
}

#content .profil li {
  line-height:1.7em;
}

/*****
*	STYLES DES "BOX"
*****/

.GenericBoxLeftCorner {
	height:8px;
	background:url('img/box-high-left-corner.gif') top left no-repeat;
	margin:0px;
	padding:0px 0px 0px 8px;
	text-align:right;
}

.GenericBoxRightCorner {
	height:8px;
	padding:0px 8px 0px 0px;
	background:url('img/box-high-right-corner.gif') top right no-repeat;
	margin:0px;
	text-align:right;
}

.GenericBoxBorderTop {
	padding:3px 0px 0px 0px;
	background:url('img/box-border-top.gif') top left repeat-x;
	margin:0px;
}

.GenericBoxBorderBottom {
	padding:3px 0px 0px 0px;
	background:url('img/box-border-bottom.gif') top left repeat-x;
	margin-bottom:18px;
}

.GenericBoxBorderRight {
	background:url('img/box-show-border-right.gif') top right repeat-y;
	padding:0px;
	width:100%;
}

.GenericBoxBorderLeft {
	background:url('img/box-show-border-left.gif') top left repeat-y;
	padding:0px 8px 8px 8px;
}
.GenericBoxTitles h6 {
	background:url('img/box-show-title-background.gif') top left repeat-x;
	font-size:13px;
	line-height:26px;
}
.GenericBoxTitles {
	position:relative;
	top:0px;
	left:0px;
	color:#367a87;
	background:url('img/box-show-title-right.gif') top right repeat-x;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 8px 0px 0px;
	margin:0px 0px 5px 0px;
	text-align:left;
}

.GenericBoxTitles div {
	position:relative;
	top:0px;
	left:0px;
	background:url('img/box-show-title-left.gif') top left no-repeat;
	padding:0px 0px 6px 8px;
	margin:0px;
	height:26px;
}

.fondrubrique {
  margin:10px 0px 10px 0px;
  clear:both;
  background-image:url('img/fond_plansite.jpg');
  background-repeat:no-repeat;
}

/*****
*	Menu deroulant
*****/
.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      color: #fff;
      width: 200px;
      font: 1.2em "Trebuchet MS", sans-serif;
	  display: block;
	  text-align: center;
      }
   .navigation a, .navigation span {
      display: block;
      padding: 4px 10px;
      color: #fff;
      text-decoration: none;
      background: url(img/menu.png) left bottom no-repeat;
	  text-align: center;
      }
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background-image: url(img/menu.png);
	  display: block;
	  text-align: center;
      }
   .navigation .open a, .navigation .open span {
      background-image: url(img/menu-item-enroule.png);
      }
   .navigation a:hover, .navigation a:focus {
      text-decoration: underline;
      }
   .navigation .subMenu {
      font-size: .8em;
      background: #ccc;
      font-size: .9em;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
	  text-align: center;
      }
   .navigation ul.subMenu a {
      background: none;
      padding: 3px 20px;
	  text-align: center;
      }


/* ----------------------------- */
/*           menu v2             */
/* ----------------------------- */

.kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0; 
}  
 
.kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 110px;
	height: 38px;
	margin-right: 0px;
	background-image:url(imgv2/menuv2.png);
	background-repeat:no-repeat;
}

.kwicks a{
	display:block;
	height:38px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-170px 0px;
}
#kwick3 {
	background-position:-340px 0px;
}
#kwick4 { 
	background-position:-510px 0px;
}
#kwick5 { 
	background-position:-680px 0px;
}
#kwick6 { 
	background-position:-850px 0px;
}
#kwick7 { 
	background-position:-1020px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -170px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -340px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -510px bottom; 
}
#kwick5.active, #kwick5:hover { 
	background-position: -680px bottom;
}
#kwick6.active, #kwick6:hover { 
	background-position: -850px bottom;
}
#kwick7.active, #kwick7:hover { 
	background-position: -1020px bottom;
}