/* CSS Document */

body {
margin: 20 20 20 20;
padding: 0 ;
text-align: center; /* pour ie */
background-color: #ffffff;
background: url('images/Bg.png');
font-size: 1em; 
font-family : Trebuchet MS;
color: #000000;
}
img {
border:0;
}
a {
color: #000000;
}
#conteneur {
margin-left: auto;
margin-right: auto;
/*width: auto;
max-*/
width: 1000px;
margin:0 auto;
text-align: left; /* pour ie */
background-color: #ffffff;
}
#conteneur.login {
width: 380px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
margin-top: auto;
margin-bottom: auto;
}
#header {
height: 70px;
background: url('images/logo-2le.png') center right no-repeat;
}
#menu {
margin: 0 0 0 0;
height: 22px;
background-color: #0000AE;
width: 100%;
}
#breadcrumb {
height: 23px;
padding-left: 20px;
border-bottom: #0000AE 1px dashed;
}
#conteneurContenu {
margin-top: 5px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 5px;
padding: 0 0 0 0;
}
#footer {
background-color: #0000AE;
clear:both;
height: 20px;
margin-top:10px;
}
#droiteaccueil {
width: 490px;
float:right;
margin-bottom: 10px;
}
#gaucheaccueil {
width: 450px;
margin-right: 20px;
float:left;
font-size:0.8em;
margin-bottom: 10px;
}


/* menu de navigation */
ul.menuprincipal {
margin: 0;
padding:0;
height: 22px;
background-color: #0000AE;
}
ul.menuprincipal li {
line-height: 22px;
display: inline;
list-style-type: none;
margin-top: 0em;
margin-bottom: 0em;
margin-left: 0em;
margin-right: 0em;
padding-top: 0em;
padding-bottom: 0em;
padding-right: 10px;
padding-left: 20px;
}
ul.menuprincipal li a {
line-height: 22px;
font-weight: bold;
font-size: 0.9em;
color: #FFFFFF;
text-decoration:none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}


/* Styles de textes */
#breadcrumb p {
margin: 0 0 0 0;
font-family: verdana;
font-size: 0.7em;
color: #999999;
line-height: 22px;
}
#conteneurContenu h1 {
color: #0000AE;
font-size: 1.2em;
font-weight: bold;
}
#conteneurContenu h2 {
color: #0000AE;
font-size: 1em;
font-weight: bold;
margin-bottom: 2px;
}
#conteneurContenu h3 {
font-size: 0.9em;
font-weight: bold;
margin-bottom: 0px;
}

h1.login {
font-size: 1.2em;
margin-bottom: 0px;
}
#conteneur.login p.login {
margin-top: 0px;
font-size: 0.8em;
}
#header p {
margin-left: 20px;
padding-top: 5px;
}
#header img.logoclient {
float: left;
margin-right: 10px;
}
#footer p {
font-size: 0.7em;
padding-top: 2px;
padding-bottom: 2px;
text-align:center;
color: #ffffff;
}
#footer p a {
color: #fff;
}
span.intro {
width: 45%;
float:left;
margin-right: 5%;
}
span.intro p {
font-size: 0.8em;
}


/* formulaires */
form {
margin-top: 20px;
margin-bottom: 20px;
margin-right: 20px;
margin-left: 20px;
font-size: 0.8em;
}
form fieldset {
border: #0000AE 1px solid;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
}
form fieldset legend {
font-weight: bold;
}
form p {
margin-top:0px;
margin-bottom: 0px;
clear:both;
}
form p.bouton {
margin-top:0px;
margin-bottom: 0px;
margin-left: 170px;
clear:both;
}
form label {
font-weight: bold;
float: left;
width: 150px;
margin-right: 10px;
text-align: right;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #f1f2f3;
border-bottom: #ffffff 1px solid;
}
form input.form_text {
background: #ffffff;
border: #000000 1px solid;
font-size: 0.9em;
font-family: sans-serif;
width: 20em;
}
form input.form_file {
background: #ffffff;
border: #000000 1px solid;
font-size: 0.9em;
font-family: sans-serif;
width: 30em;
}
form textarea.form_textarea {
background: #ffffff;
border: #000000 1px solid;
font-size: 0.9em;
font-family: sans-serif;
width: 40em;
}
form.login input.textfield {
width: 10em;
}
a.updateable {
color:black;
background-color: #FFF;
border: #0000AE 1px solid;
text-decoration:none;
padding:1px;
margin:1px;
	height: auto !important;
	height: 20px;
	min-height: 20px;

display: block;
}

