/* @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;
 margin-right: 2px;
}

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

#navigation li.actif a {
 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: 0px;
 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;
}

#sousnav li.actif a {
 color: #1e1e1e;
}

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

/* @end */

/* @group search */

#search {
 width: 300px;
 height: 20px;
 margin: 0;
 padding: 0;
 margin-top: 5px;
 float: right;
 border: 1px solid #6e6e6e;
 background: white;
}

#search input {
 width: 265px;
 border: none;
 height: 14px;
 margin: 0;
 margin-left: 3px;
 margin-top: 3px;
 float: left;
}

#search input:focus {
 background: none;
}

#search button {
 float: right;
 margin: 0;
 padding: 0;
 border: 0;
 cursor: pointer;
 height: 19px;
 width: 24px;
 background: white;
}

#search button img {
 height: 19px;
 border-left: 1px solid #e5e5e5; 
}

/* @end */

/* @group blogue */

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

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

#intro {
 width: 460px;
 overflow: hidden;
 margin-bottom: 30px;
}

#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: #083266;
 padding: 3px 7px;
 font-size: 18px;
 line-height: 26px;
 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 a {
 color: #f94d15;
}

#intro h4 {
 font-size: 18px;
 color: #083266;
}

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


#btn-membre a {
 float: left;
 height: 23px;
 width: 164px;
 margin-top: 15px;
 overflow: hidden;
 background: url(/images/btn-membre.jpg) no-repeat 0 0;
 cursor: pointer;
}

#btn-membre a:hover {
 background: url(/images/btn-membre.jpg) no-repeat 0 -23px;
}

#btn-renouvellement a {
 float: left;
 height: 23px;
 width: 155px;
 margin-top: 15px;
 overflow: hidden;
 background: url(/images/btn-renouvellement.jpg) no-repeat 0 0;
 cursor: pointer;
}

#btn-renouvellement a:hover {
 background: url(/images/btn-renouvellement.jpg) no-repeat 0 -23px;
}


#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 h2.date, #blogue h5, #entry h2 {
 color: #6e6e6e;
 background: #f0f0f0;
 padding: 6px 5px 5px 7px;
 font-size: 12px;
 line-height: 14px;
 margin: 10px 0 ;
 text-transform: uppercase;
}

#blogue h3.title {
 color: #f94d15;
 font-size: 18px;
 line-height: 22px;
 font-weight: bold;
 background: none;
 padding: 0;
 padding-left: 7px;
 display: block;
}

#blogue h4 {
 color: #6e6e6e;
 font-size: 12px;
 line-height: 14px;
 font-style: italic;
 margin-bottom: 10px;
}

#blogue p {
 padding-left: 7px; 
}

#blogue p.gros_texte {
 font-size: 18px;
 line-height: 22px;
 color: #6e6e6e;
 font-weight: bold;
}

#blogue p.entry-bottom {
 margin: 12px 0 18px 0;
 font-size: 12px;
 color: #6e6e6e;
}

#blogue p a {
 color: #6e6e6e;
 text-decoration: underline;
}

#blogue p a:hover {
 color: #f94d15;
 text-decoration: underline;
}

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

#entries h3.title a, #entry h3.title a, #blogue h3.title a {
 color: #f94d15;
}

#blogue img.gauche {
 float: left;
 margin-right: 10px;
 margin-left: 7px;
}

#page h1, #inner_content h1 {
 color: #6e6e6e;
 font-size: 28px;
 line-height: 32px;
 font-weight: bold;
 margin-bottom: 10px;
}

#page h2, #page h3 {
 font-size: 18px;
 line-height: 20px;
 font-weight: bold;
 color: #083266;
 text-transform: uppercase;
}

#page p {
 font-size: 14px;
 line-height: 19px;
 margin-top: 8px;
 margin-bottom: 18px;
 color: #3c3c3c;
}

#page p.lien {
 font-size: 12px;
 line-height: 14px;
 margin: 8px 0;
 color: #6e6e6e;
}

#page a {
 text-decoration: underline;
}

#page a:hover {
 color: #f94d15;
 text-decoration: underline;
}



