body {
background:#ccc no-repeat top center;}

div {
    margin-left: auto;
    margin-right: auto;
    }
	


div#conteneur {
    width:1024px;
	background: #e1ffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTFmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTMlIiBzdG9wLWNvbG9yPSIjZTFmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjZTFmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZmRmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTglIiBzdG9wLWNvbG9yPSIjZTZmOGZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjYzhlZWZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjYmVlNGY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IxZDhmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #e1ffff 0%, #e1ffff 13%, #e1ffff 26%, #fdffff 42%, #e6f8fd 58%, #c8eefb 71%, #bee4f8 81%, #b1d8f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e1ffff), color-stop(13%,#e1ffff), color-stop(26%,#e1ffff), color-stop(42%,#fdffff), color-stop(58%,#e6f8fd), color-stop(71%,#c8eefb), color-stop(81%,#bee4f8), color-stop(100%,#b1d8f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #e1ffff 0%,#e1ffff 13%,#e1ffff 26%,#fdffff 42%,#e6f8fd 58%,#c8eefb 71%,#bee4f8 81%,#b1d8f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #e1ffff 0%,#e1ffff 13%,#e1ffff 26%,#fdffff 42%,#e6f8fd 58%,#c8eefb 71%,#bee4f8 81%,#b1d8f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #e1ffff 0%,#e1ffff 13%,#e1ffff 26%,#fdffff 42%,#e6f8fd 58%,#c8eefb 71%,#bee4f8 81%,#b1d8f5 100%); /* IE10+ */
background: linear-gradient(-45deg,  #e1ffff 0%,#e1ffff 13%,#e1ffff 26%,#fdffff 42%,#e6f8fd 58%,#c8eefb 71%,#bee4f8 81%,#b1d8f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

div#menu {
    float:left;
    background-color:white;
    width: 260px;
    }
    
div#contenu {
    background-color:white;
}


div#banda {  
background: #187236; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMTg3MjM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMWJhMzNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjclIiBzdG9wLWNvbG9yPSIjMWJhMzNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjZjRkZGQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZjRkZGQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzMlIiBzdG9wLWNvbG9yPSIjZjRkZGQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZjAyZjE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzglIiBzdG9wLWNvbG9yPSIjZjAyZjE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3MzgyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg, #187236 1%, #1ba33f 25%, #1ba33f 27%, #f4ddd9 28%, #f4ddd9 48%, #f4ddd9 73%, #f02f17 75%, #f02f17 78%, #e73827 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#187236), color-stop(25%,#1ba33f), color-stop(27%,#1ba33f), color-stop(28%,#f4ddd9), color-stop(48%,#f4ddd9), color-stop(73%,#f4ddd9), color-stop(75%,#f02f17), color-stop(78%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #187236 1%,#1ba33f 25%,#1ba33f 27%,#f4ddd9 28%,#f4ddd9 48%,#f4ddd9 73%,#f02f17 75%,#f02f17 78%,#e73827 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #187236 1%,#1ba33f 25%,#1ba33f 27%,#f4ddd9 28%,#f4ddd9 48%,#f4ddd9 73%,#f02f17 75%,#f02f17 78%,#e73827 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #187236 1%,#1ba33f 25%,#1ba33f 27%,#f4ddd9 28%,#f4ddd9 48%,#f4ddd9 73%,#f02f17 75%,#f02f17 78%,#e73827 100%); /* IE10+ */
background: linear-gradient(-45deg, #187236 1%,#1ba33f 25%,#1ba33f 27%,#f4ddd9 28%,#f4ddd9 48%,#f4ddd9 73%,#f02f17 75%,#f02f17 78%,#e73827 100%); /* W3C */

    font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
    font-weight: bold;
    color: #111111;
    font-size: 14.5px;
	margin-left: 5px;
	
}

div#footer {  
    background-color:#d1efef;
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
    font-weight: bold;
    color: black;
    font-size: 12.5px;
	
}


.title {
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	font-weight: bold;
	color: #425210;
	font-size: 43px;	
	margin-top:25px;
	margin-bottom:25px;
	margin-left: 10px;
	text-align: center;
}

.subtitle {
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	font-weight: bold;
	color: #425210;
	font-size: 16px;	
}

