@charset "iso-8859-2";
/* CSS Document */
*{
	text-decoration:none;
/*	margin:0;
	padding:0; 
	border:1; */
	list-style-type: none;
}

{
	border:1;
}

.dest{

}
	
body {
	font-size:80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	margin:0;
	/*background-color: gainsboro; /*#e6e6fa;*/
}
.clearfloat {
	clear:both;
	height:0px;
}

/* Position general */

#main {
	width:100%;
	margin: auto;
	/*background-color: gainsboro; /*#FFF;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Position Barre de communique */
#CommuniqueBarre {
	background-image: url(../images/CommuniqueBarre.jpg);
	background-repeat: x;
	width: 980px;
	height: 28px;
}
.prof{}
/* Position Banniere */
/*
#logoems, #banniereems, #banniereetab, #logoetab
{
 display:inline-block;
 vertical-align:top;
}
*/
#logoems{
width:7.8%; /*87px; */
height:86px;
background-color:#FFCC00;
float:left;
border:0.1px solid;
border-color:blue;
}
#banniereems{
  /*  background-image: url(../images/banniere.png); */
	background-color:blue;
	/*background-repeat:repeat-x;*/
	width:92%;
	height:86px;
	float:right;
}
#sloganems{
width:100%; /*100%;/*1038px;*/
height:20px;
background-color:#40e0d0;
/*float:right;*/
}
#bannierephotosems{
    /*background-image: url(../images/banniere.png); */
	background-color:white; /*#0000FF;
	/*background-repeat:repeat-x;*/
	width:100%; /*%; */
	height:46px;
	text-align:center;
/*	float:right; */
}
#banniereetab{
    /*  background-image: url(../images/banniere.png); */
	/*background-color:#0000FF;*/
	/*background-repeat:repeat-x;*/
	/*  background-image: url(../images/banniere.png); */
	background-color:white;
	width:84%;
	height:87px;
	float:left;
	/*
	width:84%;
	height:86px;
	float:left;*/
}
#logoetab{
	width:7.8%; /*87px; */
	height:86px;
	background-color:#FFCC00;
	float:right;
	border:0.1px solid;
	border-color:blue;
}
#anneescolaire{
			width:23%;
			background-color:blue; /*yellow;*/
			/*position:absolute; */
			height:20px;
			/*z-index:1;*/
		}
#bannierenometab{
			width:77%;
			background-color:blue; /*yellow;*/
			/*position:absolute; */
			height:20px;
			float:right;
			/*z-index:1;*/
		}
#banniere1{
	width:83%;
	position:absolute;
	height:66px;
	z-index:1;
}
#banniere2{
	width:83%;
	position:absolute;
	height:66px;
	z-index:2;
}
	
#bannierephotosetab{
    /*background-image: url(../images/banniere2.png);*/
	background-color:#bdb76b; 
	width:100%;
	height:66px;
	clear:both;
/*	float:right; */
}

#flashinfo{
    width:100%px;
	background-color:#00CC00;
	height: 29px;
	float:right;
}
/* Position Barre des Menus */
#conteneurprofil {
	height:16px;
	margin-left:10px;
	margin-top:2px;
	margin-bottom:0px;
	float:left;
	display:inline;
	text-align:center;
}

#BarreMenu{
	/*background-image: url(../images/MenuModif.jpg);*/
	/*background-repeat: repeat-x;*/
	width: 60%;
	height: 30px;
	clear:both;
	float:left;
}

#majexpertpro{
	background-image: url(../images/MenuModif.jpg);
	background-repeat: repeat-x;
	width: 40%;
	height: 30px;
	float:left;
	overflow:hidden;
}

#dateheure{
	background-image: url(../images/Menu.jpg);
	background-repeat: repeat-x;
	width: 15%;
	height: 30px;
	float:left;
	overflow:hidden;
}
#deconnexion {
	background-image: url(../images/Menu.jpg);
	background-repeat: repeat-x;
	width: 25%;
	height: 16px;
	float:left;
	overflow:hidden;
	text-decoration:underline;
}
#BarreInfoConnexion{
	background-image: url(../images/Menu.jpg);
	background-repeat: repeat-x;
	width:  40%;
	height: 16px;
	float:left;
	overflow:hidden;
}
#changepw{
	background-image: url(../images/Menu.jpg);
	background-repeat: repeat-x;
	width: 35%;
	height: 16px;
	float:left;
	overflow:hidden;
	text-decoration:underline;
}

