body {
background-color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #333333;
margin: 0;
padding: 0;
}
p {
margin: 0 0 0 0;
color: #333333;
}
img {
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px;
}

/* blocs principaux */
#header {
height: 86px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px;
width: 770px;
background: url('images/Bg-header.png') top left no-repeat;
}
#header2 {
height: 20px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px;
width: 770px;
background: url('images/Bg-header2.png') top left no-repeat;
}

#zone_menu {
height: 30px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0px;
width: 100%;
background-color: #ff6600;
}

#centre {
width: 770px;
}

#pied {
clear:both;
margin-top: 20px;
height: 30px;
border-top: #ff6600 3px solid;
}


/* menu */
#zone_menu ul {
list-style-type: none;

/*width: 100%;  précision pour Opera */
margin: 0 0 0 0;
padding: 0 0 0 0;

}

.menuhaut li {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;

}

.menuhaut a {
float:left;
display: inline;
margin: 0 0 0 0;
padding-left: 18px;
padding-right: 18px;
padding-top:4px;
height: 26px;
display: block;
text-decoration: none;
font-family : Trebuchet MS;
font-size: 1.4em;
font-weight: bold;
color: #ffffff;
}


/* styles de texte */
#centre h1 {
color: #8b008b;
font-family: Trebuchet MS;
font-size: 1.6em;
font-weight: bold;
padding-top: 10px;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;
margin: 0 0 0 0;
}
#centre h2 {
color: #8b008b;
font-family: Trebuchet MS;
font-size: 1.6em;
font-weight: bold;
padding-top: 10px;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;
margin: 0 0 0 0;
}
#centre p {
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
line-height : 14px;
}
#centre a {
color: #333333;
text-decoration:underline;
}
#centre a:hover {
color: #333333;
text-decoration: none;
}
#pied p {
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
line-height : 14px;
}
#pied a {
color: #333333;
text-decoration:underline;
}
#pied a:hover {
color: #333333;
text-decoration: none;
}
#header2 p {
padding-left: 20px;
padding-right: 20px;
padding-top:2px;
}
#header2 a {
color: #333333;
text-decoration:underline;
}
#header2 a:hover {
color: #333333;
text-decoration: none;
}

/* formulaire de contact*/
label {
width:12em;
text-align:left;
padding-left:20px;
font-weight:bold;
}

label.formulaire{
    float:left;
}

input.textfield {
width:20em;
background:#fff;
border:1px solid #333333;
padding:1px;
}

input.textfieldquestion {
width: 350px;
max-width: 350px;
background:#fff;
border:1px solid #333333;
padding:1px;
}

fieldset {
margin-left: 20px;
margin-right: 20px;
border:#cccccc 1px solid;
}

textarea {
font-family:sans-serif;
font-size:small;
background:#fff;
border:1px solid #333333;
padding:1px;
}

textarea.question {
width: 685px;
font-family:sans-serif;
font-size:small;
background:#fff;
border:1px solid #333333;
padding:1px;
}
textarea.question2 {
width: 300px;
font-family:sans-serif;
font-size:small;
background:#fff;
border:1px solid #333333;
padding:1px;
}
div.textarea_div {
margin-left: 20px;
}
textarea.wysiwyg {
width: 665px;
}

/* listing des enquetes */
#centre table.listing {
margin-left: 20px;
margin-right: 20px;
border-bottom: #666666 1px solid;
}
#centre table.listing td {
border-top: #666666 1px solid;
}
#centre table.listing tr.ARCHIVE {
background-color: #eeeeee;
}
#centre table.listing tr.CR {
background-color: #fdd3b7;
}
#centre table.listing tr.PRETEST {
background-color: #fdd3b7;
}
#centre table.listing tr:hover {
background-color: #ffe1ff;
}
#centre table.listing td.actions {
text-align: right;
}
#centre table.listing td.actions a{
color: #ff6600;
}
#centre table.listing p {
padding-left: 3px;
}
#centre table.listing p.titre {
font-size: 1.2em;
font-weight:bold;
}


#centre table.champsup {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

#centre table.champsup td {
    border-top: 0px;
    vertical-align: top;
}

#centre table.champsup tr {
    background-color: #ffe1ff;
}

