/* ---------------------- appel des autres CSS ---------------------- */

@import url("spge_screen.css");
@import url("liens.css");

/* ---------------------- balises primaires ---------------------- */

body {
	font-size:70%;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	background-color:#E7FFFF;
	top : 0;
	left:0;
	margin: 0 0 0 0;
}
body.home {
	background-color:#FFFFFF;
}


strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
p, li, input {
	font-size:100%;
}
/*************** attention *************************
p {
margin: 5px 0 0 0;} */
img {
	border:0;
}
form {
	margin:3px;
	padding:0;
}

/* ---------------------- blocs principaux ---------------------- */

#entete {
	margin:0;
	background-color:#A2BFE7;
	width:100%;
}
#navigation {
	padding:0px 5px 0px 3px;
	font-weight:bold;
	margin: 0 0 3px 0;
	font-size:95%;
	display:block;
	background-color:#B1E8EB;
	color:#429398;
	/*border-bottom:1px solid #71C7CC;*/
}
#navig {
	padding:0px 0px 0px 6px;
	margin: 0 0 6px 0;
	font-size:95%;
	font-style:italic;
}

table#corps {
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	border-style:none;
}


/* ---------------------- blocs de second niveau ---------------------- */
/* ----------- blocs contenus dans #contenu ----------- */
td.logo {
width:138px;}
td.banner {
	background-image:url(/images/fond-bandeau.jpg);
	background-position:left;
	background-repeat:repeat-x;
	text-align:right;}
td#colonneGauche {
	width:18%;
	vertical-align:top;
}
td#colonneCentre {
	width:65%;
	padding:0 10px 0 10px;
	vertical-align:top;
}
td#colonneDroite {
	width:17%;
	vertical-align:top;
	text-align:center;
}

#menuCentreProfil {
	background-color:#C0FFC8;
	padding:0 0 0 0;
}
#menuCentreProfil table{
	width:100%;
	margin: 0 0 0 0;
}
#menuCentreProfil td{
	text-align:center;
}

.invisible {
	display:none;
}
.marge0 {
	margin: 0 0 0 0;
}


/*  ******agenda ******** */
table.agenda {
	margin-top:15px;
}
table.agenda th {
	background-color:#EA7947;
}

/************************* Bloc de login / password *********************/

#carto_menu_gauche {
	margin-top:15px;
	text-align:center;
}

#carto_menu_gauche h2 {
	padding:1px 3px 2px 2px;
	font-weight:bold;
	margin-bottom: 1px;
	background-color:#65A1A5;
	color:#FFFFFF;
}

/************************* Bloc de login / password *********************/

#extranet {
	margin-top:15px;
	background-color:#B1E8EB;
}

#extranet th {
	background-color:#B1E8EB;
	color:#65A1A5;
	font-weight:bold;
	padding:0px 0px 0px 3px;
	text-align:right;
	vertical-align:middle;
}

#extranet h2 {
	padding:1px 3px 2px 2px;
	font-weight:bold;
	margin-bottom: 1px;
	background-color:#65A1A5;
	color:#FFFFFF;
}

#extranet h2 a:link, #extranet h2 a:visited {
	text-decoration:none;
	text-align:left;
	padding:1px 3px 2px 5px;
	margin-bottom: 1px;
	font-weight:bold;
	margin: 0px;
	background-color:#65A1A5;
	color:#FFFFFF;
}

#extranet h2 a:hover, #extranet a:active {
	text-decoration:underline;
}

#extranet a:link, #extranet a:visited {
	background-color:#71C7CC;
	color:#FFFFFF;
	font-weight:bold;
	text-align:right;
	display:block;
	margin-top: 1px;
	padding: 2px 2px 2px 2px;
	margin-bottom:1px;
	margin-top:0;
	text-decoration:none;
}

#extranet a:hover, #extranet a:active {
	text-decoration:underline;
}
input.bouton {
	width:105px;
	text-align:center;
	background-image:url(/images/fond-bouton.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#B1E8EB;
	height:21px;
	border: 0 0 0 0;
	margin:1px;
}

#extranet_pash {
	margin-top:20px;
	/*width:50%;
	border:1px dashed #B1E8EB;*/
}

#extranet_pash th {
	background-color:#E7FFFF;
	color:#65A1A5;
	font-weight:bold;
	padding:0px 0px 0px 3px;
	text-align:right;
	vertical-align:middle;
}

h3.auth_message {
	text-align:center;
}

p.auth_message {
	padding:5px;
	border:1px dashed #B30101;
	text-align:center;
	font-weight:bold;
}

div.auth_message {
	padding:5px 5px 0px 5px;
	border:1px dashed #B30101;
	font-weight:bold;
}

ul.emas li {
	list-style-type: none;
	list-style-image: none;
}

/* ---------------------- Styles du centre de telechargement ---------------------- */

ul.telech_category {
	margin-left: 20px;
	padding: 0;
	font-weight:bold;
}

ul.telech_category li {
	list-style-image:url(/images/puce-transp.gif)!important;
	margin-top: 5px;
}

ul.telech_category li ul.telech_ressource li{
	font-weight:normal;
	margin-top: 0px;
	list-style-image:url(/images/puce_verte.gif) !important;

}

.center {
	text-align:center !important;
}

a.sousniv:link, a.sousniv:visited, a.sousniv:hover, a.sousniv:active {
	text-decoration:none;
	background-image:url(/images/fond_puce.gif);
	border:1px solid #000000;
	margin-bottom:5px;
	margin-right:0;
	padding: 0 0px 0 0px;
	color:#FFFFFF;
}

a.sousnivouvert:link, a.sousnivouvert:visited, a.sousnivouvert:hover, a.sousnivouvert:active {
	text-decoration:none;
	background-image:url(/images/fond_puce.gif);
	border:1px solid #000000;
	margin-bottom:5px;
	margin-right:0;
	margin-left:0;
	padding: 0 2px 0 2px;
	color:#FFFFFF;
}

span.sousnivouvert {
	text-decoration:none;
	background-image:url(/images/fond_puce.gif);
	border:1px solid #000000;
	margin-bottom:5px;
	margin-right:0;
	margin-left:0;
	padding: 0 2px 0 2px;
	color:#FFFFFF;
}

/****************************** bannière homepage ******************************/
#banniere {
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	padding:10px 0 10px 0;
	text-align:center;
	width:440px;
	border:1px solid #ddd;
	background-color:#E7FFFF;
	font-weight: bold;
}
#banniere p {
	margin:0;
	padding:0;
	font-size:120%;
	color:#da2828;
}
#banniere a, #banniere a:visited {
	color:#da2828;
	text-decoration:none;
}
#banniere a:hover {
	color:#888888;
	text-decoration:underline;
}