/*
------------------------------------------------------------------------------------------------------------------------
PROPRIETES GENERALES
------------------------------------------------------------------------------------------------------------------------
*/

*{
	margin:0;
	padding:0;
	font-family:Helvetica, sans-serif;
}

img{
	border:none;
}

a, a:hover{
	cursor:pointer;
	text-decoration:none;
}

body {
	width:100%;
	font-size:12px;	
	color:#000;
	background:#ffffff;
	overflow-x:hidden;
}

/*
------------------------------------------------------------------------------------------------------------------------
CONTENEUR GLOBAL
------------------------------------------------------------------------------------------------------------------------
*/

#container{
	width:100%;
	background:url("../img/bg_header_left.jpg") repeat-x;
}


/*
------------------------------------------------------------------------------------------------------------------------
ENTETE
------------------------------------------------------------------------------------------------------------------------
*/

#header{
	width:100%;
	height:157px;
	background:url("../img/bg_header.jpg") center no-repeat;
}

#headerIntern{
	width:100%;
	height:157px;
	background:url("../img/bg_header_intern.jpg") center no-repeat;
}

#contentHeader{
	margin:0 auto;
	width:970px;
}

#logo{
	float:left;
	width:641px;
}

#logo a{
	float:left;
	width:270px;
	height:82px;
	margin:38px 0 0 20px;
}

#blocInfo{
	float:left;
	width:266px;
	height:157px;
	background:url("../img/bg_bloc_info.jpg") no-repeat;
	color:#ffffff;
}

.titleBlocInfo{
	float:left;
	width:500px;
	padding:31px 0 0 16px;
	font-size:14px;
}

.titleBlocInfo img, .titleBlocInfo span{
	float:left;
}

.titleBlocInfo span{
	padding:5px 0 0 10px;
	color:#ffffff;
}

.lineBlocInfo{
	float:left;
	width:250px;
	font-size:12px;
	padding:10px 0 0 16px;
}

.lineBlocInfo img, .lineBlocInfo span{
	float:left;	
}

.lineBlocInfo span{
	margin:0 0 0 5px;
}

.lineBlocInfo a span{
	font-size:11px;
	color:#ffffff;
	text-decoration:underline;
}




/*
------------------------------------------------------------------------------------------------------------------------
MENU 
------------------------------------------------------------------------------------------------------------------------
*/

#menu{
	width:100%;
	height:32px;
	border:1px solid #bed5dd;
}

#contentMenu{
	margin:0 auto;
	width:946px;
	height:32px;
	padding:0 0 0 24px;
}

.btnMenu{
	float:left;
	height:32px;
	color:#2580b4;
	background:url("../img/sep_menu.jpg") right no-repeat;
	font-size:14px;
	padding:0 9px 0 9px;
}

.btnMenu a{
	float:left;
	height:24px;
	color:#2580b4;
	padding:8px 14px 0 14px;
}

.btnMenu a:hover, .activeMenu a{
	float:left;
	height:24px;
	color:#2580b4;
	padding:8px 14px 0 14px;
	background:#ffffff url("../img/btn_menu_over_left.jpg") left no-repeat;
}

.infoMenu{
	float:left;
	height:24px;
	font-size:14px;
	padding:0 0 0 70px;
}

.infoMenu a{
	float:left;
	height:24px;
	color:#2580b4;
	padding:8px 14px 0 14px;
}

.infoMenu a:hover{
	float:left;
	height:24px;
	color:#2580b4;
	padding:8px 14px 0 14px;
	background:#ffffff url("../img/btn_menu_over_left.jpg") left no-repeat;
}


/*
------------------------------------------------------------------------------------------------------------------------
CONTENU
------------------------------------------------------------------------------------------------------------------------
*/

#wrapper{
	float:left;
	width:100%;
	background:#ffffff url("../img/bg_wrapper.jpg") repeat-x;
}

#content{
	margin:0 auto;
	width:970px;
}

#contentLeft{
	float:left;
	width:415px;
	padding:48px 0 0 24px;
}

#contentRight{
	float:left;
	width:428px;
	min-height:344px;
	padding:48px 0 0 101px;
}

#sepContent{
	float:left;
	width:2px;
}

#erreurs{
  font-size:12px;
  font-weight:bold;
  margin-top:10px;
}

