/* @group reset */

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, cite, em,  img,  strong, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, address {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

html {
 height: 100%;
 border-bottom: 1px solid white;
 font: 14px/19px "Trebuchet MS", sans-serif;
}

ol, ul {
 list-style: none;
}

body {
 height: 100%;
}

a {
 text-decoration: none;
 color: #6e6e6e;
}

p {
 padding-left: 7px;
}

#structure {
 position: relative;
 width: 965px;
 margin: 0 auto;
}

#maquette {
 position: absolute;
 top: 0;
 left: 0;
 width: 965px;
 height: 1532px;
 background: url(/images/_maquette_liste_sujets.jpg) no-repeat;
 opacity: 0.3;
}

/* @end */

/* @group header */

#entete {
 position: relative;
 height: 240px;
 width: 965px;
}

#navigation {
 float: right;
 text-align: right;
 font-size: 12px;
 margin-top: 5px;
 color: #1e1e1e;
}

#navigation li, #sousnav li {
 display: inline;
}

#sousnav li {
 margin-right: 10px;
}

#navigation a:link, #navigation a:visited {
 color: #6e6e6e;
}

#navigation a:hover, #navigation a:active {
 color: #f94d15;
}

#navigation a.active {
 color: #1e1e1e;
}

a.logo {
 position: absolute;
 top: 83px;
 left: 40px;
}

a.lien_repertoire {
 position: absolute;
 top: 63px;
 right: 0px;
 width: 250px;
 height: 150px;
 overflow: hidden;
 background: url(/images/lien-repertoire.jpg) no-repeat 0 0;
}

a.lien_repertoire:hover {
 background: url(/images/lien-repertoire.jpg) no-repeat 0 -150px;
}

a.lien_repertoire.active {
 background: url(/images/lien-repertoire.jpg) no-repeat 0 -300px;
}

#sousnav {
 position: absolute;
 bottom: 10px;
 left: 202px;
 text-transform: uppercase;
 font-size: 12px;
 color: #1e1e1e;
 font-weight: bold;
}

#sousnav a:link, #sousnav a:visited {
 color: #6e6e6e;
}

#sousnav a:hover, #sousnav a:active, #sousnav a.active {
 color: #f94d15;
}

#sousnav a.active {
 color: #1e1e1e;
}

li.bullet {
 font-size: 11px;
 color: #6e6e6e;
}

/* @end */

/* @group blogue */

#contenu {
 padding-left: 202px;
 overflow: hidden;
}

#inner_content {
 width: 460px;
 min-height: 700px;
 float: left;
}

#intro {
 width: 460px;
}

#intro h1 {
 line-height: 30px;
 margin-bottom: 8px;
 color: #6e6e6e;
}

#intro h2 {
 color: #6e6e6e;
 font-size: 18px;
 line-height: 22px;
 font-weight: bold;
 text-transform: uppercase;
}

#intro span {
 background: #f94d15;
 padding: 3px 7px;
 font-size: 18px;
 line-height: 22px;
 font-weight: bold;
 color: white;
}

#intro h3, #blogue h3.fond_orange {
 background: #f94d15;
 padding: 3px 7px;
 font-size: 18px;
 line-height: 22px;
 font-weight: bold;
 color: white;
}

#intro p {
 margin-bottom: 18px;
 padding-left: 0;
}

#blogue {
 width: 460px;
}

#blogue p.note {
 font-size: 10px;
 padding-left: 0;
 line-height: 12px;
 margin-top: 4px;
}

#blogue h1.fond_orange {
 background: #f94d15;
 padding: 3px 7px;
 font-size: 15px;
 line-height: 20px;
 font-weight: bold;
 color: white;
 margin-bottom: 5px;
}

#blogue form {
 padding-left: 7px;
 margin-top: 18px;
}

#blogue label {
 color: #f94d15;
 font-size: 12px;
 line-height: 20px;
 display: block;
}

#blogue input[type=text] {
 height: 20px;
 width: 260px;
 padding-left: 5px;
 border: 1px solid #6e6e6e;
}

#blogue fieldset.options {
 margin-top: 14px;
}

#blogue legend {
 font-size: 12px;
 text-transform: uppercase;
}

#blogue select {
 display: block;
 width: 300px;
 margin-bottom: 6px;
}

.uppercase {
 text-transform: uppercase;
 color: #6e6e6e;
 font-size: 16px;
}

/* @group listes */

div.bloc_liste {
 margin-top: 16px;
}

div.bloc_liste a {
 color: #f94d15;
 font-size: 18px;
 line-height: 22px;
 font-weight: bold;
 padding-left: 5px;
}

div.bloc_liste h3.subject_title {
 font-size: 18px;
 line-height: 22px;
 font-weight: bold;
 padding-left: 5px;
 margin-top: 10px;
}

div.fond_bleu {
 color: #6e6e6e;
 font-size: 12px;
 line-height: 14px;
 background: #f7f7f7;
 margin-top: 6px;
 padding-top: 6px;
 padding-bottom: 1px;
}

div.fond_bleu p {
 margin-bottom: 7px;
}

div.fond_bleu span {
 color: #3c3c3c;
}

