@import "reset.css";

.floatL {float: left;}
.floatR {float: right;}
.noFloat {clear: both;}

body {
    margin-top: -5px;
    background: #c3beb8;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #000000;
}
#tdColLeft, #tdColRight {
    vertical-align: top;
}
#colLeftInner {
    background: url(../images/layout/bg.gif) top right repeat-x;
    margin-top: 31px;
    height: 292px;
}
#colRightInner {
    background: url(../images/layout/bg.gif) top left repeat-x;
    margin-top: 31px;
    height: 292px;

}
#tdColCenter {
    width: 950px; /* 944 4 center */
    /*
    position:relative;
    z-index:10;
    */
    background: url(../images/layout/grd-left.gif) top left repeat-y;
}
#colCenterRightGrd {
    background: url(../images/layout/grd-right.gif) top right repeat-y;
}
#colCenterLeftLines {
    background: url(../images/layout/grd-left-lines.gif) 0 31px no-repeat;
    width: 950px;
}
#colCenterRightLines {
    background: url(../images/layout/grd-right-lines.gif) right 31px no-repeat;
    width: 950px;
}
#bogdanLungu {
    height: 31px;
    background: url(../images/layout/grd-top.gif) left bottom no-repeat #c3beb8;
    padding: 0 18px 0 12px;
}
#footer {
    height: 17px;
    background: url(../images/layout/grd-bottom.gif) 0 0 no-repeat #c3beb8;
    padding: 3px 17px 0 11px;
    color: #ffffff;
    font-size: 9px;
}
#footerInnerL {
    background: url(../images/layout/footertBgL.gif) 0 0 no-repeat #6f675f;
}
#footerInnerR {
    background: url(../images/layout/footertBgR.gif) right 0 no-repeat;
    height: 13px;
    text-align: center;
    padding-top: 4px;
}
#footer a {
    color: #ffffff;
    font-size: 9px;
    text-decoration: none;
}
#footer a:hover {
    color: #003399;
}
#containerInner {
    background: url(../images/layout/ecologie-logo.gif) left bottom no-repeat;
    border-bottom: 1px solid #efebe6;
}
ul#topMenu {
    float: right;
    background: url(../images/layout/bg-top-menu.gif) 0 0 repeat-x #efebe6;
    height: 19px;
    margin-top: 10px;
    font-size: 9px;
    line-height: 11px;
}
ul#topMenu li {
    padding: 6px 8px 0 9px;
    height: 13px;
    background: url(../images/layout/vdots.gif) 0 8px no-repeat;
    float: left;
}
ul#topMenu li#first {
    padding-left: 25px;
    background: url(../images/layout/top-menu-left.gif) 0 0 no-repeat;
    float: left;
}
ul#topMenu li#last {
    padding: 0;
    height: 19px;
    width: 13px;
    background: url(../images/layout/top-menu-right.gif) right top no-repeat;
    float: left;
}
ul#topMenu li a {
    text-decoration: none;
    color: #000000;
}
ul#topMenu li a:hover {
    color: #417bdb;
}
#header {
    height: 154px;
    padding-left: 21px;
    padding-right: 13px;
}
/*#logo {
    width: 120px;
    height: 138px;
    float: left;
    margin-top: 17px;
}
#logo img#logo1 {
    width: 120px;
    height: 60px;
}
#logo img#logo2 {
    width: 120px;
    height: 78px;
}*/

#logo {
		float: left;
		margin-top : 17px;
}
/* #logo img {
     width: 120px;
     height: 138px;
} */

#logo img.logo-setra {
	width : 120px;
	height : 58px;
	display : block;
}
#logo img.logo-dtrf {
	width: 120px;
	height : 80px;
	display:block;
}

