/* # STYLE MasterPage CAMPUS ### SIWEB ### 2008 # */
/* Vérification navigateur au 03/12/2007 :
	PC  : IE6 / IE7 7.0.5730.11 / Firefox 2.0.0.11 / Safari 3.0.4
	Mac : Safari 3.0.4
*/
/* ############################### Design général ###################################### */
html {
	overflow-y: scroll;
}
body {
	background-color : white;
	position: relative;
	text-align: center;
}
#header {
	margin-left : auto;
	margin-right : auto;
	margin-bottom: 10px;
	width: 990px;
	font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: left;
}
#block_header {
	background-color : white;
}
#block_logo {
	height : 57px;
	background-image : url("img_masterHPC/header_logo_campus.gif");
	background-repeat : no-repeat;
}
#site {
	margin-left : auto;
	margin-right : auto;
	width: 990px;
	font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: left;
}
.img {
	border: 0px;
}
#table1 {
	width: 100%;
}
/* ############################### ligne de couleur ###################################### */
#tablecolor {
	border : 0px;
	width: 100%;
	font-size: 7px;
	color: #F5A300;
}
#cell1 {
	background-color: #F5A300;
}
#cell2 {
	background-color: #EE7900;
}
#cell3 {
	background-color: #D7423D;
}
#cell4 {
	background-color: #B88DBF;
}
#cell5 {
	background-color: #6C74CB;
}
#cell6 {
	background-color: #72A54C;
}
/* ############################### Onglets ###################################### */
#block_onglets {
	background-color : white;
}
.onglet_actif {
	border-bottom : 1px solid #ffffff;
	border-left : 1px solid #c4c3c3;
	border-right : 1px solid #c4c3c3;
	border-top : 1px solid #c4c3c3;
	width : 114px;
	height : 19px;
	text-align : center;
	font-size : 11px;
	font-weight : bold;
}
.onglet_actif a {
	text-decoration : none;
	color : #113250;
}
.onglet_actif a:hover {
	text-decoration : none;
	color : #2872a7;
}
.onglet_actif a:active {
	text-decoration : none;
	color : #62a6d9;
}
.onglet_inactif {
	background-color : #f3f1f1;
	border : 1px solid #c4c3c3;
	width : 114px;
	height : 19px;
	text-align : center;
	font-size : 11px;
	font-weight : bold;
}
.onglet_inactif a {
	text-decoration : none;
	color : #2872a7;
}
.onglet_inactif a:hover {
	text-decoration : none;
	color : #62a6d9;
}
.onglet_inactif a:active {
	text-decoration : none;
	color : #b6d6ed;
}
.onglet_espace {
	border-bottom : 1px solid #c4c3c3;
	border-left : 0 solid #ffffff;
	border-right : 0 solid #ffffff;
	border-top : 1px solid #ffffff;
	height : 19px;
	width : 199px;
	font-size : 11px;
}
.onglet_plus {
	border-top : 1px solid #ffffff;
	border-left : 0 solid #ffffff;
	border-right : 0 solid #ffffff;
	border-bottom : 1px solid #c4c3c3;
	height : 19px;
	text-align : center;
	vertical-align : bottom;
	font-weight : bold;
	font-size : 11px;
	font-weight : bold;
}
.onglet_plus a {
	text-decoration : none;
	color : #2872a7;
}
.onglet_plus a:hover {
	text-decoration : none;
	color : #62a6d9;
}
.onglet_plus a:active {
	text-decoration : none;
	color : #b6d6ed;
}
.onglet_separateur {
	border-top : 1px solid #ffffff;
	border-bottom : 1px solid #c4c3c3;
	width : 5px;
	height : 19px;
	color : #c4c3c3;
	text-align : center;
	font-weight : bold;
	font-size : 11px;
	vertical-align : bottom;
}
.onglet_inactif_lock {
	background-color : #f3f1f1;
	border : 1px solid #c4c3c3;
	width : 114px;
	height : 19px;
	text-align : center;
	font-size : 11px;
	font-weight : bold;
	background-image : ;
	background-repeat : no-repeat;
	background-position : 8px 3px;
}
.onglet_actif_lock a {
	text-decoration : none;
	margin-left : 5px;
	color : #b63c3c;
}
.onglet_actif_lock a:hover {
	text-decoration : none;
	color : #62a6d9;
}
.onglet_actif_lock a:active {
	text-decoration : none;
	color : #b6d6ed;
}
.onglet_actif_lock {
	border-bottom : 1px solid #ffffff;
	border-left : 1px solid #c4c3c3;
	border-right : 1px solid #c4c3c3;
	border-top : 1px solid #c4c3c3;
	width : 114px;
	height : 19px;
	text-align : center;
	font-size : 11px;
	font-weight : bold;
	background-image: url('img_masterHPC/lock_onglet.gif');
	background-repeat : no-repeat;
	background-position : 8px 3px;
}
.onglet_actif_lock a {
	text-decoration : none;
	margin-left : 5px;
	color : #b63c3c;
}
.onglet_actif_lock a:hover {
	text-decoration : none;
	color : #62a6d9;
}
.onglet_actif_lock a:active {
	text-decoration : none;
	color : #b6d6ed;
}
.onglet_contact {
	border-top : 1px solid #ffffff;
	border-left : 0 solid #ffffff;
	border-right : 0 solid #ffffff;
	border-bottom : 1px solid #c4c3c3;
	height : 19px;
	text-align : right;
	padding-right: 26px;
	vertical-align : bottom;
	font-weight : bold;
	font-size : 11px;
	font-weight : bold;
}
.onglet_contact a {
	text-decoration : none;
	color : #2872a7;
}
.onglet_contact a:hover {
	text-decoration : none;
	color : #62a6d9;
}
.onglet_contact a:active {
	text-decoration : none;
	color : #b6d6ed;
}
/* ############################### Styles du site ###################################### */
#site input {
	color: #15549e;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 12px;
	border: #8c8c8c 1px solid;
	padding-left: 5px;
	width: 150px;
	vertical-align: middle;
}
#site input[type=radio] {	color: #15549e;
	margin-top: 3px;
	margin-bottom: 3px;
	border: #8c8c8c 0px solid;
	vertical-align: middle;
	width: 15px;
}
#site input[type=checkbox] {	color: #15549e;
	margin-top: 3px;
	margin-bottom: 3px;
	border: #8c8c8c 0px solid;
	vertical-align: middle;
	width: 15px;
}
#site input[type=submit] {
	color : black;
	border: 1px solid #77776b;
	font-size : 12px;
	text-align: center;
	background-color: #f2f2f2;
	cursor : pointer;
	margin-top: 1px;
	margin-bottom: 5px;
}
#site select {
	color: #2e5798;
	font-size: 13px;
	border: #77776b 1px solid;
	padding-left: 5px;
}
#site textarea {
	color: #2e5798;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 12px;
	border: #77776b 1px solid;
	padding-left: 5px;
}
#site a {
	color : #2b0000;
	text-decoration : none;
}
#site a:hover {
	color : #2b0000;
	text-decoration : underline;
}
#site img {
	border : 0;
	vertical-align: baseline;
	margin-left: 5px;
	margin-right: 0px;
}
#site .contenuLeft 
{
	text-align:left;
}
#site .boutonValidLeft 
{
	float:left;
}
#site .contenuRight 
{
	text-align:right;
}
#site .boutonValidRight 
{
	float:right;
}
#site .contenuCenter
{
	text-align:center;
}
#tableSite {
	margin-top:15px;
	margin-left:15px;
}
.cookies {
	font-size: 10px;
	font-style: oblique;
}
.erreur {
	color: red;
	font-size: 11px;
	margin: 1px;
}
/* ############################### tableau ###################################### */
h1 {
	color: #15549e;
	font-size: 18px;
	margin-left: 15px;
	margin-bottom: 3px;
}
#tdh1{
	color: #15549e;
	font-size: 18px;
}
#tdh1 a{
	color: #15549e;
	font-size: 18px;
	text-decoration:underline;
}
#tdh1 a:hover{
	color: #15549e;
	font-size: 18px;
	text-decoration:none;
}
h2 {
	color: #4b5f4b;
	font-size: 14px;
	margin-left: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
}
h3 {
	color: #81811a;
	font-size: 14px;
	margin-left: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
}
ul {
	color : #533131;
	list-style: square;
}
.tdlog
{
	font-weight:bold;
	text-align:right;
	margin-right:3px;
}
.grille
{
	width:100%;
	text-align:center;
	border-bottom:0px;
	border-right:0px;
	}

