@CHARSET "UTF-8";

/* Alwyn Regular */
@font-face {
    font-family: 'Alwyn';
    src: url('fonts/ufonts.com_alwyn-webfont.eot');
    src: url('fonts/ufonts.com_alwyn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ufonts.com_alwyn-webfont.woff') format('woff'),
         url('fonts/ufonts.com_alwyn-webfont.ttf') format('truetype'),
         url('fonts/ufonts.com_alwyn-webfont.svg#alwynregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Alwyn Medium */
@font-face {
    font-family: 'Alwyn';
    src: url('fonts/ufonts.com_alwyn_bold-webfont.eot');
    src: url('fonts/ufonts.com_alwyn_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ufonts.com_alwyn_bold-webfont.woff') format('woff'),
         url('fonts/ufonts.com_alwyn_bold-webfont.ttf') format('truetype'),
         url('fonts/ufonts.com_alwyn_bold-webfont.svg#alwynbold') format('svg');
    font-weight: bold;
    font-style: normal;

}


/* Source Sans Pro Regular */
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-regular-webfont.eot');
    src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* Source Sans Pro Bold */
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-bold-webfont.eot');
    src: url('fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: bold;
    font-style: normal;

}

/* Source Sans Pro Italic */
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-it-webfont.eot');
    src: url('fonts/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-it-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-it-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

/* Source Sans Pro Bold Italic */
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-boldit-webfont.eot');
    src: url('fonts/sourcesanspro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-boldit-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-boldit-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-boldit-webfont.svg#source_sans_probold_italic') format('svg');
    font-weight: bold;
    font-style: italic;

}
/*
/* Source Sans Pro Bolder */
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-black-webfont.eot');
    src: url('fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-black-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-black-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
    font-weight: 900;
    font-style: normal;

}

/* Source Sans Pro Bolder Italic */
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-blackit-webfont.eot');
    src: url('fonts/sourcesanspro-blackit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-blackit-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-blackit-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-blackit-webfont.svg#source_sans_problack_italic') format('svg');
    font-weight: 900;
    font-style: italic;

}
*/

html {
	font-size: 1em;
}

body{ 
	
	font-family: "Source Sans Pro", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
	/*font-size:9pt;*/
	font-size:0.9em;
	font-size-adjust:none; 
	font-stretch:normal; 
	font-style:normal;
	font-variant:normal; 
	font-weight:normal; 
	line-height:normal;
	
	background-color: #FFFFFF;
	/*background-color: #9966dd;*/
    margin: 0;
    padding: 0;
}

#colright{
	float: left;
	position: absolute;
	margin-left: 3px;
	width: 180px;
	margin-top: 128px;
	left: 0
}

#allcontent{
	margin: 0px;
	padding: 0px;
}


#banner{
	font-family: "Alwyn", "Source Sans Pro", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
	font-weight: normal;
	/*background-image: url('../img/logo3.jpg');
	background-repeat: no-repeat;
	background-position: top left;*/
	background-color: #e5e5e5;
	//height: 80px;
	width: 100%;
	padding-top: 5px;
	box-shadow:  0px 1px 3px rgba(0, 0, 0, 0.3);
    
}

#topTitle {
	font-size: 1.5em;
	float: left;
	margin-left: 5px;
	margin-bottom: 10px;
}

#topSubTitle {
	font-size: 1.1em;
	margin-top: 6px;
	margin-right: 15px;
	margin-left: 15px;
	
	float: left;
}

#topRight {
	float:right;
	margin: 0px 10px 0px 0px;

}

#slogan{
	margin-left: 200px;
	margin-top: 0px;
	color: #000000;
	//font-weight: bold;
	//font-size: 12pt;
}

.onglet  {
	float:left; 
	padding: 5px 15px; 
	color: #fff;
}

.onglet a {
	text-decoration: none;
}



.onglet a:hover {
	color: #fff;
}

	

