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:#FFFFFF;
text-align:left;
}

a img {
border:0;
}

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

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

h2 {
margin:0 0 10px 0;
padding:0;
color:#000000;
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:#555555;
}

h4 {
margin:20px 0 0 0;
color:#000000;
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 1rem 0 0;
font-size:1rem;
}

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

a:visited {
color:#000000;
}

a:focus {
color:#000000;
}

a:hover {
color:#666666;
}

a:active {
color:#000000;
}

.gras {
font-weight:bold;	
}

.centrer {
text-align:center;
}

img.petite {
max-width:150px;
}

.actif {
color:#51bd1b;
}

.inactif {
color:#d90b0b;
}

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


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

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

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

div#corps {
padding:15px;
}

div#piedpage {
padding:0 15px;
}

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

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

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

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

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

div#informations-utilisateur {
float:right;
font-size:90%;
margin-right:100px;
color:#67A33B;
}

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

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

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:#FFFFFF;
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:#666666;
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;
}

.green {
color:#14c13d;
}

.red {
color:#ff0000;
}

.approbation {
font-weight:bold;
color:#ff0000;
}

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:#67A33B;
font-weight:normal;
font-size:140%;
}

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

.formTitre {
background:#67A33B;
color:#FFFFFF;
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:#FFFFFF;
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 #75AE42;
}

form#FormDetails ul,
form#FormModifier 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:#000000;
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:10px;
color:#000000;
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:#000000;
border:1px solid #D9D9D9;
padding:5px;
}

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

.CheckBox {
border:0;
}

textarea {
width:100%;
min-width:400px;
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:#000000;
padding:4px;
}

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

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

table.formulaire tr td {
padding-bottom:10px;
}

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

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

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

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

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

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

div.pagination {
padding:0 10px;
}

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

#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:#000000;
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-double {
width:460px;
padding:10px;
float:left;
}

form#formCreer div.colonne-double input,
form#formCreer div.colonneLarge input {
width:100%;
}

input#DateHeureDebut,
input#DateHeureFin {
width:90% !important;
}

input[type="radio"] {
width:auto !important;
}

div.colonneLarge {
width:940px;
padding:10px;
}

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

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

#menu ul li {
display:inline;
}

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

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

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

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

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

ul.listeCategories li {
width:30%;
position:relative;
float:left;
background-color:#ededed;
border:1px solid #404041;
padding:0.5rem;
margin:0.125rem;
}

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

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

table#MV12_photos td.col2 img {
padding:3px;
background:#FFFFFF;
border:1px solid #CCCCCC;
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;
}

.espacement {
padding:10px;
}

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

.p5 {
width:5%;
}

.p30 {
width:30%;
}

.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:#BCEB9D;	
}

.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:#666666;
}

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

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

ul.piecesjointes a i {
color:#e01111;
}

.error-message {
display:inline-block;
background-color:#DE4343;
color:#FFFFFF;
width:100%;
margin-bottom:0.875rem;
padding:0.25rem 0.5rem;
font-size:85%;
}