/*
 * CSS Document
 * By Eric Vermilliere
 */
*{
	margin:0px;
	padding:0px;
}

body {
	font: normal 80% "Trebuchet MS", Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
	color:#000;
	background-color:#FFF;
	/*background:url('../images/background.png');*/
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
}
#page {
	background-color:#FFF;
	border:solid 1px #0060bf;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
	margin:10px;
	/*max-width:1290px;  je fixe une largeur maximum pour les grandes résolutions */
}
#header {
	height:110px;
	background:url('../images/bg_header.gif');
	background-color:#1F99F8;
	background-repeat:repeat-x;
}
#logo {
	float:left;
}
#logo a {
	height:110px;
	display:block;
}
#logo img {
	border:0;
}
#footer {
	height:50px;
	line-height:50px;
	text-align:right;
	clear:both;
	color:#FFF;
	padding-right:10px;
	background:url('../images/bg_footer.gif');
	background-repeat:repeat-x;
	border-top:solid 1px #0b458a;
}
#contenuText {
	background-color:#EEE;
	padding:10px;
	margin-left:10px;
	width:75%;
	float:left;
	border:solid 1px #999999;
	margin-bottom:40px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	min-height:450px;
}
/************ Liens au dessus du footer ************/
#links {
	width:100%;	
	height:23px;
	clear:both;
	background:url('../images/link.gif');
	background-repeat:repeat-x;
	border-top:solid 1px #999;
	font-size:12px;
}
#links ul {
	padding-top:3px;
	margin-left:10px;
}
#links ul li{
	display:inline;
}
.separateurLiens {
	margin-left:2px;
	margin-right:2px;
}
#links a{
	text-decoration:none;
	color:#333;
}
#links a:hover{
	text-decoration:underline;
	color:#004C9F;
}

#connection {
	float:right;
	width:500px;
}
#banniere {
	float:right;
	height:50px;
	width:500px;
}
#banniere img{
	float:right;
	margin-right:10px;
}
#accessibilite {
	float:left;
	color:#FFF;
	font-size:11px;
	margin-bottom:10px;
	margin-top:2px;
	margin-left:20px;
}
#accessibilite span{
	float:left;
}
#accessibilite a{
	text-decoration:none;
	color:#FFF;
	width:20px;
	height:16px;
	line-height:16px;
	float:left;
	margin-left:4px;
	text-align:center;
	border:solid 1px #FFF;
	display:block;
	background-color:#000;
}
#accessibilite a:hover{
	border:solid 1px #FFF;
	color:#000;
	background-color:#FFE900;
}
#langues {
	float:right;
	margin-bottom:3px;
	color:#FFF;
	font-size:11px;
	height:16px;
	line-height:16px;
	text-align:right;
	width:490px;
	padding-right:10px;
}
#drapeauFr {
	margin-right:4px;
}
#logout {
	float:right;
	color:#FFF;
	width:500px;
	height:36px;
}
.identifiant {
	float:left;	
	width:130px;
	height:20px;
	background:url('../images/bg_login.png') left top no-repeat;
	color: #302721;	
}
#labelLogin {
	float:left;
	margin-right:4px;
	width:71px;
	text-align:right;
}
#labelPassword {
	float:left;
	margin-left:10px;
	margin-right:4px;
	width:86px;
	text-align:right;
}
#btnOk {
	float:left;
	height:20px;
	width:50px;
	margin-left:5px;
	background:url('../images/ok.png');
	background-repeat:no-repeat;
}
#btnOk:hover {
	background:url('../images/ok_hover.png');
	background-repeat:no-repeat;
}
#perteMdp {
	font-size:0.8em;
	color:#FFF;
	margin-right:86px;
	float:right;
	margin-top:2px;
}
#perteMdp img{
	float:left;
	margin-top:1px;
	margin-right:6px;
}
#perteMdp a{
	text-decoration:none;
	color:#FFF;
}
#perteMdp a:hover{
	text-decoration:underline;
}
.inputLogin {
	border: 0;
	padding: 2px;
	height: 17px;
	width: 126px;
	background-color: transparent;
}

/* BARRE GRISE SOUS HEADER */
#barreHeader {
	height:30px;
	line-height:30px;
	background:url('../images/bg_barre_profil.gif');
	background-repeat:repeat-x;
}
#enregistrer {
	float:right;
	margin-right:10px;
	color:#000;
	text-decoration:underline;
}

/* Menu Onglet - espace client/ developpeur */
#espaceOnglet {
	height:34px;
}
#ongletDev {
	background:url('../images/onglet_actif.png');
	width:174px;
	height:34px;
	line-height:34px;
	text-align:center;
	display:block;
	margin-left:10px;
	float:left;
	font-size:1.2em;
	text-decoration:none;
	color:#FFF;
}
#ongletClient {
	background:url('../images/onglet_espace.png');
	width:174px;
	height:34px;
	line-height:34px;
	text-align:center;
	display:block;
	font-size:1.2em;
	margin-left:10px;
	float:left;
	text-decoration:none;
	color:#FFF;
}
#ongletClient:hover {
	background:url('../images/onglet_hover.png');
	color:#8F5B00;
}

#statistiques {
	float:right;
	line-height:34px;
	margin-right:10px;
	color:#1054a7;
}
#online {
	color:#65ab00;
	font-weight:bold;
}
#offline {
	color:#FF3300;
	font-weight:bold;
}

#container {
	min-height:340px;
	padding:10px;
}
#colonneGauche {
	width:20%;
	float:left;
}
#colonneGauche ul {
	margin-bottom:20px;
	border:solid 1px #868686;
	background-color:#ebebeb;
}
#colonneGauche ul li {
	line-height:24px;
	list-style:none;
}
#colonneGauche ul li a{
	text-decoration:none;
	color:#000;
	background:url('../images/menu_gauche.gif');
	background-repeat:repeat-x;
	height:24px;
	display:block;
}
#colonneGauche ul li a:hover{
	background-image:url('../images/menu_gauche_hover.gif');
	color:#FFF;
}
.iconeMenuGauche {
	float:left;
	margin-top:4px;
	margin-left:8px;
	margin-right:10px;
	border:0;
}
#partenaires {
	text-align:center;
	width:100%;
}
#partenaires p{
	text-align:center;
	margin-bottom:10px;
	font-style:italic;
}
#partenaires img {
	margin-bottom:20px;
	border:solid 1px #000;
	display:block;
}
#content {
	float:left;
	width:58%;
	margin-left:8px;
}
.article {
	border:solid 1px #1f77cf;
	margin-bottom:20px;
	min-height:100px;
}
.article  h1{
	color:#FFF;
	background:url('../images/bg_titre_article.gif');
	background-repeat:repeat-x;
	height:31px;
	line-height:31px;
	padding-left:10px;
	font-size:1.4em;
	border-bottom:solid 1px #00407F;
}
.article  .contenuArticle {
	color:#555555;
	padding:10px;
}
.article  .contenuArticle p{
	text-align:justify;
	margin-bottom:10px;
}
.lire {
	text-align:right;
	text-decoration:none;
	height:15px;
	display:block;
	padding-right:10px;
	color:#0061ad;
	font-size:1.1em;
	clear:both;	
}
.lire img{
	vertical-align:middle;
	margin-bottom:2px;
}


/* ACTUALITES */
#colonneDroite {
	background-color:#ebebeb;
	width:20%;
	float:right;
	border:solid 1px #868686;
	margin-bottom:20px;
}
#colonneDroite #titreActu{
	font-size:1.4em;
	color:#555;
	margin-left:6px;
	margin-top:4px;
	margin-bottom:4px;
}
#separateurTitre {	
	background:url('../images/separateurActu.gif');
	background-repeat:repeat-x;
	height:2px;
	width:100%;
	margin-bottom:5px;
}
#colonneDroite ul {
	margin-left:14px;
	padding:4px;
}
#colonneDroite ul li{
	list-style-position:outside;
	list-style-type:square;
	color:#0061ad;
	margin-bottom:8px;
}
.lienActu {
	text-decoration:none;
	color:#555555;
}
.lienActu:hover{
	text-decoration:underline;
	color:#0061ad;
}
.dateActu {
	font-weight:bold;
	font-size:10px;
}
/* GENERAL */
.noBorder {
	border:0;
}
.hrEnd {
	clear: both;
	visibility:hidden;
}
/************ Liens au dessus du footer ************/
#links {
	width:100%;	
	height:23px;
	clear:both;
	background:url('../images/link.gif');
	background-repeat:repeat-x;
	border-top:solid 1px #757575;
}
#links ul {
	padding-top:4px;
	margin-left:10px;
}
#links ul li{
	display:inline;
}
.separateurLiens {
	margin-left:3px;
}
#links a{
	text-decoration:none;
	color:#000;
}
#links a:hover{
	text-decoration:underline;
	color:#004C9F;
}
/*////////////// Liens au dessus du footer //////////////*/