.title2 {
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	font-weight: bold;
	text-align: right;
	color: Black;
	font-size: 16px;	
}



.selected {  
background: #d1efef; /* Old browsers */
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
    font-weight: bold;
    color: black;
    font-size: 16px;
	
}

.unselected {  

    width: 240px;
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
    font-size: 16px;
}

.category {  

background: #d1efef; /* Old browsers */
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
    font-weight: bold;
    color: black;
    font-size: 16px;
	margin-left: 20%;
}



div#pied_page {
    clear:both;
    width:600px;
    height:50px;
    background-color:#B8C8CB;
    }


.closedeadlines {
	float:left;
        width: 153px;
	background-color: white;
	color:black;
	font-family:Georgia, Times, Georgia, Times, Tahoma;
	margin:4px;
	font-size: 12px;
	text-align: center;
	border:1px;
	border-style: dashed;
}
 
.pastdeadlines {
	float:left;
        width: 153px;
	background-color:lightgray;
	color:black;
	font-family:Georgia, Times, Georgia, Times, Tahoma;
	margin:4px;
	font-size: 12px;
	text-decoration:line-through;
	text-align: center;
	
}

.opendeadlines {
	float:left;
        width: 153px;
	background-color:#DBDBBD;
	color:black;
	font-family:Georgia, Times, Georgia, Times, Tahoma;
	margin:4px;
	font-size: 12px;
	text-decoration:underline;
	text-align: center;
	border-color:#b0b000;
}

.blankdeadlines {
	float:left;
    width: 153px;
	background-color:white;
}


h1 {
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	color: #404000;
	font-size: 22px;
	margin-top:0px;
	margin-left: 10px;
}

h2 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-family: Futura, Geneva, Candara, Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	color:  #404000;
	font-size: 14px;
}

h3 {
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	color:  #404000;
	font-size: 13px;
	margin:4px;
	text-align: left;
	margin-left: 15%;
}

h4 {
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	color:  #303020;
	font-size: 15.5px;
}

h5 {
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	color:  #303020;
	font-size: 14.5px;
	margin:4px;
	text-align: justify;
	margin-left: 10px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:25px;
	padding-left:25px;
}

h6 {
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	color:  #303020;
	font-size: 13.5px;
	margin:4px;
	margin-left: 10px;
}

h7 {
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	color:  #303020;
	font-size: 15.5px;
	margin-top: 5px;
}

.level1 {
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	margin-top:12px;
}


ul li{
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	font-size: 12.5px;
	list-style-image:url(bullet.png);
	text-align:left;
}

li {
list-style: disc inside;
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	font-size: 13.5px;
	margin-bottom:6px;
	margin-left:35px;}
	

p {
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
 
	margin-bottom:8px;
	margin-top:4px;
	margin-left:8px;
	font-size: 13.5px;
	text-align: left;
}

.list {
	margin: 8px;
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
}

.title-black {
	margin-top: 5px;
	margin-left: 20px;
	margin-right:20px;
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	font-weight: bold;
	color: black;
	font-size: 18px;	
}



.caption {
	font-weight: bold;
	color: black;
	background-color:#B8C8CB;
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	font-size:10pt;
	text-align:center;
}


.caption2 {
	color: black;
	background-color:#B8C8CB;
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	font-size:10pt;
	text-align:center;
}

.roseline {
	color:black;
	background-color: #e9e900;
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	font-size:10pt;
	text-align:center;
}

.whiteline {
	color:black;
	background-color: white;
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	font-size:10pt;
}

.grayline {
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	color:black;
	background-color: lightgray;
	font-size:10pt;
	text-align:center;
}


.autor {
	font-family: Futura, Geneva, Candara, Verdana, Arial, Georgia, Calibri, Times, Tahoma;
	font-weight: bold;
}






a:link {
	color: #aa5210;
	text-decoration: none;
}
a:visited {
	color: #aa5210;
	text-decoration: none;
}
a:hover {
	color: #84ccc2;
	text-decoration: none;	
}

hr {
	background-color:#B8C8CB;
	height:1px;
	border-style:none;
}

.demo-div {
	border:1px solid #B0B000;
	padding:5px;
	margin-top:20px;
}


.main {
	margin-left:0pt;

}