html {
    padding: 0;
    margin: 0;
    text-align: center;
	overflow: scroll;
}
body {
    padding: 0; 
    margin: 0;
    text-align: center;
    font-size: 12px;
    color: black;
    font-family: Tahoma, Arial, Verdana;
    background: #d2daff url(../images/fondecran_marie_2.jpg);
}
div#center {
    text-align: center; 
    width: 100%; 
    height: 100%; 
}
div#container {
    background: transparent; 
    max-width: 1366px; 
    height: 100%; 
    border: thin solid #dfdfff; 
    position: relative; 
    top: 0px; 
    margin: 0px auto 0px auto;
}
div#leftmenu {
    background-color: #e0e0ff;
    padding: 10px;
    margin: 10px;
    text-align: left;
    width: 150px;
    min-height: 480px;
    line-height: 2em;
    float: left;
}
div#logo {
    background: transparent url(../images/fondecran_marie_1.jpg);
    padding: 0px;
    margin: 0px;
    text-align: left;
    height: 80px;
    line-height: 80px;
}
div#logo img{
    font-size: 8px;
    padding: 0px;
    margin: 0px;
    color: red;
}
div#menu {
    padding: 15px 0 15px 15px;
    margin: 0px;
    background-color: #f0f0ff;
}
div#header {
    padding: 0px;
    margin: 0px;
    text-align: center;
    height: 40px;
    line-height: 57px;
    vertical-align: middle;
    color: #def;
    background: #d2daff url(../images/fondecran_marie_1.jpg);
}
div#leftmenu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
	background-color:transparent;
}
div#leftmenu ul li {
    font-size: 16px
}
div#leftmenu ul li.nonsel :hover{
    background: transparent url(../images/fondecran_tex_1b.jpg);
    color : yellow;
}
div#leftmenu ul li ul{
    margin: 0 0 0 10px;
    padding: 0;
    border-left : solid gray 2px;
}
div#leftmenu ul li ul li{
    margin: 0 0 0 10px;
    color : gray;
    font-size: 12px
}
div#leftmenu ul li ul li:hover{
    background: transparent url(../images/fondecran_tex_1b.jpg);
    color : yellow;
}
div#leftmenu a {
    text-decoration: none;
    display: block;
}
#page_selectionnee {
    text-decoration: underline;
    color: red;
}
#page2_selectionnee {
    text-decoration: none;
    font-weight:700;
    color: blue;
    display: block;
    background: #d2daff url("../images/lienselect.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right center;	
}
div#leftmenu a:hover {
    color : yellow;
    text-decoration: none;
}
div#content {
    padding: 0;
    margin: 0px 10px 20px 205px;
    min-height: 450px;
    text-align: left;
    overflow: hidden;
}
div#footer {
    padding: 0;
    margin: 20px;
    text-align: center;
    overflow: hidden;
    line-height: 1.6em;
    clear: both;
    border-top: 1px solid #555;
}
a {
    color: #00f;
    text-decoration: none;
}
a:hover {
    color: #ff0;
    background: transparent url(../images/fondecran_tex_1b.jpg);
    text-decoration: none;
}
h1 {
    margin-top:0px;
	font-size: 40px
}
h2 {
    color:#008;
	text-decoration: none;
}
input#radio{
color:#CCCCFF;
background-color:#CCCCFF;
font-size:18px;
font-family:arial;
} 

#deuxcolonnes{
	padding:2px;
}
#colonne_calendrier{
	width:246px;
    text-align:center;
    float:left;
}
#colonne_affichages{
    width:850px;
    /*border: 1px #CCCCFF solid;*/
    float:left;
    margin:2px;
}
#dates_retenues {
    min-height: 30px;
}
h3.dateaff {
    font-size:14px;
    background-color:#CCCCFF;
}
.bleu{color:blue;}
.rouge{color:red;}
.vert{color:green;}
.noir{color:black;}
.gris{color:#888888;}
.vert{color:green;}

.marget1{margin-top: 1px;}
.marget9{margin-top: 9px;}

div#ajax_calendrier div{
	margin-top:5px;
	margin-bottom:10px;
    font-size:11px;
}
div#ajout_evenement form input{
    background-color:#CCCCFF;
	text-align:center;
	margin-bottom:10px;
}


label.seyes{color: black;
             padding: 1px; 
             border:2px #CCCCFF outset;}

#affichage1{
    width:48.7%;
    border: 2px red solid;
    float:left;
    margin:2px 0 2px 2px;
    padding:2px;
    text-align:center;
    min-height: 450px;
}
#affichage2{
    width:48.7%;
    border: 2px green solid;
    float:right;
    margin:2px 2px 2px 0;
    padding:2px;
    text-align:center;
    min-height: 450px;
}
#barresoutils{ 
    float: none;
}
.barre{ width:33.3%; min-width:200px;}
.gauche{ float: left; text-align:left; }
.centre{ float: left; text-align:center; }
.droite{ float: left; text-align:right; }