#loggedIn {
    color: #d6d6d6;
    padding: 0px 7px;
    text-align: center;
    line-height: 18px;
}
#loggedIn a {
    color: #d6d6d6;
}
#loginBox .label {
    width: 78px;
    height: 15px;
    padding-right: 7px;
    color: #d6d6d6;
    text-align: right;
    line-height: 12px;
}
#loginBox input {
    width: 74px;
    height: 11px;
    border: 1px solid #000000;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 11px;
}
/*#loginBox .message {
		padding:2px;
		width: 200px;
    font-family: Arial, sans-serif;
    font-size: 11px;
		color: red;
		font-weight:bold;
}*/
#loginBox a.logoutButton{
	text-decoration:none;
}
.height3 {
    height: 3px;
}
a.ok {
    font-family: Verdana, sans-serif;
    color: #d6d6d6;
    font-weight: bold;
    font-size: 11px;
}
a.ok:hover {
    color: #003399;
}
td.submit {
    padding-left: 10px;
}
input.hideSubmit {
    position: absolute;
    top: -25px;
    left: 0;
}
#leftSide {
    float: left;
    width: 231px;
}
ul#leftMenu {
    /*margin: 25px 0 0 16px;*/
    margin: 26px 0 0 16px;
    width: 192px;
    height: 86px;
    background: url(../images/layout/leftMenu.gif) 0 0 no-repeat;
}
ul#leftMenu li {
    float: left;
}
ul#leftMenu li#presentation {
    height: 28px;
    border-bottom: 3px solid #ffffff;
}
ul#leftMenu li#apropos {
    height: 26px;
    border-bottom: 3px solid #ffffff;
}
ul#leftMenu li#actualites {
    height: 26px;
}
ul#leftMenu a {
    display: block;
    width: 192px;
}
li#presentation a {
    height: 28px;
}
li#apropos a {
    height: 26px;
}
li#actualites a {
    height: 26px;
}
ul#leftMenu a span {
    display: none;
}
li#presentation a:hover, li#presentation a.on {
    background: url(../images/layout/leftMenu.gif) -192px 0 no-repeat;
}
li#apropos a:hover, li#apropos a.on {
    background: url(../images/layout/leftMenu.gif) -192px -31px no-repeat;
}
li#actualites a:hover, li#actualites a.on {
    background: url(../images/layout/leftMenu.gif) -192px -60px no-repeat;
}
#leftBoxes {
    width: 204px;
    margin: 21px 0 205px 10px;
    color: #737373;
    line-height: 10px;
    font-size: 10px;
    clear: both;
    background: url(../images/layout/leftBoxesBg.gif) 0 0 repeat-y;
}
#leftBoxesBottom {
    padding: 4px;
    background: url(../images/layout/leftBoxesBottomBg.gif) left bottom no-repeat;
}
#leftBoxes a.menuDbBlueN {
    color: #003399;
    text-decoration: none;
}
#leftBoxes a {
    color: #737373;
    text-decoration: none;
}
#leftBoxes a:hover {
    color: #738fc7;
}
#leftBox1 {
    background: url(../images/layout/dossiers-the.gif) 3px 8px no-repeat;
    padding: 11px 10px 6px 24px;
}
#leftBox1-1 {
    background: url(../images/layout/collections.gif) 3px 0 no-repeat;
    padding: 7px 10px 9px 24px;
}
#leftBox2 {
    background: url(../images/layout/lettre-dinfo.gif) 3px 0 no-repeat;
    padding: 7px 10px 9px 24px;
}
#leftBox3 {
    background: url(../images/layout/avantages-ab.gif) 3px 0 no-repeat;
    padding: 4px 10px 23px 24px;
}
#rightSide {
    float: right;
    width: 689px;
}
#mainContent {
    clear: both;
    width: 678px;
}
#keywords {
    width: 145px;
    height: 12px;
    line-height: 12px;
    font-size: 11px;
    border: none;
    background: none;
}
a#search {
    display: block;
    width: 152px;
    height: 24px;
    background: url(../images/layout/search.gif) 0 0 no-repeat;
    margin: 5px 0 0 21px;
    float: left;
}
a#search span {
    display: none;
}
a#search:hover {
    background: url(../images/layout/search.gif) 0 -24px no-repeat;
}
#contentBg {
    background: url(../images/layout/contentBg.gif) 0 0 repeat-y;
    margin-bottom: 20px;
    border-bottom: 1px solid #efebe6;
}
#contentBottom {
    background: url(../images/layout/contentBgBottom.gif) left bottom no-repeat;
    padding: 0px 0px 4px 0px;
    zoom: 1;
}
#contentTopX {
    background: url(../images/layout/contentBgTop.gif) left top no-repeat;
    zoom: 1;
}
.dBlue {
    color: #003399;
}
a.dBBlue {
    color: #003399;
    font-weight: bold;
    text-decoration: none;
}
a.dBlueN {
    color: #003399;
    text-decoration: none;
}
a.greySome {
    color: #666666;
    text-decoration: none;
}

