/* ----------------------------- */
/*          ALSA V 3.0           */
/* ----------------------------- */

body {
	color: black;
	background: #50605f;
	font: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, 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: 0px;
	padding: 0px;
}

#content blockquote p:last-child {
	min-height: 33px;
	margin-bottom:0;
	padding: 0 50px 0 0;
}

#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;
}


#listing {
	margin: 0;
	padding:0;
	
}
#listing li {
	margin-left: 20px;
	margin-bottom: 3px;
}
#listing a {
	color: #005e99;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;


}
#listing a:hover {
text-decoration: none; color: #000000;
}

/* 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        */
/* ----------------------------- */
h1 {
	color: #666666;
	font-size: 1.5em;
	margin: 0px 0px 3px;
	padding: 0px;
	letter-spacing:-1px;
	font-weight:bold;
	font-variant: small-caps;
}
h2 {
  color: #FF7800;
  margin: 0px;
  padding: 0px;
  line-height: 1.2;
  font-size: 1.7em;
  letter-spacing:-1px;
  font-weight:bold;
}

h3 {
  color : #008b38;
  font-size: 1.4em;
  font-weight: normal;
  margin: 0px 0;
  padding: 0px 0 0;
}

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

h5 {
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	margin: 1.5em 0 1em 0;
}
h6 {
	font-size: 1em;
	font-weight: normal;
	margin: 0em 0;
}
a, a:link, a:visited {
  color: #FF0000;
  text-decoration: underline;
}



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

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;
}


#pied {
	clear: both;
	width: 100%;
	margin-top: 5px;
	border-top: 1px dotted #CCC;
	padding: 10px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
#pied small { font-size: 0.77em; }
/* Messages info */

.discret {
  color:#999;
}

.error, .good, .warn {
  clear:both;
  color:#fff;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
  font-weight:bold;
  padding:10px;
}

.error {
  background:#c00;
}

.warn {
  background:#FF7800;
}

.good {
  background:#83BF00;
}

.warn a, .good a, .error a {
  color:#fff;
  text-decoration:underline;
}

.info {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 10px 10px;
}

/* 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             */
/* ----------------------------- */

#header {
	background: #FFFFFF url(../images/fdentete.jpg) no-repeat center top;
	height: 130px;  /* border-bottom: 4px solid #D7D4CB; */
	display:block;
	overflow:hidden;
}


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

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

/* liens d'évitement */

#header ul#outils  {
  padding-top: 5px;
  list-style: none;
   color : #fff;
}

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

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

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

/* Menu principal */

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

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

ul#menu li:hover, ul#menu li:focus {
  
}

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: 800px;
	height: 66px;
	position:absolute;
	z-index:3;
	left: 235px;
	top: 85px;
}

#sous-menu ul {
  padding: 21px 0 0 0px;
  list-style: none;
}

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

#sous-menu li a {
  text-decoration: none;
  color: #000;
  font-size: 1.0em;
  font-weight: bold;
}


#sous-menu li a:hover, #sous-menu li a:focus, #sous-menu li a:active {
  color: #ff0000;
}



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

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


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

#global {
  width: 990px;
  margin: 0 auto;
  background: #FFF;
}

#page {
	background: #FFF;
	display:block;
	overflow:hidden;
	padding: 10px;
}

#page-accueil {

  background: #FFF url(../IMG/atlansevre/fd-trio.jpg) no-repeat;
  display:block;
  overflow:hidden;
}
#page.full {
background: #FFF;
}

#content {
  float: left;
  width: 990px;
  padding-top: 1em;
}
#content-article {
	float: right;
	width: 740px;
	padding-top: 1em;
	margin-left: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
#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;
  z-index:1;
  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;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding: 0 10px;
}

#content .auteur {
  background:#f3f3f3 url(img/picto-edit.png) no-repeat 96% 30%;
  border:1px solid #f9f9f9;
  margin-top:15px;
  padding-right:100px;
	clear: both;
	overflow: hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:5px 80px 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;
}

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

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

#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;
}

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

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

#content ul li {
  padding-left: 10px;
  background: url(img/ico-puce.png) left 7px no-repeat;
}

#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 0;
}

#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;
}

#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;
}