/************ GLOBAL ************/
.hrEnd {
	clear: both;
	visibility:hidden;
}
.noBorder img{
	 border:none;
}
.flecheBas {
	position:relative;
	top:5px;
} 
.asterix {
	color:red;
}
#obligatoire {
	color:red;
	font-size:10px;
}
.titreBlanc {
	color:#FFF;
	text-align:center;
	font-size:18px;
	margin-bottom:10px;
	border-bottom:solid 1px #FFF;
}
h1 {
	color:#666;
	text-align:left;
	font-size:18px;
	margin-bottom:10px;
	border-bottom:solid 1px #999;
}
h2 {
	color:#666;
	text-align:left;
	font-size:16px;
	margin-bottom:10px;
	border-bottom:solid 1px #999;
}
.listeStandard {
	float:left;
	width:100%;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
}
.listeStandard li{
	line-height:20px;
	padding:0px 0 3px 20px;
	margin:0;
	list-style-type:none;
	background:url(../images/puce.png) left 3px no-repeat;
}
.listeStandard li a{
	width:100%;	
}
.lienFaascape {
	color:#005F9F;
	text-decoration:none;	
}
.lienFaascape:hover {
	text-decoration:underline;
}
.separateurHome {
	width:100%;
	margin-bottom:20px;
	margin-top:20px;
	border:solid 1px #FFF;
	float:left;
	visibility:hidden;
}
.titreGris {
	color:#666;
	text-align:left;
	font-size:18px;
	margin-bottom:10px;
	border-bottom:solid 1px #999;
}
#titreQuestionnaire {
	color:#1F7DD6;
	text-align:left;
	font-size:20px;
	margin-bottom:10px;
	border-bottom:solid 1px #999;
}
.titreGris2 {
	color:#666;
	text-align:center;
	font-size:18px;
	margin-bottom:10px;
	border-bottom:solid 1px #999;
}
#titreGris2 {
	color:#666;
	text-align:left;
	font-size:18px;
	margin-top:30px;
	float:left;
	width:100%;
	border-bottom:solid 1px #999;
}
.titreBlanc {
	color:#FFF;
	text-align:center;
	font-size:18px;
	margin-bottom:10px;
	border-bottom:solid 1px #FFF;
}
#overDiv {
	border:solid 1px #333399;
}
#listeAccueil {
	list-style:inside;
}
#listeAccueil li{
	list-style-type:square;
}
#listeAccueil a{
	color:#000;
}
.lienListeTableau {
	color:#0058AF;
	text-decoration:none;
}
.lienListeTableau:hover {
	text-decoration:underline;
}

.suivant { /* page suivante precedente */
	background-image:url('../images/fleche_droite.png') ;
	background-repeat:no-repeat;
	background-position:right 0;
	height:16px;
	float:right;
	cursor:pointer;
	margin-right:30px;
	text-decoration:none;
	color:#333;
}
.suivant:hover {
	text-decoration:underline;
}
.suivant  span{
	float:right;
	padding-right:30px;
	cursor:pointer;
}
.precedent {
	background-image:url('../images/fleche_gauche.png') ;
	background-repeat:no-repeat;
	background-position:left 0;
	height:16px;
	float:left;
	cursor:pointer;
	margin-right:30px;
	text-decoration:none;
	color:#333;
}
.precedent:hover {
	text-decoration:underline;
}
.precedent  span{
	float:left;
	padding-left:30px;
	cursor:pointer;
}
/*////////////// GLOBAL //////////////*/

/************ CONTENU DES PAGES ************/

#lienEnSavoirPlus {
	float:left;
	width:100%;
}
/* Bloc Gris */
.grisHg {
	background-image:url('../images/grisHg.gif');
	background-repeat:no-repeat;
	height:16px;
	width:10px;
}
.grisHm {
	background-image:url('../images/grisHm.gif');
	background-repeat:repeat-x;
	height:16px;
}
.grisHd {
	background-image:url('../images/grisHd.gif');
	background-repeat:no-repeat;
	height:16px;
	width:10px;
}
.grisMg {
	background-image:url('../images/grisMg.gif');
	background-repeat:repeat-y;
	width:10px;
}
.grisMd {
	background-image:url('../images/grisMd.gif');
	background-repeat:repeat-y;
	width:10px;
}
.grisBg {
	background-image:url('../images/grisBg.gif');
	background-repeat:no-repeat;
	height:16px;
	width:10px;
}
.grisBd {
	background-image:url('../images/grisBd.gif');
	background-repeat:no-repeat;
	height:16px;
	width:10px;
}
.grisBm {
	background-image:url('../images/grisBm.gif');
	background-repeat:repeat-x;
	height:16px;
}
.grisContainer {
	background-color:#eeeeee;
}

/*Liens En savoir plus des blocs*/
.lienMoreBlanc {
	float:right;
	text-decoration:none;
	color:#FFF;
}
.lienMoreBlanc:hover {
	float:right;
	text-decoration:underline;
	color:#FFF;
}
.lienMoreGris {
	float:right;
	text-decoration:none;
	color:#666;
}
.lienMoreGris:hover {
	float:right;
	text-decoration:underline;
	color:#666;
}
.lienMoreBleu {
	float:right;
	text-decoration:none;
	color:#005F9F;
}
.lienMoreBleu:hover {
	float:right;
	text-decoration:underline;
	color:#1486D9;
}

/* bouton avec icone*/
a.button{
	background:url('../images/btn_login_off.png');
	display:block;
	color:#FFF;
	font-weight:bold;
	height:20px;
	font-size:11px;
	line-height:20px;
	text-decoration:none;
	width:98px;
}
a:hover.button{
	color:#666;
	background:url('../images/btn_login_on.png');
}
/* icone pour les boutons*/
.iconeLogin{
	background:url(../images/iconeLogin.png) no-repeat 8px 2px;
	text-indent:30px;
	display:block;
}
.iconeRegister{
	background:url(../images/iconeRegister.png) no-repeat 8px 2px;
	text-indent:30px;
	display:block;
}