/* The title */
div.main, h1.main{
	
	background-color: #9966dd;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	width: 98%;
	margin: 8px;
	padding: 8px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-top: 5px;
	
}


#maincontent{
	position: relative;
	margin-top: 0px;
	padding-top: 0px;
	background-color: #FFF;
	padding-bottom: 10px;
	margin-left: 0px;
	padding-left: 1%;
	width: 99%;
}
#maincontent h1 {
	font-size: 1.1em;
}

#maincontent h2, #maincontent h3,#maincontent h4{
	color: #9966dd;
}

#maincontent h2{
	font-size: 1em;
}

#maincontent h3{
	font-size: 1em;
	text-align: left;
}

#maincontent h4{
	font-size: 1em;
}

#footer{
	color: white;
	text-align: center;
	font-weight: bold;
	background-color: #9966dd;
	margin-left: -8px;
	margin-bottom: -10px;
	padding-bottom: 12px;
	padding-top: 4px;
}

#footer a{
	color: white;
}

#footer a:hover{
	background:none;
	color: white;
}

// Définition des couleurs de texte

.colortext {
	color: #9966dd;
	text-decoration: underline;
}

img{
	border: none;
}

a{
	//color: #9966dd;
	color: #000;
	font-stretch: semi-expanded;
	text-decoration: underline;
	//font-weight: bold;
}

a:visited{
}

a:hover{
	color: #9966dd;
	text-decoration: underline;
	
}


input[type=text],input[type=password],input[type=listbox],textarea,select{
	border: 1px solid #9966dd;
	margin: 1px;
	font-size: 9pt;
}

input[type=text]:focus,input[type=password]:focus,input[type=listbox]:focus,input[type=select]:focus{
	//background-color: #ccbbee;
	color: #000000;
}

input[type=text]:hover,input[type=password]:hover,input[type=listbox]:hover,input[type=select]:hover{
	//background-color: #ccbbee;
	color: #000000;
	border: 1px solid #9966dd;
}

.rtabs li{
	display:inline;
	padding: 10px;
	border: 1px solid #9966dd;
}
.rtabs {
	padding:0;
	margin: 10 0 10 0;
	list-style-type:none;
}

.rtab {
	background-color: #CCCCCC;
}

.rtab_selected {
	background-color: #FFFFFF;
}

h2 {
	width: 98%;
}



.tip {
	color: #000;
	width: auto;
	z-index: 13000;
	border: 1px solid  #9966dd;
}
 
.tip-title {
	//font-weight: bold;
	font-size: 0.9em;
	margin: 0;
	color: #FFFFFF;
	padding: 8px 8px 4px;
	background: #9966dd;
	border-bottom: #9966dd;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #ffffff;
}

/* Box liste de choix */
.liste_choix {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #ccbbee; 
	/*border-top: 1px solid #9966dd;
	border-bottom: 1px solid #9966dd;
	border-left: 1px solid #9966dd;
	border-right: 1px solid #9966dd;
	*/
	//box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3); 
	box-shadow:  0px 1px 3px rgba(0, 0, 0, 0.3);
	text-align: center; 
	width:350px; 
	padding:5px; 
	margin: auto;
	/*
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
	*/
}

.liste_choix_question {
	padding: 5px;
}

.liste_choix_liste {
	
	padding: 5px;
}

.liste_choix_valid {

	padding: 5px;
}

.mlddm
{	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 25px;
	
	background-color: #FFFFFF}

	.mlddm li
	{	display: inline;
		
		float: left;
		list-style: none;
		margin: 0;
		padding: 0}
	
	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		margin: 0 25px 0 0px;
		padding: 4px;
		/*font: bold 13px arial;*/
		text-align: center;
		text-decoration: none;
		
		white-space: nowrap;
		color: #000;
		background-color: #ffffff;
		}

	.mlddm li a:hover, .mlddm li a#buttonhover
	{
        /* color: ; */
	}

		.mlddm ul
		{	z-index: 100;
			position: absolute;
			visibility: hidden;
			margin: 2px 0 0 0;
			padding: 0;
			border-width:4px 1px 1px 1px;
			border-style:solid;
			border-color:#9966dd;
			border-collapse:collapse;
			}

			.mlddm ul li
			{	float: none}

			.mlddm ul li a
			{	display: block;
				width: auto;
				margin: 0px;
				padding: 3px 17px 3px 13px;
				//font-weight: bold;
				text-align: left;
				text-transform: none;
				color:#000;
				
				border-width: 0}

