html {
font-size:100%;
}

html,body {
margin:0;
padding:0
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.74em;
background-color:#292929;
color:#FFF;
text-align:left;
}

a img {
border:0;
}

h1 {
margin:0;
padding:2px 0 0 0;
font-size:280%;
font-weight:normal;
color:#FFF;
}

h1 span {
font-size:80%;
color:#9DA7B0;
}

h2 {
margin:0 0 10px 0;
padding:0;
color:#000;
font-size:230%;
font-weight:normal;
}

h3 {
margin:0 0 5px 0;
padding:0;
font-size:150%;
font-weight:normal;
}

h3 span {
font-size:85%;
color:#555;
}

h4 {
margin:20px 0 0 0;
color:#000;
font-size:120%;
}

p {
text-align:justify;
padding:0;
margin:10px 0 10px 0;
line-height:1.4em;
}

ul {
margin:0 0 10px 0;
padding:0 0 0 20px;
}

ul li {
margin:0 0 3px 0;
padding:0;
}

ul.listeStatut {
display:inline-block;
list-style-type:none;
margin:0 0 0.5rem 0;
padding:0;
}

ul.listeStatut li {
float:left;
padding:0 2% 0 0;
font-size:1rem;
}

.droite {
text-align:right;
}

.gauche {
text-align:left;
}

.emphase {
font-weight:bold;
font-style:italic;
}

table {
margin:0 0 10px 0;
padding:0;
border-collapse:collapse;
}

a {
text-decoration:none;
font-weight:bold;
}

a[href^="mailto"] {
text-decoration:none;
}

a:link {
color:#000;
}

a:visited {
color:#000;
}

a:focus {
color:#000;
}

a:hover {
color:#666;
}

a:active {
color:#000;
}

.gras {
font-weight:bold;	
}

.centrer {
text-align:center;
}


/*--- STRUCTURE ---*/
div#cadre-principal {
width:100%;
}

div#entete {
background-color:#FFFFFF;
color:#000000;
padding:0 10px 0 0;
}

div#milieu {
min-height:300px;
background-color:#FFF;
padding:0 0 30px 0;
color:#000;
}

div#corps {
padding:15px;
min-width:985px;
}

div#piedpage {
padding:0 15px;
}

div#signature {
color:#c1c1c1;
padding:10px;
float:right;
}

div#signature p {
text-align:left;
}

div#signature a {
color:#c1c1c1;
font-weight:normal;
text-decoration:none;
}

div#informations-generales {
float:left;
font-size:90%;
padding:1rem;
}

div#informations-generales img {
padding:10px 0px 0px 0px;	
}

div#informations-utilisateur {
float:right;
font-size:90%;
margin-right:100px;
padding-top:2rem;
color:#000000;
}

div#informations-generales a, div#informations-utilisateur a {
color:#D1D895;
}

div#informations-utilisateur p.dateheure {
font-size:90%;
color:#000000;
}

div#informations-supplementaires {
background-color:#FAF5DA;
padding:10px;
border-bottom:1px solid #E8D659;
}

/*--- TABLEAUX ---*/
table.donnees {
border-collapse:collapse;
margin:0 0 10px 0;
width:auto;
background-color:#F8F8F8;
border:1px solid #DEDEDE;
}

table.donnees th {
text-align:left;
padding:5px 10px;
border-bottom:1px solid #DEDEDE;
background-color:#F5F5F5;
white-space:nowrap;
color:#9C9C9C;
font-weight:bold;
font-size:120%;
}

table.donnees td {
text-align:left;
padding:5px 10px;
border-bottom:1px solid #DEDEDE;
vertical-align:top;
background-color:#FFF;
color:#4B545A;
font-weight:normal;
}

table.donnees td.centre {
text-align:center;
}

table.donnees td.colonne {
background:#F5F5F5;
}

table.donnees tfoot td {
border-top:2px solid #AAA;
text-align:left;
background-color:#FBFBFB;
}

table.donnees caption {
text-align:right;
color:#666;
font-weight:bold;
margin:0 0 0 -1px;
padding:4px;
font-size:120%;
text-align:center;
}

table.donnees ul {
list-style-type:none;
margin:0;
padding:0;
}

table.donnees ul li i {
padding:0;
font-size:0.875rem;
}

table.maxWidth {
width:100%;
}

.green {
color:#14c13d;
}

.red {
color:#ff0000;
}

.bigIcon {
font-size:1.25rem;
}

div.colonne {
float:left;
width:340px;
padding:10px;
}

form {
margin:0 0 10px 0;
padding:0;
border:1px solid #DEDEDE;
}

fieldset {
border:0;
border-top:1px solid #DEDEDE;
padding:10px 3px;
margin:0 0 10px 0;
}

legend {
color:#3e3e3e;
font-weight:normal;
font-size:140%;
}

form label {
cursor: pointer;
color:#000;
font-weight:bold;
}

.formTitre {
background:#3e3e3e;
color:#FFF;
font-size:140%;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:10px;
}

.formPreCorps {
margin: 0;
padding:10px;
border-bottom:1px solid #D4D4D4;
background:#F7F7F7;
}

