@charset "iso-8859-1";

body {
 	scrollbar-face-color: #BCD0E6;
 	scrollbar-shadow-color: #4B538A;
 	scrollbar-highlight-color: #FFFFFF;
 	scrollbar-3dlight-color: #B6B6B6;
 	scrollbar-darkshadow-color: #000000;
 	scrollbar-track-color: #FEF7EA;
 	scrollbar-arrow-color: #FFFFFF;
 	color: #666666;
 	font-weight: normal;
	background-color:#FFFFff;
	color:#000000;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:small;
  margin : 0px;
	padding:0;
}


.lien_hypertexte {
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-decoration:underline;
}

.lien_hypertexte:before {
  content: "Nom: ";
}

H1 {
	width:100%;
	border: 1px solid #d2d2e6;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:130%;
	color: #000000;
	text-align : left;
	padding-left : 10px;
	padding-right : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
}

H2 {
  width:100%;
 	border-right: none;
	border-top: none;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size : 120%;
	color: #666666;

	text-align : left;
	padding-left : 5px;
	padding-right : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
}

H3 {
    width:100%;
  border: 1px solid #d2d2e6;
	background-color : #FFFFFF;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size : 110%;
	color: #000000;

	text-align : left;
	padding-left : 10px;
	padding-right : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	
}
H3 A {
	color: #000000;
}

.niveau1{
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size : 12px;
	color: #996666;
	font-weight : bold;
	
	text-decoration:none;
}

.niveau2{
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size : 11px;
	color: #000000;
	font-weight : bold;
	
	text-decoration:none;
}

.niveau3{
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size : 11px;
	color: #000000;
	font-weight : normal;
	
	text-decoration:none;
}


#menu {
margin-bottom:1em;
}

#menu ul{
border-width:1px 0px 0 1px;
border-style:solid;
border-color:#d6e1ec;
padding:0;
margin:0;
}

#menu li{
border-bottom:1px solid #d6e1ec;
list-style:none;
margin:0;
}

#menu a{
display:block;
text-decoration:none;
color:#369;
background-color:#fff;
padding-left:1em;
}

#menu a:hover{
background-color:#eff4fa;
color:#036;
}

#profil{
background-color:#fff;
color:#000;
position:absolute;
right:6%;
text-align:center;
top:9em;
width:20.5em;
}

#main{
 float: left;
  width:65%;
  color:#000000;
background-color:#ffffff;
border:1px solid #69c;
padding:0 2% 3em 2%;
}

.sva{
  background-color:#eff4fa;
  width:100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  font-weight: normal;
  border-right: none;
	border-top: none;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}
.sva TD{
white-space: nowrap;
font-size: 12px;
}

table {
width:100%;
}

#svacommun{
  float: left;
  width:15%;
  width: 11em; height: auto;
  top: 0em; right: 1em; bottom: 1em; left: auto;
}

#svacommun TD{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  font-weight: normal;
}


TABLE.donnees {
  width:100%;
  padding-bottom: 0px;
  margin-top: 2px;
  margin-left: 0px;
  margin-right:0px;
  margin-bottom: 0px;
	border-right: #d8d6d8 1px solid;
	border-top: #d8d6d8 1px solid;
	border-left: #d8d6d8 1px solid;
	border-bottom: #d8d6d8 1px solid;
	border-collapse: collapse;
	
}

TABLE.donnees TD {
color:#000000;
background-color:#FFFFFF;
	border-right: #d8d6d8 1px solid;
	border-top: #d8d6d8 1px solid;
	border-left: #d8d6d8 1px solid;
	border-bottom: #d8d6d8 1px solid;
  font-size: 12px;
}

TABLE.noborder {
  width:100%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none
}

.left {
	text-align: left
}

.right {
	text-align: right
}

.center {
	text-align: center
}

.floatleft {
  float : left;
	text-align: left
}

.floatright {
  float : right;
	text-align: right
}

.selection {
  width:10px;
	text-align: center
}

.critere {
	text-align: left;
	font-size: 12px;
}

.contexte {
	text-align: left;
	font-size: 12px;
}

.navigationPage {
float: right;
	text-align: center;
  font-size: 12px
}

IMG {
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none
}

IMG.imagette {
	width:50px;
	height:50px;
}

TABLE.sva {
  width:90%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none
}

TABLE.sva TD {
	border-right: #d8d6d8 0px solid;
	border-top: #d8d6d8 0px solid;
	border-left: #d8d6d8 0px solid;
	border-bottom: #d8d6d8 1px solid;
  font-size: 12px;
}

.picto {
  width:14px;
  height:14px;
}

.specific_classe {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #666666;
  font-weight: bold;
}
#sectionmenus{

float:left;

width:17%;

}
#technologie,#theme{
color:#655f4b;
background-color:#fff;
}

/* --------------- */
#technologie h2,#theme h2{
border-color:#f90;
border-style:solid;
border-width:0 0 3px 0;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
text-transform:uppercase;
}

#technologie h2:first-letter,#theme h2:first-letter{
color:#f90;
background-color:transparent;
}

#technologie ul,#theme ul{
margin-bottom:1.5em;
margin-top:0.5em;
}

#technologie li,#theme li,#ressources li{
display:inline;
list-style:none;
}

#technologie a,#theme a{
color:#f60;
background-color:transparent;
display:block;
font-weight:700;
margin-left:-3em;
padding-left:1em;
text-decoration:none;
}

#technologie a:hover,#theme a:hover{
background-color:#ffecce;
color:#f60;
}

#ressources{
color:#655f4b;
background-color:#fff;
margin:0;
padding:0;
}

#ressources h2{
border-style:solid;
border-width:0 0 3px 0;
border-color: #690 ;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
text-transform:uppercase;
}

#ressources h2:first-letter{
color:#690;
background-color:transparent;
}

#ressources a{
color:#690;
background-color:transparent;
display:block;
font-weight:700;
margin-left:-3em;
padding-left:1em;
text-decoration:none;
}

#ressources a:hover{
color:#690;
background-color:#eaf2db;
}