.zoomsur2 {
	color: #789;
	margin: 0px;
	padding: 20px;
	height: 120px;
	width: 289px;
	float:left;
}
.zoomsur2 h2 {
  margin: 0 0 0 20px;
  padding: 0;
  color: #008836;
}
.zoomsur2 img {
  margin: 5px;

}
.zoomsur2 h2 span {
  color: #766702;
  font-size: 0.9em;
  text-transform: capitalize;
}

.zoomsur2 p {
	margin: 5px 0 0 0;
	padding: 0;
	text-align: left;
	color: #000;
	margin: 0 0 0 20px;
	font-size: 0.8em;
}
.zoomsur2 a, .zoomsur2 a:link, .zoomsur2 a:visited {
	color: #008836;
	font-size: 1.1em;
	text-transform: capitalize;
	text-decoration: underline;
}

.actualites {
	color: #789;
	margin: 0px;
	padding: 20px;
	height: 120px;
	width: 289px;
	float:left;
	font-size: 0.9em;
}
.actualites h2 {
  margin: 0 0 0 20px;
  padding: 0;
  color: #ff0009;
}

.actualites h2 span {
  color: #000;
  font-size: 0.9em;
  text-transform: capitalize;
}

.actualites p {
	margin: 5px 0 0 20px;
	padding: 0;
	text-align: left;
	color: #000;
	font-size: 0.9em;
	color: #000;
}
.actualites a, .actualites a:link, .actualites a:visited {
	color: #a20000;
	font-size: 1.1em;
	text-transform: capitalize;
	text-decoration: underline;
}
/* Sidebar */

#sidebar {
  float: right;
  width: 330px;
  display:block;
  overflow:hidden;
}

#sidebar-article {
	float: left;
	padding-top: 15px;
	width: 200px;
	display:block;
	overflow:hidden;
	
}
#sidebar #login {
  padding: 0 5px 15px 15px;
}

#sidebar #login-first {
  float: left;
  width: 205px;
}

#sidebar #login-second {
}

#sidebar #login-second input {
  margin-bottom: 8px;
}

#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 #login p, #sidebar #login li {
  padding: 0;
  margin: 0;
  color: #999;
  /*font-size: 0.9em;*/
  line-height: 1.2;
  list-style-type:none;
}

#sidebar #login a {
  text-decoration: none;
  color: #999;
}

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




#sidebar a.nolink {
  color: #444;
}

#sidebar #login a:hover {
  text-decoration: underline;
}


#sidebar label {
  display: block;
  margin: 0 0 4px 0;
}
#sidebar label span {
  display: inline-block;
  width: 90px;
  font-size: 0.9em;
}

#sidebar #login-lost {
  margin: 0 0 4px 0;
}

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

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

#sidebar .adsense {
  padding-top: 0.5em;
  clear: both;
  margin-left: 5px;
}

#sidebar .minipub {
  float:right;
}

.zoomsur {
	color: #789;
	margin: 0px;
	padding: 20px 20px 20px 0px;
	height: 120px;
	width: 289px;
	float:left;
}
.zoomsur h2 {
  margin: 0 0 0 20px;
  padding: 0;
  color: #7b7876;
}

.zoomsur h2 span {
  color: #566666;
  font-size: 0.9em;
  text-transform: capitalize;
}

.zoomsur p {
	margin: 5px 0 0 0;
	padding: 0;
	text-align: left;
	color: #000;
	margin: 0 0 0 20px;
	font-size: 0.9em;
}
.zoomsur a, .zoomsur a:link, .zoomsur a:visited {
	color: #566666;
	font-size: 1.1em;
	text-transform: capitalize;
	text-decoration: underline;
}




ul.melting-pot {
  width: 350px;
  clear: both;
  padding-top: 10px;
  list-style-type: none;
  line-height: 1.9;
  clear:both;
  margin-left:5px;
}

#sidebar .bloc {
  clear: both;
  padding: 15px;
  background: #F7F7F7 url(img/bloc-bg.jpg) left top repeat-x;
}

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


#sidebar .bloc ul {
  list-style-type: none;
  line-height: 1.4;
  margin-left: 0px;
  margin-right: 0px;
}

#sidebar .bloc p {
  padding: 0;
  margin: 10px 0 0 0;
}

#sidebar .bloc .description {
  margin-bottom: 1em;
  margin-top:0;
  font-size:0.9em;
  color:#666;
  line-height:130%;
}

#sidebar .bloc p.plus-link {
  float: right;
  margin-right: 10px;
  padding: 0 0 0 7px;
  height: 21px;
  line-height: 15px;
  background: url(img/sidebar-link-left.png) left top no-repeat;
}