.formCorps {
margin: 0;
padding:10px;
background-color:#FFF;
border-top:1px solid #F7F7F7;
}

.formPied, .formBoutons {
padding:5px 10px 10px 10px;
text-align:left;
}

form#FormDetails h1 {
color:#000000;
}

form#FormDetails h2, form#FormModifier h2 {
border-bottom:2px solid #622129;
}

form#FormDetails ul {
list-style-type:none;
margin:0;
padding:0;
}

form#FormDetails ul li i {
font-size:1.125rem;
color:##3e3e3e;
}

input.bouton {
font-weight:bold;
cursor:pointer;
background:#EDEDED;
border:1px solid #D3D3D3;
padding:6px 10px 6px 10px;
color:#000;
font-size:1em;
text-align:center;
}

.formPied input.bouton {
padding:12px 15px 12px 15px;
}

input.bouton.secondaire {
background:none;
border:none;
color:#A0A0A0;
}

input.bouton.secondaire:hover {
color:#990000;
}

a.secondaire {
padding:0px 10px 0px 10px;
color:#A0A0A0;
}

a:hover.secondaire {
color:#990000
}

a.bouton {
font-weight:bold;
cursor:pointer;
background:#EDEDED;
border:1px solid #D3D3D3;
padding:6px;
color:#000;
font-size:1em;
text-decoration:none;
display:inline;
text-align:center;
}

input,select,textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#000;
border:1px solid #D9D9D9;
padding:5px;
}

input[disabled='disabled'] {
background:#F5F5F5;
color:#888;
}

form#FormListe select {
min-width:230px;
}

.CheckBox {
border:0;
}

textarea {
width:100%;
min-width:400px;
height:12em;
box-sizing:border-box;
}

textarea.petit {
width:240px;
height:6em;
}

table.formulaire td.label {
text-align:left;
vertical-align:top;
white-space:nowrap;
font-weight:bold;
color:#000;
padding:4px;
}

table.formulaire tr td {
padding:4px 4px 10px 4px;
vertical-align:top;
}

table.formulaireStats tr td.label {
padding:0 30px 20px 0;
}

table.formulaire td strong {
font-size:1.2em;
}

div.confirmation {
border:2px solid #B3B6A3;
padding:10px;
background-color:#E6E7E1;
text-align:center;
margin:0 0 10px 0;
}

div.confirmation p {
margin:0;
padding:0;
text-align:center;
font-weight:bold;
}

div.fiche {
padding:10px;
margin:0 0 10px 0;
}

div.fiche h3 {
margin:0;
padding:0;
color:#000;
}

div.clear {
clear:both;
height:0;
font-size:0;
line-height:0;
margin:0;
padding:0;
border:0;
}

.discret {
font-size:85%;
color:#919AA1;
}

.discret2 {
font-size:85%;
}

div#erreur {
background:#fff6bf;
text-align: left;
padding: 5px 20px 5px 20px;
border: 2px solid #ffd324;
margin:5px 0 10px 0;
color:#000;
}

div#erreur ul {
margin:10px 0 10px 10px;
list-style-type:circle;
}

table#liste-photos td.col1 img {
background-color:#FFF;
padding:3px;
border:1px solid #CCC;
}

div.pagination {
padding:0 10px;
}

div.ra-pagination ul {
list-style-type:none;
margin:0;
padding:0;
}

div.ra-pagination ul li {
float:left;
padding:0 0.25rem;
}

#lightbox {
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}

#lightboxDetails {
font-size: 80%;
padding-top: 4px;
}

#lightboxCaption {float: left;}
#keyboardMsg {float: right;}
#lightbox img {border: none;} 
#overlay img {border: none;}

p.sousmenu {
padding:10px 0;
}

p.sousmenu a {
margin-right:10px;
}

p.sousmenu a:link, p.sousmenu a:visited, p.sousmenu a:focus, p.sousmenu a:hover, p.sousmenu a:active {
font-weight:bold;
cursor:pointer;
background:#EDEDED;
border:1px solid #D3D3D3;
padding:10px;
color:#000;
font-size:100%;
text-decoration:none;
display:inline;
text-align:center;
}

noscript {
color:#60550D;
}

noscript p {
text-align:center;
margin:0;
padding:0;
}

div.colonne-simple {
width:970px;
padding:0 10px;
margin:0 0 15px 0;
float:left;	
}

div.colonne-double {
width:460px;
padding:0 10px;
margin:0 15px 15px 0;
float:left;
}

div.colonne-triple {
width:295px;
padding:0 10px;
margin:0 15px 15px 0;
float:left;
}

div.colonneMoitie {
width:45%;
padding:4px 16px;
margin:0;
float:left;
}

div#menu {
background-color:#622129;
padding:5px;
min-height:28px;
}

#menu ul {
margin:0;
padding:0;
color:#FFF;
float: left;
width: 100%;
}

#menu ul li {
display: inline;
}

#menu ul li a {
padding:5px 10px;
background-color:#622129; 
color:#FFF;
text-decoration: none;
float: left;
}