/* MENU LOGUé */
#boutonProfil {
	float:right;
}
#boutonProfil a.noActif{
	display:block;
	background:url('../images/btn_profil_noActif.gif');
	color:#999;
	font-weight:bold;
	font-size:0.9em;
	height:28px;
	line-height:28px;
	width:140px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-top:1px;
}
#boutonProfil a.noActif:hover{
	background:url('../images/btn_profil_noActif.gif');
	color:#999;
	cursor:text;
}
#boutonProfil a{
	display:block;
	background:url('../images/btn_profil_off.gif');
	color:#FFF;
	font-weight:bold;
	font-size:0.9em;
	height:28px;
	line-height:28px;
	text-decoration:none;
	width:140px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-top:1px;
}
#boutonProfil a:hover{
	color:#8F5B00;
	background:url('../images/btn_profil_on.gif');
}
#boutonProfil .current {
	color:#8F5B00;
	background:url('../images/btn_profil_on.gif');
}
.iconeMyProfile{
	background:url(../images/iconeMyProfile.png) no-repeat;
	height:24px;
	width:24px;
	float:left;
	margin-top:2px;
	margin-left:10px;
	margin-right:10px;
}
.iconeMyCommunity{
	background:url(../images/iconeMyCommunity.png) no-repeat;
	height:24px;
	width:24px;
	float:left;
	margin-top:2px;
	margin-left:10px;
	margin-right:5px;
}
.iconeMyProject{
	background:url(../images/iconeMyProject.png) no-repeat;
	height:24px;
	width:24px;
	float:left;
	margin-top:2px;
	margin-left:10px;
	margin-right:10px;
}
.iconeAllProjects{
	background:url(../images/iconeAllProjects.png) no-repeat;
	height:24px;
	width:24px;
	float:left;
	margin-top:2px;
	margin-left:10px;
	margin-right:10px;
}
.iconeInscription{
	background:url(../images/icone_inscription.png) no-repeat;
	height:24px;
	width:24px;
	float:left;
	margin-top:3px;
	margin-left:10px;
	margin-right:10px;
}
.separateurMenu {
	float:left;
}
.welcomePseudo  {
	color:#000;
	font-size:14px;
	float:left;
	margin-left:10px;
}
.lienLogout {
	background:url('../images/iconeDeconnection.png');
	background-repeat:no-repeat;
	height:16px;
	width:16px;
	float:left;
	margin-top:8px;
}
/* NEW SERVICE */
/* colonne gauche Menu */
/* Bloc bleu */
#bleuHg {
	background-image:url('../images/bleuHg.gif');
	background-repeat:no-repeat;
	height:16px;
	width:10px;
}
#bleuHm {
	background-image:url('../images/bleuHm.gif');
	background-repeat:repeat-x;
	height:16px;
}
#bleuHd {
	background-image:url('../images/bleuHd.gif');
	background-repeat:no-repeat;
	height:16px;
	width:10px;
}
#bleuMg {
	background-image:url('../images/bleuMg.gif');
	background-repeat:repeat-y;
	width:10px;
}
#bleuMd {
	background-image:url('../images/bleuMd.gif');
	background-repeat:repeat-y;
	width:10px;
}
#bleuBg {
	background-image:url('../images/bleuBg.gif');
	background-repeat:no-repeat;
	height:16px;
	width:10px;
}
#bleuBd {
	background-image:url('../images/bleuBd.gif');
	background-repeat:no-repeat;
	height:16px;
	width:10px;
}
#bleuBm {
	background-image:url('../images/bleuBm.gif');
	background-repeat:repeat-x;
	height:16px;
}
#bleuContainer {
	background-color:#1878db;
}
#menuService ul{
	list-style:none;
}
#menuService ul li{
	text-align:center;
	line-height:30px;
	font-size:11px;
}
#menuService ul li .btnNoActif{
	display:block;
	background-color:#EFEFEF;
	height:30px;
	text-decoration:none;
	border:solid 1px #666;
	color:#999;
	font-weight:bold;
	margin-bottom:2px;
}
#menuService ul li .btnActif{
	display:block;
	background-color:#CCC;
	background:url('../images/btn_newService_off.gif');
	background-repeat:repeat-x;
	height:30px;
	border:solid 1px #333;
	text-decoration:none;
	color:#5F5F5F;
	font-weight:bold;
	margin-bottom:2px;
}
#menuService ul li .btnActif:hover{
	border:solid 1px #333;
	background-color:#CCC;
	background:url('../images/btn_newService_on.gif');
	background-repeat:repeat-x;
	color:#8F5B00;
}
#menuService .current{
	border:solid 1px #333;
	background-color:#CCC;
	background:url('../images/btn_newService_on.gif');
	background-repeat:repeat-x;
	color:#8F5B00;
}
/* colonne droite Formulaire */
.intituleNewService {
	text-align:right;
	padding-right:2px;
	height:30px;
	width:35%;
}
#descriptionService {	
	width:302px;
	height:200px;
	border:solid 1px #CCC;
}
.champsNewService{
	width:302px;
	border:solid 1px #CCC;
}
#formNewService select{
	width:304px;
	border:solid 1px #CCC;
}
#btnOK {
	background-color:#CCC;
	background:url('../images/btn_newService_off2.gif');
	background-repeat:repeat-x;
	height:26px;
	width:80px;
	border:solid 1px #004399;
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	margin-top:10px;
	margin-right:30px;
 }
#btnOK:hover {
	background:url('../images/btn_newService_on2.gif');
	background-repeat:repeat-x;
	color:#FFF;
 }
#btnCANCEL {
	background-color:#CCC;
	background:url('../images/btn_newService_off2.gif');
	background-repeat:repeat-x;
	height:26px;
	width:80px;
	font-size:11px;
	border:solid 1px #004399;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
	margin-top:10px;
	margin-right:30px;
 }
#btnCANCEL:hover {
	background:url('../images/btn_newService_on2.gif');
	background-repeat:repeat-x;
	color:#FFF;
}
#btnHELP {
	background-color:#CCC;
	background:url('../images/btn_newService_off2.gif');
	background-repeat:repeat-x;
	height:26px;
	width:80px;
	font-size:11px;
	border:solid 1px #004399;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
	margin-top:10px;
 }
#btnHELP:hover {
	background:url('../images/btn_newService_on2.gif');
	background-repeat:repeat-x;
	color:#FFF;
 }
 
 /* MY PROJECTS */
.category {
	background-color:#CFE5FF;
	border:solid 1px #2663CF;
	padding:10px;
	margin-bottom:5px;
 }
.titreCategory {
	font-size:12px;
	font-weight:bold;
	color:#2663CF;
	text-align:left;
	width:100%;
 }
.lineProject {
	width:80%;
	height:30px;
	line-height:30px;
	border-bottom:solid 1px #FFF;
	float:left;
 }
.optionsMyProjects {
	margin-top:3px;
	float:right;
 }
.optionsMyProjects a{
	margin-right:10px;
 }
#tabMyProjects {
	border-collapse:collapse;
 	border:solid 1px #999;
 }
 #tabMyProjects td {
	border:solid 1px #999;
}
.tabMyProjects {
	border-collapse:collapse;
 	border:solid 1px #999;
 }
.tabMyProjects td {
	border:solid 1px #999;
}
.intituleMyProjects {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
}
#intituleMyProjectsVersion {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:10%;
}
#intituleMyProjectsCategories {
	text-align:left;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	padding-left:4px;
	width:18%;
}
#intituleMyProjectsName {
	text-align:left;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	padding-left:4px;
	width:22%;
}
#intituleMyProjectsType {
	text-align:left;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	padding-left:4px;
	width:10%;
}
#intituleMyProjectsLanguage {
	text-align:left;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	padding-left:4px;
	width:14%;
}
#intituleMyProjectsLevel {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:8%;
}
#intituleMyProjectsWork {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:6%;
}
#intituleMyProjectsEdit {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:6%;
}
#intituleMyProjectsRemove {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:6%;
}
.intituleMyProjectsLeft {
	text-align:left;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	padding-left:4px;
}
.donneesMyProjects {
	text-align:center;
	height:20px;
	padding:4px;
	background-color:#DADADA;
	background:url("../images/fondCelluleListe.gif");
	background-repeat:repeat-x;
	color:#000;
	border-bottom:solid 1px #999;
	font-size:11px;
}
.donneesMyProjects2 {
	text-align:center;
	height:20px;
	padding:4px;
	background-color:#DADADA;
	background:url("../images/fondCelluleListe2.gif");
	background-repeat:repeat-x;
	color:#000;
	border-bottom:solid 1px #999;
	font-size:11px;
}
.donneesMyProjectsGauche {
	text-align:left;
	height:20px;
	padding:4px;
	background-color:#DADADA;
	background:url("../images/fondCelluleListe.gif");
	background-repeat:repeat-x;
	color:#000;
	border-bottom:solid 1px #999;
	font-size:11px;
}
.donneesMyProjects img{
	margin-top:3px;
	float:none;
}
 
  /* EDIT PROJECT CODE */
#largeurMenuGauche {
	width:201px;
	height:100%;
}
#btnOptionsProjectCode {
	background-color:#DFEEFF;
	border:solid 1px #5F99FF;
	height:26px;
	padding:4px;
	margin-top:10px;
	position:relative;
	z-index:100;
}
a.btn {
	height:24px;
	line-height:26px;
	display:block;
	margin-left:10px;
	font-weight:bold;
}
.btn {
	background-color:#CCC;
	background:url('../images/btn_newService_off2.gif');
	background-repeat:repeat-x;
	height:26px;
	padding-left:10px;
	padding-right:10px;
	border:solid 1px #004399;
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	float:left;
 }
.btn:hover {
	background:url('../images/btn_newService_on2.gif');
	background-repeat:repeat-x;
	color:#FFF;
 }