.mlddm .hsub
	{	background: #ffffff no-repeat right url('https://extranet.dsden91.ac-versailles.fr/extranet91/themes/default/img/arroww.gif')}

	.mlddm ul li .hsub
	{	background: #ffffff no-repeat right url('https://extranet.dsden91.ac-versailles.fr/extranet91/themes/default/img/arrow.gif')}

.mlddm .hsub:hover
	{	background: #ffffff no-repeat right url('https://extranet.dsden91.ac-versailles.fr/extranet91/themes/default/img/arroww.gif')}

	.mlddm ul li .hsub:hover
	{	background: #ffffff no-repeat right url('https://extranet.dsden91.ac-versailles.fr/extranet91/themes/default/img/arrow.gif')}

.mlddm ul
{	position:absolute;
	z-index: 10; /* any value */}
.mlddm ul iframe
{	display: none; /* for IE5*/
	display/**/:block; /* for IE5*/
	position:absolute; /* must have */
	top: -1px; /* must have (minus border width)*/
	left: -1px; /* must have (minus border width)*/
	z-index: -1; /* must have */
	filter: mask(); /* must have */
}

// Ajout pour Module Sécurité

.nbr {
	border-right: hidden;
}
.MultiSelect {

	width: 400px;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	display: block;
	position: relative;
}
.MultiSelect .monitor {
	background: url("../img/tools/monitor-left.png") top left no-repeat;
	width: 99%;
	line-height: 18px;
	padding: 0 0 0 4px;
	margin: 0;
	overflow: hidden;
}
.MultiSelect .monitor div {
	background: url("../img/tools/monitor-right.png") top right no-repeat;
	padding: 0 18px 0 0;
}
.MultiSelect .monitor div div {
	background: url("../img/tools/monitor-center.png") top left repeat-x;
	padding: 1px 0 0 0;
	margin: 0;
}
.MultiSelect .monitor.active { background: url("../img/tools/monitor-left-active.png") top left no-repeat; }
.MultiSelect .monitor.active div { background: url("../img/tools/monitor-right-active.png") top right no-repeat; }
.MultiSelect .monitor.active div div { background: url("../img/tools/monitor-center-active.png") top right repeat-x; }

.MultiSelect ul {
	position: absolute;
	z-index: 1000;
	top: 18px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 99%;
	max-height: 230px;
	overflow: hidden;
	list-style: none;
	background-color: #FFF;
	border-top: 1px solid #ccc;
	border-left: 3px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	_height: 230px; /* IE */
}
.MultiSelect ul li {
	padding: 0px 3px;
}
.MultiSelect ul li.hover,
.MultiSelect ul li.selected.hover {
	background-color: #9966dd;
	color: white;
}
.MultiSelect ul li.selected {
	background-color: #ccbbee;
	color: white;
}


.ma-container{
    color: #000;
    border: 1px solid #333;
    background-color: #fff;
    position: absolute;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
}
.ma-container ul{
   position: absolute;
	z-index: 1000;
	
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	max-height: 230px;
	overflow: hidden;
	list-style: none;
	background-color: #FFF;

	_height: 230px; /* IE */
}
.ma-container li{
    padding: 2px 5px;
    line-height: 16px;
    cursor: pointer;
    float: left;
    width: 100%;
    overflow: hidden;
}
.ma-container .ma-hover{
    background-color: #ccbbee !important;
}
.ma-container .ma-odd{
}
.ma-container .ma-even{
    background-color: #efefef;
}
.ma-loading{
    
}
.ma-selected{
  
}



/* Ajout pour agenda partagé */

#bandeau_navigation {
	margin: 0px;
	margin-right: 10px;
	padding: 5px;
	background-color: #eee;
	text-align: center;
	text-transform: uppercase;
	//font-weight: bold;
}
#mois {
	margin: 0px;
	margin-right: 10px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #eee;
}

.jour {
	margin: 1px;
	padding: 2px;
	background-color: #fff;
}

.date {
	float: left;
	font-weight: bold;
	width: 100px;
	height: 19px;
	padding: 3px;
	background-color: #eee;
}

.contenu_jour {
	float: left;
	/*width: 25%;*/
	margin-left: 2px;
	padding: 3px;
	background-color: #eee;
}

.clear {
	clear: both;
}

/* Ajout pour mise en forme des formulaire */

.input_nombre {
	width: 30px;
	text-align: center;
	}

.center100px {
	width: 100px;
	margin:0 auto;
	}
	
.boxtextarea {
	border: 1px solid #9966dd;
	margin: auto 5px 5px 5px;
	padding: 5px;
	}
	
.input_heure {
	text-align: right;
	}

/* Tableau organisation de la semaine 'edt' */

/* centrage des totaux */
.centre_gras {
	text-align: center;
}

/* Heures calculées */
input.edt_sans_bordure, input.edt_sans_bordure:hover {
	border: hidden;
	border: 0;
	text-align: right;
	background-color: transparent;
	width: 17px;
	margin: 0px;
	padding: 0px;
	}
	
/* Tableau pour edt */
.EdtVerticalTable {
   margin-left: 5px;
   width: 98%;
   border:1px solid #9966dd;
   border-collapse:collapse;
}

.EdtVerticalTable th {
   text-align: center;
   background-color: #ccbbee;
   color: #000; // #69696b;
   border: 1px solid #9966dd;
   font-weight: normal;
}
.EdtVerticalTable td {
    border: 1px solid #9966dd;
	text-align: center;
}

td.total_demi_journee {
	width: 50px;
}

/* Synthèse sur 3 ans */
.SyntheseTable {
	margin-left: 5px;
	width: 98%;
	border: 1px solid #9966dd;
	border-collapse: collapse;
	page-break-inside: avoid;
	}

.SyntheseTable th {
	text-align: center;
	background-color: #ccbbee;
	border: 1px solid #9966dd;
	color: #000;
	padding: 3px;
	}

.SyntheseTable td {
	border: 1px solid #9966dd;
	font-weight: normal;
	text-align: left;
	padding: 3px;
	}
	
/* Suivi de l'activité*/

.axe1 {	
	background-color: rgba(187,221,255,0.5);
	}
	
.axe2 {
	background-color: rgba(255,221,170,0.5);
	}
	
.axe3 {
	background-color: rgba(204,238,204,0.5);
	}
	
.axe4 {
	background-color: rgba(238,170,170,0.7);
	}	


.axe1_old {	
	background: -moz-linear-gradient(top, rgba(99,145,188,1) 0%, rgba(255,255,255,0.34) 62%); /* FF3.6+ */;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,145,188,1)), color-stop(62%,rgba(255,255,255,0.34))); /* Chrome,Safari4+ */;
	background: -webkit-linear-gradient(top, rgba(99,145,188,1) 0%,rgba(255,255,255,0.34) 62%); /* Chrome10+,Safari5.1+ */;
	background: -o-linear-gradient(top, rgba(99,145,188,1) 0%,rgba(255,255,255,0.34) 62%); /* Opera 11.10+ */;
	background: -ms-linear-gradient(top, rgba(99,145,188,1) 0%,rgba(255,255,255,0.34) 62%); /* IE10+ */;
	background: linear-gradient(to bottom, rgba(99,145,188,1) 0%,rgba(255,255,255,0.34) 62%); /* W3C */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6699bb', endColorstr='#57ffffff',GradientType=0 ); /* IE6-9 */;
	}