#menu ul li a:hover {
border-bottom:2px solid #FFF;
color: #fff;
}

div.options-horizontales {
border:1px solid #666;
}

ul.options-horizontales {
margin:0;
padding:0;
list-style-type:none;
}

ul.options-horizontales li {
margin:0;
padding:0;
float:left;
width:300px;
white-space:nowrap;
overflow:hidden;
background:#F0F0F0;
border-top:1px solid #FDFDFD;
border-left:1px solid #FDFDFD;
}

ul.options-horizontales label {
font-weight:normal;
font-size:90%;
display:block;
padding:5px;
border-right:1px solid #C8C8C8;
border-bottom:1px solid #C8C8C8;
}

ul.options-horizontales input {
background:none;
border:none;
}

ul.options-horizontales label strong {
font-weight:bold;
}

ul.options-horizontales label span {
font-size:85%;
color:#666;
}

ul.listeCategories {
list-style-type:none;
padding:0;
margin:0;
}

div.module-tabs {
margin:0 0 10px 0;
}

ul.tabs a span {
font-size:85%;
color:#666;
display:block;
}

table#MV11_photos td.col2 img {
padding:3px;
background:#FFF;
border:1px solid #CCC;
width:100px;
}

pre {
font-size:12px;
font-family:"Courier New", Courier, monospace;
}

ul#categoriesAnnees {
list-style-type:none;
padding:0;
mardin:0;
}

ul#categoriesAnnees li {
float:left;
margin:5px 5px 5px 5px;
}

ul#categoriesAnnees li a {
text-decoration:none;
background-color:#E7E7E7;
border:1px solid #DADADA;
padding:15px 20px 15px 20px;
font-weight:bold;
display:block;
}

ul#categoriesAnnees li a:hover {
background-color:#DADADA;
}

input.erreur, select.erreur, p.erreur, span.erreur {
border:1px solid #FF0000;
background-color:#fdb4b4;
}

div.colonne-double input[type="text"], div.colonne-triple input[type="text"], div.colonne-simple input[type="textarea"] {
width:100%;
}

.pleineLargeur {
width:100%;
}

.espacement {
padding:10px;
}

.espacementTop {
margin-top:20px !important;
}

.p5 {
width:5%;
}

.bloc {
margin:0 0 20px 0;
}

.bloc h3 {
font-size:1.75em;	
}

.modules {
list-style:none;
margin:0;
padding:0;
}

.modules a {
text-decoration:none;
display:block;
font-weight:normal;
}

.modules a:hover {
background-color:#F2F2F2;	
}

.modules a i {
font-size:2.5em;
margin-top:5px;
}

.modules a strong {
font-size:1.4em;
font-weight:normal;
display:block;
}

.modules a > span {
display:table-cell;
vertical-align:top;
padding:8px;
}

.modules a span span {
font-size:0.90em;
color:#666;
}

.modules li {
margin:0 0 10px 0;
padding:0;
}

ul.liste-equipes {
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

ul.liste-equipes li {
width:20%;
min-width:200px;
float:left;
margin:20px 0px 20px 0px;
}

ul.liste-equipes li span {
margin:0px 10px 10px 0px;
}

ul.liste-equipes li a img {
vertical-align:middle;
width:50px;
}

div.col1, div.col2, div.col3 {
position:relative;
float:left;
margin:0px 10px 10px 10px;
}

div.col1 input[type='text'], div.col1 select, div.col2 input[type='text'], div.col2 select, div.col3 input[type='text'], div.col3 select {
width:100%;
}

div.col1 {
width:940px;
}

div.col2 {
width:460px;
}

div.col3 {
width:300px;
}

div.colonneDouble {
position:relative;
float:left;
width:46%;
margin:0 2%;
}

div.colonneTriple {
position:relative;
float:left;
width:31%;
margin:0 1%;
}

div.colMoitie {
position:relative;
float:left;
width:33.33%;
}

.ui-widget-header {
border:1px solid #002543;
background:#00457C;
}

.ui-multiselect-header {
padding:0 !important;
}

.erreurCode {
border:1px solid #FF0000 !important;
background-color:#fdb4b4 !important;
}

.strong {
font-weight:bold !important;
}

div.slim {
max-width:500px;
}

.positif {
color:#48ca4e;
}

.negatif {
color:#df1a1a;
}

tr.inactif td {
background-color:#F5F5F5;
}

div.listeElement {
float:left;
background-color:#e8e8e8;
padding:3px 5px 3px 5px;
margin:3px 3px 3px 3px;
font-size:85%;
font-weight:bold;
}

.affichageEspacement {
line-height:1.6;
}

.noWrap {
white-space:nowrap;
}

.l10 {
width:10%;
}

.l15 {
width:15%;
}

.l17 {
width:17%;
}

.l20 {
width:20%;
}

table td.listeOptions a {
display:inline-block;
vertical-align:top;
padding:0 0.125rem;
text-align:center;
}

.smallerInput input {
width:90% !important;
}

td.smallerInput input {
width:82% !important;
}