#btnSave, #btnRestore, #btnInject, #btnBuild, #btnTest, #btnDeploy, #btnPublish{
	float:left;
	margin-right:4px;
}
iframe {
	clear:both; /* pour codemirror, pour que le code retourne bien en dessous des boutons */
}
pre {
	float:left;
}
.CodeMirror-line-numbers {
	width: 2.2em;
	color: #FFF;
	background-color: #999;
	text-align: right;
	padding-right: .3em;
	font-size: 10pt;
	font-family: monospace;
	padding-top: .4em;
}
.presentationCode {
	border:solid 1px #CCC;
	width:98%;
	background-color:#FFFABF;
	padding:10px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	font-size:11px;
}
.decoImage {
	border:solid 1px #1F6CBE;
	background-color:#FFF;
	margin-top:10px;
	margin-bottom:10px;
}
#menuTitreEditCode {
	text-align:center;
	font-size:14px;
	color:#FFF;
	margin-bottom:10px;
	font-weight:bold;
}
#menuTitreEditCode a {
	text-align:center;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
}
#menuTitreEditCode a:hover {
	text-decoration:underline;
}
#currentFileName {
	float:right;
	margin-right:10px;
	line-height:26px;
	font-weight:bold;
	font-size:11px;
}
#editor input {
	background-color:#CCC;
	background:url('../images/btn_newService_off2.gif');
	background-repeat:repeat-x;
	height:26px;
	padding-left:10px;
	padding-right:10px;
	border:solid 1px #004399;
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	margin-right:4px;
}
#editor input:hover{
	background:url('../images/btn_newService_on2.gif');
	background-repeat:repeat-x;
	color:#FFF;
}
.containerMenu {
  	background-color:#CFE5FF;
	border-right:solid 1px #CCC;
	border-left:solid 1px #CCC;
	height:40px;
 }

#newInterface {
	background-color:#DFEEFF;
	height:40px;
	width:90px;
	float:left;
	display:block;
	text-decoration:none;
	padding-top:4px;
	color:#000;
	font-weight:bold;
	border-bottom:solid 1px #2663CF;
	border-right:solid 1px #2663CF;
	text-align:center;
}
#newInterface:hover {
	background-color:#8FC2FF;
	color:#FFF;
}
#newDto {
	background-color:#DFEEFF;
	height:40px;
	width:88px;
	float:right;
	display:block;
	font-weight:bold;
	text-decoration:none;
	padding-top:4px;
	color:#000;
	border-bottom:solid 1px #2663CF;
	text-align:center;
}
#newDto:hover {
	background-color:#8FC2FF;
	color:#FFF;
}
.lienAdd {
	font-weight:bold;
}
.element {
  		background:url('../images/fondMenuListe.gif');
		height:22px;
 }
.sousMenuService a {
	display:block;
	width:147px;
	height:22px;
	line-height:22px;
	background:url('../images/fondMenuListe.gif');
	float:left;
	text-decoration:none;
	color:#000;
	cursor:pointer; /* pour IE7 */
}
.sousMenuService a:hover {
	background:url('../images/fondMenuListe_on.gif');
	color:#000;
}
.lienEditCode {
	float:left;
}
.sousMenuService a img{
	border:0;
}
a.iconeDroite {
	float:right;
	width:16px;
	height:22px;
	display:block;
}
.noOptions {
	background:url('../images/fondMenuListe.gif');
	width:16px;
	height:22px;
	float:left;
}
.titreSousSection {
	background-color:#666;
	color:#FFF;
	text-align:center;
	height:20px;
	line-height:20px;
	font-weight:bold;
	float:left;
	width:100%;
}
.niveau1 {
	padding-left:10px;
	font-size:10px;
}
h3.toggler {
	display:block;
	background-color:#CCC;
	background:url('../images/btn_newService_off.gif');
	background-repeat:repeat-x;
	height:30px;
	line-height:30px;
	font-size:11px;
	text-decoration:none;
	color:#666;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
}
h3.toggler:hover{
	background-color:#CCC;
	background:url('../images/btn_newService_on.gif');
	background-repeat:repeat-x;
	color:#8F5B00;
}
#btnHelp {
	display:block;
	background-color:#CCC;
	background:url('../images/btn_newService_off.gif');
	background-repeat:repeat-x;
	height:30px;
	line-height:30px;
	font-size:11px;
	text-decoration:none;
	color:#666;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
}
#btnHelp:hover {
	background-color:#CCC;
	background:url('../images/btn_newService_on.gif');
	background-repeat:repeat-x;
	color:#8F5B00;
}
/* LES MESSAGES D'ALERTES - ERREUR, VALIDATION....*/
#Alerte {
	display:none;
}
#iconeMessageAlerte {
	float:left;
	width:32px;
	height:32px;
}
#messageAlerte {
	text-align:justify;
	margin-bottom:10px;
	width:450px;
	float:left;
	padding:4px;
	margin-left:10px;
}
#v_slidein {
	margin-right:4px;
}
#affichageConsole {
	background-color:#EFEFEF;
	border:solid 1px #999;
	margin-top:6px;
	float:left;
	position:relative;
	z-index:100;
	overflow:auto;
	height:132px;	
	width:99.8%;
}
#titreConsole {
	background-color:#CCC;
	height:20px;
	line-height:20px;
	border-bottom:solid 1px #999;
}
#titreConsole span {
	float:left;
	margin-left:4px;
	font-weight:bold;
}
#btnClose {
	float:right;
	margin-right:4px;
	margin-top:2px;
}
.numeroLigne {
	float:right;
	color:#0000FF;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
.numeroLigne:hover {
	text-decoration:underline;
}
.titreValideCode {
	float:left;
	color:green;
	font-family:verdana;
	font-size:11px;
}
.titreErreurCode {
	float:left;
	color:red;
	font-family:verdana;
	font-size:11px;
}
.erreurCode {
	float:left;
	margin-left:40px;
	margin-top:4px;
	width:100%;
	color:#006400;
}
.erreurCode a{
	text-decoration:none;
	color:#006400;
}
.erreurCode a:hover {
	text-decoration:underline;
}
.blocErreur {
	float:left;
	width:98%;
	padding:10px;
	background-color:#FFFFE0;
	border-bottom:solid 1px #D7D7D7;
}
.blocErreur img{
	float:left;
	margin-left:10px;
	margin-right:4px;
}
/* ACCOUNT CREATION */
#textUserAgreement {
	height:400px;
	overflow:auto;
	background-color:#FFF;
	border:solid 1px #CCC;
	text-align:justify;
	padding:10px;
}
#textUserAgreement p {
	margin-bottom:10px;
}
#acceptCondition {
	height:22px;
	line-height:22px;
	background-color:#1486D9;
	color:#FFF;
	border:solid 1px #004399;
	margin-top:4px;
	float:right;
	padding:4px;
}
#checkboxNewAccount {
	float:left;
	margin-top:4px;
	margin-right:4px;
}
#acceptCondition span {
	float:left;
}
#descriptionAccount {
	background-color:#FFF;
	border:solid 1px #CCC;
	padding:10px;
	height:90px;
}
#contentDescriptionAccount {
	text-align:justify;
}
.intituleAccount {
	text-align:right;
	margin-right:2px;
	width:36%;
}
.champsAccount {
	width:20%;
}
#selectAccountCountry select {
	width:147px;
}
.btnCreateAccount {
	text-align:center;
	margin-top:10px;
	float:none;
}
.btnCreateAccount .btn {
	text-align:center;
	margin-top:10px;
	float:none;
	width:100%;
}
#working {
	float:right;
}
.radioNewAccount input {
	margin-right:4px;
}
#cnil {
	font-size:10px;
	text-align:justify;
	margin-top:20px;
} 
/* TOOL TIPS */
.tool-tip {
	text-align: left;
	color: #FFFFFF;
	width: 139px;
	z-index: 13000;
}
.tool-title {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	color: #0098FF;
	padding: 6px 8px 4px;
	background: url(../images/bubble.png) top left;
}
.tool-text {
	font-size: 9px;
	color: #999999;
	padding: 4px 8px 8px;
	background: url("../images/bubble.png") bottom right;
}
/* BUG REPORT */
#projectDescriptionTexte {
	margin-top:5px;
	background-color:#FFF;
	border:solid 1px #CCC;
	padding:10px;
	text-align:justify;
}
#auteurDescriptionProject {
	margin-top:10px;
	background-color:#CCC;
	border:solid 1px #999;
	padding:5px;
	text-align:justify;
}
.auteurProject {
	text-decoration:underline;
	color:#176CBF;
	font-weight:bold;
}
.auteurProject:hover {
	color:#666;
	font-weight:bold;
}
.intituleMyProjectsId {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:80px;
	padding-left:14px;
}
.intituleMyProjectsId2 {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:80px;
}
.intituleMyProjectsCreation {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:140px;
	padding-left:8px;
}
.intituleMyProjectsAuthor {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:90px;
	padding-left:10px;
}
.intituleMyProjectsStatus {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:80px;
	padding-left:8px;
}
.intituleMyProjectsPriority {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:90px;
	padding-left:8px;
}
.intituleMyProjectsTitle {
	text-align:left;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	padding-left:4px;
}
.donneesbugReportListDescription {
	text-align:left;
	height:20px;
	padding:4px;
	background-color:#FFF;
	background:url("../images/fondCelluleListe.gif");
	background-repeat:repeat-x;
	color:#000;
	border-bottom:solid 1px #999;
	font-size:11px;
}
.donneesbugReportListDescription2 {
	text-align:left;
	height:20px;
	padding:4px;
	background-color:#FFF;
	background:url("../images/fondCelluleListe2.gif");
	background-repeat:repeat-x;
	color:#000;
	border-bottom:solid 1px #999;
	font-size:11px;
}
#pager {
	margin-top:20px;
	margin-bottom:20px;
	background-color:#AAC8E6;
	background:url("../images/fondCelluleListe2.gif");
	border:solid 1px #5A98CF;
	float:left;
	width:99%;
	padding:6px;
	height:16px;
}
#pager a {
	color:#176CBF;
	font-weight:bold;
	float:left;
}
#pager a:hover {
	text-decoration:underline;
	color:#666;
}
#numeroPage {
	color:#000;
	font-weight:bold;
	padding-bottom:10px;
	float:left;
	margin-right:1px;
}
.numeroPage {
	color:#000;
	font-weight:bold;
	padding-bottom:10px;
	float:left;
	margin-right:1px;
}
#previousPage {
	margin-left:20px;
	margin-right:10px;
}
#nextPage {
	margin-right:20px;
	margin-left:10px;
}
.numero {
	margin-left:3px;
	margin-right:3px;
	text-decoration:underline;
}
#optionsBugReport {
	margin-top:10px;
	float:left;
}
#optionsBugReport input{
	margin-left:8px;
}
#optionsBugReport span, input {
	float:left;
}
#optionsBugReport span, #searchBugReport {
	margin-top:2px;
}
/* bug report - create a bug */
#bugReportCreate li{
	list-style:none;
	margin-bottom:2px;
	height:30px;
	list-style-position:outside;
}
#bugReportCreate li span {
	float:left;
	margin-right:4px;
	padding-top:2px;
	font-weight:bold;
}
#bugReportCreate li input{
	float:left;
	width:300px;
}
#bugReportCreate li select{
	float:left;
	width:150px;
	margin-right:10px;
}
#idText {
	font-weight:normal !important;
}
.labelBugReportCreate {
	margin-left:20px;
}
.idText {
	font-weight:normal !important;
}
#cancelBugReport {
	margin-left:10px;
}
#descriptionBugReport {
	width:100%;
	height:100%;
	border:0;
}
.descriptionBugReport {
	width:100%;
	height:100%;
	border:0;
}
.actives {
	margin-right:4px;
	margin-top:4px;
}
/* bug report - update a bug */
#cancelCreate {
	width:100%;
	float:left;
}
#creationBug ul li{
	display:inline;
	margin-right:40px;
	float:left;
}
#creationBug span {
	font-weight:bold;
}
#target span{	
	float:left;
	margin-right:4px;
}
#target input{	
	float:left;
}
/* TABS pour Bug Report */
#tabsBugReport {
	margin-top:30px;
	width:100%;
}
#home {
	background-color:#FFF; 
	position:relative; 
	height:180px; 
	width:100%; 
	margin-bottom:10px; 
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
}
.feature { 
	position:absolute; 
	width:100%; 
	overflow:auto;
	height:100%;
}
.tabs { 
	margin-left:0;
	margin-bottom:0;
	border-bottom:solid 1px #000;
	width:100%;
	font-weight:bold;
}
.tabs li {
	background-color:#333;
	display:inline;
	float:none;
	list-style:none; 
	padding-left:5px;
	padding-right:5px;
	padding-top:5px; 
	border-top:solid 1px #000;
	border-left:solid 1px #000; 
	border-right:solid 1px #000;
}
.tabs li a { 
	color:#FFF; 
	display:inline; 
	height:auto;
	padding:5px 15px;
	text-decoration:none;
	width:auto;
}
.tabs li.active { 
	background-color:#FFF;
	border-bottom:solid 1px #FFF; 
}
.tabs li a.active { 
	color:#000; 
}
/* FIN //TABS pour Bug Report */