#sidebar .bloc p.plus-link a {
  float: left;
  background: url(img/sidebar-link-right.png) right top no-repeat;
  padding: 3px 7px 5px 0;
}

#sidebar .bloc.apprendre h2 a {
  color: #79B70D;
}

#sidebar .bloc.emploi h2 a {
  color: #FF7800;
}

#sidebar .bloc.forum h2 a {
  color: #3B81BE;
}

#sidebar .bloc.concours h2 a {
  color: #939;
}

#sidebar .bloc.actu h2 a {
  color: #79B70D;
}

#sidebar .bloc.quiz h2 a {
  color: #939;
}

#sidebar .bloc.apprendre h2 a:hover, #sidebar .bloc.emploi h2 a:hover, #sidebar .bloc.forum h2 a:hover {
  color: #575757;
}

#sidebar .bloc.forum li, #sidebar .bloc.emploi li, #sidebar .bloc.actu li, #sidebar .bloc.concours li {
  padding-left: 16px;
  background: url(img/ico-star.png) left 5px no-repeat;
}


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

table.pagetable {
  width: 100%;
  margin: 15px 0 30px 0;
}

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

table.pagetable th {
  background: #EFEEDF;
  -moz-border-radius-topleft:7px;
  -moz-border-radius-topright:7px;
  -webkit-border-top-right-radius: 7px;  
  -webkit-border-top-left-radius: 7px;  
	border-top-right-radius:7px;
	border-top-left-radius:7px;
}

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: black url(img/footer-end.png) center top;
  color: white;
}

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

#footer-end #presentation {
  width: 690px;
  float: right;
  text-align: left;
  line-height: 1.3;
  padding: 10px 20px 10px 0;
  margin-right: 40px;
  background: black 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;
}

/* Quiz */

#content table.quiz {
  width: 60%;
  border: none;
  border-collapse: collapse;
}

#content table.quiz th {
  text-align: left;
  background: none;
  padding: 4px;
  font-size: 0.9em;
}

#content table.quiz td {
  padding: 6px 4px 6px 35px;
  background: url(img/star.png) 0 0 no-repeat;
  border-bottom: 1px solid #eee;
}

#content table.quiz td.moyenne, #content table.quiz td.hits {
  width: 15%;
  background-image: none;
  padding: 6px 4px;
}

#content table.quiz td.moyenne.high {
  color:#83BF00;
  font-weight:bold;
}

#content table.quiz td.moyenne.bad {
  color:#e04f00;
  font-weight:bold;
}





/* 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;
}

/* ----------------------------- */
/*          MOBILE               */
/* ----------------------------- */


@media handheld, only screen and (max-device-width: 480px) {

/* General */

body {
	width:480px;
	background:#fff;
}

#header-inside {
	width:100%;
}

#header-sep, #evitement, #sous-menu .homeitem, #rss, #footer, #header #recherche {
	display:none;
}

#header h1 {
	margin:0;
	padding: 100px 0 0 0;
	text-align:center;
}

#menu {
	left:0;
	right:auto;
}

#sous-menu {
	background:none;
	width:100%;
	height:auto;
	padding-bottom:5px;
}

#sous-menu ul {
	padding:8px 0 0 10px;
}

#sous-menu li a {
  font-size: 1.1em;
}

ul#menu li {
  margin-left: 20px;
  margin-right:10px;
}



#content .titre {
	font-weight:bold;
	font-size:2em;
}

#content pre, #content .code {
	overflow: scroll;
  font-size: 170%;
  white-space: normal;
}

#sidebar {
	clear:both;
	float:none;
	margin:auto;
	width:auto;
}

#sidebar .melting-pot {
	width:auto;
	margin:0 10px 0 10px;
	font-size:0.9em;
}

#sidebar h2 {
	font-size:1.5em;
}

#sidebar input.input-mini {
	font-size:1.2em;
}

#sidebar #login input.input-mini {
	float:left;
}

#sidebar #login .submit {
	float:left;
}

#sidebar #login p.getlink {
	display:none;
}

#sidebar .bloc {
	width:auto;
	background:#F1F2ED;
	background-image:none;
}

#sidebar .bloc-top {
	background:none;
	background-image:none;
}

#sidebar .minipub {
	display:none;
}

#sidebar #login {
	width:100%;
	background:#F1F2ED;
}

