/* Auteur: Salim Gomri */


@import "listingProjet.css"; /* Liste des projets */
@import "convention.css"; /* Convention de nommage */

@import "jquery-calendar.css"; /* Feuilles de style pour le calendrier jquery */


body {
	background	: #fff url("../img/fond_page.gif")  top left repeat-x;
	margin		: 0;
	font-family	: arial,helvetica,sans-serif;
}

img {
	border : 0; /* suppression de la bordure bleu des images sous Firefox */
}

.blocClear, .clr {
	clear	: both;
	height	: 1px;
}

.right {
	float : right;
}

.gras {
	font-weight : bold;
}

.centrer {
	text-align	: center;
}

/* On cache le bloc des langues */
div#language {
	visibility	: hidden;
	height		: 0px;
}

/************************************************************************************************/
/* 										BALISES STANDARDS										*/
/************************************************************************************************/
hr {
	border : 1px solid #E4F1F9;
}

p {
/* Modified by OST as give a stair effect on labels + input fields when
   labels needs 2 lines high */
/*	margin: 7px 15px;*/
	margin-left: 15px;
}

h1,h2,h3 {
	color		 : #004696;
}

h1 {
	font-size	: 130%;
}

h2 {
	font-size		: 105%;
	margin			: 30px auto auto;
/*	padding-left	: 5px;
	background-color: #E4F1F9 ;
	padding-left	: 10px;
	border			:1px solid #E4F1F9;*/
}

h3 {
	font-size	: 105%;
	margin-left : 10px;
}

h4 {
	font-size	: 80%;
	margin-left : 20px;
	text-align	: left;
	color			: gray;
	text-transform	: uppercase;
}

h4:first-letter {
	font-size	: 130%;
	color 		: #004696;
	font-weight : bold;
}

input.bouton,
input.bouton:hover {
	background-color: #E4F1F9;
	font-family		: Arial,Helvetica,sans-serif;
	font-size		: 90%;
	color			: gray;
	font-weight		: bold;
	border			: 2px #004696 solid;
	border-top		: 0;
	border-bottom	: 0;
}

input.bouton:hover {
	color			: #000000;
}

input.bouton:disabled {
	/*background-color	: black;*/
}


a>img {
	border : 0;
}

li a {
	border : 0;
}

fieldset {
	border : 0;
}

fieldset legend,
fieldset fieldset legend {
	color		: #004696;
	font-size	: 110%;
	font-weight : bold;
	border 		: 2px solid #ccc;
	border-left	: 10px solid #ccc; /*#E5F1F8;*/
	padding 	: 2px 70px 2px 20px;
}

fieldset fieldset legend {
	border-right: 0;
	border-top	: 0;
	font-size	: 95%;
	color		: gray;
	margin-left	: 10px;
}

/************************************************************************************************/
/* 								STRUCTURE DE LA PAGE											*/
/************************************************************************************************/
div#toutContenu {
	margin-left : 5px;
	margin-right: 5px;
}

.rightDocument {
	background	: transparent none repeat scroll 0 0;
	float		: right;
	margin		: 0;
	margin-left : -230px;
	width		: 100%;
}

/* Contenu de la page */
.content {
	margin : 0 15px 0 230px; /*margin-left:225px - cot� de droit -, margin-right: 15px;*/
}

.content h1 {
	font-size : 110%;
}

.leftDocument {
	background		: transparent none repeat scroll 0 0;
	float			: left;
	width			: 195px;
/*	margin-left		: 0px;
	margin-top		: 0px;*/
	margin	:0;
	padding	: 0;
}



/************************************************************************************************/
/* 										FOOTER													*/
/************************************************************************************************/
#footer-version {
	margin-top		 : 10px;
	background-color : #ccc;
	text-align		 : center;
	color			 : #000;
	font-size		 : 70%;
}

/* Lien vers le CRP */
#footer-version a {
	color : #000;
}
#footer-version a:hover {
	color : #004696;
}

/************************************************************************************************/
/* 									MESSAGES TEXTUELS											*/
/************************************************************************************************/
.messageError, .messageInfo, .avertissement {
	padding			: 0.2em 40px;
	/*width			: 80%;*/
	font-weight		: bold;
	margin			: 15px auto auto; /* Margin top */
}

.messageError {
	background		: #FFDDDD url("../img/interdit20.gif") no-repeat 10px 3px;
	border			: 1px solid #FFBBBB;
}