/* ROADMAP - Roadmap */
.intituleRoadmap {
	text-align:center;
	height:30px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
}
.bugRoadmap {
	width:30%;
	text-align:left;
	padding-left:4px;
}
.idRoadmap {
	width:10%;
}
.titleRoadmap {
	width:40%;
	text-align:left;
	padding-left:4px;
}
.priorityRoadmap {
	 width:20%;
}
.donneesRoadmap {
	text-align:center;
	height:20px;
	padding:4px;
	background-color:#FFF;
	background:url("../images/fondCelluleListe.gif");
	background-repeat:repeat-x;
	color:#000;
	border-bottom:solid 1px #999;
	font-size:11px;
}
.donneesRoadmap img{
	margin-top:3px;
}
#homeRoadmap {
	background-color:#FFF; 
	position:relative; 
	height:300px; 
	width:100%; 
	overflow:auto;
	margin-bottom:10px; 
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
}
#descriptionRoadmap {
	background-color:#CCC;
	float:left;
	width:100%;
	font-weight:bold;
	border:solid 1px #999;
}
#btnAddRoadmap {
	float:left;
	width:100%;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
}
#descriptifInputRoadmap {
	width:600px;
	margin-left:20px;
}
#descriptifRoadmap {
	margin-left:26px;
}
#intituleRoadmapDescription {
	margin-bottom:5px;
	margin-top:5px;
	margin-left:10px;
	float:left;
	width:100%;
}
#intituleRoadmapDescription span{
	margin-right:34px;
}
#descriptifCheckboxRoadmap {
	margin-left:10px;
	width:30px;
}
.donneesRoadmapBug {
	text-align:left;
	height:20px;
	padding:4px;
	background-color:#FFF;
	background:url("../images/fondCelluleListe.gif");
	background-repeat:repeat-x;
	color:#000;
	border-bottom:solid 1px #999;
	font-size:11px;
}
.donneesRoadmapTitle {
	text-align:left;
	height:20px;
	padding:4px;
	background-color:#FFF;
	background:url("../images/fondCelluleListe.gif");
	background-repeat:repeat-x;
	color:#000;
	border-bottom:solid 1px #999;
	font-size:11px;
}
.donneesRoadmapFeature {
	text-align:left;
	height:20px;
	padding:4px;
	background-color:#FFF;
	background:url("../images/fondCelluleListe.gif");
	background-repeat:repeat-x;
	color:#000;
	border-bottom:solid 1px #999;
	font-size:11px;
}
/* ROADMAP - Bug report */
.commentaireBugTracker {
	margin-top:10px;
	background-color:#efefef;
	padding:4px;
	border-bottom:solid 1px #CCC;
	border-top:solid 1px #CCC;
}
.pseudoBugTracker {
	font-weight:bold;
	float:left;
}
.dateBugTracker {
	text-align:right;
}
.texteCommentaireBugTracker {
	margin-top:4px;
}
#idRoadmap2 {
	width:5%;
}
#creationRoadmap2 {
	width:15%;
	text-align:center;
}
#statusRoadmap2 {
	width:15%;
	padding-left:28px;
}
#priorityRoadmap2 {
	width:15%;
	padding-left:26px;
}
#descriptionRoadmap2 {
	width:25%;
	text-align:left;
	padding-left:4px;
}
#releaseRoadmap2 {
	width:25%;
}
#idRoadmap2 {
	 width:5%;
}
#idRoadmap3 {
	 width:5%;
}
#creationRoadmap3 {
	 width:15%;
	 padding-left:18px;
}
#priorityRoadmap3 {
	 width:15%;
	padding-left:22px;
}
#descriptionRoadmap3 {
	 width:80%;
	text-align:left;
	padding-left:4px;
}
.donneesRoadmapDescription {
	text-align:left;
	height:20px;
	padding:4px;
	background-color:#DADADA;
	background:url("../images/fondCelluleListe.gif");
	background-repeat:repeat-x;
	color:#000;
	border-bottom:solid 1px #999;
	font-size:11px;
}
.selectReleaseRoadmap {
	width:120px;
	float:left;
}
.setRoadmap {
	float:left;
	height:22px;
	padding:1px;
	margin-left:10px;
}
.versionRoadmap {
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
	margin-top:10px;
	color:#333;
	border-bottom:solid 1px #999;
	padding:2px;
	line-height:12px;
	height:12px;
	width:97.4%;
}
/* FEATURE REQUEST */
.intituleFeatureDescription {
	text-align:left;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:45%;
	padding-left:4px;
}
.intituleFeatureAuthor {
	text-align:left;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:20%;
	padding-left:4px;
}
.intituleFeatureDate {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:15%;
}
.intituleFeatureRoadmap {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:10%;
}
.intituleFeatureVote {
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	width:10%;
}
.featureRequestDescription {
	text-align:left;
	height:20px;
	padding:4px;
	background-color:#DADADA;
	background:url("../images/fondCelluleListe.gif");
	background-repeat:repeat-x;
	color:#000;
	border-bottom:solid 1px #999;
	font-size:11px;
}
.featureRequestAuthor {
	text-align:left;
	height:20px;
	padding:4px;
	background-color:#DADADA;
	background:url("../images/fondCelluleListe.gif");
	background-repeat:repeat-x;
	color:#000;
	border-bottom:solid 1px #999;
	font-size:11px;
}
#titreDescriptionFeature {
	background-color:#CCC;
	border:solid 1px #999;
	width:100%;
	margin-top:20px;
	float:left;
}
#titreFeature {
	float:left;
	width:100%;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}