textarea {
  background-color:#ddddff;
  font-family: "Bitstream Vera Sans Mono","courier new",monospace;
  font-size: 11px;
}

.CE {
	background-image: url("../images/editer_ce.png");
	background-repeat: no-repeat;
	background-position: 100% 0pt;
}
.CJ {
	background-image: url("../images/editer_cj.png");
	background-repeat: no-repeat;
	background-position: 100% 0pt;
}

div.nontextarea {
	margin:0px 11px 0px 11px;
	border:1px gray solid;
	min-height:50px;
}
div.nontextarea  pre{
    font-family: "Bitstream Vera Sans Mono","courier new",monospace;
    font-size: 11px;
    margin:0px 0px 0px 1px;
    text-align:left;
    background-color:white;
}
h5 {
  display:inline;
  margin: 1px;
  padding: 0px;
  line-height: .8em;
}
div.lien_pdf{
	position:relative;
	top:20px;
	float:right;
}










.anneesel {color:blue; 
           font-weight:700;
		   background-color:yellow;
		   }
.anneedesel {color:blue; font-weight:700;}

div#annees{
    padding: 10px;
    margin: 0 0 5px 0;
    border: 2px #CCCCFF solid;
}

div#annees span{
    font-weight:700;
    text-decoration: underline;
}

div#sujets{
    padding: 10px 10px 0 10px;
    margin: 0 0 5px 0;
    border: 2px #CCCCFF solid;
}

div#sujets span{
    font-weight:700;
    text-decoration: underline;
}

#sujets ul li{
	display: inline;
	margin : 0 5px 0 0;
}
#sujets ul li:after {
    content: ", ";
}
#sujets ul li.final:after {
    content: ". ";
}
div#details_sujet{
    padding: 10px 10px 10px 10px;
    margin: 0 0 5px 0;
    border: 2px blue solid;
}
div#details_sujet span{
    color: blue;
    font-weight:700;
}
label.session{color: black;
             padding: 1px; 
             border:2px #CCCCFF outset;}

div#exos{
    padding: 10px 10px 0 10px;
    margin: 0 0 5px 0;
    border: 2px #CCCCFF solid;
}
div#exos span{
    font-weight:700;
    text-decoration: underline;
}
#exos ul li{
	display: inline;
	margin : 0 5px 0 0;
}
#exos ul li:after {
    content: ", ";
}
#exos ul li.final:after {
    content: ". ";
}

div#exercicechoisi{
    padding: 10px 10px 10px 10px;
    margin: 0 0 5px 0;
    border: 2px #CCCCFF solid;
}
div#exercicechoisi span{
    font-weight:700;
    text-decoration: underline;
}
div#exerciceaediter{
    padding: 10px 10px 10px 10px;
    margin: 0 0 5px 0;
    border: 2px red solid;
	text-align:center;
}
div#exerciceaediter span{
    font-weight:700;
    text-decoration: underline;
}
div#exerciceaediter textarea{
    font-family: "Bitstream Vera Sans Mono","courier new",monospace;
	font-size: 14px;
}


div#formulaire{
	clear:both;
    text-align: left;
    border: 2px #CCCCFF solid;
    margin: 0px;
    padding: 0px;
	text-align:center;
}