.IntituleTableau {
	background-color: #85857f;
	color: #FFFFFF;
	font-weight: bold;
}
.IntituleTableau a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
.IntituleTableau a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.IntituleTableau a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.DonneeTableau2 {
	background-color: #babab3;
	color: #000000;
}
.DonneeTableau2 a {
	color: #000000;
	text-decoration: underline;
}
.DonneeTableau2 a:hover {
	color: #000000;
	text-decoration: none;
}
.DonneeTableau2 a:visited {
	color: #000000;
	text-decoration: none;
}
.DonneeTableau {
	background-color: #cecec7;
	color: #000000;
}
.DonneeTableau a {
	color: #000000;
	text-decoration: underline;
}
.DonneeTableau a:hover {
	color: #000000;
	text-decoration: none;
}
.DonneeTableau a:visited {
	color: #000000;
	text-decoration: none;
}
.DonneeTableauSur {
	background-color: #9e9e94;
	color : #FFFFFF;
	font-weight : bold;
}
.DonneeTableauSur a {
	color : #FFFFFF;
	text-decoration: underline;
}
.DonneeTableauSur a:hover {
	color : #FFFFFF;
	text-decoration: none;
}
.DonneeTableauSur a:visited {
	color : #FFFFFF;
	text-decoration: none;
}
.TableauTitreTD {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size : 16px;
	color : #0a386c;
}