.axe2_old {
	background: -moz-linear-gradient(top, rgba(251,194,129,1) 0%, rgba(255,255,255,0.34) 62%); /* FF3.6+ */;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,194,129,1)), color-stop(62%,rgba(255,255,255,0.34))); /* Chrome,Safari4+ */;
	background: -webkit-linear-gradient(top, rgba(251,194,129,1) 0%,rgba(255,255,255,0.34) 62%); /* Chrome10+,Safari5.1+ */;
	background: -o-linear-gradient(top, rgba(251,194,129,1) 0%,rgba(255,255,255,0.34) 62%); /* Opera 11.10+ */;
	background: -ms-linear-gradient(top, rgba(251,194,129,1) 0%,rgba(255,255,255,0.34) 62%); /* IE10+ */;
	background: linear-gradient(to bottom, rgba(251,194,129,1) 0%,rgba(255,255,255,0.34) 62%); /* W3C */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb88', endColorstr='#57ffffff',GradientType=0 ); /* IE6-9 */;
	}
	
.axe3_old {
	background: -moz-linear-gradient(top, rgba(129,204,136,1) 0%, rgba(255,255,255,0.34) 62%); /* FF3.6+ */;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(129,204,136,1)), color-stop(62%,rgba(255,255,255,0.34))); /* Chrome,Safari4+ */;
	background: -webkit-linear-gradient(top, rgba(129,204,136,1) 0%,rgba(255,255,255,0.34) 62%); /* Chrome10+,Safari5.1+ */;
	background: -o-linear-gradient(top, rgba(129,204,136,1) 0%,rgba(255,255,255,0.34) 62%); /* Opera 11.10+ */;
	background: -ms-linear-gradient(top, rgba(129,204,136,1) 0%,rgba(255,255,255,0.34) 62%); /* IE10+ */;
	background: linear-gradient(to bottom, rgba(129,204,136,1) 0%,rgba(255,255,255,0.34) 62%); /* W3C */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88cc88', endColorstr='#57ffffff',GradientType=0 ); /* IE6-9 */;
	}
	