.larg1{width:218px; display: inline-block; border: 1px #8888FF solid; text-align:center;}
.larg2{width:50px; display: inline-block;  border: 1px #8888FF solid; text-align:center;}
.larg3{width:138px;}
input[type=text]{font-size:11px;}
.bkgrbl{background-color:#CCCCFF; height:14px;}

.inlineblock {
    /* Indispensable */
    display: -moz-inline-stack; /* Pour Firefox 1-2 */
    display: inline-block; /* Écrase la valeur précédente si le navigateur comprend inline-block */

    /* Positionnement vertical du bloc */
    vertical-align: middle;

    /* Cosmétique */
    margin: 10px;
    border: solid 1px red;
    padding: 40px;
    background: #eee;
}
.bigbox {
    /* Important pour limiter la largeur des blocs en inline-block ayant un contenu long */
    width: 150px;
}

/* 
UN GRAND TRI A FAIRE DANS CE QUI SUIT
POUR DETERMINER CE QUI ESt UTILE OU  PAS
POUR LE CALENDRIER EN JAVASCRIPT
*/
			.mCalandarMain{
				width:220px;
				height:204px;
				padding-top:3px;
				background-image:url(../images/bgMain.png);
				font-family:Arial;
				font-size:11px;
				font-weight:bold;
				color:#333333;
				position:absolute;
			}
			
			.mCalandarMain .mCalandarheader{
				margin-left:3px;
				margin-right:3px;
				padding:3px;
				width:206px;
				height:23px;
				line-height:21px;
				background-image:url(../images/headerBG.png);
				position:relative;
				color:#ffffff;
				z-index:1000;
			}
			
			.mCalandarMain .mCalandarheader .mInfo{
				position:absolute;
				left:26px;
				right:26px;
				top:4px;
				margin:0px;
				padding:0px;
				text-align:center
			}
			
			.mCalandarMain .mCalandarheader .mInfo li{
				margin:1px;
				list-style:none;
				text-align:center;
				font-size:11px;
				font-weight:bold;
				position:relative;
				z-index:100;
				display:inline
			}
			
			.mCalandarMain .mCalandarheader .mInfo li .liMois{
				
			}
			
			.mCalandarMain .mCalandarheader .mInfo li:hover ul,
			.mCalandarMain .mCalandarheader .mInfo li:hover div,
			.mCalandarMain .mCalandarheader .mInfo a:hover ul{
				display:block;
			}

			.mCalandarMain .mCalandarheader .mInfo li:hover div ul{
				margin:0px;
				padding:0px;
				width:82px;
				height:172px;
				position:absolute;
				top:0px;
				left:0px;
			}
			
			.mCalandarMain .mCalandarheader .mInfo .mois{
				position:absolute;
				z-index:1000;
				display:none;
				top:21px;
				left:0px;
				cursor:pointer;
				width:82px;
				height:172px;
				background:url(../images/bgListe.png) no-repeat;
				margin:0px;
				padding:0px;
			}
			.mCalandarMain .mCalandarheader .mInfo .annee{
				position:absolute;
				z-index:1000;
				display:none;
				top:21px;
				left:0px;
				cursor:pointer;
				width:82px;
				height:172px;
				background:url(../images/bgListe.png) no-repeat;
				overflow:hidden;
			}
			.mCalandarMain .mCalandarheader .mInfo .mois li, .mCalandarMain .mCalandarheader .mInfo .annee ul li{
				clear:both;
				line-height:12px;
				height:12px;
				width:78px;
				margin-left:2px;
				text-align:center;
				display:block 
			}
			
			.mCalandarMain .mCalandarheader .mInfo .mois li:hover, .mCalandarMain .mCalandarheader .mInfo .annee ul li:hover{
				background-color:#333;
			}
			
			
			.mCalandarMain .mCalandarheader .mInfo .annee li .upAnnee{
				background:url(../images/up.png);
				display:block;
				height:11px;
				width:23px;
				margin-left:auto;
				margin-right:auto;
			}
			
			.mCalandarMain .mCalandarheader .mInfo .annee li .downAnnee{
				background:url(../images/down.png);
				display:block;
				height:11px;
				width:23px;
				margin-left:auto;
				margin-right:auto;
			}
			
			.mCalandarMain .mCalandarheader .bef{
				background:url(../images/mBef.png);
				width:22px;
				height:22px;
				display:block;
				float:left;
			}
			
			.mCalandarMain .mCalandarheader .next{
				background:url(../images/mNext.png);
				width:22px;
				height:22px;
				display:block;
				float:right;
			}
			
			.mCalandarMain .corpDiv{
				width:210px;
				height:206px;
				margin:4px;
				position:relative;
				overflow:hidden;
				display:block;
				z-index:100;
			}
			.mCalandarMain .corpDiv .listeJoursUl{
				margin:0px;
				padding:0px;
				display:block;
				width:210px;
				overflow:hidden;
				
			}
			
			.mCalandarMain .corpDiv .listeJoursUl li{
				float:left;
				list-style:none;
				width:30px;
				height:21px;
				line-height:21px;
				margin-bottom:2px;
				background:url(../images/bgDate.png);
				text-align:center;
			}
			
			.mCalandarMain .corpDiv .corpUl{
				margin:0px;
				padding:0px;
				width:210px;
				height:206px;
				position:absolute;
				top : 23px;
				left:0px;
				
			}
			.mCalandarMain .corpDiv .corpUl li{
				float:left;
				list-style:none;
				width:30px;
				height:21px;
				line-height:21px;
				margin-bottom:2px;
				background:url(../images/bgDate.png);
				text-align:center;
				cursor:pointer;
			}
			
			.mCalandarMain .corpDiv .corpUl .mOver{
				background:url(../images/bgDateG.png);
			}
			
			.mCalandarMain .corpDiv .corpUl .dateI{
				background:url(../images/bgDateI.png);
			}
			
			.mCalandarMain .corpDiv .corpUl .dateC{
				background:url(../images/bgDateB.png);
				color:#FFFFFF;
			}
			
			
			.mCalandarMain iframe{
				position:absolute;
				top:0px;
				left:0px;
				z-index:0;
				width:100%;
				height:100%;
				border:0px;
				display:none;
			}
			
			.clear{
				display:block;
				width:100%;
				height:1px;
				border:1px solid yellow;
				clear:both;
			}
/* 
UN GRAND TRI A FAIRE DANS CE QUI PRECEDE
POUR DETERMINER CE QUI ESt UTILE OU  PAS
POUR LE CALENDRIER EN JAVASCRIPT
*/