.messageInfo {
	background		: #77BA71 url("../img/accept.png") no-repeat 10px 3px;
	border			: 1px solid #367331;
	color			: white;
}

.messageInfo a {
	color : #000;
}

.avertissement {
	background		: #fdeda8 url("../img/dialog-warning.png") no-repeat 10px 3px;
	border			: 1px solid #fdce00;
	color			: #CC0000;
}

input.checkBox {
	width : 10px;
}

.inactif {
	font-size			: 85%;
	background-color	: transparent;
	color				: #CCCCCC;
	border				: 0;
}

/* Titre des listes */
.titreListe,
.titreListe a{
	color 		: gray;
	font-weight : bold;
	text-decoration: none;
}

.titreListe a {
	border-bottom : 1px dashed #004696;
}

.titreListe a:hover {
	color	: #004696;
}

span.explicationChamp {
	font-size	: 75%;
}

/* Barre de navigation */
p.barreNavigation {
	margin		: 0;
	margin-top	: 10px;
	font-size	: 80%;
	color		: black;
}

/* Liens dans la barre de navigation */
p.barreNavigation > a {
	color		: gray;
}


/************************************************************************************************/
/* 										FORMULAIRES												*/
/************************************************************************************************/
label, .label {
	float		: left;
	width: 200px;
	font-size	: 100%;
	margin-right: 15px;
	text-align	: left;
/*	color		: #B6C2C9;
	font-weight	: bold;*/
}

.longlabel {
	width		: 270px;
}

.petitlabel { /* utiliser pour le label Rue */
	display:inline;
	float:none;
}

p.obligatoire {
	font-weight	: bold;
}

p.obligatoire > label {
	color		: black;
}

.etoile {
	color		: #CC0000;
	margin-left	: 5px;
}

label.error {
	background-color : #FFDDDD;
	border			 : 1px solid #FFBBBB;
}

input.error {
	background-color : #FFDDDD;
}

.error {
	background-color : #FFDDDD;
}

.submitLien {
	background-color : transparent;
	border			 : 0 none;
}

.submit {
	background-color : transparent;
	direction		 : ltr;
}

span.explication {
	font-size 	: 70%;
	font-weight	: normal;
}

span.calendar_append {

}

span.valeurDescription {
	padding-left : 175px;
}

/********************************************/
/* 		FORMULAIRES DANS LES FANCY BOXES	*/
/********************************************/
/*div#fancybox-inner label, .label {
	width		: 150px;
	font-size	: 90%;
}*/

div#fancybox-inner h1 {
	font-size 	: 105%;
}

/************************************************************************************************/
/* 									BOITES GAUCHES												*/
/************************************************************************************************/
.form-block  {
	width				: 266px;
	margin				: auto;
	border				: 4px solid #004696;
	background-color	: #fff;
	margin-bottom		: 20px;
	margin-top			: 20px;
}

.leftDocument p,.form-block  p {
	margin-left	: 10px;
	text-align	: left;
}

.leftDocument h1 {
	background		: transparent url(../img/boite/h1.gif) repeat scroll 0 0;
	font-family		: Arial,Helvetica,sans-serif;
	font-size		: 95%;
	font-weight		: bold;
	text-align		: left;
	color			: #004696;
	line-height		: 40px;
	margin-bottom	: 0;
	margin-top		: 5px;
	padding-left 	: 10px;
}

.vuesCoordination, .arborescence, .filtre, .affichage, .vues, .asbuilt, .convention {
	border				: 2px solid #004696;
	border-top			: 0;
	margin-top			: 0;
	background-color 	: #fff;
}

.arborescence p, .filtre p, .affichage p, .vues p, .asbuilt p, .convention p{
	margin	: 0 0 5px 10px;
}

.arborescence p a#allPhase {
	font-size	: 80%;
}

.arborescence p a#allPhase:hover {
	font-size			: 80%;
	background-color	: #E4F1F9;
}

select#organisme {
	margin-top : 0;
}

.form-block p {
	color		: #000000;
	font-family	: Arial,Helvetica,sans-serif;
	font-size	: 90%;
}

.leftDocument form, .form-block form {
	margin-bottom : 10px;
}

.leftDocument ul li a {
	text-decoration	: none;
}

div.filtre p select {
	width	: 166px;
}