.alignR {
    text-align: right;
}
.arr1 {
    text-decoration: none;
    color: #003399;
    font-size: 10px;
    background: url(../images/layout/arr1.gif) 0 1px no-repeat;
    padding-left: 16px;
		cursor: pointer;
}
.arr1:hover {
    color: #a2b2d6;
    background: url(../images/layout/arr1-hover.gif) 0 1px no-repeat;
    padding-left: 16px;
		cursor: pointer;
}
.arr2 {
    text-decoration: none;
    color: #003399;
    font-size: 10px;
    background: url(../images/layout/arr2.gif) 0 1px no-repeat;
    padding-left: 16px;
		cursor: pointer;
}
.arr2:hover{
    color: #a2b2d6;
    background: url(../images/layout/arr2-hover.gif) 0 1px no-repeat;
    padding-left: 16px;
		cursor: pointer;
}
a#toggler2, a#toggler2-1 {
    color: #003399;
}
a#toggler1, a#toggler1-1 {
    color: #003399;
		cursor:pointer
}
a.aide {
    background: url(../images/layout/question3.gif) right 0 no-repeat;
    padding-right: 15px;
    font-size: 9px;
    text-decoration: none;
    color: #4066b3;
    line-height: 13px;
}
a.aide:hover {
    color: #7e7e7e;
    background: url(../images/layout/question2.gif) right 0 no-repeat;
}
#aideWrp {
    text-align: right;
    padding-right: 37px;
    height: 13px;
}

.bBlack {
    font-weight: bold;
    color: #000000;
}
.iBlack {
    font-style: italic;
    font-weight: normal;
    color: #000000;
}
.rGrey {
    font-weight: normal;
    color: #939393;
}
#subFooter {
    height: 10px;
}



.noscript{
	float:left;
	color: red;
	font-weight : bold;
	/*font-size: 18px;*/
}

.temp{
	float:left;
	margin-top:10px;
	color: red;
	font-weight : bold;
	font-size: 18px;
}

.hilite{
	font-weight: bold;
  color: #000000;
	/*background-color: yellow;*/
}

/*pour les liens ajax */
.loading{
	/* background: url(../images/layout/loading.gif) right 0 no-repeat; */
}


span.disable{
		color: #a2b2d6;
    background: url(../images/layout/arr1-hover.gif) 0 1px no-repeat;
    padding-left: 16px;
		font-size:10px;
		/*padding:0pt 15px  0pt 20px;*/
		cursor:default;
		line-height:10px;
		text-decoration: none;
}

.valider_form{
	border : 0;
	background : url(../images/layout/valider.gif) left top no-repeat;
	height : 22px;
	width : 94px;
	cursor : pointer;
}

strong{
	font-weight: bold;
}

ul.visible{
	list-style-type: disc ; /* square,  circle */
	margin-left :15px;
}

.nowrap{
	white-space: nowrap;
}

/*FIXME : homogeneiser mess erreur*/
.erreur-msg{
	color:red;
	font-weight: bold;
}

.message{
	color:red;
	/*font-size:110%;*/
	/*font-weight:bold;*/
	/*float:right;*/
}

.def_thema{
  margin-top:9px;
}

/* ****************************************************************
										Pour le modèle d'impression
  ******************************************************************/
@media print {
	p.toolsPrint { display : none ;}
}

p.toolsPrint {
	margin-top : 15px;
	margin-left: auto;
	margin-right: auto;
	width: 632px;
	text-align : right;
	margin-bottom : 10px;
}