#liste_erreurs {
  font-size:12px;
  font-weight:bold;
  color: #b22222;
  padding-left:50px;
  margin-bottom:20px;
}

#liste_erreurs a{
  font-size:12px;
  font-weight:bold;
  color: #b22222;
  text-decoration:underline;
}

.messageConfirmation{
  padding: 100px 0px 200px 100px;
  font-weight:bold;
  font-size:14px;
}

/*-- Page Login ------------------------------------------------------------------------------------------------------*/

.descConnection{
	font-size:12px;
	font-weight:normal;
	padding:10px 0 0 0;	
}

#formConnection{
	float:left;
	width:397px;
	padding:10px 0 0 18px;		
}

.labelConnection{
	float:left;
	width:100%;
	margin:10px 0 0 0;
}

.inputTextConnection{
	float:left;
	width:294px;
	height:18px;
	background:url("../img/bg_input_text.jpg") no-repeat;
	border:none;
	padding:7px 7px 5px 7px;
}

.linkPassword{
	float:left;
	width:100%;
}

.linkPassword a{
	color:#2580b4;
	text-decoration:none;
}

.linkPassword a:hover{
	color:#2580b4;
	text-decoration:underline;
}

.selectConnection{
	float:left;
	width:308px;
	height:30px;
	background:url("../img/bg_input_text.jpg") no-repeat;
	border:none;
	margin:15px 0 0 0;
}

.btnEnvoyerConnection{
	float:left;
	width:100%;
}

.btnSubmitConnection{
	float:left;
	width:113px;
	height:31px;
	background:url("../img/btn_envoyer.jpg") no-repeat;
	border:none;
	cursor:pointer;
	margin:32px 0 0 0;
}

.descNouvelIntervenant{
	float:left;
	padding:50px 0 30px	 0;
}

/*-- Page Mon Profil ------------------------------------------------------------------------------------------------------*/

#mainProfil{
	float:left;
	width:946px;
	padding:32px 0 43px 24px;
}

#formProfil{
	float:left;
	padding:35px 0 0 0;
}

.titleCoordProfil{
	font-size:12px;
	font-weight:normal;
	font-style:italic;
}

.colCoordFormProfil{
	float:left;
	width:450px;
	padding:0 0 0 17px;
}

.lineCoordFormProfil{
	float:left;
	width:100%;	
	padding:0 0 10px 0;
}

.labelProfil, .labelProfil img, .labelProfil span, .inputTextProfil, .inputTextCP{
	float:left;
}

.labelProfil{
	width:100px;
	padding:4px 0 0 0;	
}

.labelProfil img{
	padding:5px 3px 0 0;
}

.inputTextProfil{
	width:290px;
	height:19px;
	background:url("../img/bg_input_text_profil.jpg") no-repeat;
	border:none;
	padding:4px 10px 0 10px;
}

.inputTextCP{
	width:48px;
	height:19px;
	background:url("../img/bg_input_text_cp.jpg") no-repeat;
	border:none;
	padding:4px 10px 0 10px;
}

.selectProfil{
	width:310px;
	height:23px;
	background:url("../img/bg_input_text_profil.jpg") no-repeat;
	border:none;
	padding:4px 0 0 10px;
}

.lineCode{
	margin:28px 0 0 0;
}

.titleSpecProfil{
	float:left;
	width:946px;
	margin:50px 0 20px 0;
}

.colSpecFormProfil{
	float:left;
	width:271px;
	padding:0 0 0 17px;
}

.titleColSpecFormProfil{
	float:left;
	width:100%;
	font-size:14px;
	font-weight:bold;
	padding:0 0 10px 0;
}

.lineSpecFormProfil{
	float:left;
	width:100%;
	padding:0 0 10px 0;
}

.checkboxProfil, .lineSpecFormProfil span{
	float:left;
}	
	
.checkboxProfil{
	margin:2px 8px 0 0;
}

#btnFormProfil{
	float:left;
	width:895px;
	text-align:right;
	padding:35px 75px 0 0;
}

.btnSubmitProfil{
	float:right;
	width:266px;
	height:31px;
	background:url("../img/btn_enregistrer_modifs.jpg") no-repeat;
	cursor:pointer;
	border:none;
	margin:0 17px 0 0;
}