.gros_lien {
 font-size: 16px;
 font-weight: bold;
 color: #f94d15;
 display: block;
 margin-bottom: 18px;
}

.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: 14px;
 padding: 0;
}


#commentaire {
  margin: 18px 0;
}

#commentaire input[type=text] {
  border: 1px solid grey;
  width: 300px;
  height: 24px;
  margin-bottom: 8px;
}

.commentaires {
  margin: 12px 0 9px 0;
  border-top: 1px solid #999999;
  padding-top: 2px;
}

.commentaires h4 {
  margin: 0 ;
}

.commentaires p {
  margin-bottom: 9px;
}


/* @end */

/* @end */

/* @group colonne */

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

div.lien_gpji {
 margin-bottom: 20px;
}

/* @group pub */

#pub {
 position: relative;
 width: 265px;
 height: 270px;
 margin-bottom: 30px;
}

#shadow {
 position: absolute;
 top: 2px;
 right: 0;
 width: 263px;
 height: 268px;
 height: 100%;
 background: #d6d6d6;
 z-index: 100;
}

#inner-pub {
 position: absolute;
 top: 0;
 left: 0;
 width: 253px;
 height: 260px;
 background: #f7f7f7;
 z-index: 101;
 padding: 5px;
 font-size: 12px;
 color: #3c3c3c;
}

#inner-pub img {
 margin-bottom: 4px;
}

#inner-pub p {
 padding-left: 2px;
 line-height: 16px;
}

#inner-pub a:hover {
 color: #f94d15;
}


/* @end */


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

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

#colonne h2 + p {
 margin-top: 10px;
 font-size: 14px;
 line-height: 19px;
 color: #083266;
}

#colonne li {
 margin-bottom: 12px;
 font-size: 12px;
}

#colonne li a {
 color: #3c3c3c;
 padding-left: 7px;
 display: block;
 line-height: 16px;
}

#colonne a:hover {
 color: #f94d15;
}

#colonne span.date {
 display: block;
 background: ;
 text-transform: uppercase;
 color: #6e6e6e;
 background: #f0f0f0;
 padding: 2px 1px 1px 6px;
 margin-bottom: 5px;
}

#colonne p.title {
 display: block;
}

#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 ul.pasdedate {
 margin-top: 10px;
 color: #6e6e6e;
 margin-bottom: 10px;
}

#colonne ul.pasdedate a {
 color: #6e6e6e;
}

#colonne ul.pasdedate a:hover {
 color: #f94d15;
}

#colonne li.pasdedate {
 margin-bottom: 1px;
}

/* @group colonne form */

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

a.gris {
 color: #6e6e6e;
}

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

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

span.checkbox {
 color: #f94d15;
}

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

/* @end */

/* @group social_networks */

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



/* @end */

/* @group address */

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

/* @end */

/* @group basdepage */

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

/* @end */

ul.tiret {
 list-style-type: disc;
 margin-bottom: 20px;
 margin-left: 20px;
}

/* @group table types */

#types {
 margin: 10px 0;
}

#types th {
 text-transform: uppercase;
 text-align: left;
 color: #083266;
 font-size: 12px;
 padding-right: 10px;
 vertical-align: top;
 line-height: 14px;
 padding-bottom: 10px;
}

#types td {
 text-align: left;
 vertical-align: top;
 padding-right: 10px;
 font-size: 11px;
 padding-bottom: 20px;
 line-height: 13px;
}

/* @end */

div.formulaire form {
 margin-top: 20px;
}

div.formulaire label {
 color: #083266;
 display: block;
 font-weight: bold;
}

div.formulaire input[type=text], div.formulaire input[type=password] {
 border: 1px solid #083266;
 width: 300px; 
 margin-bottom: 12px;
 height: 15px;
 padding: 5px;
}

div.formulaire label.error {
	display: none;
	color: red;
	font-style: italic
}


div.formulaire input[type="text"].jour, div.formulaire input[type="text"].mois {
  width: 20px;
}

div.formulaire input[type="text"].annee {
  width: 50px;
}