* {
  padding: 0; margin: 0;
}

body {
  width: 100%;
  margin:auto;
  background:url("/images/Fond_page.png") repeat-x scroll 0 0 #384450;
  font-family:Arial;
  font-size:14px;
  margin:0;
  color: #FFFFFF;
  margin:auto;
}

div#page {
  background:url("/images/Fond_page2.png") repeat-x scroll center bottom transparent;
  width:100%;
  font-size:0.875em;
  line-height:1.286em;
}

div#page-content {
  width:960px;
  margin:auto;
}


a:link, a:visited { color:#F39C0A; font-weight:bold; text-decoration:none;}
a:visited { color:#F39C0A; font-weight:bold; text-decoration:none;}
a img { border: 0px; }

label { font-weight: bold; font-size:11px; width:250px; text-align:right; float:left; color:#333;}
p.description,p.hint { font-size:10px;}
select, input, textarea { border: 1px solid #aacfe4; background:#EEEEEE; margin: 0px; padding: 2px; color: #000000; width:450px; height: 16px; font-size:11px; }
select:hover, input:hover, textarea:hover { background:#FFFFFF;}
textarea { width: 450px; height: 250px; }
/*input + p.description { display:inline; }*/
select { height:20px;}
form ul.errors li { color:red;}

div.spacer { clear: both; height:0px !important;line-height:0;}

div#header { width: 100%; background: transparent; }/* height: 260px; }*/
div#header ul li { display: inline;}
div#header div#header-logo { margin: 10px 0 0 70px; }
div#header div#navigation { /*height: 60px; */padding:20px 0 0; }
div#header ul#header-navigation { margin-left: 100px; }
div#header ul#header-navigation-secondary { float: right; font-size:6pt; margin-right:70px; margin-top:-18px; margin-left:200px;}

div#header ul li { margin: 0 5px 0 0; font-weight: bold; padding:0 5px 0 0;}
div#header ul#header-navigation-secondary li { padding:0 5px 0 0;}
div#header ul li a { text-decoration:none; text-transform:uppercase; color:#FFFFFF;}
div#header ul li a.active { color:#555555;}

div#header ul#header-navigation-thirdly {
  /*background:none repeat scroll 0 0 #333333;
  border:1px solid #666666;*/
  margin:20px auto auto;
  padding:5px;
  text-align:right;
  margin-right:80px;
  /*width:760px;*/
}

div#header ul#header-navigation-fourly {
  background:none repeat scroll 0 0 #333333;
  border:1px solid #666666;
  margin:5px auto auto;
  padding:5px;
  text-align:left;
  width:760px;
}

div#header ul#header-navigation-fourly div.field p.input { float: none; }
div#header ul#header-navigation-fourly div.field > p { float: none; }
div#header ul#header-navigation-fourly div.field { padding:5px 0px; float:left; clear:none;}
div#header ul#header-navigation-fourly div.field input { width: 150px;}
div#header ul#header-navigation-fourly div.field input#submitbutton, form#login input#submitbutton { width:16px;height:16px;padding:0px;margin-top:2px;}
div#header ul#header-navigation-fourly p { display:inline; }
div#header ul#header-navigation-fourly p#h-forget { display:block; font-size:10px; font-weight:normal; }

div#footer { background:#FFFFFF; margin: 0 10px;}
div#footer-message { color:#444444; font-size:7pt; text-align:center; text-transform:uppercase;}

div#content { width:770px; margin: 20px auto; min-height:300px;}
div#content h1 { font-size:1.5em; line-height:1.3em; margin-bottom:0.5em; margin-top:0; color:#CCC; background:#435260; padding:10px;}
div#content ul { padding-left: 2em; margin-top: 10px; }
div#content li { list-style-image:url("/images/liste.png");margin-bottom:10px;}


div.content { margin: 10px auto; word-wrap:break-word;}

table#admin {
  border-collapse: collapse;
  font-size: 10px;
  margin: 20px auto;
  text-align: left;
  width: 100%;
}

table#admin thead td {
  color: #003399;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 8px;
}

table#admin td {
  color: #666699;
  padding: 8px;
}

table#admin .odd {
  background: none repeat scroll 0 0 #E8EDFF;
}