.axe4_old {
	background: -moz-linear-gradient(top, rgba(241,105,115,1) 0%, rgba(255,255,255,0.34) 62%); /* FF3.6+ */;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,105,115,1)), color-stop(62%,rgba(255,255,255,0.34))); /* Chrome,Safari4+ */;
	background: -webkit-linear-gradient(top, rgba(241,105,115,1) 0%,rgba(255,255,255,0.34) 62%); /* Chrome10+,Safari5.1+ */;
	background: -o-linear-gradient(top, rgba(241,105,115,1) 0%,rgba(255,255,255,0.34) 62%); /* Opera 11.10+ */;
	background: -ms-linear-gradient(top, rgba(241,105,115,1) 0%,rgba(255,255,255,0.34) 62%); /* IE10+ */;
	background: linear-gradient(to bottom, rgba(241,105,115,1) 0%,rgba(255,255,255,0.34) 62%); /* W3C */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6677', endColorstr='#57ffffff',GradientType=0 ); /* IE6-9 */;
	}	



.textecentre {
	text-align: center;
	}
	
/* Ajout module Sureté-Sécurité */

.secu_left {
	float: left;
	width: 48%;
	margin: 0px 8px;
	
	}
	
.secu_tb_cadre_exercices {
	
	//border: 1px #000 solid;
	margin: 3px;
	}

.secu_tb_annee {
	float: left;
	width: 20%;
	color: #9966dd;
	font-weight: bold;
	text-align: right;
	margin-right: 10px;
	}
.secu_tb_statut_exercice {
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px rgb(255,102,102) solid;
	background-color: rgb(255,102,102);
	padding: 2px 5px;
	margin: 2px 5px;
	}
	
.secu_tb_statut_exercice a {
	text-decoration: none;
	}

.secu_tb_statut_exercice a {
	text-decoration: none;
	color: #000;
	}
		
	