#titreInputFeature {
	width:600px;
}
#descriptionTextareaFeature {
	width:605px;
	float:left;
}
#descriptionFeature {
	float:left;
	width:100%;
	margin-left:10px;
	margin-bottom:10px;
}
#validationAddFeature {
	float:left;
	width:100%;
	margin-top:10px;
	margin-left:1px;
}
.resultatVoteFeature {
	float:left;
	margin-top:3px;
	width:30px;
	margin-left:30%;
}
.vote {
	float:left;
}
/* DOWNLOAD */
#intituleMyProjectsFiles {
	width:80%;
	text-align:left;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	padding-left:4px;
}
#intituleMyProjectsDownload {
	width:20%;
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
}
.donneesDownload {
	text-align:left;
	height:20px;
	padding:4px;
	background-color:#DADADA;
	background:url("../images/fondCelluleListe.gif");
	background-repeat:repeat-x;
	color:#000;
	border-bottom:solid 1px #999;
	font-size:11px;
}
/***********PROJECT PROPERTIES************/
#statusProject {
	float:left;
	margin-bottom:10px;
	width:100%;
}
#titreStatus {
	float:left;
	font-size:13px;
	color:#1F7F00;
}
#statusProject ul {
	float:left;
	margin-top:3px;
}
#statusProject ul li{
	display:inline;
	float:left;
	margin-left:10px;
	line-height:14px;
}
#statusProject ul input {
	margin-right:4px;
}
#blockProjectsPropertiesGauche {
	float:left;
	width:50%;
}
#blockProjectsPropertiesDroite {
	float:right;
	width:50%;
}
.inputProjectsProperties {
	float:left;
	margin-left:4px;
	margin-top:2px;
}
.spanProjectsProperties {
	float:left;
	font-size:13px;
}
.titreExternalLibrairies {
	width:100%;
	float:left;
	margin-top:10px;
	font-weight:bold;
	margin-bottom:4px;
}
.blocProjectsProperties {
	background-color:#FFF;
	border:solid 1px #CCC;
	height:150px;
	width:300px;
	float:left;
	overflow:auto;
	padding:5px;
}
.libelleLibrairies {
	width:150px;
	float:left;
	line-height:24px;
}
.blocProjectsProperties ul {
	list-style:none;
}
.blocProjectsProperties ul li{
	height:24px;
	margin-top:5px;
	padding-bottom:2px;
	padding-left:4px;
	display:block;
}
.blocProjectsProperties ul li input{
	float:right;
}
.btnAddProjectsProperties {
	width:100%;
	float:left;
	margin-top:10px;
}
#saveDeleteProjectsProperties {
	width:100%;
	margin-top:30px;
	float:left;
}
#saveDeleteProjectsProperties input {
	float:left;
	margin-right:20px;
}
#blocProjectsProperties {
	float:left;
	width:100%;
	margin-top:10px;
}
#descriptionProjectProperties {
	float:left;
	width:100%;
	margin-top:20px;
}
#descriptionProjectProperties textarea{
	background-color:#FFF;
	border:solid 1px #CCC;
}
#titreDescriptionProjectProperties {
	float:left;
	width:100%;
	font-weight:bold;
	margin-bottom:4px;
}
.liensProjectsProperties {
	width:50%;
	float:left;
}
.liensProjectsProperties ul {
	list-style:none;
}
.liensProjectsProperties ul li{
	margin-bottom:10px;
}
.liensProjectsProperties span{
	margin-left:4px;
}
.liensProjectsProperties a {
	text-decoration:none;
	color:#0058AF;
}
.liensProjectsProperties a:hover {
	text-decoration:underline;
	color:#0058AF;
}
.couleurProjectsProperties1 {
	background-color:#999;
}
.couleurProjectsProperties2 {
	background-color:#CCC;
}
/*////////////// Project Properties //////////////*/

/***********Questionnaire - Sondage************/
#questionnaireFaascape {
	float:left;
	width:628px;
}
.question {
	width:624px;
	float:left;
	text-align:left;
	height:34px;
	padding-top:4px;
	padding-left:4px;
	font-weight:bold;
	margin-bottom:10px;
	background-image:url('../images/question.png');
	background-repeat:no-repeat;
	font-size:13px;
	color:#000;
}
.reponse {
	float:left;
	width:624px;
}
.reponse ul {
	list-style:none;
	margin-left:10px;
}
.reponse ul li{
	margin-bottom:10px;
	text-align:left;
}
.reponseInputRadio {
	margin-right:4px;
}
.questionAutre {
	float:left;
}
.inputAutre {
	float:left;
	margin-left:4px;
	width:500px;
	margin-bottom:10px;
}
#inputEmail {
	float:left;
	margin-left:4px;
	width:200px;
	margin-bottom:10px;
}
#envoiQuestionnaire {
	padding-left:40%;
	float:left;
	margin-top:10px;
}
#questionnaireTshirt  {
	background:url('../images/questionnaireTshirt.png');
	height:200px;
	width:130px;
	float:right;
	margin-right:30px;
}
/*////////////// Questionnaire - Sondage //////////////*/

/***********A PROPROS************/
#sousTitreApropos {
	font-style:italic;
	margin-top:10px;
	margin-bottom:10px;
	font-size:18px;
	color:#0060BF;
}
.listeApropos {
	text-align:justify;
	font-size:13px;
}
.listeApropos li{
	line-height:20px;
	padding:0px 0 3px 20px;
	margin:0;
	margin-bottom:10px;
	list-style-type:none;
	background:url(../images/puce.png) left 3px no-repeat;
}
#conclusionApropos {
	font-style:italic;
	margin-top:10px;
	text-align:justify;
	float:left;
	margin-left:20px;
	font-size:14px;
	color:#A1141C;
	margin-bottom:20px;
}
.colonneGaucheApropos {
	float:left;
	width:49%;
	margin-bottom:20px;
}
.colonneDroiteApropos {
	float:right;
	width:49%;
}
#milieuApropos {
	width:100%;
	float:left;
}
#introApropos {
	background-color:#AFDBFF;
	border:solid 1px #1F8AE6;
	padding:10px;
	font-size:13px;
	margin-bottom:30px;
	margin-top:20px;
	float:left;
	width:97.6%;
}
#titreGrisApropos {
	color:#666;
	text-align:left;
	font-size:18px;
	border-bottom:solid 1px #999;
	margin-top:20px;	
	margin-bottom:40px;
}
/*////////////// A PROPOS//////////////*/

/***********FORUMS************/
.tabForums {
	border-collapse:collapse;
 	border:solid 1px #999;
 }