#sidebar #login #login-top {
	background:none;
}

#global {
	width:100%;
}

#page {
	background:#fff;
}

#page #notif {
	margin:0;
}

#footer-mobile {
	display:block;
	background:#000;
	text-align:center;
	padding:10px 0;
}

#footer-mobile #recherche-mobile #recherche-texte-mobile, #footer-mobile #recherche-mobile #recherche-submit-mobile {
	font-size:1.5em;
}

#footer-menu {
	background:none;
	height:auto;
}

#footer-menu ul {
	text-align:center;
	padding:3px;
}


#footer-menu ul li {
	margin-left:6px;
	font-size:0.9em;
}

#footer-end {
	display:none;
}

#footer .gotop {
	display:none;
}

#content label {
  display: inline;
  border-bottom: 1px dotted #C6C0AC;
  padding-bottom: 1px;
}

input.input-maxi, textarea.input-maxi {
	width:100%;
}

/* Emploi */

#page #emploi {
	margin:0 10px;
}

#page #emploi .intitule {
  font-size:2em;
}

#page #emploi div.gauche, #page #emploi div.droite, #page #emploi #premier, #page #emploi #second {
	float: none; 
	width: 100%;
}

/* Forum */

#forum {
	padding:0 5px;
}


#forum .subopt, #forum .subopt.ident, #forum .subopt.lasttopics  {
	width:100%;
	float:none;
}


#forum .table .trp, #forum .table .trd, #forum .table .tlp, #forum .table .ts, #forum .table .ftc, #forum .table .frc, #forum .nav-s {
    display:none;
}

#forum .table td {
	font-size:130%;
}

#forum pre, #forum code, #forum div.code {
	width:300px;
  font-size:1.2em;
}


}

.article-unit {
	float: left;
	height: 150px;
	width: 150px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: solid #666666;
	overflow:hidden;
}

.article-unit h3 {
	position: absolute;
	width: 150px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #000000;
}
.infobulle
{
  position : absolute;   
  visibility : hidden;
  border : 1px solid Black;
  padding : 10px;
  font-family : Verdana, Arial;
  font-size : 10px;
  background-color : #ffffcc;
}
#pub_rectanglemoyen {
	height: 300px;
	width: 300px;
	display:block;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#pub_classique {
	background-color: #FFCC00;
	height: 60px;
	width: 468px;
	position: absolute;
	z-index:1;
	left: 460px;
	top: 75px;
}

#hierarchie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding: 5px;
}
#partage {
	padding: 5px;
}

.chapo {
	font-size: 14px;
	color: #7cb634;
	padding: 5px;
	margin-top: 0px;
}

.cartouche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	width:170px;
	float:left;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
}

.header-article {
	display:block;
	overflow:hidden;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#bloc-item {
	display:block;
	overflow:hidden;
}

#bloc-item-rub {
	float: left;
	width: 660px;
}
#blocrub {
	float: left;
	width: 300px;
	display:block;
	overflow:hidden;
	margin: 5px 5px 0px;
	padding: 5px;
	height: 135px;
	font-size: 11px;

}

#blocrub a, #blocrub a:link, #blocrub a:visited {
	color: #119032;
	font-size: 1em;
	text-transform: capitalize;
}

#blocrub li {
	list-style-type: none;
}
.logonews {
	width: 270px;
	display:block;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	height: 100px;

}
.animation {
	text-align: center;
	width: 990px;

}
#news {
	padding-left: 40px;
}
.logo-rubrique {
	height: 92px;
	width: 120px;
	display:block;
	overflow:hidden;
	float: right;
}
.logo-rubrique2 {
	height: 92px;
	width: 120px;
	display:block;
	overflow:hidden;
}
#une {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 10px;
}
.liste-alpha, #tri, #gauche, #blocrub2 {
	font-size: 13px;
}
.fiche-carte {
	float: right;
	height: 400px;
	width: 400px;
	display:block;
	overflow:hidden;
}
#tagsphere a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
.commentaires {
	font-size: 12px;
	background-color: #E0E0E0;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 2px solid #666;
	margin-right: 100px;
	margin-left: 100px;
}
.commentaires-form {
	font-size: 12px;
	background-color: #CED8CB;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 2px solid #008B38;
	margin-right: 100px;
	margin-left: 100px;
}
.commentaires-form legend {
	font-size: 18px;
	color: #008B38;
}