/*
#partenaire
{
	width:100%;
	overflow:visible;
	background-color: white; 
	max-height:1000px;
	min-height:630px;
	border:5px solid;
	border-color:#f0e68c;/*#daa520; /*#66CCFF;
	font-weight:bold;
}
*/
#contenucentraletdroit{
	width:60%;
	overflow: visible; /*auto; */
	background-color: white; /*#f8f8ff; /*#ffffe0; */
	font-size: 0.97em;
	float:left;
	/*max-height:1000px;
	min-height:630px;
	border-color:#f0e68c;/*#66CCFF;*/
}
#contenudroite{
	width:18%;
	float:left;
	overflow:visible; 
	background-color: white ;
	/*max-height:1000px;
	min-height:630px;*/
}
#contenuconnexion{
	width:45%;
	overflow:hidden;
	background-color: #f8f8ff; /*#ffffe0; */
	font-size: 0.97em;
	margin: auto; 
    margin-top:1%;
	border-color:#66CCFF;
	font-weight:bold;
}
#annonceexpertpro{
	width:100%;
	overflow:visible;
	background-color: white ; 
	max-height:1000px;
	min-height:630px;
	border:5px solid;
	border-color:#f0e68c;/*#66CCFF;*/
}

#identiteeleve{
	width:100%;
	float:left;
	background-color:#66CCFF;
	height:90px;
	color:black;
	font-weight:bold;
	padding-top:2px;
}

#titrepartenaire
{
width:100%;
background-color:#66CCFF;
height:27px;
text-align:center;
padding-top:3px;
color:black;
font-weight: bold;
font-size:1.5em;
font-style:italic;
text-decoration: blink;
}

#contenucentral{
	width:100%;
	/*overflow:hidden;*/
	overflow: visible; /*auto; */
	background-color: white; /*#f8f8ff; /*#ffffe0; */
	font-size: 0.97em;
	float:right;
	/*max-height:1000px;
	min-height:630px;*/
	border:5px solid;
	border-color:#f0e68c;/*#66CCFF;*/
}

#contenuetab{
	width:100%;
	overflow: visible; /*auto;*/
	/*background-color: gainsboro;/* #FFCC99;/* */
	font-size: 0.97em;
	float:right;
	/*max-height:1000px;
	min-height:630px;*/
}

#contenucentraletab{
	width:85%;
	overflow:visible ; /*auto; */
	background-color: white;/*#FFCC99; */
	font-size: 0.97em;
	float:right;
	/*max-height:1000px;*/
	/*min-height:630px;*/
}

#conteneurcentre{
	width:85%;
	overflow:visible ; /*auto; */
	background-color: white;/*#FFCC99; */
	font-size: 0.97em;
	/*float:right; */
	/*max-height:1000px;
	min-height:630px;*/
	margin:auto;
}

#conteneursaisiemoy{
	clear:both;
	width:100%;
	overflow: visible; /*auto; */
	background-color: white; /*#7fffd4; /*#66CCFF;*/
	font-size: 0.97em;
	/*max-height:1000px;
	min-height:630px;*/
}
#conteneurtableaurecapitulatif{
	clear:both;
	width:100%;
	overflow:auto;
	/*background-color:#66CCFF;
	font-size: 0.97em;
/*	max-height:1000px;
	min-height:630px; */
}
#contenugaucheetab{
	clear:both;
	width:15%;
	float:left;
	overflow:visible;
	background-color: white; /*#66CCFF; */
	/*max-height:1000px;
	min-height:630px;*/
	color:white;
}
#conteneurclasses
{
width:100%;
/*max-height:970px;
min-height:600px;*/
}

div.titrefenetre {
	text-align:center;
	background-color:white;
	width:100%;color:black; 
	height:25px;
	font-weight:bold;
	margin-top:5px;
    font-size: 1em;
	margin-bottom:5px;
	}
	
@media only screen and (min-width: 600px){
  
  div.titrefenetre {
    text-align:center;
	background-color:white;
	width:100%;color:black; 
	height:25px;
	font-weight:bold;
	margin-top:5px;
	font-size:1.6em;
	margin-bottom:5px
  }
 
}


/* Position Bas de page */
#BasPage {
	clear:both;
	background-image: url(../images/Menu.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 45px;
	color: #FFF;
	text-align: center;
}

BasPageContent{
	padding:8px 8px 8px 3px;
	top: 5px;
	}

/* Gestion du menu Haut Générale */