.intituleCategoryNameForum {
	width:50%;
	text-align:left;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	padding-left:4px;
}
.intituleThreadsForum {
	width:10%;
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	padding-left:4px;
	border-left:solid 1px #999;
}
.intitulePostsForum {
	width:10%;
	text-align:center;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	padding-left:4px;
	border-left:solid 1px #999;
}
.intituleAuthorForum {
	width:10%;
	text-align:left;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	padding-left:4px;
	border-left:solid 1px #999;
}
.intituleLastPostForum {
	width:30%;
	text-align:left;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	padding-left:4px;
	border-left:solid 1px #999;
}
.donneesForumName{
	font-weight:bold;
	padding-left:4px;
	height:30px;
	font-size:14px;
	background:url("../images/fondCelluleForum.gif");
	background-repeat:repeat-x;
	color:#666;
	text-align:left;
}
.donneesForumNameThreads{
	font-weight:bold;
	padding-left:4px;
	height:30px;
	font-size:14px;
	background:url("../images/fondCelluleForum.gif");
	background-repeat:repeat-x;
	color:#666;
	text-align:left;
	border-bottom:solid 1px #999;
}
.donneesForumNameThreads a{
	color:#666;
	text-decoration:none;
}
.donneesForumNameThreads a:hover{
	color:#666;
	text-decoration:underline;
}
.donneesForumThreads {
	padding-left:4px;
	height:30px;
	background:url("../images/fondCelluleForum.gif");
	background-repeat:repeat-x;
	text-align:left;
	border-bottom:solid 1px #999;
}
.donneesForumName a{
	color:#666;
	text-decoration:none;
}
.donneesForumName a:hover{
	color:#666;
	text-decoration:underline;
}
.donneesForumThreads {
	padding-left:4px;
	text-align:center;
	border-left:solid 1px #999;
	border-bottom:solid 1px #999;
	background:url("../images/fondCelluleForum.gif");
	background-repeat:repeat-x;
}
.donneesForumPosts {
	padding-left:4px;
	text-align:center;
	height:30px;
	border-left:solid 1px #999;
	border-bottom:solid 1px #999;
	background:url("../images/fondCelluleForum.gif");
	background-repeat:repeat-x;
}
.donneesForumDates {
	padding-left:4px;
	height:30px;
	border-left:solid 1px #999;
	border-bottom:solid 1px #999;
	background:url("../images/fondCelluleForum.gif");
	background-repeat:repeat-x;
	text-align:left;
	font-size:11px;
}
.donneesForumDatesThreads {
	padding-left:4px;
	height:30px;
	border-left:solid 1px #999;
	background:url("../images/fondCelluleForum.gif");
	background-repeat:repeat-x;
	text-align:left;
	font-size:11px;
}
.donneesForumAuthor {
	padding-left:4px;
	text-align:left;
	height:30px;
	border-left:solid 1px #999;
	border-bottom:solid 1px #999;
	background:url("../images/fondCelluleForum.gif");
	background-repeat:repeat-x;
}
.donneesForumDescription {
	padding-left:4px;
	font-size:11px;
	padding-bottom:10px;
	border-bottom:solid 1px #999;
	background:url("../images/fondDescriptionForum.gif");
	background-repeat:repeat-x;
	text-align:left;
}
.donneesForumLast {
	padding-left:4px;
	font-size:11px;
	padding-bottom:10px;
	border-bottom:solid 1px #999;
	background:url("../images/fondDescriptionForum.gif");
	background-repeat:repeat-x;
	border-left:solid 1px #999;
	text-align:left;
}
.pseudoForum {
	color:#00418F;
	font-weight:bold;
}
#menuForum {
	width:99.1%;
	height:18px;
	background-color:#1F98F7;
	text-align:left;
	margin-bottom:10px;
	margin-top:10px;
	float:left;
	padding:4px;
	border:solid 1px #1B75DF;
}
#menuForum a{
	color:#FFF;
	text-decoration:none;
}
#menuForum a:hover{
	color:#FFF;
	text-decoration:underline;
}
#menuForum ul li{
	display:inline;
	font-weight:bold;
	list-style:square;
	font-size:14px;
	margin-right:10px;
	color:#FFF;
}
#goto {
	float:right;
}
.leftForum {
	float:left;
}
.forumPost {
	width:100%;
	float:left;
	min-height:150px;
	border:solid 1px #999;
	background-color:#FFF;
	margin-bottom:10px;
}
.forumTitle {
	width:99.6%;
	text-align:left;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	padding-left:4px;
	float:left;
	line-height:40px;
}
.messageForum {
	min-height:100px;
	float:left;
	width:100%;
}
.quotePostForum {
	margin-left:30px;
	margin-right:auto;
	width:80%;
	border:1px dashed #3A3A3A;
	padding:5px;
	margin-bottom:15px;
	background-color:#FAFAFA;
	width:100%;
}
.forumAuthor {
	float:left;
	margin-top:10px;
	width:300px;
	text-align:left;
	margin-left:10px;
}
.forumDate {
	float:right;
	margin-top:10px;
	margin-right:10px;
	text-align:left;
	margin-left:10px;
}
.contentPostForum {
	text-align:left;
	margin-top:20px;
	float:left;
	width:97.9%;
	margin-bottom:10px;
	margin-left:10px;
}
#advertise {
	float:left;
	margin-left:10px;
	font-style:italic;
	color:#000;
}
.optionsForum {
	float:left;
}
.optionsForum a{
	color:#FFF;
	text-decoration:none;
	background:url('../images/btnForum.png');
	background-repeat:no-repeat;
	width:155px;
	height:27px;
	line-height:27px;
	font-size:10px;
	display:block;
	text-align:center;
	margin-bottom:10px;
}
.optionsForum a:hover{
	color:#7F5C00;
	text-decoration:none;
	background:url('../images/btnForum_on.png');
	background-repeat:no-repeat;
}
.optionsForum ul li{
	display:inline;
	font-weight:bold;
	list-style:none;
	color:#000;
	margin-left:10px;
}

.quotePostForum {
	border:1px dashed #CCC;
}
.btnForumSave {
	margin-left:55px;
	margin-top:10px;
}
/*//////////////FORUMS//////////////*/

/***********ALL PROJECTS  - Liste des projets************/
.tabListeProjets {
	border-collapse:collapse;
 	border:solid 1px #999;
 }
.intituleCategoryProjects {
	text-align:left;
	height:40px;
	background-color:#CFE5FF;
	font-weight:bold;
	background:url("../images/fondCelluleTitreListe.gif");
	color:#7F5C00;
	font-size:12px;
	text-indent:10px;
}
.nameProjects {
	float:left;
}
.nbProjects {
	float:right;
	margin-right:10px;
	color:#005F9F;
}
.donneesProjects{
	line-height:30px;
	height:30px;
	font-size:12px;
	background:url("../images/fondCelluleForum.gif");
	background-repeat:repeat-x;
	text-align:left;
	float:left;
	border-bottom:solid 1px #CCC;
	text-indent:10px;
}
.donneesProjects a{
	color:#333;
	text-decoration:none;
}
.donneesProjects a:hover{
	color:#005F9F;
	text-decoration:underline;
}
/*//////////////ALL PROJECTS//////////////*/

/***********My Profile ************/
#infoProfile {
	float:left;
	width:60%;
}
#texteProfile {
	float:left;
	width:40%;
	text-align:justify;
}
#aboutMe {
	float:left;
	width:100%;
}
#titreAboutMe {
	float:left;
	width:100%;
	font-weight:bold;
	margin-bottom:4px;
	text-align:left;
}
#saveAboutMe {
	margin-top:10px;
	float:left;
}
#newsletterAboutMe {	
	float:left;
	width:100%;
	margin-top:30px;
	margin-bottom:10px;
}
#newsletterAboutMe span{	
	float:left;
	margin-right:4px;
	width:400px;
	margin-top:3px;
	margin-left:4px;
}
#keyAboutMe {
	float:left;
	width:100%;
}
#keyAboutMe span{	
	float:left;
	margin-right:4px;
	width:423px;
	margin-top:3px;
	margin-left:4px;
}
#checkboxAboutMe {
	margin-top:6px;
	margin-right:10px;
}
/*//////////////My Profile//////////////*/

/***********My Community************/
.blocCommunity {
	float:left;
	width:100%;
}
.titreCommunity{
	font-size:13px;
	font-weight:bold;
	width:100%;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
#affichageLiens {
	background-color:#FFF;
	border:solid 1px #CCC;
	width:636px;
	float:left;
	padding:4px;
	margin-bottom:4px;
	margin-top:4px;
}
.projectsCommunity {
	float:left;
	width:100%;
	margin-bottom:4px;
}
.projectsCommunity span{
	float:left;
	width:500px;
	background-color:#CCC;
	color:#005F9F;
	height:16px;
	padding:5px;
	margin-bottom:4px;
}
.projectsCommunity input{
	margin-left:10px;
}
/*//////////////My Community//////////////*/


