@import url(base.css);

input[type="text"],input[type="submit"],input[type="password"],input[type="reset"],textarea,select {border: 1px solid #9d6fab; background-color: #d7c0e0;}
input:focus, textarea:focus {background-color: #fffaa1;}

a {color: #61256c;}
a:hover {color: #fff; background-color: #61256c; text-decoration: none;}

body.front {background: url(../images/adt/bg.jpg) top left no-repeat;}

#header {height: 131px; background: url(../images/adt/bg-header.gif) repeat-x;}
#header-globe {height: 131px; background: url(../images/adt/bg-header-globe.gif) bottom left no-repeat;}
#header .cont {width: 729px; margin: 0 auto; text-align: left;}
#header .cont div {float:left; margin: 10px 0 0 0;}
#header .cont div.d {float:right; height: 22px;}
#header .cont div.d img, #header .cont div.d span {vertical-align: middle;}
#header .cont div.d span {line-height: 22px;}
#header .cont div.d a {margin-left:10px;}
#header .cont div.d input {font: 0.9em Verdana, sans-serif;}
#header .cont div.d input[type="text"] {margin-left: 10px; background: #d7c0e0 url(../images/adt/ico-search.gif) no-repeat right;}
#header .cont div.b {margin: 0 0 0 50px;}
#menu {width: 600px;}

#content {width: 729px; margin: 0 auto; text-align: left;}
#content .page {padding:30px 30px 10px 30px; margin: 40px 0 0 0; background: url(../images/adt/bg-content-page.png); height: auto; min-height: 400px;}
#content .leftcol {width: 400px; position: relative; float: left; margin-right: 30px;}
#content .leftcol div.last {padding-bottom: 35px; text-align: center;}
#content .leftcol p {color: #888; font: 0.9em Verdana, sans-serif; text-align: justify;}
#content .rightcol {width: 230px; position: relative; float: left;}
#content .rightcol h2 {color: #ae84bc; padding-bottom: 5px; border-bottom: 1px dotted #ccc; font-size: 1.4em; font-weight: normal;}
#content .rightcol div.news,#content .rightcol div.cfp {padding-bottom: 35px;}
#content .rightcol div.news div {padding-top: 15px; color: #aaa; font: 0.9em Verdana,sans-serif;}
#content .rightcol div.cfp div {padding-top: 15px;}
#content .rightcol div.news a,#content .rightcol div.cfp a {color: #777; font: 1em Verdana, sans-serif; text-decoration: none;}
#content .rightcol div.news a:hover,#content .rightcol div.cfp a:hover {color: #fff;}
#content .rightcol div.publishedby {text-align: center;}
#content .rightcol div.publishedby img {padding-top: 20px; padding-left: 10px;}
#content .rightcol div.publishedby a:hover {background-color: transparent;}
#content .rightcol p.enavant {color: #ae84bc; padding-top: 45px; font-size: 1em; font-weight: bold;}

#footer {height: 160px; background: url(../images/adt/bg-footer.gif) repeat-x; clear:both; font: 0.8em Verdana, sans-serif;}
#footer .cont {width: 729px; margin:0 auto; background: url(../images/adt/bg-footer-page.jpg) no-repeat; height: 160px; text-align:right; color:#ae84bc;}
#footer .cont ul {padding-top: 50px;}
#footer .cont ul li {display: inline; margin-left: 17px;}
#footer .cont ul li a {color: #ae84bc; text-decoration:none;}
#footer .cont ul li a:hover {color: #d4badd;}
#footer .cont .address {margin-top: 13px;}

/* Fil d'ariane */ 
#filariane {width: 670px; height: 18px; padding-bottom: 20px; font: 10px Verdana, sans-serif; color: #61256c;}
#filariane div.g {float: left; margin-left: 5px;}
#filariane span {vertical-align: middle; color: #61256c;}
#filariane div.d {float: right; margin-right: 5px; height: 100%;}
#filariane div a {line-height: 17px; text-decoration:none;}
#filariane div a:hover {background-color: #fff;}

#barre-partage {line-height: 1em; margin-right: 20px;}
#barre-partage img, #barre-partage span {vertical-align: middle;}
#barre-partage img {margin-right: 4px;}

/* plan du site */
#plansite {margin-left: auto; margin-right: auto; width: 729px;}
#plansite div {float: left; margin-left: 10px; width: 200px; padding: 3px;}
#plansite span.niv1, #plansite a.niv1 {color : #9665a6; font: bold 12px sans-serif; margin: 4px 0 4px 0; text-decoration: none;}
#plansite a.niv2 {color : #777; font: bold 11px sans-serif; margin: 2px 0 2px 10px; text-decoration: none;}
#plansite a.niv3 {color : #777; font: 11px sans-serif; margin: 0 0 0 15px; text-decoration: none;}

/* mail2 */
#mail2 {margin : 0 auto; width: 400px; padding-top: 10px;}

/* Recherche */
div.formulaire {margin-left: auto; margin-right: auto; width: 70%; border: 1px solid #857c7b; background-color: #e8e8e8; color: #777; padding: 15px;}
#recherche div.resultats {background-color: #e8e8e8; color: #777; padding: 15px;}
#recherche a.sombregras {font-weight: bold;}
#recherche ol li {padding-top: 15px; list-style:decimal;}

div.clear {clear: both;}
div.erreur {margin: 0px auto; padding: 8px 10px 8px 46px; background: url(../images/display/warning.png) 6px 3px no-repeat; padding-right: 30px; background-color: #EF9398; border: 1px solid #DC5757;}
div.info {margin: 0px auto; padding: 8px 10px 8px 46px; background: url(../images/display/info.png) 6px 3px no-repeat; background-color: #F7FDCB; border: 1px solid #C2D071;}

hr.mf {height: 1px; color: #d7d1be; background-color: #d7d1be; border: none;}
h1.bis {margin: 10px 0 5px 0;}
h1.popup {color : #fedaa2; font: bold 16px sans-serif; margin: 10px 0 5px 0;}

td.tabnomscol {text-align: center; background-color : #857c7b; color: #fff;}
td.tabcellules1 {background-color: #ddd;}
td.tabcellules2 {background-color: #fff;}