.btnClearProfil{
	float:right;
	width:113px;
	height:31px;
	background:url("../img/btn_annuler.jpg") no-repeat;
	cursor:pointer;
	border:none;
}

/*-- Page Creation d'un compte (inscription) ------------------------------------------------------------------------------------------------------*/

#formInscription{
	float:left;
	padding:35px 0 0 0;
}

.descInscription{
	width:946px;
	font-size:14px;
	font-weight:normal;
	padding:20px 0 0 24px;
}

.titleMdpInscription{
	float:left;
	width:946px;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	margin:50px 0 0 0;
}

.colMdpFormInscription{
	float:left;
	width:450px;
	padding:0 0 0 17px;
}

.lineMdpFormInscription{
	float:left;
	margin:15px 0 0 0;
}


/*-- Page Proposer Un Manuscrit ------------------------------------------------------------------------------------------------------*/

.titleRenseignements{
	margin:0 0 30px 0;
}

.labelPropManuscrit{
	float:left;
	width:100%;
	margin:0 0 6px 0;
}

.labelPropManuscrit img{
	float:left;
	padding:5px 3px 0 0;
}

.labelPropManuscrit span{
	float:left;
}

.textareaTitreArticle{
	float:left;
	width:310px;
	height:32px;
	font-size:12px;
	/*background:url("../img/bg_textarea1.jpg") no-repeat;*/
	border:1px solid #DFDFDF;
	padding:5px 6px 5px 6px;
	margin:0 0 18px 0;

}

.textareaCommentaire{
	float:left;
	width:310px;
	height:47px;
	font-size:12px;
	/*background:url("../img/bg_textarea2.jpg") no-repeat;*/
	border:1px solid #DFDFDF;
	padding:5px 6px 5px 6px;
	margin:0 0 18px 0;
}

.inputFilePropManuscrit{
	float:left;
	width:241px;
	margin:0 0 6px 0;
	background:url("../img/bg_input_file.jpg") no-repeat;
	border:none;
}

.descValidationEnvoi{
	float:left;
	width:410px;
	padding:35px 0 0 18px;
}

.descValidationEnvoi span, .checkboxFormPropManuscrit{
	float:left;
}

.checkboxFormPropManuscrit{
	margin:2px 5px 0 0 !important;
	margin:-1px 5px 0 0;
}

.descValidationEnvoi ul{
	padding:25px 0 40px 0;
}

.descValidationEnvoi li{
	padding:0 0 5px 0;
	list-style-type:none;
}

.blueTextDescValidationEnvoi{
	color:#2580b4;
}

.blueTextDescValidationEnvoi a{
	color:#2580b4;
	text-decoration:none;
}

.blueTextDescValidationEnvoi a:hover{
	color:#2580b4;
	text-decoration:underline;
}

.btnSubmitFormPropManuscrit{
	float:left;
	width:113px;
	height:31px;
	background:url("../img/btn_envoyer.jpg") no-repeat;
	cursor:pointer;
	border:none;
	margin:30px 0 0 0;
}

/*-- Page Tableau De Bord ------------------------------------------------------------------------------------------------------*/

#mainBord{
	float:left;
	width:884px;
	margin:20px 24px 0 24px;
	padding:0 0 60px 0;
}

#visiliteRedacteur{
  margin-bottom:10px;
}

#visiliteRedacteur a{
  color:#000000;
}
#visiliteRedacteur a:hover{
  text-decoration:underline;
}

#contentLegende{
	float:left;
	width:872px;
	height:21px;
	border:1px solid #dce9f3;
	padding:6px 0 0 10px;
}

.titleContentLegende{
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#979797;
}

.titleContentLegende span{
	text-decoration:underline;
	padding:0 0 0 3px;
}

.lineContentLegende{
	float:left;
	font-size:11px;
	font-weight:normal;
	color:#979797;
	padding:0 0 0 30px;
}

.colorLineContentLegende{
	float:left;
	width:27px;
	height:15px;
}

.redLine{
	background:#D77D77;
	color:#ffffff;
}

.yellowLine{
	background:#EDC57A;
	color:#ffffff;
}

.greenLine{
	background:#A0C161;
	color:#ffffff;
}

.blueLine{
	background:#e3eef6;
	color:#000;
}