/***********Blog************/
/* POST */
.post {
	height:100%;
	min-height:180px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	border:solid 1px #1f54bc;
	width:680px;
}
.titreDatePost {
	float:left;
	width:670px;
	height:29px;
	line-height:30px;
	padding-left:10px;
	border-bottom:solid 1px #1f54bc;
	background:url('../images/background_titre.gif');
	background-repeat:repeat-x;
}
.titrePost {
	float:left;
	font-weight:bold;
	font-size:16px;
}
.datePost {
	float:right;
	padding-right:10px;
}
.contentPost {
	min-height:200px;
	background-color:#FFF;
	float:left;
	width:660px;
	padding:10px;
}
.contentPost img{
	float:left;
	margin-right:10px;
}
.contentPost p{
	float:left;
	width:490px;
	text-align:justify;
}
.commentsPost {
	float:left;
	background-color:#CCC;
	width:670px;
	height:20px;
	line-height:20px;
	text-align:right;
	padding-right:10px;
}
.categorieName {
	float:left;
	margin-left:10px;
	color:#333;
}
.voirCommentaires {
	background-color:#68A6EF;
	width:660px;
	padding:10px;
	float:left;
	border-bottom:solid 1px #1f54bc;
}
#voirToggle {
	margin: 0px; 
	overflow: hidden; 
	position: static;
}
.commentaire {
	float:left;
	width:660px;
	background-color:#EFF6FF;
	margin-bottom:10px;
}
.auteurCommentaire {
	background-color:#A4C5EF;
	margin-bottom:10px;
	padding-left:4px;
	height:18px;
	line-height:18px;
}
.pseudo {
	font-weight:bold;
}
.avatar {
	float:left;
	width:32px;
	height:32px;
	margin-left:8px;
	border:solid 1px #FFF;
}
.messageCommentaire {
	float:left;
	width:600px;
	text-align:justify;
	margin-left:10px;
	color:#000;
	margin-bottom:10px;
}
.formulaire {
	background-color:#A4C5EF;
	color:#000;
	margin-top:10px;
	float:left;
	width:680px;
}
.formulaire h2{
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	color:#000000;
	border:0;
}
#intituleForm {
	float:left;
	list-style:none;
	line-height:30px;
}
#intituleForm li{
	width:150px;
	text-align:right;
}
#champsForm {
	float:left;
	list-style:none;
	line-height:30px;
	margin-top:2px;
	margin-left:10px;
}
#messageForm {
	margin-top:8px;
}
#envoyer {
	float:left;
	width:680px;
	margin-bottom:20px;
}
#envoyer input{
	margin-left:160px;
}
/* MODULE (colonne droite) */
#moduleCalendrier {
	padding:10px;
	margin-bottom:10px;
}
#calendrier {
	margin-left:30px;
}
#calendrier caption {
	padding-top:10px;
	margin-bottom:5px;
}
#calendrier a{
	color:#DF7800;
	font-weight:bold;
}
#calendrier td{
	font-size:1em;
	background:#FFF;
	text-align:center;
	padding:4px;
	border:solid 1px #000;
}


#moduleCategories {
	width:274px;
	margin-left:10px;
	margin-bottom:10px;
}
#moduleCategories  ul {
	list-style-position:inside;
	margin-left:14px;
	padding-top:10px;
}
#moduleCategories ul li{
	line-height:18px;
	list-style:square;
	font-size:12px;
	padding:0px 0 3px 20px;
	margin:0;
	list-style-type:none;
	background:url('../images/puce.png') left 3px no-repeat;
}
#moduleCategories ul li a{
	text-decoration:none;
	color:#000;
}
#moduleCategories ul li a:hover{
	text-decoration:underline;
	color:#FFF;
}



#moduleLiens {
	width:274px;
	margin-left:10px;
	margin-bottom:30px;
}
#moduleLiens  ul {
	list-style-position:inside;
	margin-left:14px;
	padding-top:10px;
}
#moduleLiens ul li{
	line-height:18px;
	list-style:square;
	font-size:12px;
	padding:0px 0 3px 20px;
	margin:0;
	list-style-type:none;
	background:url('../images/puce.png') left 3px no-repeat;
}
#moduleLiens ul li a{
	text-decoration:none;
	color:#000;
}
#moduleLiens ul li a:hover{
	text-decoration:underline;
	color:#FFF;
}


/* CADRE DE DROITE */
.cadre_haut {
	width:274px;
	height:31px;
	background-image:url('../images/cadre_haut.png');
	background-repeat:no-repeat;
}
.cadre_haut h3 {
	text-align:center;
	margin-bottom:10px;
	font-size:14px;
	line-height:31px;
	padding-top:5px;
	color:#FFF;
}
.cadre_milieu {
	width:274px;
	background:url('../images/cadre_milieu.png');
	background-repeat:repeat-y;
}
.cadre_bas {
	width:274px;
	height:24px;
	background-image:url('../images/cadre_bas.png');
	background-repeat:no-repeat;
}


.cadre_haut_jaune {
	width:274px;
	height:31px;
	background-image:url('../images/cadre_haut_jaune.png');
	background-repeat:no-repeat;
}
.cadre_haut_jaune h3 {
	text-align:center;
	margin-bottom:10px;
	font-size:14px;
	line-height:31px;
	padding-top:5px;
	color:#FFF;
}
.cadre_milieu_jaune {
	width:274px;
	background:url('../images/cadre_milieu_jaune.png');
	background-repeat:repeat-y;
}
.cadre_bas_jaune {
	width:274px;
	height:24px;
	background-image:url('../images/cadre_bas_jaune.png');
	background-repeat:no-repeat;
}

/*#colonneGauche {  A renommer pour les blogs
	float:left;
	width:700px;
	height:100%;
}
#colonneDroite {
	float:left;
	width:290px;
	height:100%;
}
*/
#page_blog {
	border:1px solid #006AE2;
	margin:10px auto 20px;
	text-align:left;
	width:990px;
}

#header_blog {
	background:transparent url('../images/header.gif') repeat-x scroll 0 0;
	border-bottom:1px solid #00257F;
	height:120px;
	width:990px;
}

#header_blog h1 {
	color:#FFFFFF;
	font-size:24px;
	line-height:120px;
	text-align:center;
}

#container_blog { /* Contenu des briques accueil - pour mettre un min-height sous IE */
	height:300px;
	float:left;
	width:990px;	
	min-height:300px;
	background-color:#FFF;
	background:url('../images/container.gif');
	background-repeat:repeat-y;
}
html>body #container_blog { /* Contenu des briques accueil - pour rÃ©tablir le min-height sous FF */
	height: auto;
	min-height:300px;
	width:990px;	
	background-color:#FFF;
	background:url('../images/container.gif');
	background-repeat:repeat-y;
} 

#footer_blog {
	background:transparent url('../images/footer_blog.gif') repeat-x scroll 0 0;
	border-top:1px solid #0072BF;
	clear:both;
	height:80px;
	width:990px;
}

#footer_blog h3 {
	color:#FFFFFF;
	line-height:80px;
	margin-right:50px;
	text-align:right;
}

#btnEnvoyer {
	background-color:transparent;
	background-image:url('../images/btn_envoyer.png');
	background-repeat:no-repeat;
	border:0 none;
	cursor:pointer;
	float:left;
	height:30px;
	width:150px;
}

#btnEnvoyer:hover {
	background-image:url('../images/btn_envoyer_on.png');
	background-repeat:no-repeat;
}

.create_form {
	height:100%;
	min-height:180px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	border:solid 1px #1f54bc;
	width:680px;
	background-color:#FFFFFF;
}

.create_form_content {
	width:100%;
	height:100%;
	padding:10px;
	padding-top:40px;
}

table.blogs_list {
	width:95%;
	margin-left:10px;
	margin-right:auto;
	border:1px solid #1F54BC;
}
table.blogs_list td {
	padding:3px;
}

table.blogs_list thead {
	background-color:#FF8C00;
}

.create_new_entry {
	font-size:14px;
	margin:20px;
}

.create_new_entry a {
	text-decoration:none;
	border-bottom:1px dashed #00008B;
	color:#00008B;
}

.create_new_entry a:hover {
	text-decoration:none;
	border-bottom:1px solid #FF8C00;
	color:#FF8C00;
}

/*//////////////Blog//////////////*/