.secu_tb_statut_exercice div:hover {
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px #000 solid;
	color: #000;
	}
	
.secu_exercice_ok {
	background-color: rgba(204,238,204,0.5);
	background-color: rgb(153,255,153);
	border: 1px rgb(153,255,153) solid;
	}

.triangle {
	float: left;
	width: 0; 
	height: 0; 
	border: 10px solid #9966dd; 
	border-top-color: transparent; 
	border-right-color: transparent; 
	border-bottom-color: transparent; 
	}
	
.legende {
	width:40%; 
	margin: 10px; 
	font-size: 0.8em;
}

/* Tableau de service : MAT */

.matEdit {
	//background-color: #cecece;
	//border : 1px #cecece solid;
	width: 50%;
	margin-left:auto;
	margin-right: auto;
	}
.matCadre   {
	width: 100%;
	//background-color: #cecece;
	//margin: 5px 0px;
	
	}

.matLabel {
	float: left;
	width: 20%;
	padding: 10px;
	background-color: #9966dd;
	}
	
.matData {
	float:left;
	width: 67%;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	
	background-color: #ccbbee;
	}
.matCadre hr {
	clear:both;
	visibility: hidden;
	}
	
.matData div {
	float: left;


	}
	
.matDataQuart {
	float:left;
	width: 17%;
	padding-top: 10px;
	text-align: center;
	padding-bottom: 10px;
	background-color: #ccbbee;
	border-right: 2px #fff solid;
}
.coche{
	padding:0px;
	
	
}
.coche div {

	padding: 10px;
	}
.matCoche {
	
	border-right : 2px #fff solid;
	//margin: 0px 5px;
	}

.bouton3d {
cursor: pointer;
	float:left;
	 width: 200px;
     height: 23px;
     padding-top: 7px; /*permet le centrage vertical*/
     text-align: center;
     color: #fff;
     background: #9966dd;
     /*background: -webkit-linear-gradient( #ccbbee, #9966dd);
     background:    -moz-linear-gradient( #ccbbee, #9966dd);
     background:     -ms-linear-gradient( #ccbbee, #9966dd);
     background:      -o-linear-gradient( #ccbbee, #9966dd);
     background:         linear-gradient( #ccbbee, #9966dd);*/
     -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
     box-shadow: 0 0 3px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
                  }