div.fond_bleu a {
 font-size: 12px;
 line-height: 18px;
 padding: 0;
}

div.fond_bleu a:hover {
 text-decoration: underline;
}





/* @end */

/* @end */

/* @group colonne */

#colonne {
 float: right;
 width: 265px;
 margin-top: 40px;
 font-size: 12px;
}

#colonne div.boite h2 {
 background: #f94d15;
 padding: 3px 7px;
 font-size: 15px;
 line-height: 20px;
 font-weight: bold;
 color: white;
 margin-bottom: 5px;
}

#colonne form {
 padding-left: 7px;
 margin-bottom: 10px;
}

#colonne p {
 margin-bottom: 10px;
}

#colonne p.commandite {
 padding-left: 0;
 font-size: 10px;
 margin-top: 18px;
 line-height: 12px;
 font-style: italic;
}

#colonne p.commandite img {
 margin-bottom: 4px;
}

#colonne label {
 color: #f94d15;
 font-size: 12px;
 line-height: 20px;
 display: block;
}

#colonne input[type=text], #colonne input[type=password] {
 height: 20px;
 width: 256px;
 margin-bottom: 10px;
 border: 1px solid #6e6e6e;
}

span.checkbox {
 color: #f94d15;
}

a.gris {
 color: #6e6e6e;
}

a.gris:hover {
 text-decoration: underline;
}

#connexion button {
 margin-top: 10px;
}

#social_networks {
 margin-top: 30px;
}

#social_networks p {
 padding-left: 0;
 margin-bottom: 0;
}

#social_networks span.img {
 margin-right: 5px;
}

#social_networks span.text {
 vertical-align: top;
}

#social_networks a {
 color: #083266;
}

#social_networks a:hover {
 text-decoration: underline;
}

#address {
 margin-top: 12px;
 color: #083266;
}

#address p {
 padding-left: 0;
 line-height: 18px;
}

#address a {
 color: #083266;
}

#address a:hover {
 text-decoration: underline;
}

/* @end */

/* @group autocomplete */

div.autocomplete {
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
  font: 10px/14px Verdana, sans-serif;
}
	
div.autocomplete > ul {
  list-style:none!important;
  list-style-image:none!important;
  margin: 0px;
  padding: 0px;
  font: 10px/12px Verdana, sans-serif;
}

div.autocomplete > ul > li.selected {
  background-color: #B9DAF0;
  font: 10px/14px Verdana, sans-serif;
  margin:0px;
  padding:3px;
}

div.autocomplete > ul > li {
  font: 10px/14px Verdana, sans-serif;
  list-style-type:none;
  display:block;
  margin:0;
  padding:3px;
  cursor:pointer;
}



/* @end */

/* @group basdepage */

#basdepage {
 padding-left: 202px;
 margin-top: 50px;
 margin-bottom: 10px;
 width: 725px;
 font-size: 11px;
}

/* @end */

/* @group overview */

#overview {
 margin-top: 10px;
 margin-bottom: 20px;
 overflow: hidden;
 font-size: 12px;
 line-height: 18px;
}

#overview div {
 float: left;
}

#overview div p {
 padding: 0;
}

#overview img {
 margin-left: 5px;
 margin-right: 15px;
 float: left;
}

#overview h2 {
 font-size: 18px;
 line-height: 22px;
 font-weight: bold;
 margin-bottom: 5px;
 color: #f94d15;
}

#overview span {
 color: #3c3c3c;
}

#overview a, #overview p {
 color: #6e6e6e;
 margin-bottom: 4px;
 line-height: 16px;
}

div.profil p {
 color: #3c3c3c;
 margin-bottom: 8px;
 line-height: 16px;
 font-size: 12px;
}

#infos {
 color: #6e6e6e;
 font-size: 12px;
 line-height: 14px;
 background: #f7f7f7;
 margin-top: 6px;
 padding-top: 6px;
 padding-bottom: 1px;
 margin-bottom: 12px;
}

#infos p {
 margin-bottom: 6px;
}

#infos p strong {
 color: #3c3c3c;
}

div.document_overview {
 color: #6e6e6e;
 background: #f7f7f7;
 margin-bottom: 12px;
 padding: 7px;
}

div.document_overview h4 {
 font-size: 15px;
 line-height: 20px;
 font-weight: bold;
 color: #3c3c3c;
}

div.document_overview h5 {
 font-size: 12px;
 line-height: 16px;
 margin-bottom: 12px;
 color: #6e6e6e;
}

div.document_overview p {
 font-size: 12px;
 line-height: 16px;
 padding-left: 0;
}

div.document_overview p strong, div.bloc_liste strong {
 color: #3c3c3c;
}

div.document_overview p a {
 color: #6e6e6e;
 font-size: 12px;
 font-weight: normal;
 margin-top: 20px !important;
}

div.document_overview p a:hover {
 color: #f94d15;
}

div.document_overview p em {
 color: #3c3c3c;
}




/* @end */



textarea {
 height: 400px;
 width: 260px;
}

textarea.url {
 height: 100px;
}

p.interlignage_serre {
 line-height: 16px;
}