/* ############################### Infobulles ###################################### */
a.tooltip em {
	display: none;
	font-weight: normal;
}
a.tooltip:hover {
	border: 0;
	position: relative;
	z-index: 500;
	text-decoration: none;
}
a.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
	top: 20px;
	left: -10px;
	padding: 5px;
	color: #a4a400;
	border: 1px solid #afaea8;
	background: white;
	text-decoration: none;
	width: 170px;
	text-align: center;
}
a.tooltip:hover em span {
	text-decoration: none;
	position: absolute;
	top: -7px;
	left: 15px;
	height: 7px;
	width: 11px;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
}
/* ############################### Infobulles Alert /rouge/ ###################################### */
a.tooltip1 em {
	display: none;
	font-weight: normal;
}
a.tooltip1:hover {
	border: 0;
	position: relative;
	z-index: 500;
	text-decoration: none;
}
a.tooltip1:hover em {
	font-style: normal;
	display: block;
	position: absolute;
	top: 20px;
	left: -10px;
	padding: 5px;
	color: red;
	border: 1px solid #afaea8;
	background: white;
	text-decoration: none;
	width: 170px;
	text-align: center;
}
a.tooltip1:hover em span {
	text-decoration: none;
	position: absolute;
	top: -7px;
	left: 15px;
	height: 7px;
	width: 11px;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
}
/* ############################### Body ###################################### */
#divContentPlaceHolderBody1 {
	width: 990px;
	background-color: white;
	font-size: 12px;
	color: #4b5f4b;
	float: left;
}
/* ############################### Block login ###################################### */
#blocklogin {
	width: 266px;
	height: 650px;
	background-image: url('img_masterHPC/bck_log.jpg');
	background-repeat: no-repeat;
	background-color: white;
	font-size: 12px;
	color: #4b5f4b;
	float: left;
}
#blocklogin p {
	margin-left: 10px;
}
#blocklogin h1 {
	font-size: 20px;
	color: #a4a400;
	margin-left: 10px;
	margin-top: 20px;
}
#blocklogin h2 {
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 12px;
	color: #4b5f4b;
	letter-spacing: 1px;
}
.erreurHP
{
	text-indent:10px;
	color:Red;
}
.titleMDP {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 14px;
	letter-spacing: 1px;
}
.CTRLentree {
	color: #a4a400;
	margin-top: 3px;
	margin-left: 10px;
	margin-bottom: 15px;
	font-size: 12px;
	border: #8c8c8c 1px solid;
	padding-left: 5px;
	width: 205px;
}
.CTRLbutton {
	color : #717112;
	border: 1px solid #afaea8;
	font-size : 13px;
	text-align: center;
	background-color: #f8f8f8;
	cursor : pointer;
	margin-top: 10px;
	margin-left: 65px;
	margin-bottom: 15px;
	width: 120px;
}
.cookies {
	color : #204c7c;
	font-size: 11px;
	font-style: oblique;
	margin-left: 20px;
}
#blocklogin a {
	font-size: 13px;
	color: #4b5f4b;
	text-decoration : underline;
}
#blocklogin a:hover {
	color: #4b5f4b;
	text-decoration : none;
}
#blocklogin img {
	margin-left: 10px;
	margin-right: 10px;
	border: 0px;
}
.line {
	margin-top: 25px;
	margin-left: 10px;
	margin-right: 10px;
	border: 0px;
}
#blocklogin1 {
	width: 481px;
	height: 630px;
	background-image: url('img_masterHPC/bck_log2.jpg');
	background-repeat: no-repeat;
	background-color: white;
	font-size: 12px;
	color: #4b5f4b;
	float: left;
}
/* ############################### Titre (traits) ###################################### */
#title {
	padding-top: 10px;
	font-size: 24px;
	margin-left: 10px;
}
.txttitle {
	padding-left: 70px;
	line-height: 40px;
}
.imgtitle {
	padding-top: 3px;
	padding-bottom: 3px;
}
.imgtitle1 {
	padding-top: 0px;
	float:right;
}
.title1 {
	color: #a4a400;
}
.title2 {
	color: #4b5f4b;
}
/* ############################### Block tuto ###################################### */
#divTuto {
	width: 243px;
	height: 640px;
	background-color: white;
	font-size: 12px;
	color: #4b5f4b;
	float:right;
}
#divTuto p {
	margin-bottom: 25px;
}
#divTuto h1 {
	font-size: 14px;
	color: #274525;
	margin-top: 4px;
}
#divTuto h2 {
	font-weight: bold;
	margin-left: 3px;
	font-size: 11px;
	color: #4b5f4b;
	letter-spacing: 1px;
	line-height: 11px;
}
.CTRLbuttonT {
	color : #717112;
	border: 1px solid #afaea8;
	font-size : 13px;
	text-align: center;
	background-color: #f8f8f8;
	cursor : pointer;
	margin-left: 65px;
	width: 120px;
}
#divTuto a {
	font-size: 13px;
	color: #4b5f4b;
	text-decoration : underline;
}
#divTuto a:hover {
	color: #4b5f4b;
	text-decoration : none;
}
#tuto {
	font-size: 12px;
	letter-spacing: 1px;
}
#tuto a {
	color: #717112;
	text-decoration : underline;
}
#tuto a:hover {
	color: #717112;
	text-decoration : none;
}
#divTuto img {
	margin-left: 3px;
	margin-right: 10px;
	border: 0px;
}
.line1 {
	border: 0px;
	margin-top: 4px;
}
.titrebold {
	font-weight: bold;
	margin-left: 3px;
	font-size: 12px;
	color: #4b5f4b;
}
.telephoneNF {
	font-size: 20px;
	margin-left: 15px;
	color: #A78766;
}
#txtNF {
	font-size: 9px;
	color: #A78766;
	line-height: 13px;
	text-align: center;
}
#txtNF a {
	font-size: 9px;
	color: #A78766;
	text-decoration : underline;
}
#txtNF a:hover {
	font-size: 9px;
	color: #A78766;
	text-decoration : none;
}
/* ############################### Footer et Copyright ###################################### */
.block_vide1 {
	width: 990px;
	height : 5px;
}
#block_footer {
	width: 990px;
	text-align : center;
	color : #14324e;
	font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size : 13px;
	height: 15px;
	text-align: center;
}
#block_footer a {
	color : #14324e;
	text-decoration : none;
	line-height : 25px;
}
#block_footer a:hover {
	color : #14324e;
	text-decoration : underline;
}
#block_footer img {
	border : 0;
	vertical-align : middle;
}