#centre table.champsup th {
    text-align: left;
    width: 30%;
    vertical-align: top;
}






/* édition des enquetes */

div.editionenquete {
padding-top:10px;
}
#centre .menueditionenquete {
width: 730px;
margin-left: 20px;
margin-right: 20px;
/*background-color: #8b008b;*/
}
#centre .editionenquete {
clear: both;
width: 730px;
margin-left: 20px;
margin-right: 20px;
background-color: #e8cce8;
}
#centre .editionenquete p {
padding-top:2px;
padding-bottom:2px;
}
#centre .editionenquete label{
width: 100%;
font-weight: normal;
text-align:left;
padding-left:0px;
}
/* menu enquete */
#centre ul.menuenquete {
list-style-type: none;
width: 100%;  /*précision pour Opera*/
margin: 0 0 0 0;
padding: 0 0 0 0;
/*background-color: #8b008b;*/
}
#centre .menuenquete li {
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#centre .menuenquete a {
float: left;
display: inline;
margin: 0 0 0 0;
padding-left: 4px;
padding-right: 4px;
padding-top:4px;
height: 20px;
display: block;
text-decoration: none;
font-family : Verdana;
font-size: 1em;
color: #ffffff;
background-color: #8b008b;
border-right: #ffffff 1px solid;
}
#centre .menuenquete a:hover {
color: #8b008b;
background-color: #e8cce8;
}
#centre .menuenquete a.ongletactif {
color: #8b008b;
background-color: #e8cce8;
}

/* LISTE DES TYPES DE QUESTIONS */

div.listetype {
   border: 1px solid #8b008b;
   width: 345px;
   margin: 1px;
   padding: 3px;
   font-size: 1.2em;
   background-color: #ffffff;
   /*font-weight:bold;*/
}

img.listetype {
   margin-left: 10px;
   margin-right: 10px;
}

#centre div.listetype a.listetype {
	color : #333333;
	text-decoration : none;
}
div.listetype:hover {
   background-color: #e8e8e8;
}

/**** table ***/
table.tableaffichage
{
  width: 95%;
  font-family: Verdana;
  background-color: white;
  border-collapse: collapse;
  margin: 1em;
  }
table.tableaffichage img { display: inline; vertical-align: middle; }
tbody.tableaffichage td, tbody.tableaffichage th
{
  margin: 0;
  padding: 3px;
  /*border: 1px solid black;*/
  }
table.tableaffichage th, td.tableheader
{
  background-color: #8b008b;
  color: white;
  font-weight: bold;
  font-size: 110%;
  }
table.tableaffichage th a, td.tableheader a { color: #8b008b; }
table.tableaffichage tr { margin-top: 1px;}
table.tableaffichage th { text-align: left; }
td.tableheader { white-space: nowrap; }
tbody.tableaffichage p { margin-top: 0.5ex; margin-bottom: 0.5ex; }


/* Styles pour le media DB */
table.tablemediaajout
{
  width: 679px;
  font-family: Verdana;
  background-color: white;
  /*border-collapse: collapse;*/
  margin-left : 25px;
  margin-bottom: 25px;
  border: #8b008b 1px dashed ;
  }
table.tablemediaajout img { display: inline; vertical-align: middle; }
tbody.tablemediaajout td, tbody.tablemediaajout th
{
  margin: 0;
  padding: 1ex;
  border: 0px;
  }
table.tablemediaajout th, td.tableheader
{
  font-weight: bold;
  font-size: 110%;
  }
table.tablemediaajout th a, td.tableheader a { color: #8b008b; }
table.tablemediaajout th { text-align: center; }
td.tableheader { white-space: nowrap; }
tbody.tablemediaajout p { margin-top: 0.5ex; margin-bottom: 0.5ex; }

div.fichiermediadb {
margin-left: 25px;
margin-bottom: 10px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-left: 3px;
background-color: #e8cce8;
width: 320px;
/*height: 100px;*/
float: left;
-moz-border-radius: 3px;
}
div.emplacementminiature {
float: left;
background-color: #ffffff;
margin-right: 3px;
width: 156px;
height: 106px;
line-height: 100px;
text-align: center;
}