div.connexion { margin: auto; text-align: center; }
form { margin: auto; border: 1px solid #333; background: #CCC; /*border:solid 2px #b7ddf2; background:#435260;/*ebf4fb;*/padding:10px;}
form#login { border:0px; background:none;}
p.message { color:#F39C0A; font-weight: bold; margin: 10px auto; text-align: center;}

div#inscription form, div.form-stand form, div.form-conference form { width:750px;}
div#password form { width: 250px;}
div.field p.input, div.field p.input-radio { float: right; margin-right:20px;}
div.field > p { float: left; }
div.field { clear:both; padding:10px 0px; height:28px;}
div.blockform { background:#FFF; margin-bottom:5px;}
div.field p.input-radio { float:right; margin-right:400px;}/*150*/
form.form-large div.field p.input-radio { float:right; margin-right:450px;}/*150*/
div.field p.input-radio input { margin: 0px 5px; width: auto; }
div.field p.input-radio label { display:inline; float:none;}
div.field p.description, div.field p.hint { clear:right; float:right; margin-right: 20px;color:#333;}
div.field ul.errors { clear:both; margin-left:280px; }
div.submit {text-align:center;}
div.submit p.submit { float:none;}
div.form-inscription input { width:225px;}

div#content div.field ul.errors li { margin-bottom:0px;}

div#password form div.field p.input { float:none;}
div#password form div.field > p { float:none;}
div#password form p.description { float:none;}

input#image { margin-right:45px;}
input#submit, input#submitbutton { height:30px; font-size:16px; font-weight:bold; font-variant: small-caps; }

table.listing {
  width:100%;
  border-top:1px solid #666;
  border-right:1px solid #666;
  margin:1em auto;
  border-collapse:collapse;
  background:#EEE;
}

table.listing a {
  color:#666;
}

table.listing caption {
  color: #9ba9b4;
  font-size:.94em;
  letter-spacing:.1em;
  margin:1em 0 0 0;
  padding:0;
  caption-side:top;
  text-align:center;
}

table.listing tr.odd td {
  background:#f7fbff
}
table.listing tr.odd .column1 {
  background:#f4f9fe;
}
table.listing td {
  color:#678197;
  border-bottom:1px solid #666;
  border-left:1px solid #666;
  padding:.3em 1em;
  text-align:center;
  vertical-align:top;
}
table.listing th {
  font-weight:normal;
  color: #678197;
  text-align:left;
  border-bottom: 1px solid #666;
  border-left:1px solid #666;
  padding:5px;
}
table.listing thead th {
  background:#333;
  text-align:center;
  font-size: 1.0em;
  font-weight:bold;
  color:#66a3d3
}
table.listing tr {height:150px;}
table.listing tr.odd {height:auto;}
table.listing td {vertical-align:middle;}

table.listing #titre { width: 50%;}
table.listing #conferencier { width: 20%;}
table.listing #duree { width: 10%;}
table.listing #logo { width: 10%;}

table.listing .ctitre { width: 50%;}
table.listing .cconferencier { width: 20%;}
table.listing .cduree { width: 10%;}
table.listing .clogo { width: 10%;background:#FFFFFF;}

table.listing #nom { width:30%;}
table.listing #membres { width:70%;}

table.listing .cnom { width:30%;}
table.listing .cmembres { width:70%; text-align:left; padding-left:10px;}

table.exposants #titre { width: 60%;}
table.exposants #logo { width: 20%;}
table.exposants .ctitre { width: 60%;}
table.exposants .clogo { width: 20%;}

div.img-existante {
  clear:both;
  font-size:11px;
  text-align:center;
  border:1px solid #666666;
  padding:5px;
  margin:5px 0px;
}

div.choice-home { padding-left:60px; padding-top:15px;height:50px; width:250px; float: left; margin: 10px; }

div#home-challEH { background:url(../images/ChallEH.png) top left no-repeat; }
div#home-challIUT { background:url(../images/ChallIUT.png) top left no-repeat; }
div#home-stand { background:url(../images/Stand.png) top left no-repeat; }
div#home-conf { background:url(../images/Conf.png) top left no-repeat; }
div#home-visite { background:url(../images/Visite.png) top left no-repeat; }

div#home-account { background:url(../images/Account.png) top left no-repeat; }
div#home-list-expo { background:url(../images/Conf.png) top left no-repeat; }
div#home-list-conf { background:url(../images/Stand.png) top left no-repeat; }
div#home-list-iut { background:url(../images/ChallIUT.png) top left no-repeat; }
div#home-list-eh { background:url(../images/ChallEH.png) top left no-repeat; }

div.choice-home:hover {
  background:#DDDDDD;
}

p.attr, p.text { margin: 5px 10px; }
p.attr span { font-weight: bold; text-decoration: underline;}
div#stands p.text { background:url(../images/Stand.png) top left no-repeat; padding-left:60px; padding-top:15px;height:50px;}
div#confs p.listing { margin:5px 10px; background:url(../images/Conf.png) top left no-repeat; padding-left:60px; padding-top:15px;height:50px;}
div.conf-descr { width:90%; margin-left:30px; }
div.conf-descr div.logo { float:left; margin-right: 10px; margin-bottom: 5px; }
div.conf-descr div.logo + div { text-align:justify; }

div.hr { height: 1px; width: 90%; border-bottom: 1px solid #DDDDDD; margin: 10px auto; display:block; }

div#profil p.text + div { margin:5px 10px;}
p#link-admin { margin:auto; text-align:right; width:760px; }

li.current a { color: white; }
div.description { text-align:justify; margin-top:10px;}

table#admin td.empty { background:black;}

div.important { text-align:center; font-weight:bold; font-size:14px; color:#FF0000;}
div.complet { background: #FFFFFF; padding: 10px; clear:both; margin-bottom: 40px; }

.required {
  background-image:url(/images/required-field.png);
  background-position:top right;
  background-repeat:no-repeat;
  padding-right:12px;
  padding-top:2px;
}

div.presentation { margin: 10px; background:#777; padding:10px;}
form.form-large label { float:none; }
form.form-large div.field p.input { float:none;}
form.form-large textarea, form.form-large input { width:740px;}
form.form-large input[type=submit] { width:200px;}
input[type=file] { height:20px;}

form#login label { width:auto; margin-right:10px;}
form.equipe p, form.equipe table * { color:#EEEEEE;}
form.equipe table input { width:220px;color:#333333;}
form.equipe table thead { font-weight:bold;}

form[name=inscription-visiteur] div.field p.input/*, form[name=inscription-visiteur] div.field p.input-radio*/ {
  margin-right:250px;
}
form[name=inscription-visiteur] div.field p.description, form[name=inscription-visiteur] div.field p.hint { margin-right:250px;}

h1 span { text-transform:uppercase; font-weight:bold; margin-left:10px; margin-right:10px;color:white;}
span.underline { text-decoration:underline;}

form.form-large p.input {margin-top:5px;}