.bouton3d:hover{
     color: #fff;
     background: #ccbbee;
     background: -webkit-linear-gradient( #ccbbee, #9966dd);
     background:    -moz-linear-gradient( #ccbbee, #9966dd);
     background:     -ms-linear-gradient( #ccbbee, #9966dd);
     background:      -o-linear-gradient( #ccbbee, #9966dd);
     background:         linear-gradient( #ccbbee, #9966dd);
}
.bouton3d:active{
     color: #fff;
     background: #444;
     background: -webkit-linear-gradient( #ccbbee, #9966dd);
     background:    -moz-linear-gradient( #ccbbee, #9966dd);
     background:     -ms-linear-gradient( #ccbbee, #9966dd);
     background:      -o-linear-gradient( #ccbbee, #9966dd);
     background:         linear-gradient( #ccbbee, #9966dd);
     box-shadow: 1px 1px 5px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}

.flat {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #ccbbee;
	padding: 5px 15px; 
	-webkit-box-shadow:  0px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:  0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow:  0px 2px 2px rgba(0, 0, 0, 0.3);
	}

.ombre {
	-webkit-box-shadow:  0px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:  0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow:  0px 2px 2px rgba(0, 0, 0, 0.3);
	}	
	
.animIcone a{display:inline-block;}
.animIcone a:hover{
-webkit-animation: tada 1s;
   -moz-animation: tada 1s;
    -ms-animation: tada 1s;
     -o-animation: tada 1s;
        animation: tada 1s;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.8) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.8) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}
@-ms-keyframes tada {
	0% {-ms-transform: scale(1);}	
	10%, 20% {-ms-transform: scale(0.8) rotate(-3deg);}
	30%, 50%, 70%, 90% {-ms-transform: scale(1) rotate(3deg);}
	40%, 60%, 80% {-ms-transform: scale(1) rotate(-3deg);}
	100% {-ms-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.8) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.8) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}
	
	
.warning {
	color: red;
	text-shadow: 0px 0px 9px red;
}

.simpleTable {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	}

.simpleTable tr, td, th {
	//border: 1px solid #9966dd;
	border: 4px solid none;
	border-collapse: collapse;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	}
	
.simpleTable th {
	background-color: #ccbbee;
	}
	
.noborder {
	border: 1px solid #fff;
	}

.rythmes_coche_projets {
	margin : 0px 0px 5px 0px;
	padding: 5px;
	background-color: #f0f0f0;
	width: 98%;
	}

.rythmes_coche_projets div {
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
.msg_alert {
	border: 1px solid red;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	color: red;
	text-align: center;
}
	
.titre_orga{
	font-size: 1.2em;
	text-align:center;
}

.center800px {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #eee;
	padding: 10px;
	
}

.bloc2 {
-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #ccbbee;
	padding: 5px 15px; 
	-webkit-box-shadow:  0px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:  0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow:  0px 2px 2px rgba(0, 0, 0, 0.3);
	margin-bottom: 5px;
	margin-right: 10px;
}
.content-phases {
	float:left;
	width: 38%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
	/*background-color: rgb(216, 237, 249);//#ccbbee;*/
	padding: 15px 15px; 
	-webkit-box-shadow:  0px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:  0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow:  0px 2px 2px rgba(0, 0, 0, 0.3);
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 15px;
	text-align: center;
}
.space-v {
	width: 5%;
	float: left;
}

.space-h {
	width: 33%;
	float: left;
}

.text-left {
	margin-top: 5px;
	text-align: justify;
}

/* Page d'accueil pe2 */

#conteneur {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	}
	
#left {
	width: 375px;
	float: left;
}

#right {
	width: 375px;
	float: right;
}

.bloc-accueil {
	background-color: #fff;
	border: 1px solid #cfcfcf;
	padding: 10px;
	margin: 10px;
	-moz-box-shadow: 3px 3px 3px 0px #cfcfcf;
	-webkit-box-shadow: 3px 3px 3px 0px #cfcfcf;
	-o-box-shadow: 3px 3px 3px 0px #cfcfcf;
	box-shadow: 3px 3px 3px 0px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=3);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.message-accueil {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #aa2211;
	font-size: 1.1em;
}
.bloc-accueil h3 {
	margin-top: 0px;
}

.calendrier-pe3 {
	width: 60%;
}

.calendrier-date {
	background-color: #cc3333;
	border-radius: 4px 4px 0 0 ;
	border-left: 1px solid #cc3333;
	border-right: 1px solid #cc3333;
	border-top: 1px solid #cc3333;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 5px;
}

.calendrier-item {
	background-color: #fff;
	margin: 0px 10px 10px 0px;
	padding: 5px;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
	//text-indent: -15px;
}


/* Nouveau style de menu */
.menu_ul ul {
	display: none;
	
}

.menu_ul li {
	display: block;
	float:left;
	list_decoration: none;
	
}
.menu_ul li:hover a{
	display: block;
	
}
.menu_ul li a {
	color: #000;
	display: block;
	height: 23px;
	padding: 3px 15px 0 10px;
	text-decoration: none;
	//text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

/* Bandeau pour message d'information */
.bandeau-message {
    display: inline-block;
    width: auto;
    padding: 3px;
    border-radius: 3px;
    background: #ddd;
}

.texte__noir {
    color: #000000 !important;
}

.texte__blanc {
    color: #ffffff !important;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius:4px;
    padding: 10px;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-radius:4px;
    padding: 10px;
}

.comap-cmp--etat {
    font-weight: bold;
}