#Menu {
	height:16px;
	/*margin-left:0px; */
	margin-top:2px;
	margin-bottom:0px;
	float:left;
	display:inline;
	text-align:center;
}

/* menu haut CSS*/

ul#menu1 {
	display: inline;

}

ul {margin:0; 
padding:0;
list-style-image:none
}

ul#menu1 li {
	display: inline-block;
	list-style-type:none;
}


ul#menu1 li.splitted>a {
	padding-right:1.4em;
}

ul#menu1 li.splitted>a:after {
	content : "";
	position:absolute;
	right:0.5em;
	margin-top:0.1em;
	margin-left:5px;
	white-space:normal;
	border-color: transparent transparent transparent #FFC46A;
	border-style:solid;
	border-width:0.4em 0 0.4em 0.4em;
}

ul#menu1 li.splitted:hover>a:after {
	border-color: transparent transparent transparent #fff;
}

ul#menu1 li:hover ul li a,ul#menu1 li ul li:hover ul li a{
	color: black;
	background: white;
	box-shadow: none;
}

ul#menu1 li:hover a,ul#menu1 li ul li:hover a,ul#menu1 li ul li ul li:hover a{
	color: white;
	background: #0000FF;
	/*box-shadow: 0 0.2em 0.5em -0.1em grey inset;*/
}

ul#menu1 li:hover ul{
	display: block;
}

ul#menu1 li:hover ul ul{
	display: none;
}

ul#menu1 li a {
	display: block;
	color: darkblue; /* #FFF; */
	/*background: white;*/
	white-space: pre;
	line-height: 40px; /*1.8em; /*1.8em;*/
	/*padding: 0.1em 0.1em;*/
	padding-top:0px;
	font-weight:bold;
	font-size:1.0em;
	/*border-left: 1px solid #FFC46A;*/
}

ul#menu1>li:last-child>a{
/*	border-right: 1px solid #CE1C7B;*/
}

ul#menu1 li ul{
    padding: 0.1em 0.1em;
	box-shadow: 0 0 0.5em -0.1em black;
	border-radius: 0 0 0.3em 0.3em;
	border-left: 1px solid #FFC46A;
}

ul#menu1 ul {
	position: absolute;
	z-index: 1000;
	display: none;
	text-align:left;
	background: white;
}
ul#menu1 ul li {
	display: block;
}
	ul#menu1 ul li:hover {
	position: relative;
}
	ul#menu1 ul li:hover ul li {
	border: 0;
}
	ul#menu1 ul li:hover ul{
	display: block;
}
ul#menu1 ul li a{
	border: 0;
}

ul#menu1 ul ul {
	display: block;
	left: 100%;
	top: -0.2em;
	border-radius: 0 0.3em 0.3em 0.3em;
}

ul#menu1 ul ul li {
}
ul#menu1 ul ul li a{
}
ul#menu1>li+li+li ul{
}

/* Gestion des disposition du Contenu (page centrale) */

/* ================= Images ================= */
img.alignleft {
	float:left;
	margin:10px 16px 10px 0;
}
img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
img.alignright {
	float:right;
	margin:5px 0px 5px 11px;
}
/* ================= Deviders ================= */
.clear {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.container {
	width:950px;
	margin:0 auto;
}

.col_1_3 {
	width:305px;
	float:left;
	margin:0 15px 0 0;
}
.col_1_3.last {
	margin:0;
}
.content .col_1_3.last {
	margin:0;
}

.features .title {
	padding:8px 8px 8px 3px;
	margin:0 0 10px 0;
	background-color: #33ccff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #006;
}

.features img {
	float:left;
	margin:0 10px 0 0;
}

.features .title h3 {
	font-weight:bold;
	margin:0 0 0 0;
	line-height:20px;
	color:#fff;
}

/* === Clearfix === */
.clear {
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
}

.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
	width:0;
}
* html .clearfix, :first-child+html .clearfix {
	zoom:1;
}
header
{
	border:6px red solid;
	border-radius:10px;
	background-color:white;
}
nav
{
	border:6px blue solid;
	border-radius:10px;
	background-color:white;
}
section
{
 	border:6px yellow solid;
	border-radius:10px;
	background-color:white;
}
aside
{
	border:5px green solid;
	border-radius:10px;
	background-color:white;
}
article
{
	border:5px blue solid;
	border-radius:10px;
	background-color:yellow;
	width:50%;
	margin:5px;
/*	margin-top:5px; */
	display:inline-block;
	vertical-align:middle;
	height:300px;
	overflow:auto;
}
footer
{
	border:5px red solid;
	border-radius:10px;
	background-color:white;
	/*clear:both; */
}
figure
{
	text-align:center;
}
.imageflottantegauche
{
	float:left;
}

