/* ---------------------------------------------------------INITIALISATION-----------------------------------------------------------*/ html {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } body {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } div {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } span {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } h1 {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } h2 {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } h3 {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } h4 {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } h5 {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } h6 {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } p {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } em {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } font {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } img {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } center {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } fieldset {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } form {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } label {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } legend {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } table {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } tbody {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } tfoot {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } thead {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } tr {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } th {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } td {margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; font-size: 100%; vertical-align: baseline; } body {line-height: 1; } /* ---------------------------------------------------------MISE EN PAGE GENERALE-----------------------------------------------------------*/ body { /* font: 11px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; */ font: 11px Arial, Helvetica, sans-serif; background-color: #fff; color: #333; margin:0; padding:0; } h1 { font-size: 24px; font-weight: bold; line-height: 36px; margin-bottom: 18px; } h2 { font-size: 16px; font-weight: bold; line-height: 18px; margin-bottom: 18px; } h3 { font-size: 1em; font-weight: bold; line-height: 18px; } select {font-size: 11px; width:100%; padding: 2px; background-color: #EDEDED;} input {width: 98%; padding: 2px; padding-left: 5px; background-color: #EDEDED;} #header {position: relative; z-index: 100;} #nav {float:left; width:140px; padding:0px 0px 0px 5px; } #main {float:right; width:853px; background-color:#FFFFFF; border: 1px solid #C2C2C2; border-top:0px; border-bottom:0px;} #main .colL {float:left; width:645px; background-color:#FFFFFF; border-top:0px; text-align:left; padding:5px 5px 5px 10px;} #main .colR {float:right; width:180px; background-color:#FFFFFF; text-align:left; padding:5px;} #footer {float:right; width:855px; background-color:#2d2d2d; height:25px; margin-bottom:20px;} .content {width: 1000px; margin: 0 auto; } .oblg {color:red; } .bg-login {text-align:center; margin-top: 150px;} #cadre {width: 100%;} /* ---------------------------------------------------------LOGIN-----------------------------------------------------------*/ .bg-login {margin: auto; margin-top: 150px; text-align:center;} /* ---------------------------------------------------------HEADER-----------------------------------------------------------*/ #logo {margin: 0px 0px 0px 4px; width: 400px; float: left;} #reste {margin: 12px 15px 0px 0px; width: 500px; float :right; text-align:right;} #menu {display:block; clear: both; position: relative; background: url("img/divers/back.png") repeat-x; height:5px;} #menu .coloration {width: 50%; height: 5px; margin-left: -500px; float: left; background: url("img/divers/coloration.png") repeat-x ; } #menu .coloration1 {width:145px; height: 5px; float: left; background: url("img/divers/coloration.png") repeat-x ; border-right : 1px solid #fff;} /* ---------------------------------------------------------NAVIGATION-----------------------------------------------------------*/ .nv-titre {width:100%; padding:10px 4px 4px 4px; font-size:10px; color:#999999; font-weight:bold;} .nv-cel01 {width:100%; padding:4px 4px 4px 20px; } .nv-encartm {background: url("img/divers/quota_m.png") no-repeat; width:130px; height:153px; padding-top:3px; text-align:center; color:#FFFFFF; margin-top:10px;} .nv-encartp {background: url("img/divers/quota_p.png") no-repeat; width:130px; height:153px; padding-top:3px; text-align:center; color:#FFFFFF; margin-top:10px;} /* ---------------------------------------------------------MAIN-----------------------------------------------------------*/ #mainheader {vertical-align:top;} .homebarl {background: url(img/divers/motif.png) repeat-x; color:#4d4d4d; vertical-align:top; padding-top:7px;} .homebarr {width:100%; background: url(img/divers/motif.png) repeat-x; text-align:right; vertical-align:top; padding-top:7px; } #mainmain {width:100%; height:535px; vertical-align:top;} .tthead {background-color:#EDEDED; border-top: 1px #C2C2C2 solid;} .tthead1 {background-color:#EDEDED; border-top: 1px #C2C2C2 solid; margin-top:20px;} .ttpart {background-color:#EDEDED; border-top: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid;} .ttpart1 {background-color:#EDEDED; border-top: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid; margin-top:20px;} .ttpart2 {background: url(img/divers/bg_diag01.png) repeat; margin-top:20px; font-weight:bold; } .ttheadimgr {vertical-align:top; padding:3px 4px 3px 2px; width:2%;} .ttheadimgl {vertical-align:top; padding:3px 2px 3px 4px; width:2%;} .ttheadtxt {padding:4px; } .bgdiag01 {width:100%; background: url(img/divers/bg_diag01.png) repeat; padding-bottom:1px;} .bgdiag02 {width:100%; background: url(img/divers/bg_diag02.png) repeat; padding-bottom:1px;} .lng0 {background-color: #00aeef; } .lng1 {background-color: #FFFFFF; } .lng2 {background-color: #e6e6e6; } .tbl3 {text-align: left; border-top: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid; font-weight: bold; font-size: 10px; color:#FFFFFF; padding: 4px 0px 3px 2px;} .tbl3-1 {text-align: center; border-top: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid; font-weight: bold; font-size: 10px; color:#FFFFFF; padding: 3px 0px 0px 2px; vertical-align:top;} .tbl3-4 {text-align: right; border-top: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid; font-weight: bold; font-size: 10px; color:#FFFFFF; padding: 4px 2px 3px 0px;} .tbl3-6 {text-align: right; border-right: 1px #C2C2C2 solid; border-top: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid; font-weight: bold; font-size: 10px; color:#FFFFFF; padding: 4px 2px 3px 0px;} .tbl3-7 {text-align: left; border-left: 1px #C2C2C2 solid; border-top: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid; font-weight: bold; font-size: 10px; color:#FFFFFF; padding: 4px 0px 3px 2px;} .tbl4 {vertical-align:top; padding:3px 2px 2px 2px; text-align: left; border-bottom: 1px #C2C2C2 solid; } .tbl4-1 {vertical-align:top; padding:3px 2px 2px 2px; text-align: left; border-left: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid; } .tbl4-4 {vertical-align:top; padding:3px 2px 2px 2px; text-align: right; border-bottom: 1px #C2C2C2 solid; } .tbl4-6 {vertical-align:top; padding:3px 2px 2px 2px; text-align: right; border-right: 1px #C2C2C2 solid; border-bottom: 1px #C2C2C2 solid; } .tbl4-10 {vertical-align:top; padding:3px 2px 2px 2px; text-align: left; border-left: 1px #C2C2C2 solid; } .tbl5-1 {vertical-align:top; padding:3px 2px 2px 2px; text-align: right; border-bottom: 1px #C2C2C2 solid; color: #9C9C9C; } .tbl5-4 {vertical-align:top; padding:3px 2px 2px 2px; text-align: left; border-bottom: 1px #C2C2C2 solid; color: #9C9C9C; } .tbl6 {padding:2px; text-align: center; border-bottom: 1px #C2C2C2 solid; vertical-align:center; } .tbl7 {margin-top : 4px; text-align:left} .tbl8 {background-color:#FFFFFF; border: 1px solid #C2C2C2; font: 11px Helvetica, Arial, sans-serif; color: #9C9C9C; margin:0px 0px 1px 0px; padding:3px 5px 3px 5px; } #numpage {width:100%; padding: 5px 0px 5px 0px; margin-bottom:10px; text-align:right;} #numpagehaut {width:100%; padding: 5px 0px 5px 0px; margin-top:10px; text-align:right;} #mainfooter {vertical-align:top;} .valid {width:80%; text-align:left; padding:2px; padding-bottom:3px; margin-bottom:7px; margin-top:20px; } /*----------------------------------------------------------------FOOTER---------------------------------------------------------------------------------------*/ .legal {background: #FFFFFF; width:500px; } .legal00 {width: 100%; margin:15px;} .legal01 {width:100%; height:19px; color:#ffffff; vertical-align:top; padding: 6px 0px 0px 5px; font-size:10px; background-color:#2d2d2d; font-weight:bold;} .legal02 {width:100%; font-size:10px; font-weight:bold; margin-top:15px; } .legal03 {width:100%; font-size:10px; text-align:justify; margin-top:10px;} /*----------------------------------------------------------------FORMULAIRES---------------------------------------------------------------------------------------*/ .inpArea {width:97%; margin-top:1px; margin-bottom:1px; background-color:#EDEDED; color: #4d4d4d; border: 1px solid #C2C2C2; font: 11px Arial, Helvetica, sans-serif; padding:2px; padding-left:5px; padding-right:5px;} .inpArea1 {width:97%; background-color:#EDEDED; color: #9C9C9C; border: 1px solid #C2C2C2; font: 11px Arial, Helvetica, sans-serif; padding:2px; padding-left:5px; padding-right:5px;} .inpRadio {width:50%; border:0px; margin-left:5px; background-color:#FFFFFF;} .inpRadio1 {width:50%; border:0px; background-color:#FFFFFF;} .inpFieldset {border: 0px; padding:2px; font-size:10px; margin-top:2px; } .inpSelect01 {font-size:10px; padding:1px; } .inpText3 {width:97%; font-size: 11px; padding: 3px 3px 2px 5px; } .inpText4 {width:92%; font-size: 11px; padding: 3px 2px 2px 5px; } .inpText5 {width:92%; color:#9c9c9c; font-size: 11px; padding: 2px 5px 2px 4px; } .inpLegend {color: #FFFFFF; background-color:#334d5d; font-weight:bold;} .inpChk {border: 0px; margin-right:5px; background-color:#FFFFFF; } .inpChk1 {border: 0px; background-color:#FFFFFF; width:50% } .inpChk2 {border: 0px; background-color:#FFFFFF; width:10% } /*----------------------------------------------------------------Liens---------------------------------------------------------------------------------------*/ a:link {color:#00aeef; text-decoration:none; } a:visited {color:#00aeef; text-decoration:none; } a:hover {color:#00aeef; text-decoration:underline; cursor: pointer;} a:focus {outline:0;} a.a1:link {color:#FFFFFF; text-decoration:none; } a.a1:visited {color:#ffffff; text-decoration:none; } a.a1:hover {color:#ffffff; text-decoration:underline; cursor: pointer} a.nv1:link {color:#000000; text-decoration:none; display: block; height: 100%; width: 100%; } a.nv1:visited {color:#000000; text-decoration:none; display: block; height: 100%; width: 100%; } a.nv1:hover {color:#000000; text-decoration:none; display: block; height: 100%; width: 100%; background-color: #e6e6e6;} a.nv2:link {color:#000000; text-decoration:none; display: block; height: 100%; width: 100%; background: url(img/divers/bg_diag01.png) repeat; font-weight:bold;} a.nv2:visited {color:#000000; text-decoration:none; display: block; height: 100%; width: 100%; background: url(img/divers/bg_diag01.png) repeat; font-weight:bold;} a.nv2:hover {color:#000000; text-decoration:none; display: block; height: 100%; width: 100%; background: url(img/divers/bg_diag01.png) repeat; font-weight:bold;} a.dec:link {text-decoration:none; background: url(img/deconnex.png) no-repeat; height:23px; width:100px; } a.dec:visited {text-decoration:none; background: url(img/deconnex.png) no-repeat; height:23px; width:100px; } a.dec:hover {text-decoration:none; background: url(img/deconnex_hover.png) no-repeat; height:23px; width:100px; } a.bt1:link {color:#FFFFFF; text-decoration:none; font-weight:bold; background-color:#00aeef; padding:3px; padding-left:4px; padding-right:4px; margin-right:2px; } a.bt1:visited {color:#FFFFFF; text-decoration:none; font-weight:bold; background-color:#00aeef; padding:3px; padding-left:4px; padding-right:4px; margin-right:2px; } a.bt1:hover {color:#FFFFFF; text-decoration:underline; cursor: pointer; font-weight:bold; background-color:#00aeef; padding:3px; padding-left:4px; padding-right:4px; margin-right:2px;} a.bt2:link {color:#FFFFFF; text-decoration:none; font-weight:bold; background-color:#334d5d; padding:3px; padding-left:4px; padding-right:4px; margin-left:2px; } a.bt2:visited {color:#FFFFFF; text-decoration:none; font-weight:bold; background-color:#334d5d; padding:3px; padding-left:4px; padding-right:4px; margin-left:2px; } a.bt2:hover {color:#FFFFFF; text-decoration:underline; cursor: pointer; font-weight:bold; background-color:#334d5d; padding:3px; padding-left:4px; padding-right:4px; margin-left:2px;} a.pgnav:link {border:1px solid #C2C2C2; padding:4px; padding-top:1px; padding-bottom:1px; font-size:10px; color:#4d4d4d; text-decoration:none; background-color:#ffffff; } a.pgnav:visited {border:1px solid #C2C2C2; padding:4px; padding-top:1px; padding-bottom:1px; font-size:10px; color:#4d4d4d; text-decoration:none; background-color:#ffffff; } a.pgnav:hover {border:1px solid #C2C2C2; padding:4px; padding-top:1px; padding-bottom:1px; font-size:10px; color:#4d4d4d; text-decoration:none; background-color:#e6e6e6; } .pgnavon {font-weight:bold; border:1px solid #00aeef; padding:4px; padding-top:1px; padding-bottom:1px; font-size:10px; color:#00aeef; text-decoration:none; background-color:#ffffff; }