/* ############################### Styles boite modale ###################################### */
#modale
{
	font-size:13px;
	text-align:left;
	}
#modale input {
	color: #15549e;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 12px;
	border: #8c8c8c 1px solid;
	padding-left: 5px;
	width: 150px;
	vertical-align: middle;
}
#modale input[type=radio] {	color: #15549e;
	margin-top: 3px;
	margin-bottom: 3px;
	border: #8c8c8c 0px solid;
	vertical-align: middle;
	width: 15px;
}
#modale input[type=checkbox] {	color: #15549e;
	margin-top: 3px;
	margin-bottom: 3px;
	border: #8c8c8c 0px solid;
	vertical-align: middle;
	width: 15px;
}
#modale input[type=submit] {
	color : black;
	border: 1px solid #77776b;
	font-size : 12px;
	text-align: center;
	background-color: #f2f2f2;
	cursor : pointer;
	margin-top: 1px;
	margin-bottom: 5px;
}
#modale .button {
	color : black;
	border: 1px solid #77776b;
	font-size : 12px;
	text-align: center;
	background-color: #f2f2f2;
	cursor : pointer;
	margin-top: 1px;
	margin-bottom: 5px;	
}
#modale .contenuLeft 
{
	text-align:left;
}
#modale .contenuRight 
{
	text-align:right;
}
#modale .contenuCenter
{
	text-align:center;
}
#modale select {
	color: #2e5798;
	font-size: 13px;
	border: #77776b 1px solid;
	padding-left: 5px;
}
#modale textarea {
	color: #2e5798;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 12px;
	border: #77776b 1px solid;
	padding-left: 5px;
}
#modale a {
	color : #2b0000;
	text-decoration : none;
}
#modale a:hover {
	color : #2b0000;
	text-decoration : underline;
}
#modale img {
	border : 0;
	vertical-align: baseline;
	margin-left: 5px;
	margin-right: 0px;
}