.stripedLine{
  background-image:url("../img/bg_stripe.png");
}

.blankLine{
	color:#000;
  border-bottom:1px solid #DAE7F2 !important;
}

.descContentLegende{
	float:left;
	padding:0 0 0 10px;
}

#optionTriTable{
	float:left;
	width:825px;
	margin:32px 0 0 0;
}

.optionTri{
	float:left;
	color:#949596;
}

.optionTri span{
	padding:0 5px 0 0;
}

.triDate{
	padding:0 0 0 100px;
}

.triTitre{
	padding:0 0 0 40px;
}

.triStatut{
	padding:0 0 0 300px;
}

#tableBord{
	float:left;
	width:880px;
	margin:30px 0 0 0;
}

.tableBordExpert{
  float:left;
	width:880px;
  margin:0 !important;
}

.tableBordExpert caption{
  margin-top:30px;
  font-weight:bold;
  text-align:left;
}

.linkAction a, .linkAction a:hover{
	float:left;
	width:40px;
	color:#2580b4;
	font-size:11px;
	text-decoration:underline;
}

.optionTriTableBord{
	color:#949596;
}

.optionTriTableBord span, .linkOptionTriTableBord{
	float:left;
}

.linkOptionTriTableBord a{
	width:10px;
	margin:0 0 0 2px;
}

.lineTitleTableBord{
	font-size:12px;
	background:#dae7f2;
	padding:3px 20px 3px 20px;
	border-bottom:10px solid #ffffff;
}

.lineContentTable{
	height:37px;
	font-size:12px;
	border-right:1px solid #ffffff;
	border-bottom:4px solid #ffffff;
}

.echeance{
	font-weight:bold;
}

/*-- Page suivi ------------------------------------------------------------------------------------------------------*/

#contentSuivi{
  padding:38px 0 10px 24px;
}

#contentSuivi .step{
  padding: 5px;
  width:100%;
  border:1px solid #2580B4;
  margin-top:10px;
}

#contentSuivi .striped{
  background-image:url("../img/bg_stripe.png");
}


#contentSuivi .step .quarter{
  padding: 0 5px 0 5px;
  width:23%;
  height:60px;
  margin-left:5px;
  float:left;
}
#contentSuivi > .step .quarter{ height:auto; min-height:60px;}

#contentSuivi .step .first{
  padding-top:20px;
  text-align:center;
  font-weight:bold;
  font-size:16px;
  line-height:20px;
  color:#2580B4;
}

#contentSuivi .step .second{
  padding-top:0;
}

#contentSuivi .step .bigSecond{
  width:48% !important;
}
#contentSuivi .step .bigSecond  .smallLine .left{
  width:20% !important;
}
#contentSuivi .step .bigSecond  .smallLine .right{
  width:75% !important;
}

#contentSuivi .step .smallLine{
  height:18px;
  padding:2px 0 0 2px;
  clear:both;
}

#contentSuivi > .step .smallLine{ height:auto; min-height:18px;}

#contentSuivi .step .document{
  height:24px;
  line-height:24px;
}

#contentSuivi .step .document .title{
  display:block;
  vertical-align:middle;
  float:left;
}

#contentSuivi .step .document .links{
  float:left;
  margin-left:5px;
}

#contentSuivi .step .bigLine{
  height:36px;
  padding:4px 0 0 2px;
  clear:both;
}

#contentSuivi > .step .bigLine{ height:auto; min-height:36px;}

#contentSuivi .step .bigLine .expert{
  width:33%;
  float:left;
  line-height:20px;
  margin-bottom:5px;
}

#contentSuivi .step .left{
  width:50%;
  float:left;
}

#contentSuivi .step .right{
  width:50%;
  float:right;
}

#contentSuivi .step .center{
  text-align:center;
}

#contentSuivi .step .painted{
  background-color: #E3EEF6;
}

#contentSuivi .step fieldset{
  border:none;
  border-top:1px solid #2580B4;
  padding-top:10px;
}

#contentSuivi .step #formulaireEnvoiExpertise .titre{
  padding-top:15px;
  padding-left:160px;
  margin-bottom:5px;
}

#contentSuivi .step #formulaireEnvoiExpertise .contenu{
  float:left;
  display:inline;
}