div.filtre p label {
	font-size	: 80%;
	text-align	: left;
	width		: 163px;
}

div.affichage p {
	font-size	: 80%;
}

div.affichage p span.label {
	font-size	: 110%;
	text-align	: left;
	color		: gray;
	width		: 180px;
}

label.checkBoxLabel {
	float : none;
}

div p.centrer {
	text-align:center;
}

/************************************************************************************************/
/* 									GESTION DES BULLES D'AIDE									*/
/************************************************************************************************/
#tooltip {
	background-color	: #ebeff5;
	border				: 1px solid #004696;
	width				: 400px;
}

#tooltip .aideGrand {
	width	: 430px;
}

#tooltip h1 {
	background	: #004696;
	color		: #fff;
	font-size	: 90%;
	text-align	: center;
/*	margin		: 0px;
	padding		: 4px;*/
	border		: 0;
}

/*html>body #tooltip h1 {
	margin-top		: -16px;
	margin-bottom	: -24px;
}
*/
#tooltip p {
	margin		: 0px 5px;
	font-size	: 80%;
	font-weight	: normal;
}

#tooltip .com {
	float	: left;
	width	: 68%;
}

#tooltip .libelle {
	font-weight			: bold;
	background-color	: #E7F3FF;
	font-color			: black;
}

#tooltip .photo {
	margin	: 3px;
}

#tooltip table {
	border 	: 1px solid #cccccc;
	font-size	: 10pt;
}

#tooltip table tr td {
	border			: 0;
	padding			: 0px 0px 0px 4px;
	vertical-align	: top;
}

/************************************************************************************************/
/* 										CONTENU													*/
/************************************************************************************************/
#gestionSpecifique {
	margin 		: 0 20px;
	margin-top  : 20px;
	width		: 95%;
}

.content h1 {
	margin-top : 25px;
}

/************************************************************************************************/
/* 									FENETRE THICKBOX											*/
/************************************************************************************************/
div#TB_title {
	background-color:#E8F2F9;
}

#TB_ajaxContent.TB_modal {
	padding		: 5px;
}
div#TB_ajaxContent {
	background	: #fff url("../img/fond_page.gif")  top left repeat-x;
}

div#TB_ajaxContent p.fermer {
	color			: #000;
	font-weight		: bold;
	background-color: #E8F2F9;
	text-align		: right;
	padding			: 2px;
	margin-left		: -5px;
	margin-right	: -5px;
}

div#TB_ajaxContent p b {
	color	: #004696;
	font-weight : bold;
}

/************************************************************************************************/
/* 									COMPTE RENDU												*/
/************************************************************************************************/

.fakeSubmit {
	width: 1px;
	height: 1px;
	margin: 0px;
	padding: 0px;
	margin-top: -15px;
	visibility: hidden;
}

.detail {
	clear:both;
}

.inputGrand {
	width: 99%;
}

.inputGrand2 {
	width: 99%;
	height: 150px;
}

.detail-gauche {
	float: left;
	width : 50%;
}

.detail-droite {
	margin-left:50%;
	width:50%;
}

#galleria {
	height:300px;
}


/************************************************************************************************/
/* 								GESTION DES BULLES REACTIONS									*/
/************************************************************************************************/
dt.title_com {
	background	: transparent url("../img/commentaire_bulle.gif") no-repeat scroll 10% 100%;	
	display		: block;
	margin-left	: 15px;
	padding		: 10px 0 30px;
	position	: relative;
	top			: 0;
}

dd.pj {
	background	: transparent no-repeat scroll 10% 100%;	
	display		: block;
	margin-left	: 15px;
	padding		: 10px 0 10px;
	position	: relative;
	top			: 0;
}

dd.corps_com {
	background		: #E4F1F9 none repeat scroll 0 0;
	border			: 2px solid #e4f1f9;
	margin-bottom	: 10px;
	margin-right	: 40px;
	padding			: 5px;
}

/************************************************************************************************/
/* 								GESTION DU MENU DEPLIANT										*/
/************************************************************************************************/
#jQ-menu ul {
	list-style-type: none;
}

#jQ-menu a, #jQ-menu li {
	/*color: gray;*/
	text-decoration: none;
	padding-bottom: 3px;
}

#jQ-menu ul {
	/*padding-left: 5px;*/
	margin-bottom: 0px;
}

div#jQ-menu ul li a {
	background:none;
	padding-left:5px;
}