/*******************************************
// Feuille de style CSS NAthan
// Date        : Mars 2008
// Définition  : Feuille de style
// Version     : 1.0.0
*******************************************/

	/*blocs communs*/
	html, body{
		margin:0px;
		padding:0px;
		height: 100%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#666666;
	}

	#page{
		position:relative;
		min-height:100%;
		background-image:url(../../img/communs/bg.gif);
		background-position:right 103px;
		background-repeat:repeat-y;
		background-color:#ffffff;
	}

	/*header*/
	#page #top{
		height:101px;
		width:100%;
		background-repeat:repeat-y;
		background-position:left;
	}

	#page #top #nathan{
		position:absolute;
		top:8px;
		left:0px;
	}

	#page #top .titre{
		position:absolute;
		top:0px;
		left:187px;
	}
	
	#page #top #urlretourprof{
		position:absolute;
		top:7px;
		left:340px;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
	}
	#page #top #urlretourprof a{
		color:#FFFFFF;
	}

	#page #top .liens{
		float:right;
		display:inline;
		margin-top:6px;
		margin-right:9px;
		color:#ffffff;
	}

	#page #top .liens a{
		color:#ffffff;
		text-decoration:none;
	}

	#page #top .liens a:hover{
		text-decoration:underline;
	}

	#page #top h1 {
		float:left;
		display:inline;
		position: absolute;
		padding:0px;
		margin:0px;
		margin-left:207px;
		margin-top:40px;
		color:#ffffff;
		font-size:26px;
		font-weight:normal;
	}

	#page #top h1 a {
		color:#ffffff;
		text-decoration:none;
	}

	#page #top #topCol h2 {
		position: absolute;
		margin-left: 207px;
		margin-top:75px;
		color:#ffffff;
		left: 0px;
		font-size:12px;
		font-weight:normal;
	}

	#page #top #topCol h2 a {
		color:#ffffff;
		text-decoration:underline;
	}

	#page #col1{
		float:left;
		display:inline;
		width:187px;
		margin-top:-53px;
		background-image:url(../../img/communs/col1_bg.gif);
		background-repeat:repeat-y;
		background-color:#ffffff;
	}

	#page #col1 #livre{
		float:left;
		display:inline;
		width:187px;
		height:201px;
		text-align:center;
		background-repeat:no-repeat;
		background-position:0px 0px;
	}

	#page #col1 h1{
		float:left;
		display:inline;
		width:162px;
		margin:0px;
		padding:0px;
		padding-top:8px;
		padding-bottom:9px;
		padding-left:24px;
		font-size:16px;
		color:#7e98b5;
		border-bottom:1px solid #7e98b5;
	}

	#page #col1 ul.menu{
		float:left;
		display:inline;
		width:187px;
		margin:0px;
		padding:0px;
		padding-top:10px;
		padding-bottom:30px;
		list-style:none;
		background-image:url(../../img/communs/col1_footer.gif);
		background-repeat:no-repeat;
		background-position:bottom;
	}

	#page #col1 ul.menu li{
		float:left;
		display:inline;
		width:161px;
		padding:0px;
		margin:0px;
		margin-left:9px;
		margin-bottom:5px;
	}

	#page #col1 ul.menu li img{
		margin-left:3px;
	}

	#col1 .menu a{
		text-decoration:none;
		font-weight:normal;
	}

	#page #col1 ul.ssmenu{
		float:left;
		display:inline;
		width:161px;
		margin:0px;
		padding:0px;
		margin-top:5px;
		margin-left:10px;
		margin-bottom: 10px;
		list-style:none;
		background-image:url(../../img/communs/col1_bgssmenu.gif);
		background-repeat:repeat-y;
		background-position:0px;
	}

	#col1 ul.menu ul.ssmenu a{
		float:left;
		display:inline;
		width:161px;
		color:#666666;
		text-decoration:none;
		padding-left:13px;
		font-weight:normal;
	}

	#col1 ul.menu ul.ssmenu a:hover{
		background-repeat:repeat-y;
		background-position:0px;
	}

	#page #col1 ul.ssmenu li{
		float:left;
		display:inline;
		width:161px;
		padding:0px;
		margin:0px;
	}

	#page #col2{
		margin-right:234px;
		margin-left:187px;
		min-height:100%;
		height:100%!important;
		height:auto;
	}

	#page #col2 #contenu{
		float: left;
		display: inline;
		padding-bottom:50px;
		height: 100%;
		width: 100%;
}

	#page #col2 #contenu .all_menuDossier {
		float:right;
		margin-right:11px;
	}

	#page #col2 #contenu .deplace_dossier {
		width: 133px;
		text-decoration: none;
	}

	#page #col2 #contenu #avertissement_dossier	{
		position: relative;
		width:96%;
		margin-top: 5px;
		margin-right: 20px;
		padding: 2px 10px 10px 10px;
		background-color: #CCCCCC;
		display: none;
	}

	#page #col2 #contenu #menu_dossier {
		position:absolute;
		width: 132px;
		border: 1px solid gray;
		border-top: none;
		background: white;
		z-index:999;
	}

	#page #col2 #contenu #menu_dossier p {
		margin-left:2px;
		margin-top: 5px;
		margin-right:2px;
		font-size:11px;
	}

	#page #col2 #contenu #menu_dossier ul  {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	#page #col2 #contenu #menu_dossier li  {
		margin-left: 10px;
		list-style-type: none;
	}

	#page #col2 #contenu #menu_dossier li a {
		color: #000;
		width: 115px;
		text-decoration: none;
		display: block;
		height: auto;
		border: 0 none;
	}

	#page #col2 #contenu #menu_dossier li a:hover {
		background: #CCFFFF;
		filter:alpha(opacity=40);
		opacity:0.4;
	}

	#page #col2 #pathway{			
		height:36px;
		margin:0px;
		padding:0px;
		line-height:20px;
		font-size:11px;
		background-repeat:repeat-x;
	}

	#page #col2 #pathway #pictos{
		float:right;
		display:inline;
		padding:0;
		padding-bottom:8px;
		margin-top:-3px;
	}

	#page #col2 #pathway a.debut{
		display:inline;
		text-decoration:none;
		color:#000000;
		font-weight:normal;
		margin-top:4px;
		position:relative;
	}

	#page #col2 #pathway a {
		display:inline;
		text-decoration:none;
		color:#000000;
		font-weight:normal;
		margin-top:4px;
		position:relative;
	}

	#page #col2 #pathway td.chemindefer {
		line-height:10px;
		padding-left:15px;
		padding-top:5px;
	}


	#page #col2 #pathway p{
		display:inline;
		text-decoration:none;
		color:#000000;
		font-weight:normal;
		margin-top:4px;
		position:relative;
	}


	#page #col2 #pathway a:hover{
		text-decoration:underline;
	}

	#page #col2 #pathway a.picto{
		float:left;
		display:inline;
		text-decoration:none;
		color:#000000;
		font-weight:normal;
		margin-left:2px;
	}

	#page #col2 #pathway img.gauche{
		float:left;
		display:inline;
	}

	#page #col2 #pathway img.square{
		float:right;
		display:inline;
		margin:0px;
		padding:0px;
		margin-top:3px;
		margin-right:10px;
	}

	#page #col2 #pathway img.droite{
		float:right;
		display:inline;
	}

	#page #col2 #pathway #pathwayin{
		height:36px;
		background-repeat:no-repeat;
		background-position:0px 0px;
	}

	#page #col2 #centre{
		width:97%;
		min-height:98%;
		margin:0px;
		padding: 0px 0 0 10px;
		/*margin-left:3px;*/
		margin-right:15px;
		font-family:Arial, Helvetica, sans-serif;
		overflow: auto;
		overflow-x: auto;
		overflow-y: hidden;
	}

	#page #col2 #centre #blocInfoNonAuth {
		position: relative;
		margin-top:5px;
		margin-right: 20px;
		padding: 2px 10px 10px 10px;
		background-color: #EEEEEE;
		display: none;
	}

	#page #col2 #centre #blocInfoNonAuth .txtBleu {
		font-weight: bold;
		color: #3399CC;
	}

	#page #col2 #centre #blocInfoNonAuth .txtNoir {
		font-weight: bold;
		color: #000000;
	}

	#page #col2 #centre #blocInfoPrescription {
		position: relative;
		margin-top:5px;
		margin-right: 20px;
		padding: 2px 10px 10px 10px;
		background-color: #EEEEEE;
		display: none;
	}

	#page #col2 #centre #blocInfoPrescription .txtBleu {
		font-weight: bold;
		color: #3399CC;
	}

	#page #col2 #centre #blocInfoPrescription .txtNoir {
		font-weight: bold;
		color: #000000;
	}

	#page #col2 #centre form{
		display:inline;
		width: 98%;
		height: 100%;
		margin:0px;
		padding:0px;
		margin-right:7px;
		margin-top:2px;
	}

	#page #col2 #centre form h4{
		font-weight: normal;
	}

	#page #col2 #centre form.formLiens {
		float: left;
	}

	#page #col2 #centre form.formDocuments {
		float: left;
	}

	#page #col2 #centre form.formClasse {
		float: left;
	}

	#page #col2 #centre form.creer {
		float: left;
	}

	#page #col2 #centre form.formAddCmt {
		display:block;
		float:none;
	}

	#page #col2 #centre #blocseul {
		width:95%;
	}

	#page #col2 #centre h1{
		width:98%;
		margin:0px;
		padding:0px;
		margin-left:10px;
		margin-top:20px;
		margin-bottom:10px;
	}

	#page #col2 #centre h2{
		width:98%;
		margin:0px;
		padding:0px;
		margin-left:0px;
		margin-top:10px;
		margin-bottom:10px;
		font-size:16px;
		font-weight:bold;
	}

	#page #col2 #centre h3{
		width:98%;
		margin:0px;
		padding:0px;
		margin-left:10px;
		margin-top:10px;
		margin-bottom:10px;
		font-size:15px;
		font-weight:bold;
	}

	#page #col2 #centre .intro_desc_cpg{
		padding: 0 0 0 15px;
		color: #333333;
		font-weight: normal;
	}
	
	#page #col2 #centre h5{
		width:98%;
		margin:0px;
		padding:0px;
		margin-left:10px;
		margin-top:10px;
		margin-bottom:10px;
		font-size:11px;
		font-weight:bold;
	}

	#page #col2 #centre p{
		width:98%;
		margin:0px;
		padding:0px;
		margin-left: 0px;
		margin-top:5px;
		margin-bottom:5px;
	}

	#page #col3{
		float:right;
		display:inline;
		width:234px;
	}

	#page #col3 img{
		float:right;
		display:inline;
	}

	#page #col3 form{
		float:right;
		display:inline;
		margin:0px;
		padding:0px;
		margin-right:7px;
		margin-top:2px;
	}

	#page #col3 form input.texte{
		float:left;
		display:inline;
		height:19px;
		width:180px;
		padding:0px;
		margin:0px;
		padding-left:2px;
		font-size:12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		border:1px solid #7e98b5;	
	}

	#page #col3 form input.bouton{
		float:left;
		display:inline;
		width:35px;
		height:19px;
		border:1px solid #7e98b5;	
	}

	#page #col3 .moncompte{
		float:right;
		display:inline;
		width:226px;
		margin-right:4px;
		margin-top:15px;
		font-size:11px;
		background-image:url(../../img/communs/col3_moncompte_footer.jpg);
		background-position:bottom;
		background-repeat:no-repeat;
	}

	#page #col3 .moncompte h1{
		float:right;
		display:inline;
		margin:0px;
		padding:0px;
	}

	#page #col3 .moncompte h1 a{
		float:right;
		display:inline;
	}

	#page #col3 .moncompte .content{
		float:right;
		display:inline;
		width:226px;
		margin-bottom:8px;
		background-image:url(../../img/communs/col3_moncompte_bg.jpg);
		background-repeat:repeat-y;				
	}

	#page #col3 .login .content .identite{
		float:left;
		display:inline;
		width:218px;
		height:100%;
		margin:0px;
		padding:0px;
		margin-left:4px;
		background-image:url(../../img/communs/col3_moncompte_bgidentite.jpg);
		background-repeat:repeat-y;
		background-color:#e6f1ff;
	}

	#page #col3 .login .content .identite h2{
		float:left;
		display:inline;
		width:204px;
		margin:0px;
		padding:0px;
		margin-left:14px;
		margin-top:7px;
		margin-bottom:5px;
		color:#FF6600;
		font-size:11px;
		font-weight:normal;
	}

	#page #col3 .logout .content .identite h2{
		float:left;
		display:inline;
		width:204px;
		margin:0px;
		padding:0px;
		margin-left:8px;
		margin-top:7px;
		margin-bottom:2px;
		color:#666666;
		font-size:11px;
		font-weight:normal;
	}

	#page #col3 .moncompte .content h3{
		float:left;
		display:inline;
		width:226px;
		padding:0px;
		margin:0px;
		margin-top:10px;
		margin-bottom:8px;
	}

	#page #col3 .moncompte .content a{
		color:#666666;
		text-decoration:none;
	}

	#page #col3 .moncompte .content .blocidentvide{
		float: left;
		display: inline;
		margin-left:8px;
		margin-bottom: 10px;
	}

	#page #col3 .login .content a.lien_annexe{
		float:right;
		display:inline;
		margin-right:10px;
		margin-bottom:4px;
	}

	#page #col3 .login .content a.lien_annexe:hover {
		text-decoration:underline;
	}

	#page #col3 .logout .content a.lien_annexe{
		float:left;
		display:inline;
		color:#FF6600;
		margin-left:8px;
		margin-bottom:4px;
		padding-left:15px;
		background-image:url(../../img/communs/col3_moncompte_puce.jpg);
		background-repeat:no-repeat;
		background-position:0px 0px;
	}

	#page #col3 .moncompte .content img{
		float:left;
		display:inline;
	}

	#page #col3 .moncompte .content ul{
		float:left;
		display:inline;
		width:226px;
		padding:0px;
		margin:0px;
		margin-bottom:10px;
	}

	#page #col3 .moncompte .content li{
		float:left;
		display:inline;
		width:197px;
		padding:0px;
		margin:0px;
		margin-left:20px;
		padding-left:9px;
		margin-bottom:2px;
		background-repeat:no-repeat;
		background-position:0px 5px;
		list-style:none;
	}

	#page #col3 .moncompte .content li a:hover {
		text-decoration: underline;
	}

	/*footer*/
	#footer{
		clear:both;
		text-align:center;
		background-color:#ffffff;
	}

	#footer #contentfooter{		
		position:absolute;
		height:20px;
		left:0;
		bottom:0!important;
		bottom:auto;
		width:100%;
		padding-top:7px;
		font-size:11px;
		font-weight:bold;
		color:#9098a0;
		background-color:#ffffff;
		border-top:1px solid #8fa4bf;
	}

	#footer #contentfooter a{
		color:#9098a0;
		font-size:10px;
	}

	#footer #contentfooter a img{
		margin-bottom:-5px;	
	}
	
	/*contenus communs*/
	img{
		border:none;
	}

	a{
		text-decoration:underline;
	}

	a:hover{
		text-decoration:none;
	}

	/*
	--------------------------------------------------
	COMMENTAIRES --------------------------------------
	--------------------------------------------------
	*/
	#blocCmt {
		/*margin:45px 6px 0 5px;*/
		margin-top: 45px;
		margin-left: 10px;
		margin-right: 10px;
		padding:0;
		font-size:16px;
		font-weight:bold;
		color:#999;
		background:url(../../../../img/cpg2-0/blocCmtSepFd.gif) repeat-x;
	}

	#blocCmt .titreCommentaire {
		background:#FFFFFF;
	}

	#cmtAdmin {
		/*margin:10px 6px 0 0;*/
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
		padding: 8px 20px 13px 20px;
		background:#ffe5e5;
		border:#ffbcbc solid 1px;
	}

	#cmtAdmin p {
		margin:0;
		padding:5px 0 0 0;
		font-size:13px;
		color:#777;
	}

	#cmtAdmin .cmtDate {
		font-size:10px;
		color: #999;
	}

	#cmtAdmin .cmtTitre {
		text-decoration:underline;
	}

	#cmtAdmin a {
		color:#777;
		text-decoration:underline;
	}

	#cmtUti {
		/*margin:10px 6px 0 0;*/
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
		padding: 8px 20px 13px 20px;
		background:#F4F4F4;
		border:#ddd solid 1px;
	}

	#cmtUti p {
		margin:0;
		padding:5px 0 0 0;
		font-size:13px;
		color:#777;
	}

	#cmtUti .cmtDate {
		font-size:10px;
		color: #999;
	}

	#cmtUti .cmtTitre {
		text-decoration:underline;
	}

	#cmtUti a {
		color:#777;
		text-decoration:underline;
	}

	#sendCmt {
		/*margin:10px 6px 0 0;*/
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
		padding: 8px 20px 13px 20px;
		text-align:center;
		background:#CCCCCC;
		border:#bbb solid 1px;
	}

	#sendCmt p {
		margin:0;
		padding:5px 0 0 0;
		font-size:13px;
		font-weight:bold;
		color:#555;
	}

	#addCmt {
		/*margin:10px 6px 0 0;*/
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
		padding: 8px 20px 13px 20px;
		border:#bbb solid 1px;
		font-size: 13px;
		color: #666666;
		background:#FDFDFD;
	}

	#addCmt a {
		font-size: 13px;
		color: #333333;
	}

	#addCmt h4 {
		margin:0 0 10px 0;
		padding:5px 0 0 0;
		font-size:14px;
		font-weight:bold;
		color:#999;
	}

	#addCmt p {
		margin:7px 0 2px 0;
		padding:0;
		font-size:12px;
		font-weight:bold;
		color:#777;
	}

	#addCmt .addCmtTxt {
		margin:2px 0 0 0;
		padding:0;
		font-size:12px;
		font-weight:normal;
	}

	#addCmt .addTag {
		font-size:11px;
		font-weight:normal;
	}

	#addCmt .btAjout {
		margin:15px 0 0 0;
		text-align:right;
	}

	#addCmt #inputTitreCmt, #textareaTxtCmt, #inputTagsCmt {
		margin:0;
		padding:0 5px 5px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333333;
		width:99%;
		border:#bbb solid 1px;
	}

	#zonemsgaddcmt{
		font-size: 12px;
		font-weight:bold;
		color:#FF0033;
	}