.imagecentree
{
	width:100px;
	height:120px;
	text-align:center;
}
.ImageFlottanteDroite
{
	width:100px;
	height:70px;
	float:right;
}
.TexteEnDessousDeImage
{
	clear:both;
}
#CadreFormulaire
{
	width:1200px;
	border:3px;
	border-radius:10px;
	background-color:#00ffff;
}
#contenuhaut{
width:980px;
background-color:#FFCC00; 
}
#contenuslide
{
	border:5px #00007f solid;
/*	border-radius:10px; */
	width:650px;
	background-color:#00007f; 
	float:left;
}
#conteneurtable{
margin: auto;
width: 400px;
background-color:#FF66FF;
}
.PoliceTrim{
		color:white;
		font-size:bold;
}
/* Mise en forme des tableau */
table {
	/*border: 0; /*medium solid #6495ed; */
	border-collapse: collapse;
	width: 100%;
}
th {
	font-family: verdana;
	border: 1;
	font-weight:bold;
/*background-image: url(sky.jpg); */
}
tr :active{ /*qd tu cliques dedans
/*background-color: yellow;
/*font-family: verdana;
border: 1; /*thin solid #6495ed;
/*width: 50%; 
padding: 5px; 
background-color: #D0E3FA; */
/*background-image: url(sky.jpg); */
}

td {/*
font-family: sans-serif;

/*width: 50%; 
padding: 5px;
text-align: center;
background-color: #ffffff; */
height:10px;
}
caption {
font-family: sans-serif;
} 
/*======= Fin mise en forme tableau =============
/*Mise en forme des formulaires et les champs qu'ils contiennent */
form {
/* background-color:#FAFAFA;
 /*padding:3px; */
 width:100%;
 }
fieldset {
 /*padding:0 20px 20px 20px;*/
 margin-bottom:10px;
 border:1px solid #2f4f4f;
 }
legend {
 color:#DF3F3F;
 font-weight:bold
 }
label {
margin-top:10px;
/*display:block;
/*float:left; */
width:150px;
font-weight:bold;
font-family:verdana;
font-size:1em;
}
 /*} */
label.inline {
 display:inline;
 margin-right:50px;
 }
input[type=text], textarea, select, option {
 background-color:#FFF3F3;
 }
input, textarea, select {
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 /*width:200px;*/
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
/* margin-top:10px; */
 }
input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 }
input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 }
input[type=text]:focus, textarea:focus {
 background-color:yellow;
 /*text-align:center;*/
 }
input[type=submit]:focus, input[type=reset]:focus {
 background-color:#FFF3F3;
}
input[type=submit]:hover, input[type=reset]:hover {
 background-color:#FCDEDE;
 }
input[type=submit]:active, input[type=reset]:active {
	background-color:#FCDEDE;
	box-shadow:1px 1px 1px #D83F3D inset;
	width: 100px;
}
#conteneurImportClassesutilisees{
width:50%;
height:150px;
float:left;
text-align:center;
padding-top:3px;
}
#conteneurImportEnseignants{
width:50%;
height:150px;
float:right;
text-align:center;
padding-top:3px;
}
#conteneurImportEleve{
width:50%;
height:150px;
float:left;
text-align:center;
padding-top:0px;
}
#conteneurProfParClasse{
width:50%;
height:150px;
float:right;
text-align:center;
padding-top:0px;
}
#conteneurMoyenne{
/*clear:both;*/
float:left;
width:50%;
height:150px;
float:left;
padding-top:0px;
text-align:center;
}
#conteneurMGT{
width:50%;
height:150px;
float:right;
padding-top:0px;
text-align:center;
}
/*------ AutoComplete css ------------------------------------------------*/
ul#suggestsList{
	margin: 0px;
	padding: 0px;
	border: 1px solid black;
	background-color: #FFFFFF;
	list-style: none;
	font-size: 90%;
}
	ul#suggestsList li{
		border: 1px solid #CFCFCF;
	}
	ul#suggestsList li:hover, ul#suggestsList li#selectedSuggest{
		background-color: #CFCFCF;
	}
		ul#suggestsList li a{
			display: block;
			color: black;
			text-decoration: none;
			cursor: pointer;
		}
/*----------------------------------------------------------------------------------------- */