#contentSuivi .step #formulaireEnvoiExpertise .contenu label{
  float:left;
  display:block;
  width:220px;
  padding-top:5px;
  font-size:11px;
}

#contentSuivi .step #formulaireEnvoiExpertise .submit, .step #formulaireStatut .submit, .step #formulaireEnvoiAnnotation .submit{
  float:right;
  display:inline;
}

#contentSuivi .step #formulaireEnvoiExpertise .submit, .step #formulaireStatut .submit, .step #formulaireEnvoiAnnotation .submit{
  float:right;
  display:inline;
  padding-top:10px;
}

#contentSuivi .step #formulaireEnvoiExpertise .submit input, .step #formulaireStatut .submit input, .step #formulaireEnvoiAnnotation .submit input{
  float:left;
	width:113px;
	height:31px;
	background:url("../img/btn_envoyer.jpg") no-repeat;
	cursor:pointer;
	border:none;
}

/*
------------------------------------------------------------------------------------------------------------------------
Administration
------------------------------------------------------------------------------------------------------------------------
*/

#leftAdmin{
  padding-top:5px;
  padding-left:50px;
  width:200px;
  margin-bottom:20px;
  float:left;
}

#leftAdmin .titre{
  border:1px solid #BED5DD;
  background:#FFFFFF url(../img/bg_wrapper.jpg) repeat-x scroll 0 0;
  width:100%;
  height:25px;
  text-align:center;
  font-size:14px;
  color:#2580B4;
  font-weight:bold;
  padding-top:5px;
}

#leftAdmin .contenu{
  border:1px solid #BED5DD;
  border-top:none;
  background-color:#E6EFF6;
  width:100%;
  height:150px;
  padding-top:10px;
}
#leftAdmin > .contenu{ height:auto; min-height:150px;}

#leftAdmin .contenu ul{
  list-style-type:none;
  margin-left:10px;
  padding-right:10px;
}

#leftAdmin .contenu ul li{
  height:17px;
  margin-bottom:3px;
  font-weight:bold;
}

#leftAdmin .contenu ul li.selected, #leftAdmin .contenu ul li:hover{
  background-color:white;
}

#leftAdmin .contenu ul li a{
  color:black;
}

#rightAdmin{
  float:left;
  padding-top:5px;
  padding-left:20px;
  margin-bottom:20px;
  width:690px;
}

#rightAdmin .titre{
  border:1px solid #BED5DD;
  background:#FFFFFF url(../img/bg_wrapper.jpg) repeat-x scroll 0 0;
  width:100%;
  height:25px;
  font-size:12px;
  color:#2580B4;
  font-weight:bold;
  padding-top:5px;
  padding-left:10px;
}

#rightAdmin .contenu{
  padding-top:15px;
  padding-left:15px;
}

#rightAdmin .contenu input{
  width:300px;
}

#rightAdmin .contenu textarea{
  width:400px;
  height:100px;
}

#rightAdmin .contenu .save{
  margin-left:150px;
}

#rightAdmin .contenu .separator{
  border:1px solid #BED5DD;
  width:100%;
  margin-top:20px;
  margin-bottom:20px;
  height:0.1px;
}

#rightAdmin #nouveauxComptes{
  width:100%;
}

#rightAdmin #nouveauxComptes .linkAction a{
  width:60px;
}

#rightAdmin .contenu #fiche .inputText{
  background:transparent url(../img/bg_input_text_annuaire.jpg) no-repeat scroll 0 0;
  border:medium none;
  height:19px;
  padding:4px 10px 0;
  width:212px;
}

#rightAdmin .contenu #fiche .left{
  width:50%;
  float:left;
}

#rightAdmin .contenu #fiche .right{
  width:50%;
  float:left;
}


/*
------------------------------------------------------------------------------------------------------------------------
PIED DE PAGE
------------------------------------------------------------------------------------------------------------------------
*/

#footer{
	float:left;
	width:100%;
	height:117px;
	font-size:11px;
	background:url("../img/bg_footer.jpg") repeat-x;	
}

#linkFooter{
	margin:0 auto;
	width:970px;
	color:#828282;
	text-align:center;
	padding:10px 0 0 0;
}

#linkFooter a{
	color:#828282;
	text-decoration:none;
}

#linkFooter a:hover{
	color:#828282;
	text-decoration:underline;
}