@charset "ISO-8859-1";
body{
	margin-top:0px;
	margin-left:0px;
	background-color:#2989b7;
	font-size:11px;
        color:#FFFFFF;
	font-family: Verdana;
}
a:link, a:visited{
	padding-top:2px;
	color:#000;
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;	
	text-decoration:none;
}
a:hover{
	color:#2989b7;
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;	
	text-decoration:underline;
}
#page{
	text-align:center;
        width:100%;
	height:800px;
}

#home_content table{
    border:1px #003366 solid;
    font-size:12px;
    text-align:center;
    color:#000000;
	background-color: #fff;   
}

#home_content2 table{
    border:1px #003366 solid;
    font-size:12px;
    text-align:center;
    color:#000000;
	background-color: #fff;   
	width: 500px;
}

.input{
    width:200px;
    border:1px #333333 solid;
    margin-bottom: 5px;
}
.button-home{
    border:1px #333333 solid;
    margin-bottom: 5px;
}

.select{
	width:200px;
}

#menu-p{
	margin-top:0px;
	margin-left:-25px;
}
#main{
    vertical-align: center;
    color:#003366;
    float:left;
    background-color: #fef2d2;
    margin:-10px 15px 10px 15px;
    width: 98%;
    height:auto;
}

#logout a{
    float:right;
    margin:3px 28px 0 0;      
    color:#ffffff;
     
}

#accueil-espace-left{
	float:left;
	width: 100%;
	text-align:left;
	padding-left:10px;
	margin-top:10px;
	height:auto;
}


#header-title{
	font-size:13px;
	font-weight:bold;
	color:gold;
	padding-bottom:3px;
}
#header{
    background-color: #ffffff;
    background-image: url('../images/header.jpg');
    background-repeat: no-repeat;
    width:98%;
    height:100px;
    margin-top:0px;    
}

table{
margin-top:10px;
margin-bottom:10px;
}
.input{
	width:200px;
}

#menu2{
padding:5px;
}
.folders-project, .themes-project{
display:none;
}
.textarea{
width:230px;
}

.pagination a{
	font-size:11px;
    color:#2989b7;
	font-family: Verdana;
}

.search td{
	padding-top:2px;
	padding-bottom:0;
	height:12px;
	text-align:center;	
}
.search textarea{
	width:99%;
	text-align:left;
	margin-bottom:2px;
}
.search .button{
	background-color:#ffffff;
	color:#2989b7;
}

.search input{
margin-top:2px;
margin-bottom:1px;
}

#status-members-project{
	text-align:left;
	top:100px;
	font-family:arial;
	font-size:12px;
	background-color:#ffffff;
	padding-left:10px;
	padding-bottom:10px;
	width:400px;
	height:auto;
	margin:10px 30px 10px 30px;
	border:1px solid #f7b753;
}

#autres-fonctionalites{
	float:left;
	text-align:left;
	font-family:arial;
	color:#000000;
	font-size:12px;	
	background-color:#f7b753;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:179px;
	height:auto;
	border-right:1px solid #f7b753;
}
#autres-fonctionalites a{
	padding-top:3px;
	color:#ffffff;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	
}
.msg-menu li{
	float:left;
	padding:3px;
	display:inline-block;
	z-index:0;
}
.msg-menu a{
	font-family:verdana;
	display:block;
	margin-left:-30px;
	
}

.input-msg{
	width:400px;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}


/* Captcha CSS */

.demo-error {
	color:#FF0000;
    font-size: 0.95em;
}

.demo-input {
    width: 105px;
    border-radius: 5px;
    border: #CCC 1px solid;
    padding: 12px;
	margin-top: 5px;
	height: 3px;
}

.demo-btn {

	padding: 12px;
    border-radius: 5px;
    background: #232323;
    border: #284828 1px solid;
    color: #FFF;
    width: 100%;
    cursor: pointer;
	margin-top: 4px;
}

.demo-table {
    border-radius: 3px;
    padding: 10px;
    border: #E0E0E0 1px solid;
}

.demo-success {
    margin-top: 5px;
    color: #478347;
    background: #e2ead1;
    padding: 10px;
    border-radius: 5px;
}

.captcha-input {
	background: #FFF url(../captchaImageSource.php) repeat-y left center;
    padding-left: 85px;
}

/* End Captcha CSS */


/* Stickey csss */

body {
	margin:0;height:2000px;
}

.icon-bar {
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
  }
  
  .icon-bar a {
	display: block;
	text-align: center;
	padding: 16px;
	transition: all 0.3s ease;
	color: white;
	font-size: 20px;
  }
  
  .icon-bar a:hover {
	background-color: #000;
  }
  
  .aide {
	background: rgb(23, 36, 63);
	color: white;
  }
  
  .blog {
	background: rgb(224, 91, 91);
	color: white;
  }
  
  .content {
	margin-left: 75px;
	font-size: 30px;
  }


/* End sticky CSS */

/* Slogan css */

@font-face {
	font-family: myFirstFont;
	src: url(sansation_light.woff);
 }

.myslogan{

	color: white;
	text-shadow: 2px 2px 4px #000000;
	font-size: xx-large;
	/* font-family: myFirstFont; */

  }


/* End Slogan Css */