/* Page Plan du site */
table.plandusite {
width: 100%;
font-size: 0.8em;
}
table.plandusite thead {
background-color: #0000AE;
}
table.plandusite th {
color: #ffffff;
padding-top: 3px;
padding-bottom: 3px;
}
table.plandusite td {
border-top: #ffffff 1px solid;
}
table.plandusite tr.bleu1 {
background-color: #e0e1e4;
}
table.plandusite tr.bleu2 {
background-color: #f1f2f3;
}
table.plandusite tr.bleu1:hover, table.plandusite tr.bleu2:hover {
background-color: #caccc0;
}
table.plandusite th.acces, td.acces {
width: 70px;
text-align: center;
}
table.plandusite th.type, td.type {
width: 70px;
text-align: center;
}
table.plandusite th.visible, td.visible {
width: 70px;
text-align: center;
}
table.plandusite th.ordre, td.ordre {
width: 70px;
text-align: center;
}
table.plandusite th.actions, td.actions {
width: 70px;
text-align: center;
}
img.icone {
margin-right: 5px;
margin-left: 5px;
}
em.aide {
font-size: 0.8em;
color: #999;
font-family : Verdana;
}
p.attention {
background : url('images/warning.png') top left no-repeat;
background-color:#eeeeee;
border: #999999 1px solid;
font-size: 0.7em;
font-weight:bold;
text-align:center;
color: #0000AE;
padding: 5 5 5 5;
}


/* boite d'�l�ments scrollable */
div.listeScrollable {
height: 150px;
overflow: auto;
border: #0000AE 1px solid;
}
div.listeScrollableMediaDB {
height: 400px;
overflow: auto;
border: #E0E1E4 1px solid;
background-color: #f1f2f3;
}


/* tableau de liste par d�faut */
table.tableauListe {
width: 100%;
font-size: 0.8em;
}
table.tableauListe thead {
background-color: #0000AE;
}
table.tableauListe th {
text-align:left;
color: #ffffff;
padding-top: 3px;
padding-bottom: 3px;
}
table.tableauListe th.actions {
width: 70px;
text-align:center;
}
table.tableauListe td {
border-top: #ffffff 1px solid;
}
table.tableauListe tr.bleu1 {
background-color: #e0e1e4;
}
table.tableauListe tr.bleu2 {
background-color: #f1f2f3;
}
table.tableauListe tr.bleu1:hover, table.tableauListe tr.bleu2:hover {
background-color: #caccc0;
}


/* mediadb */
div.fichiermediadb {
margin-left: 7px;
margin-bottom: 5px;
margin-top: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 3px;
width: 125px;
/*height: 100px;*/
float: left;
text-align:center;
font-size: 0.8em;
color: #999999;
}
div.fichiermediadb img.vignette {
border: #E0E1E4 1px solid;
}
div.fichiermediadb a:hover img.vignette  {
border: #0000AE 1px solid;
}
p.cheminmediadb {
color: #0000AE;
font-size: 0.9em;
font-weight: bold;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 0px;
}
p.cheminmediadb a {
color: #0000AE;
}
p.cheminmediadb a:hover {
color: #0000AE;
text-decoration: none;
}
div.emplacementminiature {
    width:118;
    height:100;
}
form.mediadbform,div#mediadbform{
display:inline;
}
/* Page des messages */
td.detailmessage {
padding-left: 10px;
padding-right: 10px;
}
p.outilsmessage {
float: right;
}

/* message de confirmation ou d'erreur */
p.notice {
text-align: center;
background-color: #9ADB9A;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
border: #226022 1px dotted;
font-size:0.8em;
}
p.error {
text-align: center;
background-color: #D28282;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
border: #822F2F 1px dotted;
font-size:0.8em;
}
p.warning {
text-align: center;
background-color: #EFDE63;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
border: #B19D12 1px dotted;
font-size:0.8em;
}

/* pages d'�dition d'une page */
p.cheminpage, p.retour {
font-size: 0.8em;
}
ul.menuedition {
background-color: #0000AE;
list-style-type: none;
height: 38px;
line-height:38px;
margin: 0;
padding:0;
}
ul.menuedition li {
display: inline;
padding-left: 40px;
}

ul.menuedition li.parametres {
background: url('images/menuedition-parametres.png') 10px no-repeat;
}
ul.menuedition li.contenu {
background: url('images/menuedition-contenu.png') 10px no-repeat;
}
ul.menuedition li.referencement {
background: url('images/menuedition-referencement.png') 10px no-repeat; 
}

ul.menuedition li.selected {
    /* onglets du plan du site en surbrillance */
    padding: 9px 20px 9px 50px;
    background-color: #37b4d2; 
}

ul.menuedition li a {
font-size: 0.8em;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
div.zoneedition {
border: #0000AE 1px solid;
padding: 10 10 10 10;
margin-top: 1px;
}

span.RE {
}
span.AT {
display:none;

}
span.EC {
display:none;
}
span.ET {
display:none;
}

.search-form input {
}